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 -moz-user-select: none;
251 -webkit-user-select: none;
253 background: rgb(250, 250, 250);
254 background: -moz-linear-gradient(top, rgb(210, 210, 210), rgb(255, 255, 255));
255 background: -webkit-gradient(linear, left top, left bottom, from(rgb(210, 210, 210)), to(rgb(255, 255, 255)));
256 color: rgb(50, 50, 50);
257 text-shadow: 0 0 2px rgb(255, 255, 255);
258 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);
260 text-transform:capitalize;
263 kbd.input,kbd.cmd,kbd.osc {
279 background: rgb(220, 220, 220);
286 content: 'user@linux:~ ';
291 content: 'MacBook:~/Desktop User\$ ';
296 content: 'C:\\Users\\myAccount> ';
300 kbd.optoff, kbd.option {
306 content:url('/images/checkbox-unchecked.png');
308 vertical-align:middle;
312 content:url('/images/checkbox-checked.png');
314 vertical-align:middle;
321 font-stretch:extra-condensed;
327 background: rgb(208, 208, 243);
328 font-stretch:extra-condensed;
333 kbd.fader, kbd.knob, kbd.button {
334 background: rgb(174, 174, 217);
335 background: -moz-linear-gradient(top, rgb(174, 174, 217), rgb(221, 221, 255));
336 background: -webkit-gradient(linear, left top, left bottom, from(rgb(174, 174, 217)), to(rgb(221, 221, 255)));
341 border-width: 1px 1px 9px 9px;
346 border-width: 1px 1px 9px 9px;
351 border-width: 1px 1px 3px 3px;
362 background-color:transparent;
397 #content img.center {
399 margin:1em auto 1em auto;
407 #content .note,.warning,.fixme {
412 border-width: 1px 1px 1px 8px;
413 -webkit-border-radius: 4px;
414 -moz-border-radius: 4px;
416 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
417 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
418 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
427 border-color: #e3e3e3;
428 background-color: #f5f5f5;
432 border-color: #995555;
433 background-color: #ffeeee;
437 border-color: #999944;
438 background-color: #f0f0e0;
449 /* Keyboard modifiers */
451 .mod1:before { content: "Ctrl ";}
452 .mod2:before { content: "Alt ";}
453 .mod3:before { content: "Shift ";}
454 .mod4:before { content: "Win ";}
455 .mod12:before { content: "Ctrl Alt ";}
456 .mod13:before { content: "Ctrl Shift ";}
457 .mod14:before { content: "Ctrl Win ";}
458 .mod23:before { content: "Alt Shift ";}
459 .kp:before { content: "Keypad ";}
460 /* Variants *without* space after them (yes, these are needed!) */
461 .mod1n:before { content: "Ctrl";}
462 .mod2n:before { content: "Alt";}
463 .mod3n:before { content: "Shift";}
464 .mod4n:before { content: "Win";}
465 .mod12n:before { content: "Ctrl Alt";}
466 .mod13n:before { content: "Ctrl Shift";}
467 .mod14n:before { content: "Ctrl Win";}
468 .mod23n:before { content: "Alt Shift";}
469 /* Automagic translation for Mac based display */
470 .mac .mod1:before { content: "Cmd ";}
471 .mac .mod2:before { content: "Ctrl ";}
472 .mac .mod3:before { content: "Shift ";}
473 .mac .mod4:before { content: "Opt ";}
474 .mac .mod12:before { content: "Cmd Ctrl ";}
475 .mac .mod13:before { content: "Cmd Shift ";}
476 .mac .mod14:before { content: "Cmd Opt ";}
477 .mac .mod23:before { content: "Ctrl Shift ";}
478 /* No space variants (Mac based) */
479 .mac .mod1n:before { content: "Cmd";}
480 .mac .mod2n:before { content: "Ctrl";}
481 .mac .mod3n:before { content: "Shift";}
482 .mac .mod4n:before { content: "Opt";}
483 .mac .mod12n:before { content: "Cmd Ctrl";}
484 .mac .mod13n:before { content: "Cmd Shift";}
485 .mac .mod14n:before { content: "Cmd Opt";}
486 .mac .mod23n:before { content: "Ctrl Shift";}
493 @media (max-width: 800px) {
507 #chapter { padding-top: 1em; padding-left: 1em; }
508 #subchapter { padding-left: 4em; }
509 #section { padding-left: 6em; }
510 #subsection { padding-left: 8em; }
512 /* for images sliced in divs, as in http://manual.ardour.org/ardours-interface/about/ */
513 .container { position:relative; border: none;}
514 .hoverimg { position: absolute; border: none; }
515 .hoverimg:hover{ z-index:100; box-shadow: 0 0 5px 5px lightgreen; }