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 #content dl.wide-table
257 #content .wide-table dt
269 border-top: 2px solid #eee;
272 #content dt:first-child,
273 #content dd:nth-child(2) {
277 #content .wide-table dd
285 #content dl.narrower-table
293 #content .narrower-table dt
302 #content .narrower-table dd
311 display: inline-block;
314 font: normal .85em/1 "Lucida Grande", Lucida, Arial, sans-serif;
316 text-decoration: none;
319 -moz-user-select: none;
320 -webkit-user-select: none;
322 background: rgb(250, 250, 250);
323 background: -moz-linear-gradient(top, rgb(210, 210, 210), rgb(255, 255, 255));
324 background: -webkit-gradient(linear, left top, left bottom, from(rgb(210, 210, 210)), to(rgb(255, 255, 255)));
325 color: rgb(50, 50, 50);
326 text-shadow: 0 0 2px rgb(255, 255, 255);
327 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);
329 text-transform:capitalize;
332 kbd.input,kbd.cmd,kbd.osc {
348 background: rgb(220, 220, 220);
355 content: 'user@linux:~ ';
360 content: 'MacBook:~/Desktop User\$ ';
365 content: 'C:\\Users\\myAccount> ';
369 kbd.optoff, kbd.option {
375 content:url('/images/checkbox-unchecked.png');
377 vertical-align:middle;
381 content:url('/images/checkbox-checked.png');
383 vertical-align:middle;
390 font-stretch:extra-condensed;
396 background: rgb(208, 208, 243);
397 font-stretch:extra-condensed;
402 kbd.fader, kbd.knob, kbd.button {
403 background: rgb(174, 174, 217);
404 background: -moz-linear-gradient(top, rgb(174, 174, 217), rgb(221, 221, 255));
405 background: -webkit-gradient(linear, left top, left bottom, from(rgb(174, 174, 217)), to(rgb(221, 221, 255)));
410 border-width: 1px 1px 9px 9px;
415 border-width: 1px 1px 9px 9px;
420 border-width: 1px 1px 3px 3px;
432 background-color:transparent;
446 padding: 0 1em 0 1em;
475 #content img.center {
477 margin:1em auto 1em auto;
485 #content .note,.warning,.fixme {
490 border-width: 1px 1px 1px 8px;
491 -webkit-border-radius: 4px;
492 -moz-border-radius: 4px;
494 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
495 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
496 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
501 border-color: #e3e3e3;
502 background-color: #f5f5f5;
506 border-color: #995555;
507 background-color: #ffeeee;
511 border-color: #999944;
512 background-color: #f0f0e0;
523 /* Keyboard modifiers */
538 content: "Ctrl Alt ";
541 content: "Ctrl Shift ";
544 content: "Ctrl Win ";
547 content: "Alt Shift ";
553 /* Variants *without* space after them (yes, these are needed!) */
571 content: "Ctrl Shift";
577 content: "Alt Shift";
581 /* Automagic translation for Mac based display */
596 content: "Cmd Ctrl ";
599 content: "Cmd Shift ";
605 content: "Ctrl Shift ";
608 /* No space variants (Mac based) */
622 .mac .mod12n:before {
625 .mac .mod13n:before {
626 content: "Cmd Shift";
628 .mac .mod14n:before {
631 .mac .mod23n:before {
632 content: "Ctrl Shift";
643 @media (max-width: 800px) {
656 #chapter { padding-top: 1em; padding-left: 1em; }
657 #subchapter { padding-left: 4em; }
658 #section { padding-left: 6em; }
659 #subsection { padding-left: 8em; }
661 #content table.alternate{ border-collapse:collapse; }
662 .alternate td{ padding:7px; border:#4e95f4 1px solid; }
663 .alternate tr{ background: #b8d1f3; }
664 .alternate tr:nth-child(odd){ background: #b8d1f3; }
665 .alternate tr:nth-child(even){ background: #dae5f4; }
667 .container { position:relative; border: none;}
668 .hoverimg { position: absolute; border: none; }
669 .hoverimg:hover{ z-index:100; box-shadow: 0 0 5px 5px lightgreen; }