Shamusworld >> Repos - ardour-manual/blob - source/css/common.css

   1
   2 body {
   3   line-height: normal;
   4 }
   5
   6 kbd {
   7   display: inline-block;
   8   min-width: 1em;
   9   padding: .2em .3em;
  10   font: normal .8em/1 sans-serif;
  11   text-decoration: none;
  12   border-radius: .3em;
  13   background: rgb(210, 210, 210);
  14   background: linear-gradient(to top, rgb(210, 210, 210), rgb(255, 255, 255));
  15   color: rgb(50, 50, 50);
  16   white-space: nowrap;
  17   text-shadow: 0 0 2px rgb(255, 255, 255);
  18   box-shadow: inset 0 0 1px rgb(255, 255, 255), inset 0 0 .4em rgb(200, 200, 200), 0 .1em 0 rgb(130, 130, 130), 0 .11em 0 rgba(0, 0, 0, .4), 0 .1em .11em rgba(0, 0, 0, .9);
  19 }
  20
  21 kbd.def {
  22   font-weight: bolder;
  23   margin-right: .2em;
  24 }
  25
  26 kbd.input,
  27 kbd.cmd,
  28 kbd.osc {
  29   font-family: mono;
  30   border-width: 0;
  31   text-transform: none;
  32 }
  33
  34 kbd.input {
  35   background: none;
  36   border-radius: 0;
  37 }
  38
  39 kbd.cmd {
  40   display: block;
  41   width: 100%;
  42   margin-bottom: 1ex;
  43   text-transform: none;
  44   background: rgb(220, 220, 220);
  45   text-align: left;
  46   color: #999999;
  47   text-shadow: none;
  48   box-shadow: none;
  49 }
  50
  51 kbd.cmd.lin:before {
  52   content: 'user@linux:~ ';
  53 }
  54
  55 kbd.cmd.mac:before {
  56   content: 'MacBook:~/Desktop User\$ ';
  57 }
  58
  59 kbd.cmd.win:before {
  60   content: 'C:\\Users\\myAccount> ';
  61 }
  62
  63 kbd.menu,
  64 kbd.option,
  65 kbd.optoff {
  66   border-radius: 0;
  67   background: rgb(240, 240, 240);
  68   box-shadow: inset 0 0 1px rgb(255, 255, 255), inset 0 0 .4em rgb(200, 200, 200), 0 .1em 0 rgb(130, 130, 130), 0 .11em 0 rgba(0, 0, 0, .4);
  69 }
  70
  71 kbd.optoff:before {
  72   content: '\2610\00a0';
  73 }
  74
  75 kbd.option:before {
  76   content: '\2611\00a0';
  77 }
  78
  79 kbd.osc {
  80   border: none;
  81   background: rgb(208, 208, 243);
  82   font-stretch: extra-condensed;
  83   white-space: nowrap;
  84   text-align: left;
  85 }
  86
  87 kbd.fader,
  88 kbd.knob,
  89 kbd.button {
  90   background: rgb(174, 174, 217);
  91   background: linear-gradient(to top, rgb(174, 174, 217), rgb(221, 221, 255));
  92   color: #000044;
  93 }
  94
  95 kbd.fader {
  96   border-width: 1px 1px 9px 9px;
  97 }
  98
  99 kbd.knob {
 100   border-radius: 12px;
 101   border-width: 1px 1px 9px 9px;
 102 }
 103
 104 kbd.button {
 105   border-radius: 8px;
 106   border-width: 1px 1px 3px 3px;
 107 }
 108
 109 kbd.mouse {
 110   border-radius: 10px;
 111 }
 112
 113 samp {
 114   font-family: mono;
 115   color: #666666;
 116   background-color: #EBEBEB;
 117   margin-left: .5em;
 118   margin-right: .5em;
 119 }
 120
 121 #content dfn {
 122   font-weight: bold;
 123   font-style: normal;
 124 }
 125
 126 .note,
 127 .warning {
 128   min-height: 1.5ex;
 129   padding: 1em;
 130   margin-bottom: 1em;
 131   border-style: solid;
 132   border-width: 1px 1px 1px 8px;
 133 }
 134
 135 code {
 136   font-size: .9em;
 137   color: #555;
 138 }
 139
 140 .note {
 141   border-color: #e3e3e3;
 142   background-color: #f5f5f5;
 143 }
 144
 145 .warning {
 146   border-color: #995555;
 147   background-color: #ffeeee;
 148 }
 149
 150 .fixme {
 151   display: none;
 152 }
 153
 154 .imagemap {position: relative;}
 155 .imagemap img {display: block;}
 156 .imagemap .area {display: block; position: absolute; transition: box-shadow 0.15s ease-in-out;}
 157 .imagemap .area:hover {box-shadow: 0px 0px 1vw white;}
 158
 159 /* Keyboard modifiers */
 160 .mod1:before {        content: "Ctrl ";}
 161 .mod2:before {        content: "Alt ";}
 162 .mod3:before {        content: "Shift ";}
 163 .mod4:before {        content: "Win ";}
 164 .mod12:before {       content: "Ctrl Alt ";}
 165 .mod13:before {       content: "Ctrl Shift ";}
 166 .mod14:before {       content: "Ctrl Win ";}
 167 .mod23:before {       content: "Alt Shift ";}
 168 .mod123:before {      content: "Ctrl Alt Shift ";}
 169 .kp:before {          content: "Keypad ";}
 170 /* Variants *without* space after them (yes, these are needed!) */
 171 .mod1n:before {       content: "Ctrl";}
 172 .mod2n:before {       content: "Alt";}
 173 .mod3n:before {       content: "Shift";}
 174 .mod4n:before {       content: "Win";}
 175 .mod12n:before {      content: "Ctrl Alt";}
 176 .mod13n:before {      content: "Ctrl Shift";}
 177 .mod14n:before {      content: "Ctrl Win";}
 178 .mod23n:before {      content: "Alt Shift";}
 179 .mod123n:before {     content: "Ctrl Alt Shift";}
 180 /* Automagic translation for Mac based display */
 181 .mac .mod1:before {   content: "Cmd ";}
 182 .mac .mod2:before {   content: "Ctrl ";}
 183 .mac .mod3:before {   content: "Shift ";}
 184 .mac .mod4:before {   content: "Opt ";}
 185 .mac .mod12:before {  content: "Cmd Ctrl ";}
 186 .mac .mod13:before {  content: "Cmd Shift ";}
 187 .mac .mod14:before {  content: "Cmd Opt ";}
 188 .mac .mod23:before {  content: "Ctrl Shift ";}
 189 .mac .mod123:before { content: "Cmd Ctrl Shift ";}
 190 /* No space variants (Mac based) */
 191 .mac .mod1n:before {  content: "Cmd";}
 192 .mac .mod2n:before {  content: "Ctrl";}
 193 .mac .mod3n:before {  content: "Shift";}
 194 .mac .mod4n:before {  content: "Opt";}
 195 .mac .mod12n:before { content: "Cmd Ctrl";}
 196 .mac .mod13n:before { content: "Cmd Shift";}
 197 .mac .mod14n:before { content: "Cmd Opt";}
 198 .mac .mod23n:before { content: "Ctrl Shift";}
 199 .mac .mod123n:before {content: "Cmd Ctrl Shift";}
 200