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

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

Parent Directory Parent Directory | Revision Log Revision Log


Revision 2959 - (show annotations) (download) (as text)
Sat Jul 16 16:41:24 2016 UTC (7 years, 8 months ago) by schoenebeck
File MIME type: text/css
File size: 23724 byte(s)
- Site Layout Fix: note boxes were displayed incorrectly within
  the context of a table cell.

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 p {
551 clear:both;
552 }
553
554 article a {
555 font-weight:400;
556 color:#1ba1dd;
557 text-decoration:none;
558 outline:none;
559 border:none;
560 }
561
562 article a img {
563 border:none;
564 text-decoration:none;
565 }
566
567 article li img {
568 float:left;
569 }
570
571 article a:hover {
572 text-decoration:underline;
573 }
574
575 article ul {
576 font-weight:inherit;
577 padding:0 0 0 60px;
578 margin:0 0 21px 0;
579 }
580
581 article ul li {
582 list-style-type:disc;
583 padding:4px 0 0 14px;
584 margin:12px 0 0 0;
585 }
586
587
588 article ol {
589 counter-reset:oli;
590 font-weight:inherit;
591 padding:0 0 0 29px;
592 margin:0 0 21px 0;
593 }
594
595 article ol li:before {
596 content:counters(oli,".") ".";
597 counter-increment:oli;
598 font-weight:600;
599 margin:0 20px 0 0;
600 }
601
602 article ol li {
603 list-style-type:none;
604 padding:4px 0 0 14px;
605 margin:12px 0 0 0;
606 }
607
608
609
610 article code, article .code {
611 font-family:CRDCour;
612 color:#404040;
613 white-space:pre;
614 }
615
616 article code {
617 display:inline-block;
618 font-size:15px;
619 margin:0 3px 0px 3px;
620 padding:2px 6px 0px 6px;
621 background-color:#fcf9f9;
622 }
623
624 article > code {
625 display:block;
626 font-size:15px;
627 margin:0 37px 0 37px;
628 padding:2px 6px 0px 6px;
629 background-color:#fcf9f9;
630 }
631
632 article ul.code {
633 list-style:outside none none;
634 counter-reset:codeline;
635 font-size:14px;
636 font-weight:normal;
637 line-height:1.1;
638 margin:0 0 0 0;
639 padding:8px 0px 8px 0px;
640 }
641
642 article .code li {
643 display:block;
644 list-style-type:none;
645 white-space:pre-wrap;
646 border-left:32px solid #f9f3f3;
647 text-indent:-30px;
648 background-color:#fcf9f9;
649 margin:0 0 0 0;
650 padding:0 0 0 0;
651 }
652
653 article .code li:first-child {
654 padding-top:6px;
655 }
656
657 article .code li:last-child {
658 padding-bottom:3px;
659 }
660
661 article .code li:before {
662 display:inline-block;
663 white-space:pre;
664 content:counter(codeline,decimal) ". ";
665 counter-increment:codeline;
666 min-width:38px;
667 text-align:right;
668 color:#c9c9c9;
669 }
670
671 article .code .k, article code .k { /*keyword*/
672 font-weight:bold;
673 color:black;
674 }
675
676 article .code .n, article code .n { /*number*/
677 color:#c4950c;
678 }
679
680 article .code .i, article code .i { /*identifier (function name)*/
681 /*color:#0c4fc4;*/
682 color:#1ba1dd;
683 }
684
685 article .code .a, article code .a { /*array variable*/
686 color:#790cc4;
687 /*color:black;*/
688 }
689
690 article .code .c, article code .c { /*characters*/
691 color:#c40c0c;
692 }
693
694 article .code .s, article code .s { /*string variable*/
695 /*color:#9a693c;*/
696 /*color:black;*/
697 color:#790cc4;
698 }
699
700 article .code .v, article code .v { /*integer variable*/
701 /*color:black;*/
702 color:#790cc4;
703 }
704
705 article .code .h, article code .h { /*event handler*/
706 font-weight:bold;
707 color:#07c0cf;
708 }
709
710 article .code .q, article code .q { /*comment*/
711 color:#9c9c9c;
712 font-style:italic;
713 }
714
715 article .code .p, article code .p { /*preprocessor statements*/
716 /*color:#87b1a8;*/
717 color:#2f8a33;
718 /*font-style:italic;*/
719 font-weight:normal;
720 }
721
722 article .code .m, article code .m { /* metaphor (natural language text used as pseudo code) */
723 background-color:#ddf4fd;
724 font-size:14px;
725 color:black;
726 font-weight:normal;
727 border:solid 1px #73a3ab;
728 -webkit-border-radius: 10px;
729 -moz-border-radius: 10px;
730 border-radius: 10px;
731 margin:0 0 0 0;
732 padding:2px 4px 0px 4px;
733 }
734
735 article table {
736 margin:20px 37px 20px 37px;
737 padding:0 0 0 0;
738 /*background-color:red;*/
739 border:none;
740 border-collapse:collapse;
741 }
742
743 article tr {
744 padding:0 0 0 0;
745 margin:0 0 0 0;
746 }
747
748 article th {
749 background-color:#e8e2e2;
750 padding:0px 8px 0px 8px;
751 margin:0 0 0 0;
752 border:3px solid white;
753 font-size:16px;
754 font-weight:600;
755 }
756
757 article td {
758 background-color:#f9f7f7;
759 padding:4px 8px 4px 8px;
760 margin:0 0 0 0;
761 border:3px solid white;
762 font-size:16px;
763 font-weight:300;
764 line-height:1.2;
765 }
766
767 article table a {
768 font-weight:400;
769 }
770
771 article note:before {
772 white-space:pre-wrap;
773 content:'NOTE: ';
774 font-weight:500;
775 }
776
777 article note.important:before {
778 white-space:pre-wrap;
779 content:'IMPORTANT: ';
780 font-weight:500;
781 }
782
783 article note {
784 display:table; /*HACK: "block" would stretch the entire page width */
785 background-color:#ede8e8;
786 border-top:none;
787 border-right:none;
788 border-bottom:none;
789 border-left:solid 10px #898989;
790 margin: 24px auto 27px 43px;
791 padding: 15px 18px 15px 18px;
792 max-width: -webkit-calc(100% - 145px);
793 max-width: -moz-calc(100% - 145px);
794 max-width: -o-calc(100% - 145px);
795 max-width: calc(100% - 145px);
796 }
797
798 article td > note {
799 display:block; /*HACK: override "table" default value assigned above in the context of a table cell, otherwise padding will be ignored */
800 }
801
802 article note.important {
803 border-left:solid 10px #ff4141;
804 }
805
806 article > img, example > img {
807 display:block;
808 clear:both;
809 max-width:100%;
810 margin-left:auto;
811 margin-right:auto;
812 /*border:solid 1px #8e8e8e;*/
813 padding-top:25px;
814 border:none;
815 }
816
817 article p img {
818 display:inline-block;
819 float:left;
820 margin:4px 20px 19px 0px;
821 padding:0 0 0 0;
822 /*border:solid 1px #8e8e8e;*/
823 border:none;
824 max-width:99%;
825 }
826
827 article div.imgcptn {
828 display:block;
829 width:100%;
830 text-align:center;
831 font-weight:200;
832 color:#999999;
833 font-size:16px;
834 font-style:italic;
835 margin: 8px 0 16px 0;
836 }
837
838 article example:before {
839 display:block;
840 position:relative; top:-5px; left:-32px;
841 content:'Example';
842 font-weight:500;
843 color:white;
844 border:none;
845 margin:0;
846 padding:0;
847 width:100px;
848 background-color:#dedede;
849 /* -moz-transform: rotate(30deg);
850 -ms-transform: rotate(30deg);
851 -o-transform: rotate(30deg);
852 -webkit-transform: rotate(30deg);
853 transform: rotate(90deg);
854 transform-origin: 0% 50%;*/
855 text-align:center;
856 }
857
858 article example {
859 display:inline-block;
860
861 width: -webkit-calc(100% - 80px);
862 width: -moz-calc(100% - 80px);
863 width: -o-calc(100% - 80px);
864 width: calc(100% - 80px);
865
866 border-top:solid 1px #e5e5e5;
867 border-right:solid 18px #dedede;
868 border-bottom:solid 1px #e5e5e5;
869 border-left:solid 18px #dedede;
870 margin:0px, 20px, 0px, 20px;
871 padding:5px 15px 8px 24px;
872 }
873
874 article dir {
875 display:block;
876 list-style-type:none;
877 background-image:url('../pix/folder.png');
878 background-repeat:no-repeat;
879 background-position:2px top;
880 padding:0px;
881 margin:0px;
882 font-family:CRDCour;
883 font-size:15px;
884 color:#000000;
885 }
886
887 article > dir, example > dir {
888 padding-left:66px;
889 background-position:36px top;
890 }
891
892 article dir > * {
893 padding-top:2px;
894 padding-bottom:2px;
895 padding-left:31px;
896 }
897
898 article dir file {
899 display:block;
900 list-style-type:none;
901 background-image:url('../pix/file.png');
902 background-repeat:no-repeat;
903 background-position:2px top;
904 font-family:CRDCour;
905 font-size:15px;
906 color:#6f6f6f;
907 }
908
909
910
911 /* article footer */
912
913 article > ul.docpager {
914 display:table;
915 margin:0 0 0 0;
916 padding:50px 0 0 0;
917 width:100%;
918 }
919
920 article > ul.docpager > li {
921 display:table-cell;
922 width:33%;
923 margin:0 0 0 0;
924 padding:0 0 0 0;
925 }
926
927 article > ul.docpager > li:nth-child(1) {
928 text-align:left;
929 padding-right:10px;
930 }
931
932 article > ul.docpager > li:nth-child(1) > a:before {
933 content: "��� ";
934 }
935
936 article > ul.docpager > li:nth-child(2) {
937 text-align:center;
938 padding-left:10px;
939 padding-right:10px;
940 }
941
942 article > ul.docpager > li:nth-child(2) > a:before {
943 content: "��� ";
944 }
945
946 article > ul.docpager > li:nth-child(3) {
947 text-align:right;
948 padding-left:10px;
949 }
950
951 article > ul.docpager > li:nth-child(3) > a:after {
952 content: " ���";
953 }
954
955 article > .endline {
956 font-family:CRDSans;
957 font-size:16px;
958 font-weight:300;
959 color:#9d9d9d;
960 border-top:solid 1px #dedede;
961 border-left:none;
962 border-right:none;
963 border-bottom:none;
964 margin:30px 0 0 0;
965 padding:10px 0 0 0;
966 }
967
968
969
970 /* very bottom footer */
971
972 footer {
973 position:relative;
974 z-index:1;
975 display:block;
976 width:100%;
977 background-color:#aaaaaa; /* fallback */
978 background: -webkit-linear-gradient(left, rgba(203,195,194,1.0), rgba(171,154,151,1.0)); /* For Safari 5.1 to 6.0 */
979 background: -o-linear-gradient(right, rgba(203,195,194,1.0), rgba(171,154,151,1.0)); /* For Opera 11.1 to 12.0 */
980 background: -moz-linear-gradient(right, rgba(203,195,194,1.0), rgba(171,154,151,1.0)); /* For Firefox 3.6 to 15 */
981 background: linear-gradient(to left, #cbc3c2, #bfb2b0); /* Standard syntax */
982 margin:0px 0px 0px 0px;
983 padding: 24px 0px 28px 0px;
984 font-family: CRDHigh;
985 font-size:15px;
986 font-weight:200;
987 color:white;
988 text-align:center;
989 border-top-style:solid;
990 border-top-width:1px;
991 border-top-color:#898989;
992 }
993
994 footer a {
995 color:inherit;
996 text-decoration:none;
997 outline:none;
998 border:0;
999 }
1000
1001 footer a:hover {
1002 text-decoration:underline;
1003 }

  ViewVC Help
Powered by ViewVC