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

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