more updates on the extension API
[jinja2.git] / docs / _static / style.css
1 body {
2     background-color: #222;
3     margin: 0;
4     padding: 0;
5     font-family: 'Georgia', serif;
6     font-size: 15px;
7     color: #eee;
8 }
9
10 div.footer {
11     border-top: 1px solid black;
12     padding: 8px;
13     font-size: 11px;
14     text-align: right;
15 }
16
17 div.footer a {
18     color: #eee;
19 }
20
21 div.header {
22     background: url(headerbg.png) repeat-x;
23     border-top: 6px solid #D20000;
24 }
25
26 div.relnav {
27     border-bottom: 1px solid #ACACAC;
28     background: url(navigation.png);
29     padding: 2px 20px 0 28px;
30     line-height: 25px;
31     color: #aaa;
32     font-size: 12px;
33 }
34
35 div.relnav a {
36     color: #eee;
37     font-weight: bold;
38     text-decoration: none;
39 }
40
41 div.relnav a:hover {
42     text-decoration: underline;
43 }
44
45 #content {
46     background-color: white;
47     color: #111;
48     background: url(watermark.png) -110px 0;
49     padding: 0;
50     margin: 0;
51 }
52
53 h1 {
54     margin: 0;
55     padding: 15px 0 0 0;
56 }
57
58 h1.heading {
59     margin: 0;
60     padding: 0;
61     height: 80px;
62 }
63
64 h1.heading:hover {
65     background: #222;
66 }
67
68 h1.heading a {
69     background: url(jinjabanner.png) no-repeat 20px 0;
70     display: block;
71     width: 100%;
72     height: 80px;
73 }
74
75 h1.heading a:focus {
76     -moz-outline: none;
77     outline: none;
78 }
79
80 h1.heading span {
81     display: none;
82 }
83
84 #jinjalogo {
85     background-image: url(jinjalogo.png);
86     background-repeat: no-repeat;
87     width: 400px;
88     height: 160px;
89 }
90
91 #contentwrapper {
92     max-width: 700px;
93     padding: 0 18px 20px 18px;
94     margin: 0 0 0 10px;
95     border-right: 1px solid #eee;
96     border-left: 1px solid #eee;
97     background: url(watermark_blur.png) -120px -114px;
98 }
99
100 #contentwrapper h2,
101 #contentwrapper h2 a {
102     color: #222;
103     font-size: 24px;
104     margin: 20px 0 0 0;
105 }
106
107 #contentwrapper h3,
108 #contentwrapper h3 a {
109     color: #b41717;
110     font-size: 20px;
111     margin: 20px 0 0 0;
112 }
113
114 table.docutils {
115     border-collapse: collapse;
116     border: 2px solid #aaa;
117     margin: 0.5em 1.5em 0.5em 1.5em;
118 }
119
120 table.docutils td {
121     padding: 2px;
122     border: 1px solid #ddd;
123 }
124
125 p, li, dd, dt, blockquote {
126     color: #333;
127 }
128
129 blockquote {
130     margin: 10px 0 10px 20px;
131 }
132
133 p {
134     line-height: 20px;
135     margin-bottom: 0;
136     margin-top: 10px;
137     text-align: justify;
138 }
139
140 hr {
141     border-top: 1px solid #ccc;
142     border-bottom: 0;
143     border-right: 0;
144     border-left: 0;
145     margin-bottom: 10px;
146     margin-top: 20px;
147 }
148
149 dl {
150     margin-left: 10px;
151 }
152
153 li, dt {
154     margin-top: 5px;
155 }
156
157 dt {
158     font-weight: bold;
159     color: #000;
160 }
161
162 dd {
163     margin-top: 10px;
164     line-height: 20px;
165 }
166
167 th {
168     text-align: left;
169     padding: 3px;
170     background-color: #f2f2f2;
171 }
172
173 a {
174     color: #b41717;
175 }
176
177 a:hover {
178     color: #444;
179 }
180
181 pre {
182     background: #ededed url(metal.png);
183     border-top: 1px solid #ccc;
184     border-bottom: 1px solid #ccc;
185     padding: 5px;
186     font-size: 13px;
187     font-family: 'Bitstream Vera Sans Mono', 'Monaco', monospace;
188 }
189
190 tt {
191     font-size: 13px;
192     font-family: 'Bitstream Vera Sans Mono', 'Monaco', monospace;
193     color: black;
194     padding: 1px 2px 1px 2px;
195     background-color: #fafafa;
196     border-bottom: 1px solid #eee;
197 }
198
199 a.reference:hover tt {
200     border-bottom-color: #aaa;
201 }
202
203 cite {
204     /* abusing <cite>, it's generated by ReST for `x` */
205     font-size: 13px;
206     font-family: 'Bitstream Vera Sans Mono', 'Monaco', monospace;
207     font-weight: bold;
208     font-style: normal;
209 }
210
211 div.admonition {
212     margin: 10px 0 10px 0;
213     padding: 10px;
214     border: 1px solid #ccc;
215     background-color: #f8f8f8;
216 }
217
218 div.admonition p.admonition-title {
219     margin: -3px 0 5px 0;
220     font-weight: bold;
221     color: #b41717;
222     font-size: 16px;
223 }
224
225 div.admonition p {
226     margin: 0 0 0 40px;
227 }
228
229 #toc {
230     margin: 20px 0 10px 15px;
231     padding: 10px;
232     width: 200px;
233     float: right;
234     background-color: #f8f8f8;
235     border: 1px solid #ccc;
236     border-right: none;
237 }
238
239 #toc h3 {
240     font-size: 20px;
241     margin: 0 0 10px 0;
242     padding: 0;
243     color: #444;
244 }
245
246 #toc ul {
247     margin: 0 0 0 30px;
248     padding: 0;
249 }
250
251 #toc ul li {
252     padding: 0;
253     margin: 2px 0 2px 0;
254 }
255
256 a.headerlink {
257     color: #B4B4B4;
258     font-size: 0.8em;
259     margin-left: 8px;
260     padding: 0 4px 0 4px;
261     text-decoration: none!important;
262     visibility: hidden;
263 }
264
265 h1:hover > a.headerlink,
266 h2:hover > a.headerlink,
267 h3:hover > a.headerlink,
268 h4:hover > a.headerlink,
269 h5:hover > a.headerlink,
270 h6:hover > a.headerlink,
271 dt:hover > a.headerlink {
272     visibility: visible;
273 }
274
275 a.headerlink:hover {
276     background-color: #B4B4B4;
277     color: #F0F0F0!important;
278 }
279
280 table.indextable {
281     width: 100%;
282 }
283
284 table.indextable td {
285     vertical-align: top;
286     width: 50%;
287 }
288
289 table.indextable dl dd {
290     font-size: 11px;
291 }
292
293 table.indextable dl dd a {
294     color: #000;
295 }
296
297 dl.function dt,
298 dl.class dt,
299 dl.exception dt,
300 dl.method dt {
301     font-weight: normal;
302 }
303
304 dt .descname {
305     font-weight: bold;
306     margin-right: 4px;
307 }
308
309 dt .descname, dt .descclassname {
310     padding: 0;
311     background: transparent;
312     border-bottom: 1px solid #111;
313 }
314
315 dt .descclassname {
316     margin-left: 2px;
317 }
318
319 dl dt big {
320     font-size: 100%;
321 }
322
323 ul.search {
324     margin: 10px 0 0 30px;
325     padding: 0;
326 }
327
328 ul.search li {
329     margin: 10px 0 0 0;
330     padding: 0;
331 }
332
333 ul.search div.context {
334     font-size: 12px;
335     padding: 4px 0 0 20px;
336     color: #888;
337 }
338
339 span.highlight {
340     background-color: #eee;
341     border: 1px solid #ccc;
342 }