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;
36 padding: 1em 1em 2em 1.5em;
47 list-style-type: none;
50 #tree h1.title a:hover {
55 display: inline !important;
57 /*font-weight: normal;*/
60 border-bottom: 1px solid transparent;
61 /*padding-bottom: .1ex;*/
65 text-decoration: none;
66 border-bottom: 1px solid #aaa;
75 padding: 1em 2em 2ex 21em;
99 border-bottom: 2px solid #ccc;
105 border-bottom: 2px solid #ddd;
110 margin: 1.5ex 0 1ex 0;
111 border-bottom: 1px solid #eee;
116 margin: 1.5ex 0 .5ex 0;
117 border-bottom: 1px solid #eee;
129 border-bottom: 2px solid #eeeeee;
132 #content table tr:nth-child(odd){
133 background-color: white;
136 #content table tr:nth-child(even){
137 background-color: #f5f5f5;
140 #content table tr:hover {
141 background-color: #F2F9FF;
159 #content table th.sub1 {
163 #content table th.sub2 {
167 #content table thead {
171 #content table.dl th {
172 /* dl class (definition list) is for 2-columns tables that describe properties:
173 maximmizes the width of the 2nd (description) column */
179 #content table.dl td {
188 #content figcaption {
189 display: table-caption;
190 caption-side: bottom;
196 #content figcaption.center {
198 caption-side: bottom;
201 #content figcaption.titleover {
206 #content figure.right {
212 #content figure.left {
218 #content figure.center {
219 margin: 1em auto 1em auto;
224 display: inline-block;
227 font: normal .85em/1 "Lucida Grande", Lucida, Arial, sans-serif;
229 text-decoration: none;
232 background: rgb(250, 250, 250);
233 background: -moz-linear-gradient(top, rgb(210, 210, 210), rgb(255, 255, 255));
234 background: -webkit-gradient(linear, left top, left bottom, from(rgb(210, 210, 210)), to(rgb(255, 255, 255)));
235 color: rgb(50, 50, 50);
236 text-shadow: 0 0 2px rgb(255, 255, 255);
237 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);
239 text-transform:capitalize;
265 background: rgb(220, 220, 220);
272 content: 'user@linux:~ ';
277 content: 'MacBook:~/Desktop User\$ ';
282 content: 'C:\\Users\\myAccount> ';
293 content:url('/images/checkbox-unchecked.png');
295 vertical-align:middle;
299 content:url('/images/checkbox-checked.png');
301 vertical-align:middle;
308 font-stretch:extra-condensed;
314 background: rgb(208, 208, 243);
315 font-stretch:extra-condensed;
323 background: rgb(174, 174, 217);
324 background: -moz-linear-gradient(top, rgb(174, 174, 217), rgb(221, 221, 255));
325 background: -webkit-gradient(linear, left top, left bottom, from(rgb(174, 174, 217)), to(rgb(221, 221, 255)));
330 border-width: 1px 1px 9px 9px;
335 border-width: 1px 1px 9px 9px;
340 border-width: 1px 1px 3px 3px;
351 background-color:transparent;
373 #content img.mini:hover {
375 /*transition: width .5s ease; doesn't work on right-floated figures */
389 border-width: 1px 1px 1px 8px;
398 border-color: #e3e3e3;
399 background-color: #f5f5f5;
403 border-color: #995555;
404 background-color: #ffeeee;
408 border-color: #999944;
409 background-color: #f0f0e0;
419 /* Keyboard modifiers */
420 .mod1:before { content: "Ctrl ";}
421 .mod2:before { content: "Alt ";}
422 .mod3:before { content: "Shift ";}
423 .mod4:before { content: "Win ";}
424 .mod12:before { content: "Ctrl Alt ";}
425 .mod13:before { content: "Ctrl Shift ";}
426 .mod14:before { content: "Ctrl Win ";}
427 .mod23:before { content: "Alt Shift ";}
428 .kp:before { content: "Keypad ";}
429 /* Variants *without* space after them (yes, these are needed!) */
430 .mod1n:before { content: "Ctrl";}
431 .mod2n:before { content: "Alt";}
432 .mod3n:before { content: "Shift";}
433 .mod4n:before { content: "Win";}
434 .mod12n:before { content: "Ctrl Alt";}
435 .mod13n:before { content: "Ctrl Shift";}
436 .mod14n:before { content: "Ctrl Win";}
437 .mod23n:before { content: "Alt Shift";}
438 /* Automagic translation for Mac based display */
439 .mac .mod1:before { content: "Cmd ";}
440 .mac .mod2:before { content: "Ctrl ";}
441 .mac .mod3:before { content: "Shift ";}
442 .mac .mod4:before { content: "Opt ";}
443 .mac .mod12:before { content: "Cmd Ctrl ";}
444 .mac .mod13:before { content: "Cmd Shift ";}
445 .mac .mod14:before { content: "Cmd Opt ";}
446 .mac .mod23:before { content: "Ctrl Shift ";}
447 /* No space variants (Mac based) */
448 .mac .mod1n:before { content: "Cmd";}
449 .mac .mod2n:before { content: "Ctrl";}
450 .mac .mod3n:before { content: "Shift";}
451 .mac .mod4n:before { content: "Opt";}
452 .mac .mod12n:before { content: "Cmd Ctrl";}
453 .mac .mod13n:before { content: "Cmd Shift";}
454 .mac .mod14n:before { content: "Cmd Opt";}
455 .mac .mod23n:before { content: "Ctrl Shift";}
457 @media (max-width: 800px) {
472 #content p.subchapter,
474 #content p.subsection {
477 #content p.chapter { padding-top: 1em; padding-left: 1em; padding-bottom:1em; }
478 #content p.subchapter { padding-left: 4em; }
479 #content p.section { padding-left: 6em; }
480 #content p.subsection { padding-left: 8em; }
482 /* for images sliced in divs, as in http://manual.ardour.org/ardours-interface/about/ */
483 .container { position: relative; border: none; }
484 .hoverimg { position: absolute; border: none; }
485 .hoverimg:hover{ z-index:100; box-shadow: 0 0 .2em .2em lightgreen; }