/shabti/templates/microsite/+package+/public/css/sphinx.css
CSS | 834 lines | 663 code | 152 blank | 19 comment | 0 complexity | 26f2b9dca5377bda63c7d4b88f404773 MD5 | raw file
1/**
2 * Sphinx Doc Design
3 */
4
5body {
6 font-family: sans-serif;
7 color: #000;
8}
9
10/* :::: LAYOUT :::: */
11
12div.document {
13 background-color: #1c4e63;
14}
15
16div.documentwrapper {
17 float: left;
18 width: 100%;
19}
20
21div.bodywrapper {
22 margin: 0 0 0 230px;
23}
24
25div.body {
26 background-color: white;
27 padding: 0 20px 30px 20px;
28}
29
30div.sphinxsidebarwrapper {
31 padding: 10px 5px 0 10px;
32}
33
34div.sphinxsidebar {
35 float: left;
36 width: 230px;
37 margin-left: -100%;
38 font-size: 90%;
39}
40
41div.clearer {
42 clear: both;
43}
44
45div.footer {
46 color: #fff;
47 width: 100%;
48 padding: 9px 0 9px 0;
49 text-align: center;
50 font-size: 75%;
51}
52
53div.footer a {
54 color: #fff;
55 text-decoration: underline;
56}
57
58div.related {
59 background-color: #133f52;
60 color: #fff;
61 width: 100%;
62 height: 30px;
63 line-height: 30px;
64 font-size: 90%;
65}
66
67div.related h3 {
68 display: none;
69}
70
71div.related ul {
72 margin: 0;
73 padding: 0 0 0 10px;
74 list-style: none;
75}
76
77div.related li {
78 display: inline;
79}
80
81div.related li.right {
82 float: right;
83 margin-right: 5px;
84}
85
86div.related a {
87 color: white;
88}
89
90/* ::: TOC :::: */
91div.sphinxsidebar h3 {
92 font-family: 'Trebuchet MS', sans-serif;
93 color: white;
94 font-size: 1.4em;
95 font-weight: normal;
96 margin: 0;
97 padding: 0;
98}
99
100div.sphinxsidebar h4 {
101 font-family: 'Trebuchet MS', sans-serif;
102 color: white;
103 font-size: 1.3em;
104 font-weight: normal;
105 margin: 5px 0 0 0;
106 padding: 0;
107}
108
109div.sphinxsidebar p {
110 color: white;
111}
112
113div.sphinxsidebar p.topless {
114 margin: 5px 10px 10px 10px;
115}
116
117div.sphinxsidebar ul {
118 margin: 10px;
119 padding: 0;
120 list-style: none;
121 color: white;
122}
123
124div.sphinxsidebar ul ul,
125div.sphinxsidebar ul.want-points {
126 margin-left: 20px;
127 list-style: square;
128}
129
130div.sphinxsidebar ul ul {
131 margin-top: 0;
132 margin-bottom: 0;
133}
134
135div.sphinxsidebar a {
136 color: #98dbcc;
137}
138
139div.sphinxsidebar form {
140 margin-top: 10px;
141}
142
143div.sphinxsidebar input {
144 border: 1px solid #98dbcc;
145 font-family: sans-serif;
146 font-size: 1em;
147}
148
149/* :::: MODULE CLOUD :::: */
150div.modulecloud {
151 margin: -5px 10px 5px 10px;
152 padding: 10px;
153 line-height: 160%;
154 border: 1px solid #cbe7e5;
155 background-color: #f2fbfd;
156}
157
158div.modulecloud a {
159 padding: 0 5px 0 5px;
160}
161
162/* :::: SEARCH :::: */
163ul.search {
164 margin: 10px 0 0 20px;
165 padding: 0;
166}
167
168ul.search li {
169 padding: 5px 0 5px 20px;
170 background-image: url(file.png);
171 background-repeat: no-repeat;
172 background-position: 0 7px;
173}
174
175ul.search li a {
176 font-weight: bold;
177}
178
179ul.search li div.context {
180 color: #888;
181 margin: 2px 0 0 30px;
182 text-align: left;
183}
184
185ul.keywordmatches li.goodmatch a {
186 font-weight: bold;
187}
188
189/* :::: COMMON FORM STYLES :::: */
190
191div.actions {
192 padding: 5px 10px 5px 10px;
193 border-top: 1px solid #cbe7e5;
194 border-bottom: 1px solid #cbe7e5;
195 background-color: #e0f6f4;
196}
197
198form dl {
199 color: #333;
200}
201
202form dt {
203 clear: both;
204 float: left;
205 min-width: 110px;
206 margin-right: 10px;
207 padding-top: 2px;
208}
209
210input#homepage {
211 display: none;
212}
213
214div.error {
215 margin: 5px 20px 0 0;
216 padding: 5px;
217 border: 1px solid #d00;
218 font-weight: bold;
219}
220
221/* :::: INLINE COMMENTS :::: */
222
223div.inlinecomments {
224 position: absolute;
225 right: 20px;
226}
227
228div.inlinecomments a.bubble {
229 display: block;
230 float: right;
231 background-image: url(style/comment.png);
232 background-repeat: no-repeat;
233 width: 25px;
234 height: 25px;
235 text-align: center;
236 padding-top: 3px;
237 font-size: 0.9em;
238 line-height: 14px;
239 font-weight: bold;
240 color: black;
241}
242
243div.inlinecomments a.bubble span {
244 display: none;
245}
246
247div.inlinecomments a.emptybubble {
248 background-image: url(style/nocomment.png);
249}
250
251div.inlinecomments a.bubble:hover {
252 background-image: url(style/hovercomment.png);
253 text-decoration: none;
254 color: #3ca0a4;
255}
256
257div.inlinecomments div.comments {
258 float: right;
259 margin: 25px 5px 0 0;
260 max-width: 50em;
261 min-width: 30em;
262 border: 1px solid #2eabb0;
263 background-color: #f2fbfd;
264 z-index: 150;
265}
266
267div#comments {
268 border: 1px solid #2eabb0;
269 margin-top: 20px;
270}
271
272div#comments div.nocomments {
273 padding: 10px;
274 font-weight: bold;
275}
276
277div.inlinecomments div.comments h3,
278div#comments h3 {
279 margin: 0;
280 padding: 0;
281 background-color: #2eabb0;
282 color: white;
283 border: none;
284 padding: 3px;
285}
286
287div.inlinecomments div.comments div.actions {
288 padding: 4px;
289 margin: 0;
290 border-top: none;
291}
292
293div#comments div.comment {
294 margin: 10px;
295 border: 1px solid #2eabb0;
296}
297
298div.inlinecomments div.comment h4,
299div.commentwindow div.comment h4,
300div#comments div.comment h4 {
301 margin: 10px 0 0 0;
302 background-color: #2eabb0;
303 color: white;
304 border: none;
305 padding: 1px 4px 1px 4px;
306}
307
308div#comments div.comment h4 {
309 margin: 0;
310}
311
312div#comments div.comment h4 a {
313 color: #d5f4f4;
314}
315
316div.inlinecomments div.comment div.text,
317div.commentwindow div.comment div.text,
318div#comments div.comment div.text {
319 margin: -5px 0 -5px 0;
320 padding: 0 10px 0 10px;
321}
322
323div.inlinecomments div.comment div.meta,
324div.commentwindow div.comment div.meta,
325div#comments div.comment div.meta {
326 text-align: right;
327 padding: 2px 10px 2px 0;
328 font-size: 95%;
329 color: #538893;
330 border-top: 1px solid #cbe7e5;
331 background-color: #e0f6f4;
332}
333
334div.commentwindow {
335 position: absolute;
336 width: 500px;
337 border: 1px solid #cbe7e5;
338 background-color: #f2fbfd;
339 display: none;
340 z-index: 130;
341}
342
343div.commentwindow h3 {
344 margin: 0;
345 background-color: #2eabb0;
346 color: white;
347 border: none;
348 padding: 5px;
349 font-size: 1.5em;
350 cursor: pointer;
351}
352
353div.commentwindow div.actions {
354 margin: 10px -10px 0 -10px;
355 padding: 4px 10px 4px 10px;
356 color: #538893;
357}
358
359div.commentwindow div.actions input {
360 border: 1px solid #2eabb0;
361 background-color: white;
362 color: #135355;
363 cursor: pointer;
364}
365
366div.commentwindow div.form {
367 padding: 0 10px 0 10px;
368}
369
370div.commentwindow div.form input,
371div.commentwindow div.form textarea {
372 border: 1px solid #3c9ea2;
373 background-color: white;
374 color: black;
375}
376
377div.commentwindow div.error {
378 margin: 10px 5px 10px 5px;
379 background-color: #fbe5dc;
380 display: none;
381}
382
383div.commentwindow div.form textarea {
384 width: 99%;
385}
386
387div.commentwindow div.preview {
388 margin: 10px 0 10px 0;
389 background-color: #70d0d4;
390 padding: 0 1px 1px 25px;
391}
392
393div.commentwindow div.preview h4 {
394 margin: 0 0 -5px -20px;
395 padding: 4px 0 0 4px;
396 color: white;
397 font-size: 1.3em;
398}
399
400div.commentwindow div.preview div.comment {
401 background-color: #f2fbfd;
402}
403
404div.commentwindow div.preview div.comment h4 {
405 margin: 10px 0 0 0!important;
406 padding: 1px 4px 1px 4px!important;
407 font-size: 1.2em;
408}
409
410/* :::: SUGGEST CHANGES :::: */
411div#suggest-changes-box input, div#suggest-changes-box textarea {
412 border: 1px solid #ccc;
413 background-color: white;
414 color: black;
415}
416
417div#suggest-changes-box textarea {
418 width: 99%;
419 height: 400px;
420}
421
422
423/* :::: PREVIEW :::: */
424div.preview {
425 background-image: url(style/preview.png);
426 padding: 0 20px 20px 20px;
427 margin-bottom: 30px;
428}
429
430
431/* :::: INDEX PAGE :::: */
432
433table.contentstable {
434 width: 90%;
435}
436
437table.contentstable p.biglink {
438 line-height: 150%;
439}
440
441a.biglink {
442 font-size: 1.3em;
443}
444
445span.linkdescr {
446 font-style: italic;
447 padding-top: 5px;
448 font-size: 90%;
449}
450
451/* :::: INDEX STYLES :::: */
452
453table.indextable td {
454 text-align: left;
455 vertical-align: top;
456}
457
458table.indextable dl, table.indextable dd {
459 margin-top: 0;
460 margin-bottom: 0;
461}
462
463table.indextable tr.pcap {
464 height: 10px;
465}
466
467table.indextable tr.cap {
468 margin-top: 10px;
469 background-color: #f2f2f2;
470}
471
472img.toggler {
473 margin-right: 3px;
474 margin-top: 3px;
475 cursor: pointer;
476}
477
478form.pfform {
479 margin: 10px 0 20px 0;
480}
481
482/* :::: GLOBAL STYLES :::: */
483
484.docwarning {
485 background-color: #ffe4e4;
486 padding: 10px;
487 margin: 0 -20px 0 -20px;
488 border-bottom: 1px solid #f66;
489}
490
491p.subhead {
492 font-weight: bold;
493 margin-top: 20px;
494}
495
496a {
497 color: #355f7c;
498 text-decoration: none;
499}
500
501a:hover {
502 text-decoration: underline;
503}
504
505div.body h1,
506div.body h2,
507div.body h3,
508div.body h4,
509div.body h5,
510div.body h6 {
511 font-family: 'Trebuchet MS', sans-serif;
512 background-color: #f2f2f2;
513 font-weight: normal;
514 color: #20435c;
515 border-bottom: 1px solid #ccc;
516 margin: 20px -20px 10px -20px;
517 padding: 3px 0 3px 10px;
518}
519
520div.body h1 { margin-top: 0; font-size: 200%; }
521div.body h2 { font-size: 160%; }
522div.body h3 { font-size: 140%; }
523div.body h4 { font-size: 120%; }
524div.body h5 { font-size: 110%; }
525div.body h6 { font-size: 100%; }
526
527a.headerlink {
528 color: #c60f0f;
529 font-size: 0.8em;
530 padding: 0 4px 0 4px;
531 text-decoration: none;
532 visibility: hidden;
533}
534
535h1:hover > a.headerlink,
536h2:hover > a.headerlink,
537h3:hover > a.headerlink,
538h4:hover > a.headerlink,
539h5:hover > a.headerlink,
540h6:hover > a.headerlink,
541dt:hover > a.headerlink {
542 visibility: visible;
543}
544
545a.headerlink:hover {
546 background-color: #c60f0f;
547 color: white;
548}
549
550div.body p, div.body dd, div.body li {
551 /*text-align: justify;*/
552 line-height: 130%;
553}
554
555div.body p.caption {
556 text-align: inherit;
557}
558
559div.body td {
560 text-align: left;
561}
562
563ul.fakelist {
564 list-style: none;
565 margin: 10px 0 10px 20px;
566 padding: 0;
567}
568
569.field-list ul {
570 padding-left: 1em;
571}
572
573.first {
574 margin-top: 0 !important;
575}
576
577/* "Footnotes" heading */
578p.rubric {
579 margin-top: 30px;
580 font-weight: bold;
581}
582
583/* "Topics" */
584
585div.topic {
586 background-color: #eee;
587 border: 1px solid #ccc;
588 padding: 0 7px 0 7px;
589 margin: 10px 0 10px 0;
590}
591
592p.topic-title {
593 font-size: 1.1em;
594 font-weight: bold;
595 margin-top: 10px;
596}
597
598/* Admonitions */
599
600div.admonition {
601 margin-top: 10px;
602 margin-bottom: 10px;
603 padding: 7px;
604}
605
606div.admonition dt {
607 font-weight: bold;
608}
609
610div.admonition dl {
611 margin-bottom: 0;
612}
613
614div.admonition p {
615 display: inline;
616}
617
618div.seealso {
619 background-color: #ffc;
620 border: 1px solid #ff6;
621}
622
623div.warning {
624 background-color: #ffe4e4;
625 border: 1px solid #f66;
626}
627
628div.note {
629 background-color: #eee;
630 border: 1px solid #ccc;
631}
632
633p.admonition-title {
634 margin: 0px 10px 5px 0px;
635 font-weight: bold;
636 display: inline;
637}
638
639p.admonition-title:after {
640 content: ":";
641}
642
643div.body p.centered {
644 text-align: center;
645 margin-top: 25px;
646}
647
648table.docutils {
649 border: 0;
650}
651
652table.docutils td, table.docutils th {
653 padding: 1px 8px 1px 0;
654 border-top: 0;
655 border-left: 0;
656 border-right: 0;
657 border-bottom: 1px solid #aaa;
658}
659
660table.field-list td, table.field-list th {
661 border: 0 !important;
662}
663
664table.footnote td, table.footnote th {
665 border: 0 !important;
666}
667
668.field-list ul {
669 margin: 0;
670 padding-left: 1em;
671}
672
673.field-list p {
674 margin: 0;
675}
676
677dl {
678 margin-bottom: 15px;
679 clear: both;
680}
681
682dd p {
683 margin-top: 0px;
684}
685
686dd ul, dd table {
687 margin-bottom: 10px;
688}
689
690dd {
691 margin-top: 3px;
692 margin-bottom: 10px;
693 margin-left: 30px;
694}
695
696.refcount {
697 color: #060;
698}
699
700dt:target,
701.highlight {
702 background-color: #fbe54e;
703}
704
705dl.glossary dt {
706 font-weight: bold;
707 font-size: 1.1em;
708}
709
710th {
711 text-align: left;
712 padding-right: 5px;
713}
714
715pre {
716 padding: 5px;
717 background: #efc url(/img/assets/background.png) 0 0 repeat;
718 color: #333;
719 border: 1px solid #ac9;
720 border-left: none;
721 border-right: none;
722 overflow: auto;
723}
724
725td.linenos pre {
726 padding: 5px 0px;
727 border: 0;
728 background-color: transparent;
729 color: #aaa;
730}
731
732table.highlighttable {
733 margin-left: 0.5em;
734}
735
736table.highlighttable td {
737 padding: 0 0.5em 0 0.5em;
738}
739
740tt {
741 background-color: #ecf0f3;
742 padding: 0 1px 0 1px;
743 font-size: 0.95em;
744}
745
746tt.descname {
747 background-color: transparent;
748 font-weight: bold;
749 font-size: 1.2em;
750}
751
752tt.descclassname {
753 background-color: transparent;
754}
755
756tt.xref, a tt {
757 background-color: transparent;
758 font-weight: bold;
759}
760
761.footnote:target { background-color: #ffa }
762
763h1 tt, h2 tt, h3 tt, h4 tt, h5 tt, h6 tt {
764 background-color: transparent;
765}
766
767.optional {
768 font-size: 1.3em;
769}
770
771.versionmodified {
772 font-style: italic;
773}
774
775form.comment {
776 margin: 0;
777 padding: 10px 30px 10px 30px;
778 background-color: #eee;
779}
780
781form.comment h3 {
782 background-color: #326591;
783 color: white;
784 margin: -10px -30px 10px -30px;
785 padding: 5px;
786 font-size: 1.4em;
787}
788
789form.comment input,
790form.comment textarea {
791 border: 1px solid #ccc;
792 padding: 2px;
793 font-family: sans-serif;
794 font-size: 100%;
795}
796
797form.comment input[type="text"] {
798 width: 240px;
799}
800
801form.comment textarea {
802 width: 100%;
803 height: 200px;
804 margin-bottom: 10px;
805}
806
807.system-message {
808 background-color: #fda;
809 padding: 5px;
810 border: 3px solid red;
811}
812
813div.body h2 {
814 background: url(/img/assets/akhettransaqua.png) 10px 3px no-repeat;
815 padding-left: 2.66em;
816 }
817
818/* :::: PRINT :::: */
819@media print {
820 div.document,
821 div.documentwrapper,
822 div.bodywrapper {
823 margin: 0;
824 width : 100%;
825 }
826
827 div.sphinxsidebar,
828 div.related,
829 div.footer,
830 div#comments div.new-comment-box,
831 #top-link {
832 display: none;
833 }
834}