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
344 display: inline-block;
347 font: normal .85em/1 "Lucida Grande", Lucida, Arial, sans-serif;
349 text-decoration: none;
352 -moz-user-select: none;
353 -webkit-user-select: none;
355 background: rgb(250, 250, 250);
356 background: -moz-linear-gradient(top, rgb(210, 210, 210), rgb(255, 255, 255));
357 background: -webkit-gradient(linear, left top, left bottom, from(rgb(210, 210, 210)), to(rgb(255, 255, 255)));
358 color: rgb(50, 50, 50);
359 text-shadow: 0 0 2px rgb(255, 255, 255);
360 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);
364 kbd.input,kbd.cmd,kbd.osc {
380 background: rgb(220, 220, 220);
387 content: 'user@linux:~ ';
392 content: 'MacBook:~/Desktop User\$ ';
397 content: 'C:\\Users\\myAccount> ';
401 kbd.optoff, kbd.option {
407 content:url('/images/checkbox-unchecked.png');
409 vertical-align:middle;
413 content:url('/images/checkbox-checked.png');
415 vertical-align:middle;
422 font-stretch:extra-condensed;
429 font-stretch:extra-condensed;
434 kbd.fader, kbd.knob, kbd.button {
435 border-color:#ccccff #aaaadd #8888bb #bbbbee;
436 background-color:#ddddff;
441 border-width: 1px 1px 9px 9px;
446 border-width: 1px 1px 9px 9px;
451 border-width: 1px 1px 3px 3px;
463 background-color:transparent;
477 padding: 0 1em 0 1em;
506 #content img.center {
508 margin:1em auto 1em auto;
516 #content .note,.warning,.fixme {
521 border-width: 1px 1px 1px 8px;
522 -webkit-border-radius: 4px;
523 -moz-border-radius: 4px;
525 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
526 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
527 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
532 border-color: #e3e3e3;
533 background-color: #f5f5f5;
537 border-color: #995555;
538 background-color: #ffeeee;
542 border-color: #999944;
543 background-color: #f0f0e0;
554 /* Keyboard modifiers */
569 content: "Ctrl Alt ";
572 content: "Ctrl Shift ";
575 content: "Ctrl Win ";
578 content: "Alt Shift ";
584 /* Variants *without* space after them (yes, these are needed!) */
602 content: "Ctrl Shift";
608 content: "Alt Shift";
612 /* Automagic translation for Mac based display */
627 content: "Cmd Ctrl ";
630 content: "Cmd Shift ";
636 content: "Ctrl Shift ";
639 /* No space variants (Mac based) */
653 .mac .mod12n:before {
656 .mac .mod13n:before {
657 content: "Cmd Shift";
659 .mac .mod14n:before {
662 .mac .mod23n:before {
663 content: "Ctrl Shift";
674 @media (max-width: 800px) {
687 #chapter { padding-top: 1em; padding-left: 1em; }
688 #subchapter { padding-left: 4em; }
689 #section { padding-left: 6em; }
690 #subsection { padding-left: 8em; }
692 #content table.alternate{ border-collapse:collapse; }
693 .alternate td{ padding:7px; border:#4e95f4 1px solid; }
694 .alternate tr{ background: #b8d1f3; }
695 .alternate tr:nth-child(odd){ background: #b8d1f3; }
696 .alternate tr:nth-child(even){ background: #dae5f4; }
698 .container { position:relative; border: none;}
699 .hoverimg { position: absolute; border: none; }
700 .hoverimg:hover{ z-index:100; box-shadow: 0 0 5px 5px lightgreen; }