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