← Back to branch summary

~ubuntu-branches/ubuntu/natty/moin/natty-updates

« back to all changes in this revision

Viewing changes to wiki/htdocs/modern/css/common.css

  • Committer: Bazaar Package Importer
  • Author(s): Jonas Smedegaard
  • Date: 2008-06-22 21:17:13 UTC
  • mto: This revision was merged to the branch mainline in revision 18.
  • Revision ID: james.westby@ubuntu.com-20080622211713-inlv5k4eifxckelr
Import upstream version 1.7.0

Show diffs side-by-side

added added

removed removed

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