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: 2ex;
  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 }
  77
  78 kbd.optoff:before {
  79   content:url('/images/checkbox-unchecked.png');
  80   margin: 0 1em 0 0;
  81   vertical-align:middle;
  82 }
  83
  84 kbd.option:before {
  85   content:url('/images/checkbox-checked.png');
  86   margin: 0 1em 0 0;
  87   vertical-align:middle;
  88 }
  89
  90 kbd.menu {
  91   border:none;
  92   background:none;
  93   font-weight:bold;
  94   font-stretch:extra-condensed;
  95   white-space:normal;
  96 }
  97
  98 kbd.osc {
  99   border:none;
 100   background: rgb(208, 208, 243);
 101   font-stretch:extra-condensed;
 102   white-space: nowrap;
 103   text-align:left;
 104 }
 105
 106 kbd.fader,
 107 kbd.knob,
 108 kbd.button {
 109   background: rgb(174, 174, 217);
 110   background: linear-gradient(to top, rgb(174, 174, 217), rgb(221, 221, 255));
 111   color:#000044;
 112 }
 113
 114 kbd.fader {
 115   border-width: 1px 1px 9px 9px;
 116 }
 117
 118 kbd.knob {
 119   border-radius:12px;
 120   border-width: 1px 1px 9px 9px;
 121 }
 122
 123 kbd.button {
 124   border-radius:8px;
 125   border-width: 1px 1px 3px 3px;
 126 }
 127
 128 kbd.mouse {
 129   border-radius:10px;
 130 }
 131
 132 samp {
 133   font-family:mono;
 134   color:#666666;
 135   background-color:#EBEBEB;
 136   margin-left: .5em;
 137   margin-right: .5em;
 138 }
 139
 140 #content dfn {
 141   font-weight: bold;
 142   font-style: normal;
 143 }
 144
 145 .note,
 146 .warning,
 147 .fixme {
 148   min-height: 1.5ex;
 149   padding: 1em;
 150   margin-bottom: 1em;
 151   border-style: solid;
 152   border-width: 1px 1px 1px 8px;
 153 }
 154
 155 code {
 156   font-size: .9em;
 157   color: #555;
 158 }
 159
 160 .note {
 161   border-color: #e3e3e3;
 162   background-color: #f5f5f5;
 163 }
 164
 165 .warning {
 166   border-color: #995555;
 167   background-color: #ffeeee;
 168 }
 169
 170 .fixme {
 171   border-color: #999944;
 172   background-color: #f0f0e0;
 173   font-weight:bold;
 174 }
 175
 176 .fixme:before {
 177   content:'FIXME: ';
 178   font-style: italic;
 179   font-size:2em;
 180 }
 181
 182
 183 /* Keyboard modifiers */
 184 .mod1:before {        content: "Ctrl ";}
 185 .mod2:before {        content: "Alt ";}
 186 .mod3:before {        content: "Shift ";}
 187 .mod4:before {        content: "Win ";}
 188 .mod12:before {       content: "Ctrl Alt ";}
 189 .mod13:before {       content: "Ctrl Shift ";}
 190 .mod14:before {       content: "Ctrl Win ";}
 191 .mod23:before {       content: "Alt Shift ";}
 192 .mod123:before {       content: "Ctrl Alt Shift ";}
 193 .kp:before {          content: "Keypad ";}
 194 /* Variants *without* space after them (yes, these are needed!) */
 195 .mod1n:before {       content: "Ctrl";}
 196 .mod2n:before {       content: "Alt";}
 197 .mod3n:before {       content: "Shift";}
 198 .mod4n:before {       content: "Win";}
 199 .mod12n:before {      content: "Ctrl Alt";}
 200 .mod13n:before {      content: "Ctrl Shift";}
 201 .mod14n:before {      content: "Ctrl Win";}
 202 .mod23n:before {      content: "Alt Shift";}
 203 .mod123n:before {       content: "Ctrl Alt Shift";}
 204 /* Automagic translation for Mac based display */
 205 .mac .mod1:before {   content: "Cmd ";}
 206 .mac .mod2:before {   content: "Ctrl ";}
 207 .mac .mod3:before {   content: "Shift ";}
 208 .mac .mod4:before {   content: "Opt ";}
 209 .mac .mod12:before {  content: "Cmd Ctrl ";}
 210 .mac .mod13:before {  content: "Cmd Shift ";}
 211 .mac .mod14:before {  content: "Cmd Opt ";}
 212 .mac .mod23:before {  content: "Ctrl Shift ";}
 213 .mac .mod123:before {  content: "Cmd Ctrl Shift ";}
 214 /* No space variants (Mac based) */
 215 .mac .mod1n:before {  content: "Cmd";}
 216 .mac .mod2n:before {  content: "Ctrl";}
 217 .mac .mod3n:before {  content: "Shift";}
 218 .mac .mod4n:before {  content: "Opt";}
 219 .mac .mod12n:before { content: "Cmd Ctrl";}
 220 .mac .mod13n:before { content: "Cmd Shift";}
 221 .mac .mod14n:before { content: "Cmd Opt";}
 222 .mac .mod23n:before { content: "Ctrl Shift";}
 223 .mac .mod123n:before { content: "Cmd Ctrl Shift";}
 224
 225 /* for images sliced in divs, as in http://manual.ardour.org/ardours-interface/about/ */
 226 .container { position: relative; border: none; }
 227 .hoverimg { position: absolute; border: none; }