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

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

Parent Directory Parent Directory | Revision Log Revision Log


Revision 2732 - (show annotations) (download) (as text)
Sun Apr 26 20:54:00 2015 UTC (8 years, 11 months ago) by schoenebeck
File MIME type: text/css
File size: 22625 byte(s)
* Initial import of doc.linuxsampler.org.

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

  ViewVC Help
Powered by ViewVC