PageRenderTime 183ms CodeModel.GetById 20ms app.highlight 118ms RepoModel.GetById 1ms app.codeStats 1ms

/shabti/templates/microsite/+package+/public/css/sphinx.css

https://bitbucket.org/gawel/shabti
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}