djangodocs.css 7.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145
  1. /*** setup ***/
  2. html { background:#092e20;}
  3. body { font:12px/1.5 Verdana,sans-serif; background:#092e20; color: white;}
  4. #custom-doc { width:76.54em;*width:74.69em;min-width:995px; max-width:100em; margin:auto; text-align:left; padding-top:16px; margin-top:0;}
  5. #hd { padding: 4px 0 12px 0; }
  6. #bd { background:#234F32; }
  7. #ft { color:#487858; font-size:90%; padding-bottom: 2em; }
  8. /*** links ***/
  9. a {text-decoration: none;}
  10. a img {border: none;}
  11. a:link, a:visited { color:#ffc757; }
  12. #bd a:link, #bd a:visited { color:#ab5603; text-decoration:underline; }
  13. #bd #sidebar a:link, #bd #sidebar a:visited { color:#ffc757; text-decoration:none; }
  14. a:hover { color:#ffe761; }
  15. #bd a:hover { background-color:#E0FFB8; color:#234f32; text-decoration:none; }
  16. #bd #sidebar a:hover { color:#ffe761; background:none; }
  17. h2 a, h3 a, h4 a { text-decoration:none !important; }
  18. a.reference em { font-style: normal; }
  19. /*** sidebar ***/
  20. #sidebar div.sphinxsidebarwrapper { font-size:92%; margin-right: 14px; }
  21. #sidebar h3, #sidebar h4 { color: white; font-size: 125%; }
  22. #sidebar a { color: white; }
  23. #sidebar ul ul { margin-top:0; margin-bottom:0; }
  24. #sidebar li { margin-top: 0.2em; margin-bottom: 0.2em; }
  25. /*** nav ***/
  26. div.nav { margin: 0; font-size: 11px; text-align: right; color: #487858;}
  27. #hd div.nav { margin-top: -27px; }
  28. #ft div.nav { margin-bottom: -18px; }
  29. #hd h1 a { color: white; }
  30. #global-nav { position:absolute; top:5px; margin-left: -5px; padding:7px 0; color:#263E2B; }
  31. #global-nav a:link, #global-nav a:visited {color:#487858;}
  32. #global-nav a {padding:0 4px;}
  33. #global-nav a.about {padding-left:0;}
  34. #global-nav:hover {color:#fff;}
  35. #global-nav:hover a:link, #global-nav:hover a:visited { color:#ffc757; }
  36. /*** content ***/
  37. #yui-main div.yui-b { position: relative; }
  38. #yui-main div.yui-b { margin: 0 0 0 20px; background: white; color: black; padding: 0.3em 2em 1em 2em; }
  39. /*** basic styles ***/
  40. dd { margin-left:15px; }
  41. h1,h2,h3,h4,h5,h6,h7,h8,h9,h10,h11,h12 { margin-top:1em; font-family:"Trebuchet MS",sans-serif; font-weight:normal; }
  42. h1 { font-size:218%; margin-top:0.6em; margin-bottom:.4em; line-height:1.1em; }
  43. h2 { font-size:175%; margin-bottom:.6em; line-height:1.2em; color:#092e20; }
  44. h3 { font-size:150%; font-weight:bold; margin-bottom:.2em; color:#487858; }
  45. h4 { font-size:125%; font-weight:bold; margin-top:1.5em; margin-bottom:3px; }
  46. h5 { font-size:110%; font-weight:bold; margin-top:1em; margin-bottom:3px; }
  47. h6,h7,h8,h9,h10,h11,h12 { font-weight:bold; margin-bottom:3px; }
  48. div.figure { text-align: center; }
  49. div.figure p.caption { font-size:1em; margin-top:0; margin-bottom:1.5em; color: #555;}
  50. hr { color:#ccc; background-color:#ccc; height:1px; border:0; }
  51. p, ul, dl { margin-top:.6em; margin-bottom:1em; padding-bottom: 0.1em;}
  52. #yui-main div.yui-b img { max-width: 50em; margin-left: auto; margin-right: auto; display: block; }
  53. caption { font-size:1em; font-weight:bold; margin-top:0.5em; margin-bottom:0.5em; margin-left: 2px; text-align: center; }
  54. blockquote { padding: 0 1em; margin: 1em 0; font:125%/1.2em "Trebuchet MS", sans-serif; color:#234f32; border-left:2px solid #94da3a; }
  55. strong { font-weight: bold; }
  56. em { font-style: italic; }
  57. ins { font-weight: bold; text-decoration: none; }
  58. /*** lists ***/
  59. ul { padding-left:30px; }
  60. ol { padding-left:30px; }
  61. ol.arabic li { list-style-type: decimal; }
  62. ul li { list-style-type:square; margin-bottom:.4em; }
  63. ul ul li { list-style-type:disc; }
  64. ul ul ul li { list-style-type:circle; }
  65. ol li { margin-bottom: .4em; }
  66. ul ul { padding-left:1.2em; }
  67. ul ul ul { padding-left:1em; }
  68. ul.linklist, ul.toc { padding-left:0; }
  69. ul.toc ul { margin-left:.6em; }
  70. ul.toc ul li { list-style-type:square; }
  71. ul.toc ul ul li { list-style-type:disc; }
  72. ul.linklist li, ul.toc li { list-style-type:none; }
  73. dt { font-weight:bold; margin-top:.5em; font-size:1.1em; }
  74. dd { margin-bottom:.8em; }
  75. ol.toc { margin-bottom: 2em; }
  76. ol.toc li { font-size:125%; padding: .5em; line-height:1.2em; clear: right; }
  77. ol.toc li.b { background-color: #E0FFB8; }
  78. ol.toc li a:hover { background-color: transparent !important; text-decoration: underline !important; }
  79. ol.toc span.release-date { color:#487858; float: right; font-size: 85%; padding-right: .5em; }
  80. ol.toc span.comment-count { font-size: 75%; color: #999; }
  81. /*** tables ***/
  82. table { color:#000; margin-bottom: 1em; width: 100%; }
  83. table.docutils td p { margin-top:0; margin-bottom:.5em; }
  84. table.docutils td, table.docutils th { border-bottom:1px solid #dfdfdf; padding:4px 2px;}
  85. table.docutils thead th { border-bottom:2px solid #dfdfdf; text-align:left; font-weight: bold; white-space: nowrap; }
  86. table.docutils thead th p { margin: 0; padding: 0; }
  87. table.docutils { border-collapse:collapse; }
  88. /*** code blocks ***/
  89. .literal { color:#234f32; white-space:nowrap; }
  90. dt > tt.literal { white-space: normal; }
  91. #sidebar .literal { color:white; background:transparent; font-size:11px; }
  92. h4 .literal { color: #234f32; font-size: 13px; }
  93. pre { font-size:small; background:#E0FFB8; border:1px solid #94da3a; border-width:1px 0; margin: 1em 0; padding: .3em .4em; overflow: hidden; line-height: 1.3em; white-space: pre-wrap;}
  94. dt .literal, table .literal { background:none; }
  95. #bd a.reference { text-decoration: none; }
  96. #bd a.reference tt.literal { border-bottom: 1px #234f32 dotted; }
  97. div.code-block-caption { color: white; background-color: #234F32; margin: 0; padding: 2px 5px; width: 100%; font-family: monospace; font-size: small; line-height: 1.3em; }
  98. div.code-block-caption .literal {color: white; }
  99. div.literal-block-wrapper pre { margin-top: 0; }
  100. /* Restore colors of pygments hyperlinked code */
  101. #bd .highlight .k a:link, #bd .highlight .k a:visited { color: #000000; text-decoration: none; border-bottom: 1px dotted #000000; }
  102. #bd .highlight .nf a:link, #bd .highlight .nf a:visited { color: #990000; text-decoration: none; border-bottom: 1px dotted #990000; }
  103. /*** notes & admonitions ***/
  104. .note, .admonition { padding:.8em 1em .8em; margin: 1em 0; border:1px solid #94da3a; }
  105. .admonition-title { font-weight:bold; margin-top:0 !important; margin-bottom:0 !important;}
  106. .admonition .last { margin-bottom:0 !important; }
  107. .note, .admonition { padding-left:65px; background:url(docicons-note.png) .8em .8em no-repeat;}
  108. div.admonition-philosophy { padding-left:65px; background:url(docicons-philosophy.png) .8em .8em no-repeat;}
  109. div.admonition-behind-the-scenes { padding-left:65px; background:url(docicons-behindscenes.png) .8em .8em no-repeat;}
  110. .admonition.warning { background:url(docicons-warning.png) .8em .8em no-repeat; border:1px solid #ffc83c;}
  111. /*** versionadded/changes ***/
  112. div.versionadded, div.versionchanged { }
  113. div.versionadded span.title, div.versionchanged span.title, span.versionmodified { font-weight: bold; }
  114. div.versionadded, div.versionchanged, div.deprecated { color:#555; }
  115. /*** p-links ***/
  116. a.headerlink { color: #c60f0f; font-size: 0.8em; margin-left: 4px; opacity: 0; text-decoration: none; }
  117. h1:hover > a.headerlink, h2:hover > a.headerlink, h3:hover > a.headerlink, h4:hover > a.headerlink, h5:hover > a.headerlink, h6:hover > a.headerlink, dt:hover > a.headerlink { opacity: 1; }
  118. a.headerlink:focus { opacity: 1; }
  119. /*** index ***/
  120. table.indextable td { text-align: left; vertical-align: top;}
  121. table.indextable dl, table.indextable dd { margin-top: 0; margin-bottom: 0; }
  122. table.indextable tr.pcap { height: 10px; }
  123. table.indextable tr.cap { margin-top: 10px; background-color: #f2f2f2;}
  124. /*** page-specific overrides ***/
  125. div#contents ul { margin-bottom: 0;}
  126. div#contents ul li { margin-bottom: 0;}
  127. div#contents ul ul li { margin-top: 0.3em;}
  128. /*** IE hacks ***/
  129. * pre { width: 100%; }