]> git.vanrenterghem.biz Git - git.ikiwiki.info.git/blob - doc/style.css
response
[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 div.inlinecontent {
36         margin-top: .4em;
37 }
39 .actions li {
40         display: inline;
41         padding: .2em .4em;
42 }
44 .pagefooter {
45         clear: both;
46 }
48 .tags {
49 }
51 #pageinfo {
52         margin: 1em 0;
53         border-top: 1px solid #000;
54 }
56 div.tags {
57         margin-top: 1em;
58 }
60 .mapparent {
61         text-decoration: none;
62 }
64 .img caption {
65         font-size: 80%;
66         caption-side: bottom;
67         text-align: center;
68 }
70 #backlinks {
71         margin-top: 1em;
72 }
74 #searchform {
75         display: inline;
76         float: right;
77 }
79 #editcontent {
80         width: 100%;
81 }
83 img {
84         border-style: none;
85 }
87 div.recentchanges {
88         border-style: solid;
89         border-width: 1px;
90         overflow: auto;
91         clear: both;
92         width: 100%;
93         background: #eee;
94         color: black !important;
95 }
96 .recentchanges .metadata {
97         padding: 0px 0.5em;
98 }
99 .recentchanges .changelog {
100         font-style: italic;
101         clear: both;
102         display: block;
103         padding: 1px 2px;
104         background: white !important;
105         color: black !important;
107 .recentchanges .desc {
108         display: none;
110 .recentchanges .diff {
111         display: none;
113 .recentchanges .committer {
114         float: left;
115         margin: 0;
116         width: 40%;
118 .recentchanges .committype {
119         float: left;
120         margin: 0;
121         width: 5%;
122         font-size: small;
124 .recentchanges .changedate {
125         float: left;
126         margin: 0;
127         width: 35%;
128         font-size: small;
130 .recentchanges .pagelinks {
131         float: right;
132         margin: 0;
133         width: 60%;
136 /* Used for adding a blog page. */
137 #blogform {
138         padding: 10px 10px;
139         border: 1px solid #aaa;
140         background: #eee;
141         color: black !important;
144 .inlinepage {
145         padding: 10px 10px;
146         border: 1px solid #aaa;
149 .pagedate,
150 .pagelicense,
151 .pagecopyright {
152         font-style: italic;
153         display: block;
154         margin-top: 1em;
157 .error {
158         color: #C00;
161 /* Used for invalid form fields. */
162 .fb_invalid {
163         color: red;
164         background: white !important;
167 /* Used for required form fields. */
168 .fb_required {
169         font-weight: bold;
172 /* Orange feed button. */
173 .feedbutton {
174         background: #ff6600;
175         color: white !important;
176         border-left: 1px solid #cc9966;
177         border-top: 1px solid #ccaa99;
178         border-right: 1px solid #993300;
179         border-bottom: 1px solid #331100;
180         padding: 0px 0.5em 0px 0.5em;
181         font-family: sans-serif;
182         font-weight: bold;
183         font-size: small;
184         text-decoration: none;
185         margin-top: 1em;
187 .feedbutton:hover {
188         color: white !important;
189         background: #ff9900;
192 /* Tag cloud. */
193 .pagecloud {
194         float: right;
195         width: 30%;
196         text-align: center;
197         padding: 10px 10px;
198         border: 1px solid #aaa;
199         background: #eee;
200         color: black !important;
202 .smallestPC { font-size: 70%; }
203 .smallPC { font-size: 85%; }
204 .normalPC { font-size: 100%; }
205 .bigPC { font-size: 115%; }
206 .biggestPC { font-size: 130%; }
208 #sidebar {
209         line-height: 3ex;
210         width: 20ex;
211         float: right;
212         margin-left: 40px;
213         margin-bottom: 40px;
214         padding: 2ex 2ex;
215         background: white;
216         color: black !important;
219 /* outlines */
220 li.L1 {
221         list-style: upper-roman;
223 li.L2 {
224         list-style: decimal;
226 li.L3 {
227         list-style: lower-alpha;
229 li.L4 {
230         list-style: disc;
232 li.L5 {
233         list-style: square;
235 li.L6 {
236         list-style: circle;
238 li.L7 {
239         list-style: lower-roman;
241 li.L8 {
242         list-style: upper-alpha;
245 hr.poll {
246         height: 10pt;
247         color: white !important;
248         background: #eee;
249         border: 2px solid black;
251 div.poll {
252         margin-top: 1ex;
253         margin-bottom: 1ex;
254         padding: 1ex 1ex;
255         border: 1px solid #aaa;
258 div.progress {
259         margin-top: 1ex;
260         margin-bottom: 1ex;
261         border: 1px solid #888;
262         width: 400px;
263         background: #eee;
264         color: black !important;
265         padding: 1px;
267 div.progress-done {
268         background: #ea6 !important;
269         color: black !important;
270         text-align: center;
271         padding: 1px;
274 input#openid_url {
275         background: url(wikiicons/openidlogin-bg.gif) no-repeat;
276         background-color: #fff;
277         background-position: 0 50%;
278         color: #000;
279         padding-left: 18px;
282 input#searchbox {
283         background: url(wikiicons/search-bg.gif) no-repeat;
284         background-color: #fff;
285         background-position: 100% 50%;
286         color: #000;
287         padding-right: 16px;
290 /* Things to hide in printouts. */
291 @media print {
292         .actions { display: none; }
293         .tags { display: none; }
294         .feedbutton { display: none; }
295         #searchform { display: none; }
296         #blogform { display: none; }
297         #backlinks { display: none; }
300 /* Provided for use by template plugin for floating info boxes. */
301 .infobox {
302         float: right;
303         margin-left: 2ex;
304         margin-top: 1ex;
305         margin-bottom: 1ex;
306         padding: 1ex 1ex;
307         border: 1px solid #aaa;
308         background: white;
309         color: black !important;
312 /* Provided for use by template plugin for floating note boxes. */
313 .notebox {
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         width: 25%;
321         background: white;
322         color: black !important;
325 /* Used by the popup template and for backlinks hiding. */
326 .popup {
327         border-bottom: 1px dotted #366;
328         color: #366;
330 .popup .balloon,
331 .popup .paren,
332 .popup .expand {
333         display: none;
335 .popup:hover .balloon,
336 .popup:focus .balloon {
337         position: absolute;
338         display: inline;
339         margin: 1em 0 0 -2em;
340         padding: 0.625em;
341         border: 2px solid;
342         background-color: #dee;
343         color: black;
346 /* Formbuilder styling */
347 fieldset {
348         margin: 1ex 0;
349         border: 1px solid black;
351 legend {
352         padding: 0 1ex;
354 .fb_submit {
355         float: left;
356         margin: 2px 0;
358 #signin_openid_url_label {
359         float: left;
360         margin-right: 1ex;
362 #signin_openid {
363         padding: 10px 10px;
364         border: 1px solid #aaa;
365         background: #eee; 
366         color: black !important;
369 span.color {
370         padding: 2px;
373 .comment-header {
374         font-style: italic;
375         margin-top: .3em;
377 .comment .author {
378         font-weight: bold;
380 .comment-subject {
381         font-weight: bold;
383 .comment {
384         border: 1px solid #aaa;
385         padding: 3px;