[Summary view] [Print] [Text view]

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