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

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