]> Shamusworld >> Repos - ardour-manual/blob - source/css/app.css
copy-editing chapter 9.
[ardour-manual] / source / css / app.css
1 #tree {
2   background-color: #eee;
3   height: 100%;
4   overflow: scroll;
5   position: fixed;
6   top: 0;
7   bottom: 0;
8   left: 0;
9   width: 300px;
10 }
11
12 #tree-inner {
13   padding: 15px 20px 30px 30px;  
14 }
15
16 #tree h1.title {
17   font-size: 28px;
18   margin-bottom: 20px;
19   font-weight: normal;
20 }
21
22 #tree h1.title a:hover {
23   border-bottom: none;
24 }
25
26 #tree a {
27   font-size: 14px; 
28   line-height: 28px;
29 }
30
31 #tree dd.other {
32   display: none;
33 }
34
35 #tree .level-1,
36 #tree .parent,
37 #tree .child,
38 #tree .parent *,
39 #tree .child * {
40   display: inherit; 
41   color: inherit;
42 }
43
44 #tree dd.child-1,
45 #tree .child-2,
46 #tree .child-3,
47 #tree .child-4 {
48   display: none; 
49 }
50
51
52 #search {
53   height: 70px;
54 }
55
56 #content {
57     padding: 10px 30px 30px 350px;
58     margin-left: 0;
59 }
60
61 #content-main {
62   padding-top: 10px;
63   padding-left: 10px;
64 }
65
66 #content p,
67 #content li,
68 #content dt,
69 #content dd {
70   font-size: 16px;
71   line-height: 28px; 
72 }
73
74
75 #tree a {
76     display: inline !important;
77     font-weight: normal; 
78     color: #666;
79     border-bottom: 1px solid transparent;
80     padding-bottom: 2px;
81 }
82
83 #tree a:hover {
84     text-decoration: none;
85     border-bottom: 1px solid #aaa;
86 }
87
88 #tree .active > a {
89     display: inline;
90     color: #000;
91     border-bottom: 1px solid #555;
92
93 }
94
95 #content,
96 #tree {
97   font-family: Junge;
98 }
99
100 #content h1,
101 #content h2,
102 #content h3,
103 #content h4 {
104     font-weight: normal;
105 }
106
107 #content h1.title {
108  border-bottom: 2px solid #ccc;
109   padding-bottom: 10px;
110   margin-bottom: 40px;
111 }
112
113 #content h2 {
114   margin: 30px 0 20px 0;
115   padding-bottom: 5px;
116   font-size: 22px;
117   border-bottom: 2px solid #ddd;
118 }
119
120 #content h3 {
121  margin: 20px 0 10px 0; 
122   padding-bottom: 5px;
123   font-size: 20px;
124   border-bottom: 1px solid #eee;
125 }
126
127
128 #content h4 {
129   font-size: 18px;
130  margin: 20px 0 10px 0; 
131   padding-bottom: 10px;
132   border-bottom: 1px solid #eee;
133 }
134
135 #content code {
136   font-size: 14px;
137   color: #555;
138 }
139
140 #content dl
141 {
142     float: left;
143     width: 100%;
144     margin: 1em 0;
145     padding: 0;
146 }
147     
148 #content dt
149 {
150     clear: left;
151     float: left;
152     width: 25%;
153     margin: 0;
154     padding: 5px;
155     font-weight: normal;
156 }
157     
158 #content dd
159 {
160     float: left;
161     width: 65%;
162     margin: 0;
163     padding: 5px;
164     font-weight: normal;
165 }
166
167 /* Keyboard binding layout */
168 #content dl.bindings
169 {
170     float: left;
171     width: 100%;
172     margin: 1em 0;
173     padding: 0;
174 }
175     
176 #content .bindings dt
177 {
178     clear: left;
179     float: left;
180     width: 30%;
181     margin: 0;
182     padding: 0px;
183     font-size: 100%;
184     font-family: "Trebuchet MS", "Bitstream Vera Sans", Verdana, Arial, Helvetica, sans-serif;
185     font-weight: normal;
186 }
187     
188 #content .bindings dd
189 {
190     float: left;
191     width: 65%;
192     margin: 0;
193     padding: 0px;
194     font-size: 110%;
195     font-family: "Bitstream Vera Sans Mono", "Courier New", monospace;
196     font-weight: normal;
197 }
198
199
200 #content dl.wide-table
201 {
202     float: left;
203     width: 100%;
204     margin: 1em 0;
205     padding: 0;
206 }
207     
208 #content .wide-table dt
209 {
210         font-weight: normal;
211     clear: left;
212     float: left;
213     width: 30%;
214     margin: 0;
215     padding: 5px;
216 }
217
218 #content dt,
219 #content dd {
220     border-top: 2px solid #eee;
221 }
222
223 #content dt:first-child,
224 #content dd:nth-child(2) {
225     border-top: none;
226 }
227     
228 #content .wide-table dd
229 {
230     float: left;
231     width: 60%;
232     margin: 0;
233     padding: 5px;
234 }
235
236 #content dl.narrower-table
237 {
238     float: left;
239     width: 100%;
240     margin: 1em 0;
241     padding: 0;
242 }
243     
244 #content .narrower-table dt
245 {
246     clear: left;
247     float: left;
248     width: 20%;
249     margin: 0;
250     padding: 5px;
251 }
252     
253 #content .narrower-table dd
254 {
255     float: left;
256     width: 70%;
257     margin: 0;
258     padding: 5px;
259 }
260
261 kbd {
262     -moz-background-clip:border;
263     -moz-background-inline-policy:continuous;
264     -moz-background-origin:padding;
265     background:#EEEEEE none repeat scroll 0 0;
266     border-color:#CCCCCC #AAAAAA #888888 #BBBBBB;
267     border-style:solid;
268     border-width:2px 2px 4px 4px;
269     color:#000000;
270     padding:1px 2px;
271     white-space:nowrap;
272     text-transform:capitalize;
273 }
274
275 kbd.input,kbd.cmd {
276     font-family:mono;
277     border-width:0;
278     text-transform:none;
279
280 }
281
282 kbd.cmd {
283     display:block;
284     width:100%;
285     margin-bottom:1ex;
286     text-transform:none;
287 }
288
289 kbd.cmd.lin:before {
290     content: 'user@linux:~ ';
291     color:#999999;
292 }
293
294 kbd.cmd.mac:before {
295     content: 'MacBook:~/Desktop User\$ ';
296     color:#999999;
297 }
298
299 kbd.cmd.win:before {
300     content: 'C:\\Users\\myAccount> ';
301     color:#999999;
302 }
303
304 kbd.mouse {
305     -moz-border-radius:10px;
306     border-radius:10px;
307 }
308
309 /*
310 .mouse:after {
311     position:relative;
312     top:-1em;
313     left:-1em;
314     content:url('/images/mouse-tail.png');
315 }
316 */
317
318 kbd.menu,kbd.option,kbd.optoff {
319     border:none;
320     background-color:transparent;
321     font-weight:bold;
322     font-stretch:extra-condensed;
323     white-space:normal;
324 }
325
326 kbd.option:after,kbd.optoff:after {
327     font-family:mono;
328     font-weight:lighter;
329     text-align:center;
330     border:solid 1px black;
331     margin-left:0.3em;
332 }
333 kbd.option:after {
334     content:'X';
335
336 }
337 kbd.optoff:after {
338     content:'    ';
339 }
340
341
342 kbd.fader, kbd.knob, kbd.button {
343     border-color:#ccccff #aaaadd #8888bb #bbbbee;
344     background-color:#ddddff;
345     color:#000044;
346 }
347
348 kbd.fader {
349     border-width: 1px 1px 9px 9px;
350 }
351
352 kbd.knob {
353     -moz-border-radius:12px;
354     border-radius:12px; 
355     border-width: 1px 1px 9px 9px;
356 }
357
358 kbd.button {
359     -moz-border-radius:8px;
360     border-radius:8px;
361     border-width: 1px 1px 3px 3px;
362 }
363
364 samp {
365     font-family:mono;
366     font-style:italic;
367     color:#333333;
368     background-color:transparent;
369     margin-left: 1ex;
370     margin-right: 1ex;
371 }
372
373 samp:before {
374     content:"\BB";
375 }
376
377 samp:after {
378     content:"\AB";
379 }
380
381 #content td {
382     padding: 0 1em 0 1em;
383 }
384
385 #content .small {
386     width:150px;
387 }
388
389 #subtopics ul {
390     font-size:20px;
391     font-weight:bold;
392 }
393
394 #content dfn {
395     font-weight: bold;
396     font-style: normal;
397 }
398
399 #content .right {
400     margin: 0 0 1em 1em;
401     float:right;
402 }
403
404 #content .left {
405     margin:0 1em 1em 0;
406     float:left;
407 }
408
409 #content .note,.warning,.fixme {
410     min-height: 20px;
411     padding: 19px;
412     margin-bottom: 20px;
413     border-style: solid;
414     border-width: 1px 1px 1px 8px; 
415     -webkit-border-radius: 4px;
416        -moz-border-radius: 4px;
417             border-radius: 4px;
418     -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
419        -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
420             box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
421
422 }
423
424 #content .note {
425     border-color: #e3e3e3;
426     background-color: #f5f5f5;
427 }
428
429 #content .warning {
430     border-color: #995555;
431     background-color: #ffeeee;
432 }
433
434 #content .fixme {
435     border-color: #999944;
436     background-color: #f0f0e0;
437     font-weight:bold;
438 }
439
440 .fixme:before {
441     content:'FIXME: ';
442     font-style: italic;
443     font-size:200%;
444 }
445
446
447
448
449 .mod1:before {
450     content: "Ctrl ";
451 }
452
453 .mod2:before {
454     content: "Alt ";
455 }
456
457 .mod3:before {
458     content: "Shift ";
459 }
460
461 .mod4:before {
462     content: "Win ";
463 }
464
465 .mod12:before {
466     content: "Ctrl Alt ";
467 }
468
469 .mod13:before {
470     content: "Ctrl Shift ";
471 }
472
473 .mod14:before {
474     content: "Ctrl Win ";
475 }
476
477 .mac .mod1:before {
478     content: "Cmd ";
479 }
480
481 .mac .mod2:before {
482     content: "Ctrl ";
483 }
484
485 .mac .mod3:before {
486     content: "Shift ";
487 }
488
489 .mac .mod4:before {
490     content: "Opt ";
491 }
492
493 .mac .mod12:before {
494     content: "Cmd Ctrl ";
495 }
496
497 .mac .mod13:before {
498     content: "Cmd Shift ";
499 }
500
501 .mac .mod14:before {
502     content: "Cmd Opt ";
503 }
504
505
506
507 #gs_tti0 {
508
509   padding-top: 2px;
510   padding-bottom: 0;
511
512 }
513
514
515
516
517