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