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

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