/[svn]/doc/tmpl/css/main.css
ViewVC logotype

Contents of /doc/tmpl/css/main.css

Parent Directory Parent Directory | Revision Log Revision Log


Revision 2738 - (show annotations) (download) (as text)
Tue Apr 28 17:24:16 2015 UTC (8 years, 11 months ago) by schoenebeck
File MIME type: text/css
File size: 23436 byte(s)
- Site's CSS style: Added support for "dir" and "file" HTML tags.

1 /*
2 CrudeDoc CSS Style
3 Copyright (c) 2015 Christian Schoenebeck. All rights reserved.
4 http://www.crudebyte.com
5 */
6
7 @import 'fontsbase.css';
8 @import 'jquery-ui.css';
9
10 html {
11 font-family:CRDSans;
12 font-weight:200;
13 font-size:17px;
14 line-height:1.2;
15 }
16
17 body {
18 padding:0;
19 margin:0;
20 background-color:#cbc3c2; /* fallback (non CSS3 browsers) */
21 background: -webkit-linear-gradient(left, rgba(203,195,194,1.0), rgba(171,154,151,1.0)); /* For Safari 5.1 to 6.0 */
22 background: -o-linear-gradient(right, rgba(203,195,194,1.0), rgba(171,154,151,1.0)); /* For Opera 11.1 to 12.0 */
23 background: -moz-linear-gradient(right, rgba(203,195,194,1.0), rgba(171,154,151,1.0)); /* For Firefox 3.6 to 15 */
24 background: linear-gradient(to left, #cbc3c2, #bfb2b0); /* Standard syntax */
25 counter-reset:oli;
26 counter-reset:codeline;
27 }
28
29
30
31 /* top most header strip */
32
33 .lslogo {
34 position:fixed; top:2px; left:6px;
35 border:none;
36 }
37
38 header a {
39 color:#eaeaea;
40 text-decoration:none;
41 outline:none;
42 border:0;
43 }
44
45 header {
46 position:fixed; top:0px;
47 z-index:4;
48 display:table;
49 background-color:#898989;
50 color:#eaeaea;
51 width:100%;
52 padding: 6px 0px 6px 0px;
53 font-size:18px;
54 font-weight:200;
55 vertical-align:middle;
56 }
57
58 header > div {
59 display:table-cell;
60 text-align:left;
61 padding-left:39px;
62 vertical-align:middle;
63 }
64
65 header > menu {
66 display:table-cell;
67 font-family:CRDHigh;
68 font-weight:300;
69 font-size:17px;
70 text-align:right;
71 vertical-align:middle;
72 padding:0; margin:0;
73 }
74
75 header > menu a {
76 padding-right:20px;
77 text-shadow:none;
78 -webkit-transition: text-shadow 0.9s, color 0.9s; /* Safari */
79 -ms-transition: text-shadow 0.9s, color 0.9s;
80 -moz-transition: text-shadow 0.9s, color 0.9s;
81 -o-transition: text-shadow 0.9s, color 0.9s;
82 transition: text-shadow 0.9s linear, color 0.9s linear;
83 }
84
85 header > menu a:hover {
86 color:#ffffff;
87 text-shadow: 0px 0px 13px #ff9999;
88 -webkit-transition: text-shadow 0.31s, color 0.31s; /* Safari */
89 -ms-transition: text-shadow 0.31s, color 0.31s;
90 -moz-transition: text-shadow 0.31s, color 0.31s;
91 -o-transition: text-shadow 0.31s, color 0.31s;
92 transition: text-shadow 0.31s linear, color 0.31s linear;
93 }
94
95 header > menu a:last-child {
96 padding-right:26px;
97 }
98
99
100
101 /* upper horizontal document tree navigation strip */
102
103 nav {
104 position:fixed; top:33px;
105 z-index:3;
106 width:100%;
107 font-size:18px;
108 border-bottom-style:solid;
109 border-bottom-width:1px;
110 border-bottom-color:#898989;
111 padding: 3px 0px 3px 172px;
112 background-color:#eaeaea; /* fallback (pre CSS3 browsers) */
113 background: -webkit-linear-gradient(rgba(251,251,251,1.0), rgba(186,186,186,1.0)); /* For Safari 5.1 to 6.0 */
114 background: -o-linear-gradient(rgba(251,251,251,1.0), rgba(186,186,186,1.0)); /* For Opera 11.1 to 12.0 */
115 background: -moz-linear-gradient(rgba(251,251,251,1.0), rgba(186,186,186,1.0)); /* For Firefox 3.6 to 15 */
116 background: linear-gradient(rgba(251,251,251,1.0), rgba(186,186,186,1.0)); /* Standard syntax */
117 box-shadow: 0px 10px 8px rgba(15,15,15,0.25);
118 }
119
120 nav > ul {
121 list-style:none;
122 padding:0;
123 margin:0;
124 }
125
126 nav > ul > li {
127 color:#5d5d5d;
128 font-weight:200;
129 text-decoration:none;
130 float:left;
131 padding:4px 4px 4px 3px;
132 }
133
134 nav > ul > li:hover {
135 color:white;
136 background-color:rgba(80,80,80,0.5);
137 border-left-style:solid;
138 border-left-width:2px;
139 border-left-color:#a4a4a4;
140 border-right-style:solid;
141 border-right-width:2px;
142 border-right-color:#898989;
143 -webkit-border-top-right-radius: 8px;
144 -moz-border-radius-topright: 8px;
145 border-top-right-radius: 8px;
146 padding:4px 2px 4px 1px;
147 }
148
149 nav > ul > li:last-child {
150 color:black;
151 font-weight:500;
152 }
153
154 nav > ul > li:last-child:hover {
155 color:white;
156 }
157
158 nav > ul > li::before {
159 content: "���";
160 color:#b4b4b4;
161 padding-left:2px;
162 padding-right:5px;
163 }
164
165 nav > ul > li:first-child::before {
166 content: "";
167 }
168
169 nav a {
170 text-decoration:none;
171 color:inherit;
172 outline:none;
173 border:0;
174 }
175
176 nav > ul > li ul { /* base rule for drop down menu */
177 overflow:auto;
178 position:absolute; top:32px;
179 min-width:230px;
180 list-style-type:none;
181 margin:0px 0px 0px -3px;
182 padding:1px 1px 1px 1px;
183 background-color:rgba(80,80,80,0.77);
184 border-bottom-style:solid;
185 border-bottom-width:4px;
186 border-bottom-color:#898989;
187 border-right-style:solid;
188 border-right-width:2px;
189 border-right-color:#898989;
190 border-left-style:solid;
191 border-left-width:2px;
192 border-left-color:#a4a4a4;
193 color:white;
194 -webkit-border-bottom-left-radius: 5px;
195 -moz-border-radius-bottomleft: 5px;
196 border-bottom-left-radius: 5px;
197 -webkit-border-bottom-right-radius: 5px;
198 -moz-border-radius-bottomright: 5px;
199 border-bottom-right-radius: 5px;
200 -webkit-border-top-right-radius: 5px;
201 -moz-border-radius-topright: 5px;
202 border-top-right-radius: 5px;
203 }
204
205 .hasTransform
206 nav > ul > li ul { /* rule extension for drop down menu */
207 display:block;
208 opacity:0;
209
210 -webkit-transform: scaleY(0);
211 -o-transform: scaleY(0);
212 -ms-transform: scaleY(0);
213 -moz-transform: scaleY(0);
214 transform: scaleY(0);
215
216 -webkit-transform-origin: top;
217 -o-transform-origin: top;
218 -ms-transform-origin: top;
219 -moz-transform-origin: top;
220 transform-origin: top;
221
222 -webkit-transition: -webkit-transform 0.16s ease, opacity 0.2s ease;
223 -o-transition: -o-transform 0.16s ease, opacity 0.2s ease;
224 -ms-transition: -ms-transform 0.16s ease, opacity 0.2s ease;
225 -moz-transition: -moz-transform 0.16s ease, opacity 0.2s ease;
226 transition: transform 0.16s ease, opacity 0.2s ease;
227 }
228
229 .hasTransform
230 nav > ul > li:hover ul { /* rule extension for drop down menu */
231 display:block;
232 opacity:1;
233
234 -webkit-transform: scaleY(1);
235 -o-transform: scaleY(1);
236 -ms-transform: scaleY(1);
237 -moz-transform: scaleY(1);
238 transform: scaleY(1);
239
240 -webkit-transition: -webkit-transform 0.1s ease;
241 -o-transition: -o-transform 0.1s ease;
242 -ms-transition: -ms-transform 0.1s ease;
243 -moz-transition: -moz-transform 0.1s ease;
244 transition: transform 0.1s ease;
245 }
246
247 body:not(.hasTransform)
248 nav > ul > li ul { /* fallback rule extension for older browsers */
249 display:none;
250 }
251
252 body:not(.hasTransform)
253 nav > ul > li:hover ul { /* fallback rule extension for older browsers */
254 display:block;
255 }
256
257 nav > ul > li li {
258 padding:3px 14px 3px 14px;
259 -webkit-transition: background-color 0.45s; /* Safari */
260 -moz-transition: background-color 0.45s;
261 -ms-transition: background-color 0.45s;
262 -o-transition: background-color 0.45s;
263 transition: background-color 0.45s linear;
264 }
265
266 nav > ul > li li:hover {
267 background-color:rgba(255,0,0,0.32);
268 -webkit-transition: background-color 0.21s; /* Safari */
269 -moz-transition: background-color 0.21s;
270 -ms-transition: background-color 0.21s;
271 -o-transition: background-color 0.21s;
272 transition: background-color 0.21s linear;
273 }
274
275
276
277 /* article's table of contents (on left side) */
278
279 aside {
280 position:fixed; top:66px;
281 z-index:2;
282 width:180px;
283 max-height: -webkit-calc(100% - 67px);
284 max-height: -moz-calc(100% - 67px);
285 max-height: -o-calc(100% - 67px);
286 max-height: calc(100% - 67px);
287 overflow:auto;
288 overflow-x:hidden;
289 font-family:CRDHigh;
290 color:#5d5d5d;
291 padding:0 0 0 0;
292 margin:0 0 0 0;
293 border-right-style:solid;
294 border-right-width:1px;
295 border-right-color:#ababab;
296
297 -webkit-border-bottom-right-radius: 11px;
298 -moz-border-radius-bottomright: 11px;
299 border-bottom-right-radius: 11px;
300
301 -webkit-border-bottom-left-radius: 11px;
302 -moz-border-radius-bottomleft: 11px;
303 border-bottom-left-radius: 11px;
304 }
305
306 aside > div.toc {
307 z-index:2;
308 width:inherit;
309 padding:0px 0px 0px 0px;
310 margin:0px 0px 0px 0px;
311
312 background-color:#cbc3c2; /* fallback (non CSS3 browsers) */
313 background: -webkit-linear-gradient(left, rgba(203,195,194,1.0), rgba(171,154,151,1.0)); /* For Safari 5.1 to 6.0 */
314 background: -o-linear-gradient(right, rgba(203,195,194,1.0), rgba(171,154,151,1.0)); /* For Opera 11.1 to 12.0 */
315 background: -moz-linear-gradient(right, rgba(203,195,194,1.0), rgba(171,154,151,1.0)); /* For Firefox 3.6 to 15 */
316 background: linear-gradient(to left, #cbc3c2, #bfb2b0); /* Standard syntax */
317
318 -webkit-border-bottom-left-radius: 11px;
319 -moz-border-radius-bottomleft: 11px;
320 border-bottom-left-radius: 11px;
321
322 -webkit-border-bottom-right-radius: 11px;
323 -moz-border-radius-bottomright: 11px;
324 border-bottom-right-radius: 11px;
325 }
326
327 aside a {
328 text-decoration:inherit;
329 color:inherit;
330 outline:none;
331 border:0;
332 }
333
334 aside > div.toc ul {
335 list-style-type:none;
336 list-style-position:inside;
337 padding:0px 0px 0px 0px;
338 margin:0px 0px 0px 0px;
339 }
340
341 aside > div.toc > ul {
342 background-color:#d0d0d0; /* fallback (pre CSS3 browsers) */
343 background: -webkit-linear-gradient(rgba(255,255,255,0.43), rgba(136,136,136,1.49)); /* For Safari 5.1 to 6.0 */
344 background: -o-linear-gradient(rgba(255,255,255,0.43), rgba(136,136,136,0.49)); /* For Opera 11.1 to 12.0 */
345 background: -moz-linear-gradient(rgba(255,255,255,0.43), rgba(136,136,136,0.49)); /* For Firefox 3.6 to 15 */
346 background: linear-gradient(rgba(255,255,255,0.43), rgba(136,136,136,0.49)); /* Standard syntax */
347 }
348
349 aside > div.toc > ul > li {
350 font-size:20px;
351 font-weight:400;
352 margin:0px 0px 0px 0px;
353 padding:5px 20px 5px 24px;
354 border-bottom-style:solid;
355 border-bottom-width:1px;
356 border-bottom-color:#898989;
357 text-align:right;
358 -webkit-transition: background-color 0.45s; /* Safari */
359 -moz-transition: background-color 0.45s;
360 -ms-transition: background-color 0.45s;
361 -o-transition: background-color 0.45s;
362 transition: background-color 0.45s linear;
363 }
364
365 aside .current {
366 color:#caad2c;
367 text-shadow: 0px 0px 8px #fbf1f1;
368 }
369
370 aside > div.toc > ul > li > ul {
371 color:#5d5d5d;
372 }
373
374 aside > div.toc > ul > li > ul > li {
375 font-size:15px;
376 font-weight:200;
377 text-align:right;
378 padding:0;
379 margin: 4px 0px 4px 0px;
380 }
381
382 aside > div.toc > ul > li > ul > li.current {
383 color:#caad2c;
384 text-shadow: 0px 0px 8px #fbf1f1;
385 }
386
387 aside > div.toc > ul > li:hover {
388 background-color:rgba(255,0,0,0.22);
389 -webkit-transition: background-color 0.25s; /* Safari */
390 -moz-transition: background-color 0.25s;
391 -ms-transition: background-color 0.25s;
392 -o-transition: background-color 0.25s;
393 transition: background-color 0.25s linear;
394 }
395
396 aside > div.toc > ul > li > ul > li:hover {
397 list-style-type:disc;
398 }
399
400 aside > div.toc > div.buttons {
401 display:table;
402 width:100%;
403 overflow:hidden;
404 margin:3px 0px 0px 0px;
405 position:relative; bottom:2px;
406 z-index:8;
407 color:#5d5d5d;
408
409 -webkit-border-bottom-right-radius: 11px;
410 -moz-border-radius-bottomright: 11px;
411 border-bottom-right-radius: 11px;
412
413 -webkit-border-bottom-left-radius: 11px;
414 -moz-border-radius-bottomleft: 11px;
415 border-bottom-left-radius: 11px;
416 }
417
418 aside > div.toc > div.buttons > * {
419 display:table-cell;
420 width:50%;
421 font-family:CRDHigh;
422 font-weight:400;
423 color:#5d5d5d;
424 padding:4px 4px 4px 4px;
425 border-bottom-style:solid;
426 border-bottom-width:1px;
427 border-bottom-color:#898989;
428 }
429
430 aside > div.toc > div.buttons > .disabled {
431 color:#959595;
432 }
433
434 aside > div.toc > div.buttons > * {
435 background-color:#d4d4d8; /* fallback */
436 background-color:rgba(242,242,248,0.45);
437 -webkit-transition: background-color 0.5s; /* Safari */
438 -moz-transition: background-color 0.5s;
439 -ms-transition: background-color 0.5s;
440 -o-transition: background-color 0.5s;
441 transition: background-color 0.5s linear;
442 }
443
444 aside > div.toc > div.buttons > *:first-child {
445 text-align:left;
446
447 border-left-style:solid;
448 border-left-width:1px;
449 border-left-color:#898989;
450
451 -webkit-border-bottom-left-radius: 11px;
452 -moz-border-radius-bottomleft: 11px;
453 border-bottom-left-radius: 11px;
454 }
455
456 aside > div.toc > div.buttons > *:last-child {
457 text-align:right;
458
459 border-left-style:solid;
460 border-left-width:1px;
461 border-left-color:#898989;
462
463 /* FIXME: would create an undesired 1px gap on the right */
464 /*border-right-style:solid;
465 border-right-width:1px;
466 border-right-color:#898989;*/
467
468 -webkit-border-bottom-right-radius: 11px;
469 -moz-border-radius-bottomright: 11px;
470 border-bottom-right-radius: 11px;
471 }
472
473 aside > div.toc > div.buttons > *:not(.disabled):hover {
474 background-color:rgba(255,0,0,0.21);
475 -webkit-transition: background-color 0.25s; /* Safari */
476 -moz-transition: background-color 0.25s;
477 -ms-transition: background-color 0.25s;
478 -o-transition: background-color 0.25s;
479 transition: background-color 0.25s linear;
480 }
481
482 aside > div.toc > div.buttons .arrow {
483 vertical-align:top;
484 font-size:15px;
485 }
486
487
488
489 /* Article */
490
491 article {
492 display:block;
493 width: -webkit-calc(100% - 181);
494 width: -moz-calc(100% - 181);
495 width: -o-calc(100% - 181);
496 width: calc(100% - 181);
497 background-color:white;
498 margin-top: 67px;
499 padding: 16px 70px 95px 70px;
500 margin-left:181px;
501 font-size:18px;
502 font-weight:200;
503 border-left-style:solid;
504 border-left-width:1px;
505 border-left-color:#898989;
506 }
507
508 article h1 {
509 clear:both;
510 border-bottom-style:solid;
511 border-bottom-width:1px;
512 border-bottom-color:#898989;
513 text-align:center;
514 font-family:CRDHigh;
515 font-size:32px;
516 font-weight:700;
517 color:#a19f9f;
518 padding-top:45px;
519 padding-bottom:28px;
520 margin-top:0;
521 margin-bottom:40px;
522 }
523
524 article h2 {
525 clear:both;
526 border-bottom-style:solid;
527 border-bottom-width:1px;
528 border-bottom-color:#898989;
529 font-family:CRDHigh;
530 font-size:26px;
531 font-weight:400;
532 padding-top:35px;
533 padding-bottom:16px;
534 margin-top:0;
535 margin-bottom:28px;
536 }
537
538 article h3 {
539 clear:both;
540 padding-top:20px;
541 padding-bottom:0px;
542 margin-top:0;
543 margin-bottom:0;
544 font-family:CRDHigh;
545 color:#9a6938;
546 font-size:24px;
547 font-weight:300;
548 }
549
550 article a {
551 font-weight:400;
552 color:#1ba1dd;
553 text-decoration:none;
554 outline:none;
555 border:none;
556 }
557
558 article a img {
559 border:none;
560 text-decoration:none;
561 }
562
563 article a:hover {
564 text-decoration:underline;
565 }
566
567 article ul {
568 font-weight:inherit;
569 padding:0 0 0 60px;
570 margin:0 0 21px 0;
571 }
572
573 article ul li {
574 list-style-type:disc;
575 padding:4px 0 0 14px;
576 margin:12px 0 0 0;
577 }
578
579
580 article ol {
581 counter-reset:oli;
582 font-weight:inherit;
583 padding:0 0 0 29px;
584 margin:0 0 21px 0;
585 }
586
587 article ol li:before {
588 content:counters(oli,".") ".";
589 counter-increment:oli;
590 font-weight:600;
591 margin:0 20px 0 0;
592 }
593
594 article ol li {
595 list-style-type:none;
596 padding:4px 0 0 14px;
597 margin:12px 0 0 0;
598 }
599
600
601
602 article code, article .code {
603 font-family:CRDCour;
604 color:#404040;
605 white-space:pre;
606 }
607
608 article code {
609 display:inline-block;
610 font-size:15px;
611 margin:0 3px 0px 3px;
612 padding:2px 6px 0px 6px;
613 background-color:#fcf9f9;
614 }
615
616 article > code {
617 display:block;
618 font-size:15px;
619 margin:0 37px 0 37px;
620 padding:2px 6px 0px 6px;
621 background-color:#fcf9f9;
622 }
623
624 article ul.code {
625 list-style:outside none none;
626 counter-reset:codeline;
627 font-size:14px;
628 font-weight:normal;
629 line-height:1.1;
630 margin:0 0 0 0;
631 padding:8px 0px 8px 0px;
632 }
633
634 article .code li {
635 display:block;
636 list-style-type:none;
637 white-space:pre-wrap;
638 border-left:32px solid #f9f3f3;
639 text-indent:-30px;
640 background-color:#fcf9f9;
641 margin:0 0 0 0;
642 padding:0 0 0 0;
643 }
644
645 article .code li:first-child {
646 padding-top:6px;
647 }
648
649 article .code li:last-child {
650 padding-bottom:3px;
651 }
652
653 article .code li:before {
654 display:inline-block;
655 white-space:pre;
656 content:counter(codeline,decimal) ". ";
657 counter-increment:codeline;
658 min-width:38px;
659 text-align:right;
660 color:#c9c9c9;
661 }
662
663 article .code .k, article code .k { /*keyword*/
664 font-weight:bold;
665 color:black;
666 }
667
668 article .code .n, article code .n { /*number*/
669 color:#c4950c;
670 }
671
672 article .code .i, article code .i { /*identifier (function name)*/
673 /*color:#0c4fc4;*/
674 color:#1ba1dd;
675 }
676
677 article .code .a, article code .a { /*array variable*/
678 color:#790cc4;
679 /*color:black;*/
680 }
681
682 article .code .c, article code .c { /*characters*/
683 color:#c40c0c;
684 }
685
686 article .code .s, article code .s { /*string variable*/
687 /*color:#9a693c;*/
688 /*color:black;*/
689 color:#790cc4;
690 }
691
692 article .code .v, article code .v { /*integer variable*/
693 /*color:black;*/
694 color:#790cc4;
695 }
696
697 article .code .h, article code .h { /*event handler*/
698 font-weight:bold;
699 color:#07c0cf;
700 }
701
702 article .code .q, article code .q { /*comment*/
703 color:#9c9c9c;
704 font-style:italic;
705 }
706
707 article .code .p, article code .p { /*preprocessor statements*/
708 /*color:#87b1a8;*/
709 color:#2f8a33;
710 /*font-style:italic;*/
711 font-weight:normal;
712 }
713
714 article .code .m, article code .m { /* metaphor (natural language text used as pseudo code) */
715 background-color:#ddf4fd;
716 font-size:14px;
717 color:black;
718 font-weight:normal;
719 border:solid 1px #73a3ab;
720 -webkit-border-radius: 10px;
721 -moz-border-radius: 10px;
722 border-radius: 10px;
723 margin:0 0 0 0;
724 padding:2px 4px 0px 4px;
725 }
726
727 article table {
728 margin:20px 37px 20px 37px;
729 padding:0 0 0 0;
730 /*background-color:red;*/
731 border:none;
732 border-collapse:collapse;
733 }
734
735 article tr {
736 padding:0 0 0 0;
737 margin:0 0 0 0;
738 }
739
740 article th {
741 background-color:#e8e2e2;
742 padding:0px 8px 0px 8px;
743 margin:0 0 0 0;
744 border:3px solid white;
745 font-size:16px;
746 font-weight:600;
747 }
748
749 article td {
750 background-color:#f9f7f7;
751 padding:4px 8px 4px 8px;
752 margin:0 0 0 0;
753 border:3px solid white;
754 font-size:16px;
755 font-weight:300;
756 line-height:1.2;
757 }
758
759 article table a {
760 font-weight:400;
761 }
762
763 article note:before {
764 white-space:pre-wrap;
765 content:'NOTE: ';
766 font-weight:500;
767 }
768
769 article note.important:before {
770 white-space:pre-wrap;
771 content:'IMPORTANT: ';
772 font-weight:500;
773 }
774
775 article note {
776 display:table; /*HACK: "block" would stretch the entire page width */
777 background-color:#ede8e8;
778 border-top:none;
779 border-right:none;
780 border-bottom:none;
781 border-left:solid 10px #898989;
782 margin: 24px auto 27px 43px;
783 padding: 15px 18px 15px 18px;
784 max-width: -webkit-calc(100% - 145px);
785 max-width: -moz-calc(100% - 145px);
786 max-width: -o-calc(100% - 145px);
787 max-width: calc(100% - 145px);
788 }
789
790 article note.important {
791 border-left:solid 10px #ff4141;
792 }
793
794 article > img, example > img {
795 display:block;
796 clear:both;
797 max-width:100%;
798 margin-left:auto;
799 margin-right:auto;
800 /*border:solid 1px #8e8e8e;*/
801 padding-top:25px;
802 border:none;
803 }
804
805 article p img {
806 display:inline-block;
807 float:left;
808 margin:4px 20px 0px 0px;
809 padding:0 0 0 0;
810 /*border:solid 1px #8e8e8e;*/
811 border:none;
812 max-width:99%;
813 }
814
815 article div.imgcptn {
816 display:block;
817 width:100%;
818 text-align:center;
819 font-weight:200;
820 color:#999999;
821 font-size:16px;
822 font-style:italic;
823 margin: 8px 0 16px 0;
824 }
825
826 article example:before {
827 display:block;
828 position:relative; top:-5px; left:-32px;
829 content:'Example';
830 font-weight:500;
831 color:white;
832 border:none;
833 margin:0;
834 padding:0;
835 width:100px;
836 background-color:#dedede;
837 /* -moz-transform: rotate(30deg);
838 -ms-transform: rotate(30deg);
839 -o-transform: rotate(30deg);
840 -webkit-transform: rotate(30deg);
841 transform: rotate(90deg);
842 transform-origin: 0% 50%;*/
843 text-align:center;
844 }
845
846 article example {
847 display:inline-block;
848
849 width: -webkit-calc(100% - 80px);
850 width: -moz-calc(100% - 80px);
851 width: -o-calc(100% - 80px);
852 width: calc(100% - 80px);
853
854 border-top:solid 1px #e5e5e5;
855 border-right:solid 18px #dedede;
856 border-bottom:solid 1px #e5e5e5;
857 border-left:solid 18px #dedede;
858 margin:0px, 20px, 0px, 20px;
859 padding:5px 15px 8px 24px;
860 }
861
862 article dir {
863 display:block;
864 list-style-type:none;
865 background-image:url('../pix/folder.png');
866 background-repeat:no-repeat;
867 background-position:2px top;
868 padding:0px;
869 margin:0px;
870 font-family:CRDCour;
871 color:#000000;
872 }
873
874 article > dir {
875 padding-left:66px;
876 background-position:36px top;
877 }
878
879 article dir > * {
880 padding-top:2px;
881 padding-bottom:2px;
882 padding-left:31px;
883 }
884
885 article dir file {
886 display:block;
887 list-style-type:none;
888 background-image:url('../pix/file.png');
889 background-repeat:no-repeat;
890 background-position:2px top;
891 font-family:CRDCour;
892 color:#6f6f6f;
893 }
894
895
896
897 /* article footer */
898
899 article > ul.docpager {
900 display:table;
901 margin:0 0 0 0;
902 padding:50px 0 0 0;
903 width:100%;
904 }
905
906 article > ul.docpager > li {
907 display:table-cell;
908 width:33%;
909 margin:0 0 0 0;
910 padding:0 0 0 0;
911 }
912
913 article > ul.docpager > li:nth-child(1) {
914 text-align:left;
915 padding-right:10px;
916 }
917
918 article > ul.docpager > li:nth-child(1) > a:before {
919 content: "��� ";
920 }
921
922 article > ul.docpager > li:nth-child(2) {
923 text-align:center;
924 padding-left:10px;
925 padding-right:10px;
926 }
927
928 article > ul.docpager > li:nth-child(2) > a:before {
929 content: "��� ";
930 }
931
932 article > ul.docpager > li:nth-child(3) {
933 text-align:right;
934 padding-left:10px;
935 }
936
937 article > ul.docpager > li:nth-child(3) > a:after {
938 content: " ���";
939 }
940
941 article > .endline {
942 font-family:CRDSans;
943 font-size:16px;
944 font-weight:300;
945 color:#9d9d9d;
946 border-top:solid 1px #dedede;
947 border-left:none;
948 border-right:none;
949 border-bottom:none;
950 margin:30px 0 0 0;
951 padding:10px 0 0 0;
952 }
953
954
955
956 /* very bottom footer */
957
958 footer {
959 position:relative;
960 z-index:1;
961 display:block;
962 width:100%;
963 background-color:#aaaaaa; /* fallback */
964 background: -webkit-linear-gradient(left, rgba(203,195,194,1.0), rgba(171,154,151,1.0)); /* For Safari 5.1 to 6.0 */
965 background: -o-linear-gradient(right, rgba(203,195,194,1.0), rgba(171,154,151,1.0)); /* For Opera 11.1 to 12.0 */
966 background: -moz-linear-gradient(right, rgba(203,195,194,1.0), rgba(171,154,151,1.0)); /* For Firefox 3.6 to 15 */
967 background: linear-gradient(to left, #cbc3c2, #bfb2b0); /* Standard syntax */
968 margin:0px 0px 0px 0px;
969 padding: 24px 0px 28px 0px;
970 font-family: CRDHigh;
971 font-size:15px;
972 font-weight:200;
973 color:white;
974 text-align:center;
975 border-top-style:solid;
976 border-top-width:1px;
977 border-top-color:#898989;
978 }
979
980 footer a {
981 color:inherit;
982 text-decoration:none;
983 outline:none;
984 border:0;
985 }
986
987 footer a:hover {
988 text-decoration:underline;
989 }

  ViewVC Help
Powered by ViewVC