doc/_themes/flask/static/flasky.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 = '80em' %}
  10 {% set sidebar_width = '16em' %}
  11
  12 @import url("basic.css");
  13
  14 /* -- page layout ----------------------------------------------------------- */
  15
  16 body {
  17     font-family: 'Georgia', serif;
  18     font-size: 15px;
  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 0px 0 0px;
  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: 12px;
  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: 12px;
  86     line-height: 1.5;
  87 }
  88
  89 div.sphinxsidebarwrapper {
  90     padding: 0px 10px;
  91 }
  92
  93 div.sphinxsidebarwrapper p.logo {
  94     padding: 0 0 20px 0;
  95     margin: 0;
  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: 22px;
 104     font-weight: normal;
 105     margin: 0 0 5px 0;
 106     padding: 0;
 107 }
 108
 109 div.sphinxsidebar h4 {
 110     font-size: 18px;
 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 {% if theme_index_logo %}
 166 div.indexwrapper h1 {
 167     text-indent: -999999px;
 168     background: url({{ theme_index_logo }}) no-repeat center center;
 169     height: {{ theme_index_logo_height }};
 170 }
 171 {% endif %}
 172
 173 div.body h1 { margin-top: 0; padding-top: 0; font-size: 240%; }
 174 div.body h2 { font-size: 180%; }
 175 div.body h3 { font-size: 150%; }
 176 div.body h4 { font-size: 130%; }
 177 div.body h5 { font-size: 100%; }
 178 div.body h6 { font-size: 100%; }
 179
 180 a.headerlink {
 181     color: #ddd;
 182     padding: 0 4px;
 183     text-decoration: none;
 184 }
 185
 186 a.headerlink:hover {
 187     color: #444;
 188     background: #eaeaea;
 189 }
 190
 191 div.body p, div.body dd, div.body li {
 192     line-height: 1.4em;
 193 }
 194
 195 div.admonition {
 196     background: #fafafa;
 197     margin: 20px -30px;
 198     padding: 10px 30px;
 199     border-top: 1px solid #ccc;
 200     border-bottom: 1px solid #ccc;
 201 }
 202
 203 div.admonition tt.xref, div.admonition a tt {
 204     border-bottom: 1px solid #fafafa;
 205 }
 206
 207 dd div.admonition {
 208     margin-left: -60px;
 209     padding-left: 60px;
 210 }
 211
 212 div.admonition p.admonition-title {
 213     font-family: 'Garamond', 'Georgia', serif;
 214     font-weight: normal;
 215     font-size: 22px;
 216     margin: 0 0 10px 0;
 217     padding: 0;
 218     line-height: 1;
 219 }
 220
 221 div.admonition p.last {
 222     margin-bottom: 0;
 223 }
 224
 225 div.highlight {
 226     background-color: white;
 227 }
 228
 229 dt:target, .highlight {
 230     background: #FAF3E8;
 231 }
 232
 233 div.note {
 234     background-color: #eee;
 235     border: 1px solid #ccc;
 236 }
 237
 238 div.seealso {
 239     background-color: #ffc;
 240     border: 1px solid #ff6;
 241 }
 242
 243 div.topic {
 244     background-color: #eee;
 245 }
 246
 247 p.admonition-title {
 248     display: inline;
 249 }
 250
 251 p.admonition-title:after {
 252     content: ":";
 253 }
 254
 255 pre, tt {
 256     font-family: 'Consolas', 'Menlo', 'Deja Vu Sans Mono', 'Bitstream Vera Sans Mono', monospace;
 257     font-size: 0.9em;
 258 }
 259
 260 img.screenshot {
 261 }
 262
 263 tt.descname, tt.descclassname {
 264     font-size: 0.95em;
 265 }
 266
 267 tt.descname {
 268     padding-right: 0.08em;
 269 }
 270
 271 img.screenshot {
 272     -moz-box-shadow: 2px 2px 4px #eee;
 273     -webkit-box-shadow: 2px 2px 4px #eee;
 274     box-shadow: 2px 2px 4px #eee;
 275 }
 276
 277 table.docutils {
 278     border: 1px solid #888;
 279     -moz-box-shadow: 2px 2px 4px #eee;
 280     -webkit-box-shadow: 2px 2px 4px #eee;
 281     box-shadow: 2px 2px 4px #eee;
 282 }
 283
 284 table.docutils td, table.docutils th {
 285     border: 1px solid #888;
 286     padding: 0.25em 0.7em;
 287 }
 288
 289 table.field-list, table.footnote {
 290     border: none;
 291     -moz-box-shadow: none;
 292     -webkit-box-shadow: none;
 293     box-shadow: none;
 294 }
 295
 296 table.footnote {
 297     margin: 15px 0;
 298     width: 100%;
 299     border: 1px solid #eee;
 300     background: #fdfdfd;
 301     font-size: 0.9em;
 302 }
 303
 304 table.footnote + table.footnote {
 305     margin-top: -15px;
 306     border-top: none;
 307 }
 308
 309 table.field-list th {
 310     padding: 0 0.8em 0 0;
 311 }
 312
 313 table.field-list td {
 314     padding: 0;
 315 }
 316
 317 table.footnote td.label {
 318     width: 0px;
 319     padding: 0.3em 0 0.3em 0.5em;
 320 }
 321
 322 table.footnote td {
 323     padding: 0.3em 0.5em;
 324 }
 325
 326 dl {
 327     margin: 0;
 328     padding: 0;
 329 }
 330
 331 dl dd {
 332     margin-left: 30px;
 333 }
 334
 335 blockquote {
 336     margin: 0 0 0 30px;
 337     padding: 0;
 338 }
 339
 340 ul, ol {
 341     margin: 10px 0 10px 30px;
 342     padding: 0;
 343 }
 344
 345 pre {
 346     background: #eee;
 347     padding: 7px 30px;
 348     margin: 15px -30px;
 349     line-height: 1.3em;
 350 }
 351
 352 dl pre, blockquote pre, li pre {
 353     margin-left: -60px;
 354     padding-left: 60px;
 355 }
 356
 357 dl dl pre {
 358     margin-left: -90px;
 359     padding-left: 90px;
 360 }
 361
 362 tt {
 363     background-color: #ecf0f3;
 364     color: #222;
 365     /* padding: 1px 2px; */
 366 }
 367
 368 tt.xref, a tt {
 369     background-color: #FBFBFB;
 370     border-bottom: 1px solid white;
 371 }
 372
 373 a.reference {
 374     text-decoration: none;
 375     border-bottom: 1px dotted #004B6B;
 376 }
 377
 378 a.reference:hover {
 379     border-bottom: 1px solid #6D4100;
 380 }
 381
 382 a.footnote-reference {
 383     text-decoration: none;
 384     font-size: 0.7em;
 385     vertical-align: top;
 386     border-bottom: 1px dotted #004B6B;
 387 }
 388
 389 a.footnote-reference:hover {
 390     border-bottom: 1px solid #6D4100;
 391 }
 392
 393 a:hover tt {
 394     background: #EEE;
 395 }