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

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

Parent Directory Parent Directory | Revision Log Revision Log


Revision 3090 - (show annotations) (download) (as text)
Mon Jan 16 14:08:15 2017 UTC (7 years, 2 months ago) by schoenebeck
File MIME type: text/css
File size: 23993 byte(s)
- Site layout: minor color adjustment on table headers.

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

  ViewVC Help
Powered by ViewVC