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