Add more WikiCreole syntaxes for text styles
[geekigeeki.git] / geekigeeki.css
1 /*
2  * $Id$
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 { color: #1010FF; }
18 a:visited { color: #501080; }
19 a.nonexistent { color: #D04040; }
20 a.navlink { font-size: smaller; }
21 a.external { font-style: italic; }
22 a.heading { text-decoration: none; color: #aaaaaa; font-size: smaller; }
23
24 h1 {
25         font-size: x-large;
26         font-weight: bold;
27         color: #3377FF;
28         border: #5599EE;
29         background-color: #C2E2FF;
30
31         margin-bottom: 0.2em;
32         margin-top: 2em;
33         padding-right: 10px;
34         padding-left: 10px;
35
36         border-top-width: 1px;
37         border-bottom-width: 1px;
38         border-right-width: 0px;
39         border-left-width: 0px;
40         border-style: solid;
41 }
42
43 h2 {
44         font-size: large;
45         font-weight: bold;
46         color: #22AA33;
47         border: #22AA33;
48         background-color: #E8F8F0;
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.success {
128     padding-left: 0.1em;
129         background-color: #22ee22;
130 }
131
132 strong.notice {
133     padding-left: 0.1em;
134         background-color: #ffdd44;
135 }
136
137 strong.error {
138     padding-left: 0.1em;
139         background-color: #ee2222;
140 }
141
142 div {
143         margin-left: 10px;
144         margin-right: 10px;
145         text-align: justify;
146 }
147
148 div.wiki {
149         margin-left: 0;
150         margin-right: 0;
151 }
152
153 div.preview {
154         border: 2px dashed #FF0000;
155 }
156
157 div.index {
158         border: 1px solid #EEEEEE;
159 }
160
161 div.nav {
162         border-color: #cc9933;
163         background-color: #ffcc66;
164         border-style: solid;
165         border-top-width: 0px;
166         border-bottom-width: 2px;
167         border-left-width: 0px;
168         border-right-width: 0px;
169         padding-top:    5px;
170         padding-bottom: 5px;
171         padding-left:   5px;
172         padding-right:  5px;
173         margin-top:     0px;
174         margin-bottom:  10px;
175         margin-left:    0px;
176         margin-right:   0px;
177 }
178
179 .nav hr {
180         display: none;
181 }
182
183 .nav .login {
184         font-size: small;
185         text-color: red;
186 }
187
188 #footer div {
189         margin-top: 1em;
190         margin-left: 0;
191         margin-right: 0;
192 }
193
194 #footer hr {
195         border: none;
196         border-top: 1px solid #bbbbbb;
197         margin: 0 0;
198 }
199
200 #footer :link, #footer :visited {
201         color: #666666;
202 }
203
204 #footer p {
205         color: #888888;
206         font-size: x-small;
207         margin-top: 0;
208 }
209
210 #footer p.copyright {
211         float: left;
212         margin-left: 1em;
213         padding: 0 1em;
214 }
215
216 #footer p.modified {
217         float: right;
218         text-align: right;
219         margin-right: 1em;
220 }
221
222 p.dialog {
223         border-color: black;
224         background-color: white;
225         padding-left: 5px;      
226         margin-left: 10px;
227         margin-right: 10px;
228         border-style: solid;
229         border-top-width: 1px;
230         border-right-width: 1px;
231         border-bottom-width: 1px;
232         border-left-width: 1px
233 }
234
235 p {
236         margin-left: 10px;
237         margin-right: 10px;
238         margin-bottom: 10px;
239         text-align: justify;
240 }
241         
242 table {
243         /*width: 100%;*/
244         border: 2px solid #ccc;
245         border-collapse: collapse;
246         margin-left: 1em;
247         margin-right: 1em;
248         margin-top: 0.5em;
249         margin-bottom: 0.5em;
250 }
251
252 table tbody thead {
253         background: #f7f7f0
254 }
255
256 /* FIXME: should be thead */
257 table tbody th {
258         border: 1px solid #d7d7d7;
259         border-bottom-color: #999;
260         font-weight: bold;
261         padding: 2px .5em;
262         vertical-align: bottom;
263 }
264
265 table tbody td {
266         border: 1px dotted #ddd;
267         padding: .3em .5em;
268         vertical-align: top;
269 }
270
271 table tbody tr { border-top: 1px solid #ddd }
272 table tbody tr.even { background-color: #f0f0f0 }
273 table tbody tr.odd { background-color: #e7e7e7 }
274 table tbody tr:hover { background: #eed !important }
275
276 table thead th :link:hover, table thead th :visited:hover table tbody td a:hover, table tbody th a:hover {
277         background-color: transparent;
278 }
279
280 pre {
281         color: #222222;
282         border-color: #E9E609;
283         background: #FFFDD0;
284
285         margin-left: 10px;
286         margin-right: 10px;
287         padding-left: 5px;
288         padding-right: 5px;
289         padding-top: 5px;
290         padding-bottom: 5px;
291         border-style: solid;
292         border-top-width: 1px;
293         border-right-width: 1px;
294         border-bottom-width: 1px;
295         border-left-width: 1px;
296 }
297
298 pre.error {
299         color: #FF0000;
300         background: #000000;
301         border-top-color: #FF0000;
302         border-color: #FF0000;
303         border-style: solid;
304         border-width: 6px;
305         margin: 0px;
306 }
307
308 pre.success {
309         color: #00FF00;
310         background: #000000;
311         border-color: #00FF00;
312         border-style: solid;
313         border-width: 6px;
314         margin: 0px;
315 }
316
317 pre.notice {
318         color: #FFCC00;
319         background: #000000;
320         border-color: #FFCC00;
321         border-style: solid;
322         border-width: 6px;
323         margin: 0px;
324 }
325
326 #editor {
327         font-family: monospace;
328         width: 100%;
329         color: black;
330         background-color: white;
331         border: 1px solid #8cacbb;
332 }
333
334 /* Styles for search word highlighting */
335 @media screen {
336  .searchword0 { background: #ff9 }
337  .searchword1 { background: #cfc }
338  .searchword2 { background: #cff }
339  .searchword3 { background: #ccf }
340  .searchword4 { background: #fcf }
341 }
342
343 @media print {
344  #footer { display: none }
345  .nav { display: none }
346 }