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