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