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';
21 background-color: #212A30;
30 padding: 1em 1em 2em 1.5em;
41 list-style-type: none;
45 display: inline !important;
49 border-bottom: 1px solid transparent;
53 text-decoration: none;
54 border-bottom: 1px solid #aaa;
63 padding: 1em 2em 2ex 21em;
80 border-bottom: 2px solid #ccc;
86 border-bottom: 2px solid #ddd;
91 margin: 1.5ex 0 1ex 0;
92 border-bottom: 1px solid #eee;
97 margin: 1.5ex 0 .5ex 0;
98 border-bottom: 1px solid #eee;
110 border-bottom: 2px solid #eeeeee;
113 #content table tr:nth-child(odd){
114 background-color: white;
117 #content table tr:nth-child(even){
118 background-color: #f5f5f5;
121 #content table tr:hover {
122 background-color: #F2F9FF;
135 #content table th.sub1 {
139 #content table th.sub2 {
143 #content table thead {
147 #content table.dl th {
148 /* dl class (definition list) is for 2-columns tables that describe properties:
149 maximmizes the width of the 2nd (description) column */
155 #content table.dl td {
169 #content figcaption {
170 display: table-caption;
171 caption-side: bottom;
177 #content figcaption.center {
181 #content figcaption.titleover {
186 #content figure.right {
192 #content figure.left {
198 #content figure.center {
199 margin: 1em auto 1em auto;
204 display: inline-block;
207 font: normal .8em/1 sans-serif;
209 text-decoration: none;
211 background: rgb(250, 250, 250);
212 background: linear-gradient(to top, rgb(210, 210, 210), rgb(255, 255, 255));
213 color: rgb(50, 50, 50);
214 text-shadow: 0 0 2px rgb(255, 255, 255);
215 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);
217 text-transform:capitalize;
243 background: rgb(220, 220, 220);
250 content: 'user@linux:~ ';
255 content: 'MacBook:~/Desktop User\$ ';
260 content: 'C:\\Users\\myAccount> ';
271 content:url('/images/checkbox-unchecked.png');
273 vertical-align:middle;
277 content:url('/images/checkbox-checked.png');
279 vertical-align:middle;
286 font-stretch:extra-condensed;
292 background: rgb(208, 208, 243);
293 font-stretch:extra-condensed;
301 background: rgb(174, 174, 217);
302 background: linear-gradient(to top, rgb(174, 174, 217), rgb(221, 221, 255));
307 border-width: 1px 1px 9px 9px;
312 border-width: 1px 1px 9px 9px;
317 border-width: 1px 1px 3px 3px;
327 background-color:#EBEBEB;
341 #content img.mini:hover {
356 border-width: 1px 1px 1px 8px;
365 border-color: #e3e3e3;
366 background-color: #f5f5f5;
370 border-color: #995555;
371 background-color: #ffeeee;
375 border-color: #999944;
376 background-color: #f0f0e0;
386 /* Keyboard modifiers */
387 .mod1:before { content: "Ctrl ";}
388 .mod2:before { content: "Alt ";}
389 .mod3:before { content: "Shift ";}
390 .mod4:before { content: "Win ";}
391 .mod12:before { content: "Ctrl Alt ";}
392 .mod13:before { content: "Ctrl Shift ";}
393 .mod14:before { content: "Ctrl Win ";}
394 .mod23:before { content: "Alt Shift ";}
395 .kp:before { content: "Keypad ";}
396 /* Variants *without* space after them (yes, these are needed!) */
397 .mod1n:before { content: "Ctrl";}
398 .mod2n:before { content: "Alt";}
399 .mod3n:before { content: "Shift";}
400 .mod4n:before { content: "Win";}
401 .mod12n:before { content: "Ctrl Alt";}
402 .mod13n:before { content: "Ctrl Shift";}
403 .mod14n:before { content: "Ctrl Win";}
404 .mod23n:before { content: "Alt Shift";}
405 /* Automagic translation for Mac based display */
406 .mac .mod1:before { content: "Cmd ";}
407 .mac .mod2:before { content: "Ctrl ";}
408 .mac .mod3:before { content: "Shift ";}
409 .mac .mod4:before { content: "Opt ";}
410 .mac .mod12:before { content: "Cmd Ctrl ";}
411 .mac .mod13:before { content: "Cmd Shift ";}
412 .mac .mod14:before { content: "Cmd Opt ";}
413 .mac .mod23:before { content: "Ctrl Shift ";}
414 /* No space variants (Mac based) */
415 .mac .mod1n:before { content: "Cmd";}
416 .mac .mod2n:before { content: "Ctrl";}
417 .mac .mod3n:before { content: "Shift";}
418 .mac .mod4n:before { content: "Opt";}
419 .mac .mod12n:before { content: "Cmd Ctrl";}
420 .mac .mod13n:before { content: "Cmd Shift";}
421 .mac .mod14n:before { content: "Cmd Opt";}
422 .mac .mod23n:before { content: "Ctrl Shift";}
424 @media (max-width: 800px) {
439 #content p.subchapter,
441 #content p.subsection {
444 #content p.chapter { padding-top: 1em; padding-left: 1em; padding-bottom:1em; }
445 #content p.subchapter { padding-left: 4em; }
446 #content p.section { padding-left: 6em; }
447 #content p.subsection { padding-left: 8em; }
449 /* for images sliced in divs, as in http://manual.ardour.org/ardours-interface/about/ */
450 .container { position: relative; border: none; }
451 .hoverimg { position: absolute; border: none; }
452 .hoverimg:hover{ z-index:100; box-shadow: 0 0 .2em .2em lightgreen; }