2 font-family: 'junge-regular';
3 src: url('junge-regular-webfont.woff2') format('woff2'),
4 url('junge-regular-webfont.woff') format('woff'),
5 url('junge-regular-webfont.ttf') format('truetype');
11 font-family: 'junge-regular';
20 ul.inside li, ol.inside li {
27 background-color: #212A30;
39 padding: 1em 1em 2em 1.5em;
48 #tree h1.title a:hover {
73 display: inline !important;
78 border-bottom: 1px solid transparent;
83 text-decoration: none;
84 border-bottom: 1px solid #aaa;
90 border-bottom: 1px solid #FFF;
94 padding: 1em 2em 2ex 21em;
118 padding-bottom: .3ex;
124 padding-bottom: .8ex;
125 border-bottom: 2px solid #ccc;
131 border-bottom: 2px solid #ddd;
136 margin: 1.5ex 0 1ex 0;
137 border-bottom: 1px solid #eee;
142 margin: 1.5ex 0 .5ex 0;
143 border-bottom: 1px solid #eee;
157 border-bottom: 2px solid #eeeeee;
160 #content table tr:nth-child(odd){
161 background-color: white;
164 #content table tr:nth-child(even){
165 background-color: #f5f5f5;
168 #content table tr:hover {
169 background-color: #F2F9FF;
179 #content table th.sub1 {
183 #content table th.sub2 {
187 #content table thead {
191 #content table.dl th {
192 /* dl class (definition list) is for 2-columns tables that describe properties:
193 maximmizes the width of the 2nd (description) column */
199 #content table.dl td {
211 display:inline-block;
222 border-top: 2px solid #eee;
246 #content dt:first-child,
247 #content dd:nth-child(2) {
256 #content figcaption {
257 display: table-caption;
258 caption-side: bottom;
262 #content figcaption.center {
264 caption-side: bottom;
267 #content figcaption.titleover {
272 #content figure.right {
278 #content figure.left {
284 #content figure.center {
285 margin: 1em auto 1em auto;
304 display: inline-block;
307 font: normal .85em/1 "Lucida Grande", Lucida, Arial, sans-serif;
309 text-decoration: none;
312 background: rgb(250, 250, 250);
313 background: -moz-linear-gradient(top, rgb(210, 210, 210), rgb(255, 255, 255));
314 background: -webkit-gradient(linear, left top, left bottom, from(rgb(210, 210, 210)), to(rgb(255, 255, 255)));
315 color: rgb(50, 50, 50);
316 text-shadow: 0 0 2px rgb(255, 255, 255);
317 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);
319 text-transform:capitalize;
340 background: rgb(220, 220, 220);
347 content: 'user@linux:~ ';
352 content: 'MacBook:~/Desktop User\$ ';
357 content: 'C:\\Users\\myAccount> ';
368 content:url('/images/checkbox-unchecked.png');
370 vertical-align:middle;
374 content:url('/images/checkbox-checked.png');
376 vertical-align:middle;
383 font-stretch:extra-condensed;
389 background: rgb(208, 208, 243);
390 font-stretch:extra-condensed;
398 background: rgb(174, 174, 217);
399 background: -moz-linear-gradient(top, rgb(174, 174, 217), rgb(221, 221, 255));
400 background: -webkit-gradient(linear, left top, left bottom, from(rgb(174, 174, 217)), to(rgb(221, 221, 255)));
405 border-width: 1px 1px 9px 9px;
410 border-width: 1px 1px 9px 9px;
415 border-width: 1px 1px 3px 3px;
426 background-color:transparent;
460 #content img.center {
462 margin:1em auto 1em auto;
477 border-width: 1px 1px 1px 8px;
478 -webkit-border-radius: 4px;
479 -moz-border-radius: 4px;
481 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
482 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
483 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
492 border-color: #e3e3e3;
493 background-color: #f5f5f5;
497 border-color: #995555;
498 background-color: #ffeeee;
502 border-color: #999944;
503 background-color: #f0f0e0;
513 /* Keyboard modifiers */
514 .mod1:before { content: "Ctrl ";}
515 .mod2:before { content: "Alt ";}
516 .mod3:before { content: "Shift ";}
517 .mod4:before { content: "Win ";}
518 .mod12:before { content: "Ctrl Alt ";}
519 .mod13:before { content: "Ctrl Shift ";}
520 .mod14:before { content: "Ctrl Win ";}
521 .mod23:before { content: "Alt Shift ";}
522 .kp:before { content: "Keypad ";}
523 /* Variants *without* space after them (yes, these are needed!) */
524 .mod1n:before { content: "Ctrl";}
525 .mod2n:before { content: "Alt";}
526 .mod3n:before { content: "Shift";}
527 .mod4n:before { content: "Win";}
528 .mod12n:before { content: "Ctrl Alt";}
529 .mod13n:before { content: "Ctrl Shift";}
530 .mod14n:before { content: "Ctrl Win";}
531 .mod23n:before { content: "Alt Shift";}
532 /* Automagic translation for Mac based display */
533 .mac .mod1:before { content: "Cmd ";}
534 .mac .mod2:before { content: "Ctrl ";}
535 .mac .mod3:before { content: "Shift ";}
536 .mac .mod4:before { content: "Opt ";}
537 .mac .mod12:before { content: "Cmd Ctrl ";}
538 .mac .mod13:before { content: "Cmd Shift ";}
539 .mac .mod14:before { content: "Cmd Opt ";}
540 .mac .mod23:before { content: "Ctrl Shift ";}
541 /* No space variants (Mac based) */
542 .mac .mod1n:before { content: "Cmd";}
543 .mac .mod2n:before { content: "Ctrl";}
544 .mac .mod3n:before { content: "Shift";}
545 .mac .mod4n:before { content: "Opt";}
546 .mac .mod12n:before { content: "Cmd Ctrl";}
547 .mac .mod13n:before { content: "Cmd Shift";}
548 .mac .mod14n:before { content: "Cmd Opt";}
549 .mac .mod23n:before { content: "Ctrl Shift";}
551 @media (max-width: 800px) {
571 #chapter { padding-top: 1em; padding-left: 1em; }
572 #subchapter { padding-left: 4em; }
573 #section { padding-left: 6em; }
574 #subsection { padding-left: 8em; }
576 /* for images sliced in divs, as in http://manual.ardour.org/ardours-interface/about/ */
577 .container { position: relative; border: none; }
578 .hoverimg { position: absolute; border: none; }
579 .hoverimg:hover{ z-index:100; box-shadow: 0 0 .2em .2em lightgreen; }