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

« back to all changes in this revision

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