← Back to branch summary

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

« back to all changes in this revision

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