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