Give links a nicer color.
[matthijs/projects/wipi.git] / static / exodus / css / common.css
1 /*  common.css - MoinMoin Default Styles
2
3 Copyright (c) 2001, 2002, 2003 by Juergen Hermann
4 */
5
6 /* content styles */
7
8 html {
9         background-color: white;
10         color: black;
11         font-family: Arial, Lucida Grande, sans-serif;
12         font-size: 1em;
13 }
14
15 body {
16         margin: 0;
17 }
18
19 /* Links */
20 a.www:before {content: url(../img/moin-www.png); margin: 0 0.2em;}
21 a.http:before {content: url(../img/moin-www.png); margin: 0 0.2em;}
22 a.https:before {content: url(../img/moin-www.png); margin: 0 0.2em;}
23 a.file:before {content: url(../img/moin-ftp.png); margin: 0 0.2em;}
24 a.ftp:before {content: url(../img/moin-ftp.png); margin: 0 0.2em;}
25 a.nntp:before {content: url(../img/moin-news.png); margin: 0 0.2em;}
26 a.news:before {content: url(../img/moin-news.png); margin: 0 0.2em;}
27 a.telnet:before {content: url(../img/moin-telnet.png); margin: 0 0.2em;}
28 a.irc:before,a.ircs:before  {content: url(../img/moin-telnet.png); margin: 0 0.2em;}
29 a.mailto:before {content: url(../img/moin-email.png); margin: 0 0.2em;}
30 a.attachment:before {content: url(../img/moin-attach.png); margin: 0 0.2em;}
31 a.badinterwiki:before {content: url(../img/moin-inter.png); margin: 0 0.2em;}
32 a.interwiki:before {content: url(../img/moin-inter.png); margin: 0 0.2em;}
33
34 li p {
35         margin: .25em 0;
36 }
37
38 li.gap {
39     margin-top: 0.5em;
40 }
41
42 dt {
43     margin-top: 0.5em;
44     font-weight: bold;
45 }
46
47 dd {
48     margin-top: 0;
49     margin-bottom: 0;
50 }
51
52 dd p {
53     margin: 0.25em 0;
54 }
55    
56 a, img, img.drawing {
57         border: 0;
58 }
59
60 pre {
61         border: 1pt solid #AEBDCC;
62         background-color: #F3F5F7;
63         padding: 5pt;
64         font-family: courier, monospace;
65         white-space: pre;
66         /* begin css 3 or browser specific rules - do not remove!
67         see: http://forums.techguy.org/archive/index.php/t-249849.html */
68     white-space: pre-wrap;
69     word-wrap: break-word;
70     white-space: -moz-pre-wrap;
71     white-space: -pre-wrap;
72     white-space: -o-pre-wrap;
73     /* end css 3 or browser specific rules */
74 }
75
76 pre.comment {
77     background-color: #CCCCCC;
78     color: red;
79     padding: 0;
80     margin: 0;
81     border: 0;
82 }
83
84 pre.comment:before {
85     content: url(../img/attention.png);
86 }
87
88
89 /* .comment css definition must be top of .red/.green/.blue or it won't work */
90 .comment { color: #555555; background-color: #DDDDFF; }
91
92 .red { background-color: #FFCCCC; }
93 .green { background-color: #CCFFCC; }
94 .blue { background-color: #CCCCFF; }
95
96 .solid { border: 2px solid #000000; padding: 2px; }
97 .dashed { border: 2px dashed #000000; padding: 2px; }
98 .dotted { border: 2px dotted #000000; padding: 2px; }
99
100
101 table
102 {
103         margin: 0.5em 0 0 0.5em;
104         border-collapse: collapse;
105 }
106
107 th, td
108 {
109         padding: 0.25em 0.5em 0.25em 0.5em;
110         border: 1pt solid #ADB9CC;
111 }
112
113 td p {
114         margin: 0;
115         padding: 0;
116 }
117
118 /* TableOfContents macro */
119 .table-of-contents { border: 1px solid #bbbbbb;
120                      color: black; background-color: #eeeeee;
121                      font-size: small;
122                      text-align:left;
123                      margin: 0.5em; padding-left: 2em;
124                      width:50%; }
125 .table-of-contents ol { margin:0; margin-left:1em;
126                         list-style-type:decimal; }
127 .table-of-contents ul { margin:0;
128                         list-style-type:none; }
129 .table-of-contents-heading { font-weight:bold; padding:0; margin:0; }
130
131
132 .footnotes div {
133         width: 5em;
134         border-top: 1pt solid gray;
135 }
136
137 .footnotes ol {
138         padding: 0 2em;
139         margin: 0 0 1em;
140 }
141
142 .footnotes li {
143 }
144
145 .info {
146     float: right;
147     font-size: 0.7em;
148     color: gray;
149 }
150
151 .seperator {
152     color: gray;
153 }
154
155 #pagebottom {clear: both;}
156
157 /* standard rule ---- */
158 hr {
159     height: 1pt;
160     background-color: #9C9C9C;
161     border: 0;
162 }
163
164 /* custom rules ----- to ---------- */
165 .hr1 {height: 2pt;}
166 .hr2 {height: 3pt;}
167 .hr3 {height: 4pt;}
168 .hr4 {height: 5pt;}
169 .hr5 {height: 6pt;}
170 .hr6 {height: 7pt;}
171
172 /* Replacement for deprecated html 3 <u> element and html 4 <strike> */
173 .u {text-decoration: underline;}
174 .strike {text-decoration: line-through;}
175
176 /* eye catchers */
177 .warning 
178 {
179         color: red;
180 }
181
182 .error 
183 {
184         color: red;
185 }
186
187 strong.highlight 
188 {
189         background-color: #CCE0FF;
190         padding: 1pt;
191 }
192
193
194 /* Recent changes */
195
196 .rcrss {
197         float: right;
198         margin: 0;
199 }
200
201 .recentchanges[dir="rtl"] .rcrss {
202         float: left;
203 }
204
205 .recentchanges table {
206         clear: both;
207 }
208
209 .recentchanges td {
210         vertical-align: top;
211         border: none;
212         border-bottom: 1pt solid #E6EAF0;
213         background: #F2F4F7;
214 }
215
216 .rcdaybreak td {
217         background: #B8C5D9;
218         border: none;
219 }
220
221 .rcdaybreak td a {
222         font-size: 0.88em;
223 }
224
225 .rcicon1, .rcicon2 {
226         text-align: center;
227 }
228
229 .rcpagelink {
230         width: 33%;
231 }
232
233 .rctime {
234         font-size: 0.88em;
235         white-space: nowrap;
236 }
237
238 .rceditor {
239         white-space: nowrap;
240         font-size: 0.88em;
241 }
242
243 .rccomment {
244         width: 50%;
245         color: gray;
246         font-size: 0.88em;
247 }
248
249
250 /* User Preferences */
251
252 .userpref table, .userpref td {
253         border: none;
254 }
255
256 /* CSS for new code_area markup used by Colorizer and ParserBase */
257
258 div.codearea { /* the div makes the border */
259         margin: 0.5em 0;
260         padding: 0;
261         border: 1pt solid #AEBDCC;
262         background-color: #F3F5F7;
263         color: black;
264 }
265
266 div.codearea pre { /* the pre has no border and is inside the div */
267         margin: 0;
268         padding: 10pt;
269         border: none;
270 }
271
272 a.codenumbers { /* format of the line numbering link */
273         margin: 0 10pt;
274         font-size: 0.85em;
275         color: gray;
276 }
277
278 /* format of certain syntax spans */
279 div.codearea pre span.LineNumber {color: gray;}
280 div.codearea pre span.ID         {color: #000000;}
281 div.codearea pre span.Operator   {color: #0000C0;}
282 div.codearea pre span.Char       {color: #004080;}
283 div.codearea pre span.Comment    {color: #008000;}
284 div.codearea pre span.Number     {color: #0080C0;}
285 div.codearea pre span.String     {color: #004080;}
286 div.codearea pre span.SPChar     {color: #0000C0;}
287 div.codearea pre span.ResWord    {color: #A00000;}
288 div.codearea pre span.ConsWord   {color: #008080; font-weight: bold;}
289 div.codearea pre span.Error      {color: #FF8080; border: solid 1.5pt #FF0000;}
290 div.codearea pre span.ResWord2   {color: #0080ff; font-weight: bold;}
291 div.codearea pre span.Special    {color: #0000ff;}
292 div.codearea pre span.Preprc     {color: #803999;}
293
294 /* for diff parser */
295 div.codearea pre span.DiffAdded   {color: #4876FF;}
296 div.codearea pre span.DiffRemoved {color: #FF0000;}
297 div.codearea pre span.DiffChanged {color: #FF7F50;}
298 div.codearea pre span.DiffSeparator {color: #228B22; font-weight: bold}
299
300 /* Search results */
301 .advancedsearch {
302     border: 1pt solid #ADB9CC;
303 }
304
305 .advancedsearch td {
306     vertical-align: top;
307     background-color: #E7E7E7;    
308     border: 0px;
309 }
310
311 .advancedsearch td.searchfor {
312     font-weight: bold;
313 }
314
315 .advancedsearch input {
316     border: 1px solid #ADB9CC;
317     background-color: #fff;
318 }
319
320 .advancedsearch input[disabled] {
321     background-color: #eee;
322 }
323
324 .advancedsearch td.submit {
325     border-top: 1px solid #ADB9CC;
326     background-color: #fff;
327     text-align: right;
328 }
329
330 .advancedsearch optioni, select {
331     border: 1px solid #ADB9CC;
332     background-color: #fff;
333 }
334
335
336 .searchresults dt {
337     margin-top: 1em;
338     font-weight: normal;
339 }
340
341 .searchresults dd, .searchresults p {
342     font-size: 0.85em;
343 }
344
345 .searchresults .searchhitinfobar {
346     color: #008000;
347     margin-left: 15px;
348     margin-top: 0;
349 }
350
351 p.searchstats {
352     font-size: 0.8em;
353     text-align: right;
354     width: 100%;
355     background-color: #E6EAF0;
356     border-top: 1px solid #9088DC;
357     padding: 2px;
358 }
359
360 p.searchhint {
361     background-color: #E6EAF0;
362     border: 1px solid #9088DC;
363     padding: 2px;
364 }
365
366 .searchpages {
367     margin-left: auto;
368     margin-right: auto;
369 }
370
371 .searchpages tr, .searchpages td {
372     border: 0;
373     padding: 5px;
374     margin: 0;
375     text-align: center;
376     vertical-align: middle;
377     color: #b93a58;
378     font-weight: bold;
379     font-size: 1.05em;
380 }
381
382 .searchpages td a, .searchpages td a:link {
383     text-decoration: underline;
384 }
385
386 /* MonthCalendar css */
387
388 /* days without and with pages linked to them */
389 a.cal-emptyday {
390     color: #777777;
391     text-align: center;
392 }
393 a.cal-usedday {
394     color: #000000;
395     font-weight: bold;
396     text-align: center;
397 }
398 /* general stuff: workdays, weekend, today */
399 td.cal-workday {
400     background-color: #DDDDFF;
401     text-align: center;
402 }
403 td.cal-weekend {
404     background-color: #FFDDDD;
405     text-align: center;
406 }
407 td.cal-today {
408     background-color: #CCFFCC;
409     border-style: solid;
410     border-width: 2pt;
411     text-align: center;
412 }
413 /* invalid places on the monthly calendar sheet */
414 td.cal-invalidday {
415     background-color: #CCCCCC;
416 }
417 /* links to prev/next month/year */
418 a.cal-link {
419     color: #000000;
420     text-decoration: none;
421 }
422 th.cal-header {
423     background-color: #DDBBFF;
424     text-align: center;
425 }
426
427 /* for MonthCalendar mouseover info boxes */
428 TABLE.tip {
429     color: black;
430     background-color: #FF8888;
431     font-size: small;
432     font-weight: normal;
433     border-style: solid;
434     border-width: 1px;
435 }
436
437 TH.tip {
438     background-color: #FF4444;
439     font-weight: bold;
440     text-align: center;
441 }
442
443 TD.tip {
444     text-align: left;
445 }
446 *[dir="rtl"] TD.tip {
447     text-align: right;
448 }
449
450 /* end MonthCalendar stuff */
451