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