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;
108 border-bottom: 2px solid #ccc;
109 padding-bottom: 10px;
114 margin: 30px 0 20px 0;
117 border-bottom: 2px solid #ddd;
121 margin: 20px 0 10px 0;
124 border-bottom: 1px solid #eee;
130 margin: 20px 0 10px 0;
131 padding-bottom: 10px;
132 border-bottom: 1px solid #eee;
187 #content figcaption {
188 display: table-caption;
189 caption-side: bottom;
193 #content figcaption.center {
194 display: table-caption;
196 caption-side: bottom;
200 #content figcaption.titleover {
204 #content figure.right {
210 #content figure.left {
216 #content figure.center {
217 margin: 1em auto 1em auto;
249 /* Keyboard binding layout */
258 #content .bindings dt
266 font-family: "Trebuchet MS", "Bitstream Vera Sans", Verdana, Arial, Helvetica, sans-serif;
270 #content .bindings dd
277 font-family: "Bitstream Vera Sans Mono", "Courier New", monospace;
282 #content dl.wide-table
290 #content .wide-table dt
302 border-top: 2px solid #eee;
305 #content dt:first-child,
306 #content dd:nth-child(2) {
310 #content .wide-table dd
318 #content dl.narrower-table
326 #content .narrower-table dt
335 #content .narrower-table dd
345 display: inline-block;
348 font: normal .85em/1 "Lucida Grande", Lucida, Arial, sans-serif;
350 text-decoration: none;
351 -moz-border-radius: .3em;
352 -webkit-border-radius: .3em;
356 -moz-user-select: none;
357 -webkit-user-select: none;
359 background: rgb(250, 250, 250);
360 background: -moz-linear-gradient(top, rgb(210, 210, 210), rgb(255, 255, 255));
361 background: -webkit-gradient(linear, left top, left bottom, from(rgb(210, 210, 210)), to(rgb(255, 255, 255)));
362 color: rgb(50, 50, 50);
363 text-shadow: 0 0 2px rgb(255, 255, 255);
364 -moz-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);
365 -webkit-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);
366 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);
370 kbd.input,kbd.cmd,kbd.osc {
382 background: rgb(220, 220, 220);
384 -moz-box-shadow: none;
385 -webkit-box-shadow: none;
393 content: 'user@linux:~ ';
398 content: 'MacBook:~/Desktop User\$ ';
403 content: 'C:\\Users\\myAccount> ';
407 kbd.optoff, kbd.option {
410 /*-moz-box-shadow: none;
411 -webkit-box-shadow: none;
417 content:url('/images/checkbox-unchecked.png');
419 vertical-align:middle;
423 content:url('/images/checkbox-checked.png');
425 vertical-align:middle;
432 font-stretch:extra-condensed;
442 kbd.fader, kbd.knob, kbd.button {
443 border-color:#ccccff #aaaadd #8888bb #bbbbee;
444 background-color:#ddddff;
449 border-width: 1px 1px 9px 9px;
453 -moz-border-radius:12px;
455 border-width: 1px 1px 9px 9px;
459 -moz-border-radius:8px;
461 border-width: 1px 1px 3px 3px;
465 -moz-border-radius:10px;
474 background-color:transparent;
488 padding: 0 1em 0 1em;
517 #content img.center {
519 margin:1em auto 1em auto;
527 #content .note,.warning,.fixme {
532 border-width: 1px 1px 1px 8px;
533 -webkit-border-radius: 4px;
534 -moz-border-radius: 4px;
536 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
537 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
538 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
543 border-color: #e3e3e3;
544 background-color: #f5f5f5;
548 border-color: #995555;
549 background-color: #ffeeee;
553 border-color: #999944;
554 background-color: #f0f0e0;
565 /* Keyboard modifiers */
580 content: "Ctrl Alt ";
583 content: "Ctrl Shift ";
586 content: "Ctrl Win ";
589 content: "Alt Shift ";
595 /* Variants *without* space after them (yes, these are needed!) */
613 content: "Ctrl Shift";
619 content: "Alt Shift";
623 /* Automagic translation for Mac based display */
638 content: "Cmd Ctrl ";
641 content: "Cmd Shift ";
647 content: "Ctrl Shift ";
650 /* No space variants (Mac based) */
664 .mac .mod12n:before {
667 .mac .mod13n:before {
668 content: "Cmd Shift";
670 .mac .mod14n:before {
673 .mac .mod23n:before {
674 content: "Ctrl Shift";
685 @media (max-width: 800px) {
698 #chapter { padding-top: 1em; padding-left: 1em; }
699 #subchapter { padding-left: 4em; }
700 #section { padding-left: 6em; }
701 #subsection { padding-left: 8em; }
703 #content table.alternate{ border-collapse:collapse; }
704 .alternate td{ padding:7px; border:#4e95f4 1px solid; }
705 .alternate tr{ background: #b8d1f3; }
706 .alternate tr:nth-child(odd){ background: #b8d1f3; }
707 .alternate tr:nth-child(even){ background: #dae5f4; }
709 .container { position:relative; border: none;}
710 .hoverimg { position: absolute; border: none; }
711 .hoverimg:hover{ z-index:100; box-shadow: 0 0 5px 5px lightgreen; }