docs/_themes/jinja/static/jinja.css_t

   1 /*
   2  * flasky.css_t
   3  * ~~~~~~~~~~~~
   4  *
   5  * :copyright: Copyright 2010 by Armin Ronacher.
   6  * :license: Flask Design License, see LICENSE for details.
   7  */
   8
   9 {% set page_width = '940px' %}
  10 {% set sidebar_width = '220px' %}
  11 {% set font_family = 'Georgia, serif' %}
  12 {% set header_font_family = font_family %}
  13
  14 @import url("basic.css");
  15
  16 /* -- page layout ----------------------------------------------------------- */
  17
  18 body {
  19     font-family: {{ font_family }};
  20     font-size: 17px;
  21     background-color: white;
  22     color: #000;
  23     margin: 0;
  24     padding: 0;
  25 }
  26
  27 div.document {
  28     width: {{ page_width }};
  29     margin: 30px auto 0 auto;
  30 }
  31
  32 div.documentwrapper {
  33     float: left;
  34     width: 100%;
  35 }
  36
  37 div.bodywrapper {
  38     margin: 0 0 0 {{ sidebar_width }};
  39 }
  40
  41 div.sphinxsidebar {
  42     width: {{ sidebar_width }};
  43 }
  44
  45 hr {
  46     border: 1px solid #B1B4B6;
  47 }
  48
  49 div.body {
  50     background-color: #ffffff;
  51     color: #3E4349;
  52     padding: 0 30px 0 30px;
  53 }
  54
  55 img.floatingflask {
  56     padding: 0 0 10px 10px;
  57     float: right;
  58 }
  59
  60 div.footer {
  61     width: {{ page_width }};
  62     margin: 20px auto 30px auto;
  63     font-size: 14px;
  64     color: #888;
  65     text-align: right;
  66 }
  67
  68 div.footer a {
  69     color: #888;
  70 }
  71
  72 div.related {
  73     display: none;
  74 }
  75
  76 div.sphinxsidebar a {
  77     color: #444;
  78     text-decoration: none;
  79     border-bottom: 1px dotted #999;
  80 }
  81
  82 div.sphinxsidebar a:hover {
  83     border-bottom: 1px solid #999;
  84 }
  85
  86 div.sphinxsidebar {
  87     font-size: 15px;
  88     line-height: 1.5;
  89 }
  90
  91 div.sphinxsidebarwrapper {
  92     padding: 18px 10px;
  93 }
  94
  95 div.sphinxsidebarwrapper p.logo {
  96     padding: 0 0 20px 0;
  97     margin: 0;
  98     text-align: center;
  99 }
 100
 101 div.sphinxsidebar h3,
 102 div.sphinxsidebar h4 {
 103     font-family: {{ font_family }};
 104     color: #444;
 105     font-size: 24px;
 106     font-weight: normal;
 107     margin: 0 0 5px 0;
 108     padding: 0;
 109 }
 110
 111 div.sphinxsidebar h4 {
 112     font-size: 20px;
 113 }
 114
 115 div.sphinxsidebar h3 a {
 116     color: #444;
 117 }
 118
 119 div.sphinxsidebar p.logo a,
 120 div.sphinxsidebar h3 a,
 121 div.sphinxsidebar p.logo a:hover,
 122 div.sphinxsidebar h3 a:hover {
 123     border: none;
 124 }
 125
 126 div.sphinxsidebar p {
 127     color: #555;
 128     margin: 10px 0;
 129 }
 130
 131 div.sphinxsidebar ul {
 132     margin: 10px 0;
 133     padding: 0;
 134     color: #000;
 135 }
 136
 137 div.sphinxsidebar input {
 138     border: 1px solid #ccc;
 139     font-family: {{ font_family }};
 140     font-size: 14px;
 141 }
 142
 143 div.sphinxsidebar form.search input[name="q"] {
 144     width: 130px;
 145 }
 146
 147 /* -- body styles ----------------------------------------------------------- */
 148
 149 a {
 150     color: #aa0000;
 151     text-decoration: underline;
 152 }
 153
 154 a:hover {
 155     color: #dd0000;
 156     text-decoration: underline;
 157 }
 158
 159 div.body h1,
 160 div.body h2,
 161 div.body h3,
 162 div.body h4,
 163 div.body h5,
 164 div.body h6 {
 165     font-family: {{ header_font_family }};
 166     font-weight: normal;
 167     margin: 30px 0px 10px 0px;
 168     padding: 0;
 169     color: black;
 170 }
 171
 172 div.body h1 { margin-top: 0; padding-top: 0; font-size: 240%; }
 173 div.body h2 { font-size: 180%; }
 174 div.body h3 { font-size: 150%; }
 175 div.body h4 { font-size: 130%; }
 176 div.body h5 { font-size: 100%; }
 177 div.body h6 { font-size: 100%; }
 178
 179 a.headerlink {
 180     color: #ddd;
 181     padding: 0 4px;
 182     text-decoration: none;
 183 }
 184
 185 a.headerlink:hover {
 186     color: #444;
 187     background: #eaeaea;
 188 }
 189
 190 div.body p, div.body dd, div.body li {
 191     line-height: 1.4em;
 192 }
 193
 194 div.admonition {
 195     background: #fafafa;
 196     margin: 20px -30px;
 197     padding: 10px 30px;
 198     border-top: 1px solid #ccc;
 199     border-bottom: 1px solid #ccc;
 200 }
 201
 202 div.admonition tt.xref, div.admonition a tt {
 203     border-bottom: 1px solid #fafafa;
 204 }
 205
 206 dd div.admonition {
 207     margin-left: -60px;
 208     padding-left: 60px;
 209 }
 210
 211 div.admonition p.admonition-title {
 212     font-family: {{ font_family }};
 213     font-weight: normal;
 214     font-size: 24px;
 215     margin: 0 0 10px 0;
 216     padding: 0;
 217     line-height: 1;
 218 }
 219
 220 div.admonition p.last {
 221     margin-bottom: 0;
 222 }
 223
 224 div.highlight {
 225     background-color: white;
 226 }
 227
 228 dt:target, .highlight {
 229     background: #FAF3E8;
 230 }
 231
 232 div.note {
 233     background-color: #eee;
 234     border: 1px solid #ccc;
 235 }
 236
 237 div.seealso {
 238     background-color: #ffc;
 239     border: 1px solid #ff6;
 240 }
 241
 242 div.topic {
 243     background-color: #eee;
 244 }
 245
 246 p.admonition-title {
 247     display: inline;
 248 }
 249
 250 p.admonition-title:after {
 251     content: ":";
 252 }
 253
 254 pre, tt {
 255     font-family: 'Consolas', 'Menlo', 'Deja Vu Sans Mono', 'Bitstream Vera Sans Mono', monospace;
 256     font-size: 0.9em;
 257 }
 258
 259 img.screenshot {
 260 }
 261
 262 tt.descname, tt.descclassname {
 263     font-size: 0.95em;
 264 }
 265
 266 tt.descname {
 267     padding-right: 0.08em;
 268 }
 269
 270 img.screenshot {
 271     -moz-box-shadow: 2px 2px 4px #eee;
 272     -webkit-box-shadow: 2px 2px 4px #eee;
 273     box-shadow: 2px 2px 4px #eee;
 274 }
 275
 276 table.docutils {
 277     border: 1px solid #888;
 278     -moz-box-shadow: 2px 2px 4px #eee;
 279     -webkit-box-shadow: 2px 2px 4px #eee;
 280     box-shadow: 2px 2px 4px #eee;
 281 }
 282
 283 table.docutils td, table.docutils th {
 284     border: 1px solid #888;
 285     padding: 0.25em 0.7em;
 286 }
 287
 288 table.field-list, table.footnote {
 289     border: none;
 290     -moz-box-shadow: none;
 291     -webkit-box-shadow: none;
 292     box-shadow: none;
 293 }
 294
 295 table.footnote {
 296     margin: 15px 0;
 297     width: 100%;
 298     border: 1px solid #eee;
 299     background: #fdfdfd;
 300     font-size: 0.9em;
 301 }
 302
 303 table.footnote + table.footnote {
 304     margin-top: -15px;
 305     border-top: none;
 306 }
 307
 308 table.field-list th {
 309     padding: 0 0.8em 0 0;
 310 }
 311
 312 table.field-list td {
 313     padding: 0;
 314 }
 315
 316 table.footnote td.label {
 317     width: 0px;
 318     padding: 0.3em 0 0.3em 0.5em;
 319 }
 320
 321 table.footnote td {
 322     padding: 0.3em 0.5em;
 323 }
 324
 325 dl {
 326     margin: 0;
 327     padding: 0;
 328 }
 329
 330 dl dd {
 331     margin-left: 30px;
 332 }
 333
 334 blockquote {
 335     margin: 0 0 0 30px;
 336     padding: 0;
 337 }
 338
 339 ul, ol {
 340     margin: 10px 0 10px 30px;
 341     padding: 0;
 342 }
 343
 344 pre {
 345     background: #eee;
 346     padding: 7px 30px;
 347     margin: 15px -30px;
 348     line-height: 1.3em;
 349 }
 350
 351 dl pre, blockquote pre, li pre {
 352     margin-left: -60px;
 353     padding-left: 60px;
 354 }
 355
 356 dl dl pre {
 357     margin-left: -90px;
 358     padding-left: 90px;
 359 }
 360
 361 tt {
 362     background-color: #E8EFF0;
 363     color: #222;
 364     /* padding: 1px 2px; */
 365 }
 366
 367 tt.xref, a tt {
 368     background-color: #E8EFF0;
 369     border-bottom: 1px solid white;
 370 }
 371
 372 a.reference {
 373     text-decoration: none;
 374     border-bottom: 1px dotted #bb0000;
 375 }
 376
 377 a.reference:hover {
 378     border-bottom: 1px solid #dd0000;
 379 }
 380
 381 a.footnote-reference {
 382     text-decoration: none;
 383     font-size: 0.7em;
 384     vertical-align: top;
 385     border-bottom: 1px dotted #bb0000;
 386 }
 387
 388 a.footnote-reference:hover {
 389     border-bottom: 1px solid #dd0000;
 390 }
 391
 392 a:hover tt {
 393     background: #EEE;
 394 }