|
2
|
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: sans-serif;
|
|
|
12 font-size: 1em;
|
|
|
13 }
|
|
|
14
|
|
|
15 body {
|
|
7
|
16 margin: 0;
|
|
|
17 line-height: 1.3;
|
|
2
|
18 }
|
|
|
19
|
|
|
20 /* Links */
|
|
|
21
|
|
3
|
22
|
|
|
23 a:link {color: #00E;}
|
|
|
24 a:visited {color: #551A8B;}
|
|
|
25 a {color: #00E;}
|
|
2
|
26
|
|
4
|
27 #content a {
|
|
|
28 text-decoration: none;
|
|
5
|
29 border-bottom: 1px dashed #ddd;
|
|
|
30 }
|
|
|
31 a:hover, a:visited:hover {
|
|
|
32 color: #000;
|
|
4
|
33 }
|
|
|
34
|
|
2
|
35 a.nonexistent:visited, a.nonexistent,
|
|
|
36 a.badinterwiki:visited, a.badinterwiki {color: gray;}
|
|
|
37
|
|
|
38 a.www:before {content: url(../img/moin-www.png); margin: 0 0.2em;}
|
|
|
39 a.http:before {content: url(../img/moin-www.png); margin: 0 0.2em;}
|
|
|
40 a.https:before {content: url(../img/moin-www.png); margin: 0 0.2em;}
|
|
|
41 a.file:before {content: url(../img/moin-ftp.png); margin: 0 0.2em;}
|
|
|
42 a.ftp:before {content: url(../img/moin-ftp.png); margin: 0 0.2em;}
|
|
|
43 a.nntp:before {content: url(../img/moin-news.png); margin: 0 0.2em;}
|
|
|
44 a.news:before {content: url(../img/moin-news.png); margin: 0 0.2em;}
|
|
|
45 a.telnet:before, a.ssh:before {content: url(../img/moin-telnet.png); margin: 0 0.2em;}
|
|
|
46 a.irc:before, a.ircs:before {content: url(../img/moin-telnet.png); margin: 0 0.2em;}
|
|
|
47 a.mailto:before {content: url(../img/moin-email.png); margin: 0 0.2em;}
|
|
|
48 a.attachment:before {content: url(../img/moin-attach.png); margin: 0 0.2em;}
|
|
|
49 a.badinterwiki:before {content: url(../img/moin-inter.png); margin: 0 0.2em;}
|
|
|
50 a.interwiki:before {content: url(../img/moin-inter.png); margin: 0 0.2em;}
|
|
|
51
|
|
|
52 li p {
|
|
|
53 margin: .25em 0;
|
|
|
54 }
|
|
|
55
|
|
|
56 li.gap {
|
|
|
57 margin-top: 0.5em;
|
|
|
58 }
|
|
|
59
|
|
|
60 dt {
|
|
|
61 margin-top: 0.5em;
|
|
|
62 font-weight: bold;
|
|
|
63 }
|
|
|
64
|
|
|
65 dd {
|
|
|
66 margin-top: 0;
|
|
|
67 margin-bottom: 0;
|
|
|
68 }
|
|
|
69
|
|
|
70 dd p {
|
|
|
71 margin: 0.25em 0;
|
|
|
72 }
|
|
|
73
|
|
|
74 a, img, img.drawing {
|
|
|
75 border: 0;
|
|
|
76 }
|
|
|
77
|
|
|
78 pre {
|
|
|
79 border: 1pt solid #AEBDCC;
|
|
|
80 background-color: #F3F5F7;
|
|
|
81 padding: 5pt;
|
|
|
82 font-family: courier, monospace;
|
|
|
83 white-space: pre;
|
|
|
84 /* begin css 3 or browser specific rules - do not remove!
|
|
|
85 see: http://forums.techguy.org/archive/index.php/t-249849.html */
|
|
|
86 white-space: pre-wrap;
|
|
|
87 word-wrap: break-word;
|
|
|
88 white-space: -moz-pre-wrap;
|
|
|
89 white-space: -pre-wrap;
|
|
|
90 white-space: -o-pre-wrap;
|
|
|
91 /* end css 3 or browser specific rules */
|
|
|
92 }
|
|
|
93
|
|
|
94 pre.comment {
|
|
|
95 background-color: #CCCCCC;
|
|
|
96 color: red;
|
|
|
97 padding: 0;
|
|
|
98 margin: 0;
|
|
|
99 border: 0;
|
|
|
100 }
|
|
|
101
|
|
|
102 pre.comment:before {
|
|
|
103 content: url(../img/attention.png);
|
|
|
104 }
|
|
|
105
|
|
|
106
|
|
|
107 /* .comment css definition must be top of .red/.green/.blue or it won't work */
|
|
|
108 .comment { color: #555555; background-color: #DDDDFF; }
|
|
|
109
|
|
|
110 .red { background-color: #FFCCCC; }
|
|
|
111 .green { background-color: #CCFFCC; }
|
|
|
112 .blue { background-color: #CCCCFF; }
|
|
|
113 .yellow { background-color: #FFF29F; }
|
|
|
114 .orange { background-color: #FFD59B; }
|
|
|
115
|
|
|
116 .solid { border: 2px solid #000000; padding: 2px; }
|
|
|
117 .dashed { border: 2px dashed #000000; padding: 2px; }
|
|
|
118 .dotted { border: 2px dotted #000000; padding: 2px; }
|
|
|
119
|
|
|
120 .left { text-align: left; }
|
|
|
121 .center { text-align: center; }
|
|
|
122 .right { text-align: right; }
|
|
|
123 .justify { text-align: justify; }
|
|
|
124
|
|
|
125 table
|
|
|
126 {
|
|
|
127 margin: 0.5em 0 0 0.5em;
|
|
|
128 border-collapse: collapse;
|
|
|
129 }
|
|
|
130
|
|
|
131 th, td
|
|
|
132 {
|
|
|
133 padding: 0.25em 0.5em 0.25em 0.5em;
|
|
|
134 border: 1pt solid #ADB9CC;
|
|
|
135 }
|
|
|
136
|
|
|
137 td p {
|
|
|
138 margin: 0;
|
|
|
139 padding: 0;
|
|
|
140 }
|
|
|
141 /* TableOfContents macro */
|
|
|
142 div.table-of-contents {
|
|
3
|
143 border: 1px solid #b7becc;
|
|
2
|
144 color: black;
|
|
3
|
145 background-color: #f7f6f0;
|
|
2
|
146 font-size: 80%;
|
|
|
147 text-align: left;
|
|
|
148 margin: 0.5em 0 0.5em 1em;
|
|
3
|
149 padding: 0.5em 0.75em 1em 0.5em;
|
|
2
|
150 max-width: 50%;
|
|
|
151 display: inline-table;
|
|
5
|
152 -moz-border-radius: 9px 0 9px 0;
|
|
3
|
153 overflow: hidden;
|
|
2
|
154 }
|
|
|
155 div.table-of-contents ol {
|
|
|
156 margin: 0;
|
|
|
157 padding: 0 0 0 2em;
|
|
|
158 }
|
|
|
159 div.table-of-contents ul {
|
|
|
160 margin: 0;
|
|
|
161 list-style:none;
|
|
|
162 }
|
|
|
163 div.table-of-contents li {
|
|
|
164 margin:0;
|
|
|
165 padding: 0;
|
|
|
166 }
|
|
|
167 p.table-of-contents-heading {
|
|
|
168 font-weight:bold;
|
|
|
169 padding:0;
|
|
|
170 margin: 0 0 0.5em 0;
|
|
|
171 letter-spacing: 0.075em;
|
|
3
|
172 color: #fff;
|
|
|
173 background: #376a94;
|
|
|
174 border-bottom: 3px solid #ffbc29;
|
|
|
175 padding: 0.25em 0.25em 0.25em 1em;
|
|
|
176 margin: -0.5em -0.75em 1em -0.5em;
|
|
|
177 -moz-border-radius: 7px 0 0px 0;
|
|
2
|
178 }
|
|
|
179
|
|
|
180 /* Navigation macro */
|
|
|
181 table.navigation {
|
|
|
182 background: #fff;
|
|
|
183 margin: 0;
|
|
|
184 }
|
|
|
185
|
|
|
186 .footnotes div {
|
|
|
187 width: 5em;
|
|
|
188 border-top: 1pt solid gray;
|
|
|
189 }
|
|
|
190
|
|
|
191 .footnotes ol {
|
|
|
192 padding: 0 2em;
|
|
|
193 margin: 0 0 1em;
|
|
|
194 }
|
|
|
195
|
|
|
196 .footnotes li {
|
|
|
197 }
|
|
|
198
|
|
|
199 .info {
|
|
|
200 float: right;
|
|
|
201 font-size: 0.7em;
|
|
|
202 color: gray;
|
|
|
203 }
|
|
|
204
|
|
|
205 #pageinfo {
|
|
|
206 margin-top: 2em;
|
|
|
207 }
|
|
|
208
|
|
|
209 .seperator {
|
|
|
210 color: gray;
|
|
|
211 }
|
|
|
212
|
|
|
213 #pagebottom {clear: both;}
|
|
|
214
|
|
|
215 /* standard rule ---- */
|
|
|
216 hr {
|
|
|
217 height: 1pt;
|
|
|
218 background-color: #9C9C9C;
|
|
|
219 border: 0;
|
|
|
220 }
|
|
|
221
|
|
|
222 /* custom rules ----- to ---------- */
|
|
|
223 .hr1 {height: 2pt;}
|
|
|
224 .hr2 {height: 3pt;}
|
|
|
225 .hr3 {height: 4pt;}
|
|
|
226 .hr4 {height: 5pt;}
|
|
|
227 .hr5 {height: 6pt;}
|
|
|
228 .hr6 {height: 7pt;}
|
|
|
229
|
|
|
230 /* Replacement for deprecated html 3 <u> element and html 4 <strike> */
|
|
|
231 .u {text-decoration: underline;}
|
|
|
232 .strike {text-decoration: line-through;}
|
|
|
233
|
|
|
234 /* eye catchers */
|
|
|
235 .warning
|
|
|
236 {
|
|
|
237 color: red;
|
|
|
238 }
|
|
|
239
|
|
|
240 .error
|
|
|
241 {
|
|
|
242 color: red;
|
|
|
243 }
|
|
|
244
|
|
|
245 strong.highlight
|
|
|
246 {
|
|
|
247 background-color: #CCE0FF;
|
|
|
248 padding: 1pt;
|
|
|
249 }
|
|
|
250
|
|
|
251
|
|
|
252 /* Recent changes */
|
|
|
253
|
|
|
254 .rcrss {
|
|
|
255 float: right;
|
|
|
256 margin: 0 7px 0 14px;
|
|
|
257 height: 0;
|
|
|
258 position: relative;
|
|
|
259 top: 9px;
|
|
|
260 }
|
|
|
261 *[div="rtl"] .rcrss {
|
|
|
262 float: left;
|
|
|
263 }
|
|
|
264 .recentchanges[dir="rtl"] .rcrss {
|
|
|
265 float: left;
|
|
|
266 }
|
|
|
267
|
|
|
268 .recentchanges table {
|
|
9
|
269 clear: right;
|
|
|
270 border-collapse: collapse;
|
|
|
271 border: 1px solid #ddd;
|
|
2
|
272 }
|
|
|
273
|
|
|
274 .recentchanges td {
|
|
9
|
275 vertical-align: top;
|
|
|
276 border: none;
|
|
|
277 background: #fff;
|
|
2
|
278 }
|
|
|
279
|
|
|
280
|
|
|
281 .recentchanges .rcdaybreak td {
|
|
9
|
282 background: #eee;
|
|
2
|
283 border: none;
|
|
9
|
284 border: 1px solid #ddd;
|
|
2
|
285 }
|
|
|
286
|
|
|
287 .rcdaybreak td a {
|
|
|
288 font-size: 0.88em;
|
|
|
289 }
|
|
|
290
|
|
|
291 .rcicon1, .rcicon2 {
|
|
|
292 text-align: center;
|
|
|
293 }
|
|
|
294
|
|
|
295 .rcpagelink {
|
|
|
296 width: 33%;
|
|
|
297 }
|
|
|
298
|
|
|
299 .rctime {
|
|
|
300 font-size: 0.88em;
|
|
|
301 white-space: nowrap;
|
|
|
302 }
|
|
|
303
|
|
|
304 .rceditor {
|
|
|
305 white-space: nowrap;
|
|
|
306 font-size: 0.88em;
|
|
|
307 }
|
|
|
308
|
|
|
309 .rccomment {
|
|
|
310 width: 50%;
|
|
|
311 color: gray;
|
|
|
312 font-size: 0.88em;
|
|
|
313 }
|
|
|
314
|
|
|
315
|
|
|
316 /* User Preferences */
|
|
|
317
|
|
|
318 .userpref table, .userpref td {
|
|
|
319 border: none;
|
|
|
320 }
|
|
|
321
|
|
|
322 /* CSS for new code_area markup used by Colorizer and ParserBase */
|
|
|
323
|
|
|
324 div.codearea { /* the div makes the border */
|
|
|
325 margin: 0.5em 0;
|
|
|
326 padding: 0;
|
|
|
327 border: 1pt solid #AEBDCC;
|
|
|
328 background-color: #F3F5F7;
|
|
|
329 color: black;
|
|
|
330 }
|
|
|
331
|
|
|
332 div.codearea pre { /* the pre has no border and is inside the div */
|
|
|
333 margin: 0;
|
|
|
334 padding: 10pt;
|
|
|
335 border: none;
|
|
|
336 }
|
|
|
337
|
|
|
338 a.codenumbers { /* format of the line numbering link */
|
|
|
339 margin: 0 10pt;
|
|
|
340 font-size: 0.85em;
|
|
|
341 color: gray;
|
|
|
342 }
|
|
|
343
|
|
|
344 /* format of certain syntax spans */
|
|
|
345 div.codearea pre span.LineNumber {color: gray;}
|
|
|
346 div.codearea pre span.ID {color: #000000;}
|
|
|
347 div.codearea pre span.Operator {color: #0000C0;}
|
|
|
348 div.codearea pre span.Char {color: #004080;}
|
|
|
349 div.codearea pre span.Comment {color: #008000;}
|
|
|
350 div.codearea pre span.Number {color: #0080C0;}
|
|
|
351 div.codearea pre span.String {color: #004080;}
|
|
|
352 div.codearea pre span.SPChar {color: #0000C0;}
|
|
|
353 div.codearea pre span.ResWord {color: #A00000;}
|
|
|
354 div.codearea pre span.ConsWord {color: #008080; font-weight: bold;}
|
|
|
355 div.codearea pre span.Error {color: #FF8080; border: solid 1.5pt #FF0000;}
|
|
|
356 div.codearea pre span.ResWord2 {color: #0080ff; font-weight: bold;}
|
|
|
357 div.codearea pre span.Special {color: #0000ff;}
|
|
|
358 div.codearea pre span.Preprc {color: #803999;}
|
|
|
359
|
|
|
360 /* for diff parser */
|
|
10
|
361 table.diff .diff-added span,
|
|
|
362 div.codearea pre span.DiffAdded {background: #b4ddff; font-weight: bold}
|
|
|
363 table.diff .diff-removed span,
|
|
|
364 div.codearea pre span.DiffRemoved {background: #ffeca1; font-weight: bold;}
|
|
|
365 table.diff .diff-changed span,
|
|
|
366 div.codearea pre span.DiffChanged {background: #bcde9e; font-weight: bold}
|
|
|
367 table.diff .diff-header,
|
|
2
|
368 div.codearea pre span.DiffSeparator {color: #228B22; font-weight: bold}
|
|
|
369
|
|
|
370 /* Search results */
|
|
|
371 .advancedsearch {
|
|
|
372 border: 1pt solid #ADB9CC;
|
|
|
373 }
|
|
|
374
|
|
|
375 .advancedsearch td {
|
|
|
376 vertical-align: top;
|
|
|
377 background-color: #E7E7E7;
|
|
|
378 border: 0px;
|
|
|
379 }
|
|
|
380
|
|
|
381 .advancedsearch td.searchfor {
|
|
|
382 font-weight: bold;
|
|
|
383 }
|
|
|
384
|
|
|
385 .advancedsearch input {
|
|
|
386 border: 1px solid #ADB9CC;
|
|
|
387 background-color: #fff;
|
|
|
388 }
|
|
|
389
|
|
|
390 .advancedsearch input[disabled] {
|
|
|
391 background-color: #eee;
|
|
|
392 }
|
|
|
393
|
|
|
394 .advancedsearch td.submit {
|
|
|
395 border-top: 1px solid #ADB9CC;
|
|
|
396 background-color: #fff;
|
|
|
397 text-align: right;
|
|
|
398 }
|
|
|
399
|
|
|
400 .advancedsearch optioni,
|
|
|
401 .advancedsearch select {
|
|
|
402 border: 1px solid #ADB9CC;
|
|
|
403 background-color: #fff;
|
|
|
404 }
|
|
|
405
|
|
|
406
|
|
|
407 .searchresults dt {
|
|
|
408 margin-top: 1em;
|
|
|
409 font-weight: normal;
|
|
|
410 }
|
|
|
411
|
|
|
412 .searchresults dd, .searchresults p {
|
|
|
413 font-size: 0.85em;
|
|
|
414 }
|
|
|
415
|
|
|
416 .searchresults .searchhitinfobar {
|
|
|
417 color: #008000;
|
|
|
418 margin-left: 15px;
|
|
|
419 margin-top: 0;
|
|
|
420 }
|
|
|
421
|
|
|
422 p.searchstats {
|
|
|
423 font-size: 0.8em;
|
|
|
424 text-align: right;
|
|
|
425 width: 100%;
|
|
|
426 background-color: #E6EAF0;
|
|
|
427 border-top: 1px solid #9088DC;
|
|
|
428 padding: 2px;
|
|
|
429 }
|
|
|
430
|
|
|
431 p.searchhint {
|
|
|
432 background-color: #E6EAF0;
|
|
|
433 border: 1px solid #9088DC;
|
|
|
434 padding: 2px;
|
|
|
435 }
|
|
|
436
|
|
|
437 .searchpages {
|
|
|
438 margin-left: auto;
|
|
|
439 margin-right: auto;
|
|
|
440 }
|
|
|
441
|
|
|
442 .searchpages tr, .searchpages td {
|
|
|
443 border: 0;
|
|
|
444 padding: 5px;
|
|
|
445 margin: 0;
|
|
|
446 text-align: center;
|
|
|
447 vertical-align: middle;
|
|
|
448 color: #b93a58;
|
|
|
449 font-weight: bold;
|
|
|
450 font-size: 1.05em;
|
|
|
451 }
|
|
|
452
|
|
|
453 .searchpages td a, .searchpages td a:link {
|
|
|
454 text-decoration: underline;
|
|
|
455 }
|
|
|
456
|
|
|
457 /* MonthCalendar css */
|
|
|
458
|
|
|
459 /* days without and with pages linked to them */
|
|
|
460 a.cal-emptyday {
|
|
|
461 color: #777777;
|
|
|
462 text-align: center;
|
|
|
463 }
|
|
|
464 a.cal-usedday {
|
|
|
465 color: #000000;
|
|
|
466 font-weight: bold;
|
|
|
467 text-align: center;
|
|
|
468 }
|
|
|
469 /* general stuff: workdays, weekend, today */
|
|
|
470 td.cal-workday {
|
|
|
471 background-color: #DDDDFF;
|
|
|
472 text-align: center;
|
|
|
473 }
|
|
|
474 td.cal-weekend {
|
|
|
475 background-color: #FFDDDD;
|
|
|
476 text-align: center;
|
|
|
477 }
|
|
|
478 td.cal-today {
|
|
|
479 background-color: #CCFFCC;
|
|
|
480 border-style: solid;
|
|
|
481 border-width: 2pt;
|
|
|
482 text-align: center;
|
|
|
483 }
|
|
|
484 /* invalid places on the monthly calendar sheet */
|
|
|
485 td.cal-invalidday {
|
|
|
486 background-color: #CCCCCC;
|
|
|
487 }
|
|
|
488 /* links to prev/next month/year */
|
|
|
489 a.cal-link {
|
|
|
490 color: #000000;
|
|
|
491 text-decoration: none;
|
|
|
492 }
|
|
|
493 th.cal-header {
|
|
|
494 background-color: #DDBBFF;
|
|
|
495 text-align: center;
|
|
|
496 }
|
|
|
497
|
|
|
498 /* for MonthCalendar mouseover info boxes */
|
|
|
499 TABLE.tip {
|
|
|
500 color: black;
|
|
|
501 background-color: #FF8888;
|
|
|
502 font-size: small;
|
|
|
503 font-weight: normal;
|
|
|
504 border-style: solid;
|
|
|
505 border-width: 1px;
|
|
|
506 }
|
|
|
507
|
|
|
508 TH.tip {
|
|
|
509 background-color: #FF4444;
|
|
|
510 font-weight: bold;
|
|
|
511 text-align: center;
|
|
|
512 }
|
|
|
513
|
|
|
514 TD.tip {
|
|
|
515 text-align: left;
|
|
|
516 }
|
|
|
517 *[dir="rtl"] TD.tip {
|
|
|
518 text-align: right;
|
|
|
519 }
|
|
|
520
|
|
|
521 /* end MonthCalendar stuff */
|
|
|
522
|
|
|
523 #message .hint {font-style: italic;}
|
|
|
524 #message .info {
|
|
|
525 float: none;
|
|
|
526 font-size: 1em;
|
|
|
527 color: black;
|
|
|
528 }
|
|
|
529 #message .info:before {content: url('../img/icon-info.png'); margin: 0 0.2em;}
|
|
|
530 #message .warning:before {content: url('../img/alert.png'); margin: 0 0.2em;}
|
|
|
531 #message .error:before {content: url('../img/icon-error.png'); margin: 0 0.2em;}
|
|
|
532
|
|
|
533
|
|
|
534 /* admonition start */
|
|
|
535 #content div.caution,
|
|
|
536 #content div.important,
|
|
|
537 #content div.note,
|
|
|
538 #content div.tip,
|
|
|
539 #content div.warning {
|
|
|
540 border: 1pt solid #E5E5E5;
|
|
|
541 background-color: #F9F9FF;
|
|
|
542 color: black;
|
|
|
543
|
|
|
544 margin: 10pt 30pt 10pt 30pt;
|
|
|
545 background-repeat: no-repeat;
|
|
|
546 background-position: 8px 8px;
|
|
|
547 min-height: 64px; /*64=48+8+8 but doesn't work with IE*/
|
|
|
548 padding-left: 64px;
|
|
|
549 }
|
|
|
550
|
|
|
551 #content div.caution p,
|
|
|
552 #content div.important p,
|
|
|
553 #content div.note p,
|
|
|
554 #content div.tip p,
|
|
|
555 #content div.warning p {
|
|
|
556 margin-top: 8px; /*to align text with bg graphic*/
|
|
|
557 }
|
|
|
558
|
|
|
559 #content div.tip { background-image: url("../img/admon-tip.png"); }
|
|
|
560 #content div.note { background-image: url("../img/admon-note.png"); }
|
|
|
561 #content div.important { background-image: url("../img/admon-important.png"); }
|
|
|
562 #content div.caution { background-image: url("../img/admon-caution.png"); }
|
|
|
563 #content div.warning { background-image: url("../img/admon-warning.png"); }
|
|
|
564
|
|
|
565 /* admonition end */
|
|
|
566
|
|
3
|
567 h1, h2, h3, h4, h5 {
|
|
|
568 font-family: serif;
|
|
|
569 font-weight: normal;
|
|
|
570 letter-spacing: 0.05em;
|
|
|
571 }
|
|
|
572 h1 {
|
|
|
573 color: #234764;
|
|
|
574 font-size: 150%;
|
|
|
575 }
|
|
|
576 h2 {
|
|
|
577 color: #366d9c;
|
|
|
578 font-size: 125%;
|
|
|
579 }
|
|
|
580
|
|
|
581 ul li {
|
|
|
582 list-style: url(../img/bullet.gif);
|
|
|
583 }
|
|
|
584 ol li {
|
|
|
585 list-style: decimal;
|
|
|
586 }
|
