2 background-color: #212A30;
13 padding: 15px 20px 30px 30px;
22 #tree h1.title a:hover {
57 padding: 10px 30px 30px 350px;
76 display: inline !important;
79 border-bottom: 1px solid transparent;
84 text-decoration: none;
85 border-bottom: 1px solid #aaa;
91 border-bottom: 1px solid #FFF;
106 border-bottom: 2px solid #ccc;
107 padding-bottom: 10px;
112 margin: 30px 0 20px 0;
115 border-bottom: 2px solid #ddd;
119 margin: 20px 0 10px 0;
122 border-bottom: 1px solid #eee;
127 margin: 20px 0 10px 0;
128 padding-bottom: 10px;
129 border-bottom: 1px solid #eee;
132 #content table.dl th {
133 /* dl class (definition list) is for 2-columns tables that describe properties:
134 maximmizes the width of the 2nd (description) column */
139 #content table.dl td {
150 display:inline-block;
159 #content dt, #content dd {
160 border-top: 2px solid #eee;
184 #content dt:first-child,
185 #content dd:nth-child(2) {
194 #content figcaption {
195 display: table-caption;
196 caption-side: bottom;
200 #content figcaption.center {
202 caption-side: bottom;
205 #content figcaption.titleover {
210 #content figure.right {
216 #content figure.left {
222 #content figure.center {
223 margin: 1em auto 1em auto;
242 display: inline-block;
245 font: normal .85em/1 "Lucida Grande", Lucida, Arial, sans-serif;
247 text-decoration: none;
250 background: rgb(250, 250, 250);
251 background: -moz-linear-gradient(top, rgb(210, 210, 210), rgb(255, 255, 255));
252 background: -webkit-gradient(linear, left top, left bottom, from(rgb(210, 210, 210)), to(rgb(255, 255, 255)));
253 color: rgb(50, 50, 50);
254 text-shadow: 0 0 2px rgb(255, 255, 255);
255 box-shadow: inset 0 0 1px rgb(255, 255, 255), inset 0 0 .4em rgb(200, 200, 200), 0 .1em 0 rgb(130, 130, 130), 0 .11em 0 rgba(0, 0, 0, .4), 0 .1em .11em rgba(0, 0, 0, .9);
257 text-transform:capitalize;
260 kbd.input,kbd.cmd,kbd.osc {
276 background: rgb(220, 220, 220);
283 content: 'user@linux:~ ';
288 content: 'MacBook:~/Desktop User\$ ';
293 content: 'C:\\Users\\myAccount> ';
297 kbd.optoff, kbd.option {
303 content:url('/images/checkbox-unchecked.png');
305 vertical-align:middle;
309 content:url('/images/checkbox-checked.png');
311 vertical-align:middle;
318 font-stretch:extra-condensed;
324 background: rgb(208, 208, 243);
325 font-stretch:extra-condensed;
330 kbd.fader, kbd.knob, kbd.button {
331 background: rgb(174, 174, 217);
332 background: -moz-linear-gradient(top, rgb(174, 174, 217), rgb(221, 221, 255));
333 background: -webkit-gradient(linear, left top, left bottom, from(rgb(174, 174, 217)), to(rgb(221, 221, 255)));
338 border-width: 1px 1px 9px 9px;
343 border-width: 1px 1px 9px 9px;
348 border-width: 1px 1px 3px 3px;
359 background-color:transparent;
394 #content img.center {
396 margin:1em auto 1em auto;
404 #content .note,.warning,.fixme {
409 border-width: 1px 1px 1px 8px;
410 -webkit-border-radius: 4px;
411 -moz-border-radius: 4px;
413 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
414 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
415 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
424 border-color: #e3e3e3;
425 background-color: #f5f5f5;
429 border-color: #995555;
430 background-color: #ffeeee;
434 border-color: #999944;
435 background-color: #f0f0e0;
446 /* Keyboard modifiers */
448 .mod1:before { content: "Ctrl ";}
449 .mod2:before { content: "Alt ";}
450 .mod3:before { content: "Shift ";}
451 .mod4:before { content: "Win ";}
452 .mod12:before { content: "Ctrl Alt ";}
453 .mod13:before { content: "Ctrl Shift ";}
454 .mod14:before { content: "Ctrl Win ";}
455 .mod23:before { content: "Alt Shift ";}
456 .kp:before { content: "Keypad ";}
457 /* Variants *without* space after them (yes, these are needed!) */
458 .mod1n:before { content: "Ctrl";}
459 .mod2n:before { content: "Alt";}
460 .mod3n:before { content: "Shift";}
461 .mod4n:before { content: "Win";}
462 .mod12n:before { content: "Ctrl Alt";}
463 .mod13n:before { content: "Ctrl Shift";}
464 .mod14n:before { content: "Ctrl Win";}
465 .mod23n:before { content: "Alt Shift";}
466 /* Automagic translation for Mac based display */
467 .mac .mod1:before { content: "Cmd ";}
468 .mac .mod2:before { content: "Ctrl ";}
469 .mac .mod3:before { content: "Shift ";}
470 .mac .mod4:before { content: "Opt ";}
471 .mac .mod12:before { content: "Cmd Ctrl ";}
472 .mac .mod13:before { content: "Cmd Shift ";}
473 .mac .mod14:before { content: "Cmd Opt ";}
474 .mac .mod23:before { content: "Ctrl Shift ";}
475 /* No space variants (Mac based) */
476 .mac .mod1n:before { content: "Cmd";}
477 .mac .mod2n:before { content: "Ctrl";}
478 .mac .mod3n:before { content: "Shift";}
479 .mac .mod4n:before { content: "Opt";}
480 .mac .mod12n:before { content: "Cmd Ctrl";}
481 .mac .mod13n:before { content: "Cmd Shift";}
482 .mac .mod14n:before { content: "Cmd Opt";}
483 .mac .mod23n:before { content: "Ctrl Shift";}
490 @media (max-width: 800px) {
504 #chapter { padding-top: 1em; padding-left: 1em; }
505 #subchapter { padding-left: 4em; }
506 #section { padding-left: 6em; }
507 #subsection { padding-left: 8em; }
509 /* for images sliced in divs, as in http://manual.ardour.org/ardours-interface/about/ */
510 .container { position:relative; border: none;}
511 .hoverimg { position: absolute; border: none; }
512 .hoverimg:hover{ z-index:100; box-shadow: 0 0 5px 5px lightgreen; }