Add wiki tables
[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.hilight {
124         padding-left: 0.1em;
125         background-color: #ee2222;
126 }
127
128 div {
129         margin-left: 10px;
130         margin-right: 10px;
131         text-align: justify;
132 }
133
134 div.wiki {
135         margin-left: 0;
136         margin-right: 0;
137 }
138
139 div.preview {
140         border: 2px dashed #FF0000;
141 }
142
143 div.nav {
144         border-color: #cc9933;
145         background-color: #ffcc66;
146         border-style: solid;
147         border-top-width: 0px;
148         border-bottom-width: 2px;
149         border-left-width: 0px;
150         border-right-width: 0px;
151         padding-top:    5px;
152         padding-bottom: 5px;
153         padding-left:   5px;
154         padding-right:  5px;
155         margin-top:     0px;
156         margin-bottom:  10px;
157         margin-left:    0px;
158         margin-right:   0px;
159 }
160
161 .nav hr {
162         display: none;
163 }
164
165 .nav .login {
166         font-size: small;
167         text-color: red;
168 }
169
170 #footer div {
171         margin-top: 1em;
172         margin-left: 0;
173         margin-right: 0;
174 }
175
176 #footer hr {
177         border: none;
178         border-top: 1px solid #bbbbbb;
179         margin: 0 0;
180 }
181
182 #footer :link, #footer :visited {
183         color: #666666;
184 }
185
186 #footer p {
187         color: #888888;
188         font-size: x-small;
189         margin-top: 0;
190 }
191
192 #footer p.copyright {
193         float: left;
194         margin-left: 1em;
195         padding: 0 1em;
196 }
197
198 #footer p.modified {
199         float: right;
200         text-align: right;
201         margin-right: 1em;
202 }
203
204 p.dialog {
205         border-color: black;
206         background-color: white;
207         padding-left: 5px;      
208         margin-left: 10px;
209         margin-right: 10px;
210         border-style: solid;
211         border-top-width: 1px;
212         border-right-width: 1px;
213         border-bottom-width: 1px;
214         border-left-width: 1px
215 }
216
217 p {
218         margin-left: 10px;
219         margin-right: 10px;
220         margin-bottom: 10px;
221         text-align: justify;
222 }
223         
224 table {
225         /*width: 100%;*/
226         border: 2px solid #ccc;
227         border-collapse: collapse;
228         margin-left: 1em;
229         margin-right: 1em;
230         margin-top: 0.5em;
231         margin-bottom: 0.5em;
232 }
233
234 table thead {
235         background: #f7f7f0
236 }
237
238 table thead th {
239         border: 1px solid #d7d7d7;
240         border-bottom-color: #999;
241         font-weight: bold;
242         padding: 2px .5em;
243         vertical-align: bottom;
244 }
245
246 table tbody td {
247         border: 1px dotted #ddd;
248         padding: .3em .5em;
249         vertical-align: top;
250 }
251
252 table tbody tr { border-top: 1px solid #ddd }
253 table tbody tr.even { background-color: #f0f0f0 }
254 table tbody tr.odd { background-color: #e7e7e7 }
255 table tbody tr:hover { background: #eed !important }
256
257 table thead th :link:hover, table thead th :visited:hover table tbody td a:hover, table tbody th a:hover {
258         background-color: transparent;
259 }
260
261 pre {
262         color: #222222;
263         border-color: #E9E609;
264         background: #FFFDD0;
265
266         margin-left: 10px;
267         margin-right: 10px;
268         padding-left: 5px;
269         padding-right: 5px;
270         padding-top: 5px;
271         padding-bottom: 5px;
272         border-style: solid;
273         border-top-width: 1px;
274         border-right-width: 1px;
275         border-bottom-width: 1px;
276         border-left-width: 1px;
277 }
278
279 pre.error {
280         color: #FF0000;
281         background: #000000;
282         border-top-color: #FF0000;
283         border-color: #FF0000;
284         border-style: solid;
285         border-width: 6px;
286         margin: 0px;
287 }
288
289 pre.success {
290         color: #00FF00;
291         background: #000000;
292         border-color: #00FF00;
293         border-style: solid;
294         border-width: 6px;
295         margin: 0px;
296 }
297
298 pre.notice {
299         color: #FFCC00;
300         background: #000000;
301         border-color: #FFCC00;
302         border-style: solid;
303         border-width: 6px;
304         margin: 0px;
305 }
306
307 #editor {
308         font-family: monospace;
309         width: 100%;
310         color: black;
311         background-color: white;
312         border: 1px solid #8cacbb;
313 }
314
315 /* Styles for search word highlighting */
316 @media screen {
317  .searchword0 { background: #ff9 }
318  .searchword1 { background: #cfc }
319  .searchword2 { background: #cff }
320  .searchword3 { background: #ccf }
321  .searchword4 { background: #fcf }
322 }
323
324 @media print {
325  #footer { display: none }
326  .nav { display: none }
327 }