docs/_themes/kr/static/flasky.css_t

   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: 870px) {
 391
 392     div.sphinxsidebar {
 393         display: none;
 394     }
 395
 396     div.document {
 397        width: 100%;
 398
 399     }
 400
 401     div.documentwrapper {
 402         margin-left: 0;
 403         margin-top: 0;
 404         margin-right: 0;
 405         margin-bottom: 0;
 406     }
 407
 408     div.bodywrapper {
 409         margin-top: 0;
 410         margin-right: 0;
 411         margin-bottom: 0;
 412         margin-left: 0;
 413     }
 414
 415     ul {
 416         margin-left: 0;
 417     }
 418
 419     .document {
 420         width: auto;
 421     }
 422
 423     .footer {
 424         width: auto;
 425     }
 426
 427     .bodywrapper {
 428         margin: 0;
 429     }
 430
 431     .footer {
 432         width: auto;
 433     }
 434
 435     .github {
 436         display: none;
 437     }
 438
 439
 440
 441 }
 442
 443
 444
 445 @media screen and (max-width: 875px) {
 446
 447     body {
 448         margin: 0;
 449         padding: 20px 30px;
 450     }
 451
 452     div.documentwrapper {
 453         float: none;
 454         background: white;
 455     }
 456
 457     div.sphinxsidebar {
 458         display: block;
 459         float: none;
 460         width: 102.5%;
 461         margin: 50px -30px -20px -30px;
 462         padding: 10px 20px;
 463         background: #333;
 464         color: white;
 465     }
 466
 467     div.sphinxsidebar h3, div.sphinxsidebar h4, div.sphinxsidebar p,
 468     div.sphinxsidebar h3 a {
 469         color: white;
 470     }
 471
 472     div.sphinxsidebar a {
 473         color: #aaa;
 474     }
 475
 476     div.sphinxsidebar p.logo {
 477         display: none;
 478     }
 479
 480     div.document {
 481         width: 100%;
 482         margin: 0;
 483     }
 484
 485     div.related {
 486         display: block;
 487         margin: 0;
 488         padding: 10px 0 20px 0;
 489     }
 490
 491     div.related ul,
 492     div.related ul li {
 493         margin: 0;
 494         padding: 0;
 495     }
 496
 497     div.footer {
 498         display: none;
 499     }
 500
 501     div.bodywrapper {
 502         margin: 0;
 503     }
 504
 505     div.body {
 506         min-height: 0;
 507         padding: 0;
 508     }
 509
 510     .rtd_doc_footer {
 511         display: none;
 512     }
 513
 514     .document {
 515         width: auto;
 516     }
 517
 518     .footer {
 519         width: auto;
 520     }
 521
 522     .footer {
 523         width: auto;
 524     }
 525
 526     .github {
 527         display: none;
 528     }
 529 }
 530
 531
 532 /* scrollbars */
 533
 534 ::-webkit-scrollbar {
 535     width: 6px;
 536     height: 6px;
 537 }
 538
 539 ::-webkit-scrollbar-button:start:decrement,
 540 ::-webkit-scrollbar-button:end:increment {
 541     display: block;
 542     height: 10px;
 543 }
 544
 545 ::-webkit-scrollbar-button:vertical:increment {
 546     background-color: #fff;
 547 }
 548
 549 ::-webkit-scrollbar-track-piece {
 550     background-color: #eee;
 551     -webkit-border-radius: 3px;
 552 }
 553
 554 ::-webkit-scrollbar-thumb:vertical {
 555     height: 50px;
 556     background-color: #ccc;
 557     -webkit-border-radius: 3px;
 558 }
 559
 560 ::-webkit-scrollbar-thumb:horizontal {
 561     width: 50px;
 562     background-color: #ccc;
 563     -webkit-border-radius: 3px;
 564 }
 565
 566 /* misc. */
 567
 568 .revsys-inline {
 569     display: none!important;
 570 }