New edit page
[wiki.git] / sys / geekigeeki.css
1 /*
2  * Author: Gerardo Poggiali <g.poggiali@develer.com>
3  * Author: Bernie Innocenti <bernie@codewiz.org>
4  */
5
6 body {
7         font-family: sans-serif;
8         background-color: #F0F0F8;
9         color: #000000;
10         margin-top: 0px;
11         margin-left: 0px;
12         margin-right: 0px;
13 }
14
15 a { color: #1010FF; }
16 a:visited { color: #501080; }
17 a.nonexistent { color: #D04040; }
18 a.navlink { color: #000088; font-size: smaller; font-weight: bold}
19 a.external { font-style: italic; }
20 a.heading { text-decoration: none; color: #aaaaaa; font-size: smaller; }
21
22 h1 {
23         font-size: x-large;
24         font-weight: bold;
25         color: #3377FF;
26         border: #5599EE;
27         background-color: #C2E2FF;
28         clear: both;
29
30         margin-bottom: 0.2em;
31         margin-top: 2em;
32         padding-right: 10px;
33         padding-left: 10px;
34
35         border-top-width: 1px;
36         border-bottom-width: 1px;
37         border-right-width: 0px;
38         border-left-width: 0px;
39         border-style: solid;
40 }
41
42 h2 {
43         font-size: large;
44         font-weight: bold;
45         color: #22AA33;
46         border: #22AA33;
47         background-color: #E8F8F0;
48         clear: both;
49
50         margin-left: 5px;
51         margin-right: 5px;
52         margin-bottom: 0.1em;
53         margin-top: 2em;
54         padding-right: 10px;
55         padding-left: 10px;
56
57         border-top-width: 1px;
58         border-bottom-width: 1px;
59         border-left-width: 0px;
60         border-right-width: 0px;
61         border-style: solid;
62 }
63
64 h3 {
65         font-size: large;
66         font-weight: bold;
67         color: #DD2255;
68         border: #BB5599;
69
70         margin-left: 10px;
71         margin-right: 10px;
72         padding-right: 5px;
73         padding-left: 5px;
74
75         border-top-width: 0px;
76         border-bottom-width: 1px;
77         border-right-width: 0px;
78         border-left-width: 0px;
79         border-style: solid;
80 }
81
82 h4 {
83         font-size: medium;
84         font-weight: bold;
85         color: #2222AA;
86
87         margin-left: 10px;
88         margin-right: 10px;
89         padding-right: 5px;
90         padding-left: 5px;
91
92         border: #333399;
93         border-top-width: 0px;
94         border-bottom-width: 1px;
95         border-right-width: 0px;
96         border-left-width: 0px;
97         border-style: solid;
98 }
99
100 h5 {
101         font-size: medium;
102         font-weight: bold;
103         color: #222288;
104
105         margin-left: 10px;
106         margin-right: 10px;
107         padding-right: 5px;
108         padding-left: 5px;
109 }
110
111 /* Heading anchors */
112 .heading:link, .heading:visited {
113         border: none;
114         color: #d7d7d7;
115         font-size: .8em;
116         vertical-align: text-top;
117 }
118 * > .heading:link, * > .heading:visited {
119         visibility: hidden;
120 }
121
122 h1:hover .heading, h2:hover .heading, h3:hover .heading,
123 h4:hover .heading, h5:hover .heading, h6:hover .heading {
124         visibility: visible;
125 }
126
127 strong.DONE {
128         padding-left: 0.1em;
129         background-color: #22ee22;
130 }
131
132 strong.TODO {
133         padding-left: 0.1em;
134         background-color: #ffdd44;
135 }
136
137 strong.FIXME {
138         padding-left: 0.1em;
139         background-color: #ee2222;
140 }
141
142 strong.error {
143         color: red;
144 }
145
146 div {
147         margin-left:  10px;
148         margin-right: 10px;
149         text-align: justify;
150 }
151
152 div.wiki {
153         margin-left:  0px;
154         margin-right: 0px;
155 }
156
157 div.preview {
158         border: 2px dashed #FF0000;
159 }
160
161 div.index {
162         border: 1px solid #EEEEEE;
163 }
164
165 div.nav {
166         /*border-color: #88aacc;
167         background-color: #aaccee;*/
168         border-color: #888888;
169         background-color: #cccccc;
170         border-style: solid;
171         border-top-width: 0px;
172         border-bottom-width: 2px;
173         border-left-width: 0px;
174         border-right-width: 0px;
175         padding-top:    5px;
176         padding-bottom: 5px;
177         padding-left:   5px;
178         padding-right:  5px;
179         margin-top:     0px;
180         margin-bottom:  10px;
181         margin-left:    0px;
182         margin-right:   0px;
183 }
184
185 .nav hr {
186         display: none;
187 }
188
189 .nav .login {
190         font-size: small;
191         color: red;
192 }
193
194 #footer div {
195         margin-top: 1em;
196         margin-left: 0;
197         margin-right: 0;
198 }
199
200 #footer hr {
201         border: none;
202         border-top: 1px solid #bbbbbb;
203         margin: 0 0;
204         clear: both;
205 }
206
207 #footer :link, #footer :visited {
208         color: #666666;
209 }
210
211 #footer p {
212         color: #888888;
213         font-size: x-small;
214         margin-top: 0;
215 }
216
217 #footer p.copyright {
218         float: left;
219         margin-left: 0em;
220         padding: 0 1em;
221 }
222
223 #footer .license {
224         border-width: 0;
225         vertical-align: top;
226         margin-left: 0em;
227         margin-right: 1em;
228 }
229
230 #footer p.modified {
231         float: right;
232         text-align: right;
233         margin-right: 1em;
234 }
235
236 p.dialog {
237         border-color: black;
238         background-color: white;
239         padding-left: 5px;      
240         margin-left: 10px;
241         margin-right: 10px;
242         border-style: solid;
243         border-top-width: 1px;
244         border-right-width: 1px;
245         border-bottom-width: 1px;
246         border-left-width: 1px
247 }
248
249 p {
250         margin-left: 1em;
251         margin-right: 1em;
252         margin-bottom: 1em;
253         text-align: justify;
254 }
255
256 table {
257         /*width: 100%;*/
258         border: 2px solid #ccc;
259         border-collapse: collapse;
260         margin-left: 1em;
261         margin-right: 1em;
262         margin-top: 0.5em;
263         margin-bottom: 0.5em;
264 }
265
266 table tbody thead {
267         background: #f7f7f0
268 }
269
270 /* FIXME: should be thead */
271 table tbody th {
272         border: 1px solid #d7d7d7;
273         border-bottom-color: #999;
274         font-weight: bold;
275         padding: 2px .5em;
276         vertical-align: bottom;
277 }
278
279 table tbody td {
280         border: 1px dotted #ddd;
281         padding: .3em .5em;
282         vertical-align: top;
283 }
284
285 table tbody tr { border-top: 1px solid #ddd }
286 table tbody tr.even { background-color: #f0f0f0 }
287 table tbody tr.odd { background-color: #e7e7e7 }
288 table tbody tr:hover { background: #eed !important }
289
290 table thead th :link:hover, table thead th :visited:hover table tbody td a:hover, table tbody th a:hover {
291         background-color: transparent;
292 }
293
294 pre {
295         color: #222222;
296         border-color: #E9E609;
297         background: #FFFDD0;
298
299         margin-left: 10px;
300         margin-right: 10px;
301         padding-left: 5px;
302         padding-right: 5px;
303         padding-top: 5px;
304         padding-bottom: 5px;
305         border-style: solid;
306         border-top-width: 1px;
307         border-right-width: 1px;
308         border-bottom-width: 1px;
309         border-left-width: 1px;
310 }
311
312 pre.error {
313         color: #FF0000;
314         background: #000000;
315         border-top-color: #FF0000;
316         border-color: #FF0000;
317         border-style: solid;
318         border-width: 6px;
319         margin: 0px;
320 }
321
322 pre.success {
323         color: #00FF00;
324         background: #000000;
325         border-color: #00FF00;
326         border-style: solid;
327         border-width: 6px;
328         margin: 0px;
329 }
330
331 pre.notice {
332         color: #FFCC00;
333         background: #000000;
334         border-color: #FFCC00;
335         border-style: solid;
336         border-width: 6px;
337         margin: 0px;
338 }
339
340 #editor {
341         font-family: monospace;
342         width: 100%;
343         color: black;
344         background-color: white;
345         border: 1px solid #8cacbb;
346 }
347
348 /* thumbnails */
349
350 div .thumb {
351         float: left;
352         width: 100%;
353 }
354
355 div .thumbleft {
356         float: left;
357 }
358
359 div .thumbright {
360         float: right;
361 }
362
363 div .innerthumb {
364         float: left;
365         border: 1px solid #ccc;
366         padding: 3px !important;
367         margin: 10px;
368         margin-bottom: .5em;
369         background-color: #f9f9f9;
370         text-align: center;
371 }
372
373 .thumb a img, .thumbright a img, .thumbleft a img {
374         border: 1px solid #ccc;
375         vertical-align:bottom;
376 }
377
378 .thumb .caption, .thumbright .caption, .thumbleft .caption {
379         border: none;
380         overflow: hidden;
381         font-size: 60%;
382         line-height: 1.4em;
383         padding: .3em 0 .1em 0;
384         text-align: center;
385 }
386
387
388 /* Styles for search word highlighting */
389 @media screen {
390  .searchword0 { background: #ff9 }
391  .searchword1 { background: #cfc }
392  .searchword2 { background: #cff }
393  .searchword3 { background: #ccf }
394  .searchword4 { background: #fcf }
395 }
396
397 @media print {
398  #footer { display: none }
399  .nav { display: none }
400 }