doc/_themes/flask_small/static/flasky.css_t

   1 /*
   2  * flasky.css_t
   3  * ~~~~~~~~~~~~
   4  *
   5  * Sphinx stylesheet -- flasky theme based on nature theme.
   6  *
   7  * :copyright: Copyright 2007-2010 by the Sphinx team, see AUTHORS.
   8  * :license: BSD, see LICENSE for details.
   9  *
  10  */
  11
  12 @import url("basic.css");
  13
  14 /* -- page layout ----------------------------------------------------------- */
  15
  16 body {
  17     font-family: 'Georgia', serif;
  18     font-size: 17px;
  19     color: #000;
  20     background: white;
  21     margin: 0;
  22     padding: 0;
  23 }
  24
  25 div.documentwrapper {
  26     float: left;
  27     width: 100%;
  28 }
  29
  30 div.bodywrapper {
  31     margin: 40px auto 0 auto;
  32     width: 700px;
  33 }
  34
  35 hr {
  36     border: 1px solid #B1B4B6;
  37 }
  38
  39 div.body {
  40     background-color: #ffffff;
  41     color: #3E4349;
  42     padding: 0 30px 30px 30px;
  43 }
  44
  45 img.floatingflask {
  46     padding: 0 0 10px 10px;
  47     float: right;
  48 }
  49
  50 div.footer {
  51     text-align: right;
  52     color: #888;
  53     padding: 10px;
  54     font-size: 14px;
  55     width: 650px;
  56     margin: 0 auto 40px auto;
  57 }
  58
  59 div.footer a {
  60     color: #888;
  61     text-decoration: underline;
  62 }
  63
  64 div.related {
  65     line-height: 32px;
  66     color: #888;
  67 }
  68
  69 div.related ul {
  70     padding: 0 0 0 10px;
  71 }
  72
  73 div.related a {
  74     color: #444;
  75 }
  76
  77 /* -- body styles ----------------------------------------------------------- */
  78
  79 a {
  80     color: #004B6B;
  81     text-decoration: underline;
  82 }
  83
  84 a:hover {
  85     color: #6D4100;
  86     text-decoration: underline;
  87 }
  88
  89 div.body {
  90     padding-bottom: 40px; /* saved for footer */
  91 }
  92
  93 div.body h1,
  94 div.body h2,
  95 div.body h3,
  96 div.body h4,
  97 div.body h5,
  98 div.body h6 {
  99     font-family: 'Garamond', 'Georgia', serif;
 100     font-weight: normal;
 101     margin: 30px 0px 10px 0px;
 102     padding: 0;
 103 }
 104
 105 {% if theme_index_logo %}
 106 div.indexwrapper h1 {
 107     text-indent: -999999px;
 108     background: url({{ theme_index_logo }}) no-repeat center center;
 109     height: {{ theme_index_logo_height }};
 110 }
 111 {% endif %}
 112
 113 div.body h2 { font-size: 180%; }
 114 div.body h3 { font-size: 150%; }
 115 div.body h4 { font-size: 130%; }
 116 div.body h5 { font-size: 100%; }
 117 div.body h6 { font-size: 100%; }
 118
 119 a.headerlink {
 120     color: white;
 121     padding: 0 4px;
 122     text-decoration: none;
 123 }
 124
 125 a.headerlink:hover {
 126     color: #444;
 127     background: #eaeaea;
 128 }
 129
 130 div.body p, div.body dd, div.body li {
 131     line-height: 1.4em;
 132 }
 133
 134 div.admonition {
 135     background: #fafafa;
 136     margin: 20px -30px;
 137     padding: 10px 30px;
 138     border-top: 1px solid #ccc;
 139     border-bottom: 1px solid #ccc;
 140 }
 141
 142 div.admonition p.admonition-title {
 143     font-family: 'Garamond', 'Georgia', serif;
 144     font-weight: normal;
 145     font-size: 24px;
 146     margin: 0 0 10px 0;
 147     padding: 0;
 148     line-height: 1;
 149 }
 150
 151 div.admonition p.last {
 152     margin-bottom: 0;
 153 }
 154
 155 div.highlight{
 156     background-color: white;
 157 }
 158
 159 dt:target, .highlight {
 160     background: #FAF3E8;
 161 }
 162
 163 div.note {
 164     background-color: #eee;
 165     border: 1px solid #ccc;
 166 }
 167
 168 div.seealso {
 169     background-color: #ffc;
 170     border: 1px solid #ff6;
 171 }
 172
 173 div.topic {
 174     background-color: #eee;
 175 }
 176
 177 div.warning {
 178     background-color: #ffe4e4;
 179     border: 1px solid #f66;
 180 }
 181
 182 p.admonition-title {
 183     display: inline;
 184 }
 185
 186 p.admonition-title:after {
 187     content: ":";
 188 }
 189
 190 pre, tt {
 191     font-family: 'Consolas', 'Menlo', 'Deja Vu Sans Mono', 'Bitstream Vera Sans Mono', monospace;
 192     font-size: 0.85em;
 193 }
 194
 195 img.screenshot {
 196 }
 197
 198 tt.descname, tt.descclassname {
 199     font-size: 0.95em;
 200 }
 201
 202 tt.descname {
 203     padding-right: 0.08em;
 204 }
 205
 206 img.screenshot {
 207     -moz-box-shadow: 2px 2px 4px #eee;
 208     -webkit-box-shadow: 2px 2px 4px #eee;
 209     box-shadow: 2px 2px 4px #eee;
 210 }
 211
 212 table.docutils {
 213     border: 1px solid #888;
 214     -moz-box-shadow: 2px 2px 4px #eee;
 215     -webkit-box-shadow: 2px 2px 4px #eee;
 216     box-shadow: 2px 2px 4px #eee;
 217 }
 218
 219 table.docutils td, table.docutils th {
 220     border: 1px solid #888;
 221     padding: 0.25em 0.7em;
 222 }
 223
 224 table.field-list, table.footnote {
 225     border: none;
 226     -moz-box-shadow: none;
 227     -webkit-box-shadow: none;
 228     box-shadow: none;
 229 }
 230
 231 table.footnote {
 232     margin: 15px 0;
 233     width: 100%;
 234     border: 1px solid #eee;
 235 }
 236
 237 table.field-list th {
 238     padding: 0 0.8em 0 0;
 239 }
 240
 241 table.field-list td {
 242     padding: 0;
 243 }
 244
 245 table.footnote td {
 246     padding: 0.5em;
 247 }
 248
 249 dl {
 250     margin: 0;
 251     padding: 0;
 252 }
 253
 254 dl dd {
 255     margin-left: 30px;
 256 }
 257
 258 pre {
 259     padding: 0;
 260     margin: 15px -30px;
 261     padding: 8px;
 262     line-height: 1.3em;
 263     padding: 7px 30px;
 264     background: #eee;
 265     border-radius: 2px;
 266     -moz-border-radius: 2px;
 267     -webkit-border-radius: 2px;
 268 }
 269
 270 dl pre {
 271     margin-left: -60px;
 272     padding-left: 60px;
 273 }
 274
 275 tt {
 276     background-color: #ecf0f3;
 277     color: #222;
 278     /* padding: 1px 2px; */
 279 }
 280
 281 tt.xref, a tt {
 282     background-color: #FBFBFB;
 283 }
 284
 285 a:hover tt {
 286     background: #EEE;
 287 }