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

« back to all changes in this revision

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