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

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