]> sipb.mit.edu Git - ikiwiki.git/blob - doc/style.css
8dd3b1c151905d0c2f8fdae03c0b8bda8c38bf55
[ikiwiki.git] / doc / style.css
1 /* ikiwiki style sheet */
2
3 /* Note that instead of modifying this style sheet, you can instead edit
4  * local.css and use it to override or change settings in this one.
5  */
6
7 /* html5 compat */
8 article,
9 header,
10 footer,
11 nav {
12         display: block;
13 }
14
15 .header {
16         margin: 0;
17         font-size: 22px;
18         font-weight: bold;
19         line-height: 1em;
20         display: block;
21 }
22
23 .inlineheader .author {
24         margin: 0;
25         font-size: 18px;
26         font-weight: bold;
27         display: block;
28 }
29
30 .actions ul {
31         margin: 0;
32         padding: 6px .4em;
33         height: 1em;
34         list-style-type: none;
35 }
36 .actions li {
37         display: inline;
38         padding: .2em;
39 }
40 .pageheader .actions ul {
41         border-bottom: 1px solid #000;
42 }
43
44 .inlinepage .actions ul {
45         border-bottom: 0;
46 }
47
48 #otherlanguages ul {
49         margin: 0;
50         padding: 6px;
51         list-style-type: none;
52 }
53 #otherlanguages li {
54         display: inline;
55         padding: .2em .4em;
56 }
57 .pageheader #otherlanguages {
58         border-bottom: 1px solid #000;
59 }
60
61 .inlinecontent {
62         margin-top: .4em;
63 }
64
65 .pagefooter,
66 .inlinefooter,
67 .comments {
68         clear: both;
69 }
70
71 #pageinfo {
72         margin: 1em 0;
73         border-top: 1px solid #000;
74 }
75
76 .tags {
77         margin-top: 1em;
78 }
79
80 .inlinepage .tags {
81         display: inline;
82 }
83
84 .mapparent {
85         text-decoration: none;
86 }
87
88 .img caption {
89         font-size: 80%;
90         caption-side: bottom;
91         text-align: center;
92 }
93
94 img.img {
95         margin: 0.5ex;
96 }
97
98 .align-left {
99         float:left;
100 }
101
102 .align-right {
103         float:right;
104 }
105
106 #backlinks {
107         margin-top: 1em;
108 }
109
110 #searchform {
111         display: inline;
112         float: right;
113 }
114
115 #editcontent {
116         width: 98%;
117 }
118
119 .editcontentdiv {
120         width: auto;
121         overflow: auto;
122 }
123
124 img {
125         border-style: none;
126 }
127
128 pre {
129         overflow: auto;
130 }
131
132 div.recentchanges {
133         border-style: solid;
134         border-width: 1px;
135         overflow: auto;
136         width: auto;
137         clear: none;
138         background: #eee;
139         color: black !important;
140 }
141 .recentchanges .metadata {
142         padding: 0px 0.5em;
143 }
144 .recentchanges .changelog {
145         font-style: italic;
146         clear: both;
147         display: block;
148         padding: 1px 2px;
149         background: white !important;
150         color: black !important;
151 }
152 .recentchanges .desc {
153         display: none;
154 }
155 .recentchanges .diff {
156         display: none;
157 }
158 .recentchanges .committer {
159         float: left;
160         margin: 0;
161         width: 40%;
162 }
163 .recentchanges .committype {
164         float: left;
165         margin: 0;
166         width: 5%;
167         font-size: small;
168 }
169 .recentchanges .changedate {
170         float: left;
171         margin: 0;
172         width: 35%;
173         font-size: small;
174 }
175 .recentchanges .pagelinks {
176         float: right;
177         margin: 0;
178         width: 60%;
179 }
180
181 #blogform {
182         padding: 10px 10px;
183         border: 1px solid #aaa;
184         background: #eee;
185         color: black !important;
186         width: auto;
187         overflow: auto;
188 }
189
190 .inlinepage {
191         padding: 10px 10px;
192         border: 1px solid #aaa;
193         overflow: auto;
194 }
195
196 .pagedate,
197 .pagelicense,
198 .pagecopyright {
199         font-style: italic;
200         display: block;
201         margin-top: 1em;
202 }
203
204 .error {
205         color: #C00;
206 }
207
208 .sidebar {
209         width: 20ex;
210         float: right;
211         margin-left: 4px;
212         margin-bottom: 4px;
213         margin-top: -1px;
214         padding: 0ex 2ex;
215         background: white;
216         border: 1px solid black;
217         color: black !important;
218 }
219
220 hr.poll {
221         height: 10pt;
222         color: white !important;
223         background: #eee;
224         border: 2px solid black;
225 }
226 div.poll {
227         margin-top: 1ex;
228         margin-bottom: 1ex;
229         padding: 1ex 1ex;
230         border: 1px solid #aaa;
231 }
232
233 span.color {
234         padding: 2px;
235 }
236
237 .comment-header,
238 .microblog-header {
239         font-style: italic;
240         margin-top: .3em;
241 }
242 .comment .author,
243 .microblog .author {
244         font-weight: bold;
245 }
246 .comment-subject {
247         font-weight: bold;
248 }
249 .comment {
250         border: 1px solid #aaa;
251         padding: 3px;
252 }
253
254 div.progress {
255         margin-top: 1ex;
256         margin-bottom: 1ex;
257         border: 1px solid #888;
258         width: 400px;
259         background: #eee;
260         color: black !important;
261         padding: 1px;
262 }
263 div.progress-done {
264         background: #ea6 !important;
265         color: black !important;
266         text-align: center;
267         padding: 1px;
268 }
269
270 /* things to hide in printouts */
271 @media print {
272         .actions { display: none; }
273         .tags { display: none; }
274         .feedbutton { display: none; }
275         #searchform { display: none; }
276         #blogform { display: none; }
277         #backlinks { display: none; }
278 }
279
280 /* infobox template */
281 .infobox {
282         float: right;
283         margin-left: 2ex;
284         margin-top: 1ex;
285         margin-bottom: 1ex;
286         padding: 1ex 1ex;
287         border: 1px solid #aaa;
288         background: white;
289         color: black !important;
290 }
291
292 /* notebox template */
293 .notebox {
294         float: right;
295         margin-left: 2ex;
296         margin-top: 1ex;
297         margin-bottom: 1ex;
298         padding: 1ex 1ex;
299         border: 1px solid #aaa;
300         width: 25%;
301         background: white;
302         color: black !important;
303 }
304
305 /* popup template and backlinks hiding */
306 .popup {
307         border-bottom: 1px dotted #366;
308         color: #366;
309 }
310 .popup .balloon,
311 .popup .paren,
312 .popup .expand {
313         display: none;
314 }
315 .popup:hover .balloon,
316 .popup:focus .balloon {
317         position: absolute;
318         display: inline;
319         margin: 1em 0 0 -2em;
320         padding: 0.625em;
321         border: 2px solid;
322         background-color: #dee;
323         color: black;
324 }
325
326 /* form styling */
327 fieldset {
328         margin: 1ex 0;
329         border: 1px solid black;
330 }
331 legend {
332         padding: 0 1ex;
333 }
334 .fb_submit {
335         float: left;
336         margin: 2px 0;
337 }
338 label.block {    
339         display: block;   
340 }
341 label.inline {    
342         display: inline;
343 }
344 input#openid_identifier {
345         background: url(wikiicons/openidlogin-bg.gif) no-repeat;
346         background-color: #fff;
347         background-position: 0 50%;
348         color: #000;
349         padding-left: 18px;
350 }
351 input#searchbox {
352         background: url(wikiicons/search-bg.gif) no-repeat;
353         background-color: #fff;
354         background-position: 100% 50%;
355         color: #000;
356         padding-right: 16px;
357 }
358 /* invalid form fields */
359 .fb_invalid {
360         color: red;
361         background: white !important;
362 }
363 /* required form fields */
364 .fb_required {
365         font-weight: bold;
366 }
367
368 /* highlight plugin */
369 pre.hl { color:#000000; background-color:#ffffff; }
370 .hl.num { color:#2928ff; }
371 .hl.esc { color:#ff00ff; }
372 .hl.str { color:#ff0000; }
373 .hl.dstr { color:#818100; }
374 .hl.slc { color:#838183; font-style:italic; }
375 .hl.com { color:#838183; font-style:italic; }
376 .hl.dir { color:#008200; }
377 .hl.sym { color:#000000; }
378 .hl.line { color:#555555; }
379 .hl.mark { background-color:#ffffbb; }
380 .hl.kwa { color:#000000; font-weight:bold; }
381 .hl.kwb { color:#830000; }
382 .hl.kwc { color:#000000; font-weight:bold; }
383 .hl.kwd { color:#010181; }
384
385 /* calendar plugin */
386 .month-calendar-day-this-day,
387 .year-calendar-this-month {
388         background-color: #eee;
389 }
390 .month-calendar-day-head,
391 .month-calendar-day-nolink,
392 .month-calendar-day-link,
393 .month-calendar-day-this-day,
394 .month-calendar-day-future {
395         text-align: right;
396 }
397 .month-calendar-arrow A:link,
398 .year-calendar-arrow A:link,
399 .month-calendar-arrow A:visited,
400 .year-calendar-arrow A:visited {
401         text-decoration: none;
402         font-weight: normal;
403         font-size: 150%;
404 }
405
406 /* outlines */
407 li.L1 { list-style: upper-roman; }
408 li.L2 { list-style: decimal; }
409 li.L3 { list-style: lower-alpha; }
410 li.L4 { list-style: disc; }
411 li.L5 { list-style: square; }
412 li.L6 { list-style: circle; }
413 li.L7 { list-style: lower-roman; }
414 li.L8 { list-style: upper-alpha; }
415
416 /* tag cloud */
417 .pagecloud {
418         float: right;
419         width: 30%;
420         text-align: center;
421         padding: 10px 10px;
422         border: 1px solid #aaa;
423         background: #eee;
424         color: black !important;
425 }
426 .smallestPC { font-size: 70%; }
427 .smallPC { font-size: 85%; }
428 .normalPC { font-size: 100%; }
429 .bigPC { font-size: 115%; }
430 .biggestPC { font-size: 130%; }
431
432 /* orange feed button */
433 .feedbutton {
434         background: #ff6600;
435         color: white !important;
436         border-left: 1px solid #cc9966;
437         border-top: 1px solid #ccaa99;
438         border-right: 1px solid #993300;
439         border-bottom: 1px solid #331100;
440         padding: 0px 0.5em 0px 0.5em;
441         font-family: sans-serif;
442         font-weight: bold;
443         font-size: small;
444         text-decoration: none;
445         margin-top: 1em;
446 }
447 .feedbutton:hover {
448         color: white !important;
449         background: #ff9900;
450 }
451
452 /* openid selector */
453 #openid_choice {
454         display: none;
455 }
456 #openid_input_area {
457         clear: both;
458         padding: 10px;
459 }
460 #openid_btns, #openid_btns br {
461         clear: both;
462 }
463 #openid_highlight {
464         background-color: black;
465         float: left;
466 }
467 .openid_large_btn {
468         padding: 1em 1.5em;
469         border: 1px solid #DDD;
470         margin: 3px;
471         float: left;
472 }
473 .openid_small_btn {
474         padding: 4px 4px;
475         border: 1px solid #DDD;
476         margin: 3px;
477         float: left;
478 }
479 a.openid_large_btn:focus {
480         outline: none;
481 }
482 a.openid_large_btn:focus {
483         -moz-outline-style: none;
484 }
485 .openid_selected {
486         border: 4px solid #DDD;
487 }