docs/_static/style.css

   1 body {
   2     background-color: #222;
   3     margin: 0;
   4     padding: 0;
   5     font-family: 'Georgia', serif;
   6     font-size: 15px;
   7     color: #eee;
   8 }
   9
  10 div.footer {
  11     border-top: 1px solid #111;
  12     padding: 8px;
  13     font-size: 11px;
  14     text-align: center;
  15     letter-spacing: 0.5px;
  16 }
  17
  18 div.footer a {
  19     color: #eee;
  20 }
  21
  22 div.header {
  23     margin: 0 -15px 0 -15px;
  24     background: url(headerbg.png) repeat-x;
  25     border-top: 6px solid #D20000;
  26 }
  27
  28 div.relnav {
  29     border-bottom: 1px solid #111;
  30     background: url(navigation.png);
  31     margin: 0 -15px 0 -15px;
  32     padding: 2px 20px 0 28px;
  33     line-height: 25px;
  34     color: #aaa;
  35     font-size: 12px;
  36     text-align: center;
  37 }
  38
  39 div.relnav a {
  40     color: #eee;
  41     font-weight: bold;
  42     text-decoration: none;
  43 }
  44
  45 div.relnav a:hover {
  46     text-decoration: underline;
  47 }
  48
  49 #content {
  50     background-color: white;
  51     color: #111;
  52     border-bottom: 1px solid black;
  53     background: url(watermark.png) center 0;
  54     padding: 0 15px 0 15px;
  55     margin: 0;
  56 }
  57
  58 h1 {
  59     margin: 0;
  60     padding: 15px 0 0 0;
  61 }
  62
  63 h1.heading {
  64     margin: 0;
  65     padding: 0;
  66     height: 80px;
  67 }
  68
  69 h1.heading:hover {
  70     background: #222;
  71 }
  72
  73 h1.heading a {
  74     background: url(jinjabanner.png) no-repeat center 0;
  75     display: block;
  76     width: 100%;
  77     height: 80px;
  78 }
  79
  80 h1.heading a:focus {
  81     -moz-outline: none;
  82     outline: none;
  83 }
  84
  85 h1.heading span {
  86     display: none;
  87 }
  88
  89 #jinjalogo {
  90     background-image: url(jinjalogo.png);
  91     background-repeat: no-repeat;
  92     width: 400px;
  93     height: 160px;
  94 }
  95
  96 #contentwrapper {
  97     max-width: 680px;
  98     padding: 0 18px 20px 18px;
  99     margin: 0 auto 0 auto;
 100     border-right: 1px solid #eee;
 101     border-left: 1px solid #eee;
 102     background: url(watermark_blur.png) center -114px;
 103 }
 104
 105 #contentwrapper h2,
 106 #contentwrapper h2 a {
 107     color: #222;
 108     font-size: 24px;
 109     margin: 20px 0 0 0;
 110 }
 111
 112 #contentwrapper h3,
 113 #contentwrapper h3 a {
 114     color: #b41717;
 115     font-size: 20px;
 116     margin: 20px 0 0 0;
 117 }
 118
 119 table.docutils {
 120     border-collapse: collapse;
 121     border: 2px solid #aaa;
 122     margin: 0.5em 1.5em 0.5em 1.5em;
 123 }
 124
 125 table.docutils td {
 126     padding: 2px;
 127     border: 1px solid #ddd;
 128 }
 129
 130 p, li, dd, dt, blockquote {
 131     color: #333;
 132 }
 133
 134 blockquote {
 135     margin: 10px 0 10px 20px;
 136 }
 137
 138 p {
 139     line-height: 20px;
 140     margin-bottom: 0;
 141     margin-top: 10px;
 142 }
 143
 144 hr {
 145     border-top: 1px solid #ccc;
 146     border-bottom: 0;
 147     border-right: 0;
 148     border-left: 0;
 149     margin-bottom: 10px;
 150     margin-top: 20px;
 151 }
 152
 153 dl {
 154     margin-left: 10px;
 155 }
 156
 157 li, dt {
 158     margin-top: 5px;
 159 }
 160
 161 dt {
 162     font-weight: bold;
 163     color: #000;
 164 }
 165
 166 dd {
 167     margin-top: 10px;
 168     line-height: 20px;
 169 }
 170
 171 th {
 172     text-align: left;
 173     padding: 3px;
 174     background-color: #f2f2f2;
 175 }
 176
 177 a {
 178     color: #b41717;
 179 }
 180
 181 a:hover {
 182     color: #444;
 183 }
 184
 185 pre {
 186     background: #ededed url(metal.png);
 187     border-top: 1px solid #ccc;
 188     border-bottom: 1px solid #ccc;
 189     padding: 5px;
 190     font-size: 13px;
 191     font-family: 'Bitstream Vera Sans Mono', 'Monaco', monospace;
 192 }
 193
 194 tt {
 195     font-size: 13px;
 196     font-family: 'Bitstream Vera Sans Mono', 'Monaco', monospace;
 197     color: black;
 198     padding: 1px 2px 1px 2px;
 199     background-color: #fafafa;
 200     border-bottom: 1px solid #eee;
 201 }
 202
 203 a.reference:hover tt {
 204     border-bottom-color: #aaa;
 205 }
 206
 207 cite {
 208     /* abusing <cite>, it's generated by ReST for `x` */
 209     font-size: 13px;
 210     font-family: 'Bitstream Vera Sans Mono', 'Monaco', monospace;
 211     font-weight: bold;
 212     font-style: normal;
 213 }
 214
 215 div.admonition {
 216     margin: 10px 0 10px 0;
 217     padding: 10px 10px 10px 60px;
 218     border: 1px solid #ccc;
 219 }
 220
 221 div.admonition p.admonition-title {
 222     background-color: #b41717;
 223     color: white;
 224     margin: -10px -10px 10px -60px;
 225     padding: 4px 10px 4px 10px;
 226     font-weight: bold;
 227     font-size: 15px;
 228 }
 229
 230 div.admonition p.admonition-title a {
 231     color: white!important;
 232 }
 233
 234 div.admonition-note {
 235     background: url(note.png) no-repeat 10px 40px;
 236 }
 237
 238 div.admonition-implementation {
 239     background: url(implementation.png) no-repeat 10px 40px;
 240 }
 241
 242 a.headerlink {
 243     color: #B4B4B4!important;
 244     font-size: 0.8em;
 245     padding: 0 4px 0 4px;
 246     text-decoration: none!important;
 247     visibility: hidden;
 248 }
 249
 250 h1:hover > a.headerlink,
 251 h2:hover > a.headerlink,
 252 h3:hover > a.headerlink,
 253 h4:hover > a.headerlink,
 254 h5:hover > a.headerlink,
 255 h6:hover > a.headerlink,
 256 dt:hover > a.headerlink,
 257 dt:hover > a.headerlink {
 258     visibility: visible;
 259 }
 260
 261 a.headerlink:hover {
 262     background-color: #B4B4B4;
 263     color: #F0F0F0!important;
 264 }
 265
 266 table.indextable {
 267     width: 100%;
 268 }
 269
 270 table.indextable td {
 271     vertical-align: top;
 272     width: 50%;
 273 }
 274
 275 table.indextable dl dd {
 276     font-size: 11px;
 277 }
 278
 279 table.indextable dl dd a {
 280     color: #000;
 281 }
 282
 283 dl.function dt,
 284 dl.class dt,
 285 dl.exception dt,
 286 dl.method dt,
 287 dl.attribute dt {
 288     font-weight: normal;
 289 }
 290
 291 dt .descname {
 292     font-weight: bold;
 293     margin-right: 4px;
 294 }
 295
 296 dt .descname, dt .descclassname {
 297     padding: 0;
 298     background: transparent;
 299     border-bottom: 1px solid #111;
 300 }
 301
 302 dt .descclassname {
 303     margin-left: 2px;
 304 }
 305
 306 dl dt big {
 307     font-size: 100%;
 308 }
 309
 310 ul.search {
 311     margin: 10px 0 0 30px;
 312     padding: 0;
 313 }
 314
 315 ul.search li {
 316     margin: 10px 0 0 0;
 317     padding: 0;
 318 }
 319
 320 ul.search div.context {
 321     font-size: 12px;
 322     padding: 4px 0 0 20px;
 323     color: #888;
 324 }
 325
 326 span.highlight {
 327     background-color: #eee;
 328     border: 1px solid #ccc;
 329 }
 330
 331 #toc {
 332     margin: 0 -17px 0 -17px;
 333     display: none;
 334 }
 335
 336 #toc h3 {
 337     float: right;
 338     margin: 5px 5px 0 0;
 339     padding: 0;
 340     font-size: 12px;
 341     color: #777;
 342 }
 343
 344 #toc h3:hover {
 345     color: #333;
 346     cursor: pointer;
 347 }
 348
 349 .expandedtoc {
 350     background: #222 url(darkmetal.png);
 351     border-bottom: 1px solid #111;
 352     outline-bottom: 1px solid #000;
 353     padding: 5px;
 354 }
 355
 356 .expandedtoc h3 {
 357     color: #aaa;
 358     margin: 0!important;
 359 }
 360
 361 .expandedtoc h3:hover {
 362     color: white!important;
 363 }
 364
 365 #tod h3:hover {
 366     color: white;
 367 }
 368
 369 #toc a {
 370     color: #ddd;
 371     text-decoration: none;
 372 }
 373
 374 #toc a:hover {
 375     color: white;
 376     text-decoration: underline;
 377 }
 378
 379 #toc ul {
 380     margin: 5px 0 12px 17px;
 381     padding: 0 7px 0 7px;
 382 }
 383
 384 #toc ul ul {
 385     margin-bottom: 0;
 386 }
 387
 388 #toc ul li {
 389     margin: 2px 0 0 0;
 390 }