← 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/screen.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/screen.css
1
 
/*  screen.css - MoinMoin Default Styles
2
 
 
3
 
Copyright (c) 2001, 2002, 2003 by Juergen Hermann
4
 
*/
5
 
 
6
 
/* content styles */
7
 
 
8
 
/* debug 
9
 
* {border: 1px dotted blue;}
10
 
*/
11
 
 
12
 
body {
13
 
    padding: 0;
14
 
    border: 0;
15
 
}
16
 
 
17
 
a:link { color: #47f; text-decoration: none; }
18
 
a:link:hover, a:link:active { text-decoration: underline; color: green; }
19
 
a:visited { text-decoration: none; color: #04a;}
20
 
a:visited:hover { text-decoration: none; color: red; }
21
 
a.nonexistent:link { color: #666 }
22
 
a.nonexistent:hover { color: black; text-decoration: underline }
23
 
 
24
 
a.download {
25
 
    font-size: 120%; 
26
 
    letter-spacing: 0.05em;
27
 
    font-weight: bold;
28
 
    background: #E7E7E7;
29
 
    border: 1px solid #9C9C9C;
30
 
    padding: 0.5em;
31
 
    text-align: center;
32
 
}
33
 
 
34
 
input {
35
 
    /* does strange effect to button (text size becomes bigger when clicking)
36
 
    font-size: 1em;
37
 
    font-family: Arial, Lucida Grande, sans-serif;
38
 
    */
39
 
}
40
 
 
41
 
textarea {
42
 
    font-size: 1em;
43
 
    font-family: monospace;
44
 
}
45
 
 
46
 
.disabled {
47
 
    /* IE ignore disabled attribute, but at least show items in gray */
48
 
    color: gray;
49
 
}
50
 
 
51
 
/* user interface styles */
52
 
 
53
 
#header {
54
 
    margin: 1px;
55
 
    padding: 1px;
56
 
    background: #e6eaf0;
57
 
    line-height: 1.1em;
58
 
}
59
 
 
60
 
#logo {
61
 
    float: left;
62
 
    margin: 5px 10px;
63
 
    padding: 0;
64
 
    /* For text only logo */
65
 
    font-size: 1.4em;
66
 
    line-height: 1em;
67
 
    font-weight: bold;
68
 
}
69
 
 
70
 
*[dir="rtl"] #logo {
71
 
    float: right;
72
 
}
73
 
 
74
 
#logo img {
75
 
    vertical-align: middle;
76
 
}
77
 
 
78
 
#logo a {
79
 
    color: black;
80
 
    text-decoration: none;
81
 
}
82
 
 
83
 
 
84
 
#username {
85
 
    display: block;
86
 
    margin: 8px 12px 4px 12px;
87
 
    padding: 0;
88
 
    font-size: 0.82em;
89
 
}
90
 
 
91
 
#username form {
92
 
    display: inline;
93
 
}
94
 
 
95
 
#username input {
96
 
    display: inline;
97
 
    padding: 0;
98
 
    margin: 0;
99
 
    border: none;
100
 
    background: transparent;
101
 
    color: blue;
102
 
    font-size: 0.82em;
103
 
    cursor: pointer;
104
 
}
105
 
 
106
 
#username input:hover {
107
 
    color: red;
108
 
}
109
 
 
110
 
#searchform {
111
 
    margin: 4px 0.5em 8px 0.5em;
112
 
    padding: 0;
113
 
    font-size: 0.82em;
114
 
    float: right;
115
 
    clear: right;
116
 
    text-align: right;
117
 
}
118
 
*[dir="rtl"] #searchform {
119
 
    float: left;
120
 
    clear: left;
121
 
    text-align: left;
122
 
}
123
 
#searchform input {
124
 
    font-size: 100%;
125
 
    vertical-align: middle;
126
 
}
127
 
#pagetrail {
128
 
    clear: right;
129
 
    display: inline;
130
 
    margin: 0 0.88em 0.25em 0.88em;
131
 
    padding: 0;
132
 
    font-size: 0.88em;
133
 
}
134
 
 
135
 
*[dir="rtl"] #pagetrail {
136
 
    clear: left;
137
 
}
138
 
 
139
 
#interwiki {
140
 
    font-size: 1em;
141
 
}
142
 
 
143
 
#locationline {
144
 
    padding: 0;
145
 
    font-size: 100%;
146
 
    font-weight: normal;
147
 
    margin: 0.25em 12px 5px 12px;
148
 
    clear: right;
149
 
}
150
 
*[dir="rtl"] #locationline {
151
 
    clear: left;
152
 
}
153
 
 
154
 
#pagelocation {
155
 
    font-size: 1.5em;
156
 
    letter-spacing: 0.05em;
157
 
}
158
 
 
159
 
 
160
 
*[dir="rtl"] #pagetrail span.sep {
161
 
    visibility: hidden;
162
 
}
163
 
*[dir="rtl"] #pagetrail span.sep:after {
164
 
    content: " « ";
165
 
}
166
 
 
167
 
#navibar {
168
 
    clear: both;  /* problem: clear: right; aligns nicely right of logo,
169
 
                    but lets it float high in the header, disconnected from ground */
170
 
    display: block;
171
 
    margin: 0;
172
 
    padding: 0 10px;
173
 
    font-size: 0.82em;
174
 
    zoom: 1; /* for avoiding a gap between navibar and pageline on IE */
175
 
}
176
 
 
177
 
#navibar li {
178
 
    float: left;
179
 
    display: inline;
180
 
    margin: 0 2px;
181
 
    padding: 2px 5px;
182
 
    border: 1px solid #acd;
183
 
    border-bottom: none;
184
 
    white-space: nowrap;
185
 
}
186
 
 
187
 
*[dir="rtl"] #navibar li {
188
 
    float: right;
189
 
}
190
 
 
191
 
#navibar li.wikilink {
192
 
    background: white; /*url(../img/tab-wiki.png) repeat-x;*/
193
 
}
194
 
 
195
 
#navibar li.userlink {
196
 
    background: #E6EAF0; /*url(../img/tab-user.png) repeat-x;*/
197
 
}
198
 
 
199
 
#navibar a, #navibar a:visited {
200
 
    color: black;
201
 
    text-decoration: none;    
202
 
}
203
 
 
204
 
#navibar li.current a {
205
 
    font-weight: bold;
206
 
}
207
 
 
208
 
#navibar li:hover {
209
 
    background: #d6e4f9;
210
 
}
211
 
 
212
 
#navibar li.current, #navibar li.current:hover {
213
 
    background: #81BBF2; /* url(../img/tab-selected.png) repeat-x; */
214
 
    border: 1px solid #4d7da9;
215
 
    border-bottom: 1px solid #81bbf2;
216
 
    margin-bottom: -1px;
217
 
}
218
 
 
219
 
#pageline {
220
 
    clear: both;
221
 
    margin: 0;
222
 
    padding: 0;
223
 
    width: 100%;
224
 
    /* sync these values, line-height is needed for IE */
225
 
    height: 4px;
226
 
    line-height: 4px;
227
 
    border-bottom: 1px solid #4d7da9;
228
 
    border-top: 1px solid #4d7da9;
229
 
    background: #81BBF2;
230
 
}
231
 
 
232
 
.editbar {
233
 
    clear: both;
234
 
    display: block;
235
 
    margin: 0;
236
 
    padding: 2px 8px;
237
 
    background: #d6e4f9;
238
 
    font-size: 0.8em;
239
 
    border-bottom: 1px solid #4d7da9;
240
 
    border-top: 1px solid #4d7da9;
241
 
    margin-top: -1px;
242
 
}
243
 
 
244
 
.editbar form, .editbar form div {
245
 
    display: inline;
246
 
    margin: 0;
247
 
}
248
 
 
249
 
.editbar select {
250
 
    font-size: 100%;
251
 
    vertical-align: middle;
252
 
}
253
 
 
254
 
.editbar li {
255
 
    display: inline;
256
 
    padding: 0;
257
 
    margin: 4px 6px;
258
 
}
259
 
 
260
 
.editbar a, .editbar a:visited { color: #0044B3; }
261
 
 
262
 
#message {
263
 
    clear: both;
264
 
    margin: 0;
265
 
    padding: 5px 10px;
266
 
    border-bottom: 1px solid #c9c9c9;
267
 
    background: #E6EAF0;
268
 
}
269
 
 
270
 
#message p {
271
 
    margin: 5px 0;
272
 
    padding: 0;
273
 
    /* font-weight: bold; */
274
 
}
275
 
 
276
 
#message div.buttons {
277
 
    font-weight: normal;
278
 
}
279
 
 
280
 
.dialog form {
281
 
    margin: 0 15px;
282
 
}
283
 
 
284
 
.dialog td {
285
 
    border: none;
286
 
    padding: 5px;
287
 
}
288
 
 
289
 
.dialog td.label {
290
 
    text-align: right;
291
 
    font-weight: bold;
292
 
    width: 25%;
293
 
}
294
 
 
295
 
*[dir="rtl"] .dialog td.label {
296
 
    text-align: left;
297
 
}
298
 
 
299
 
.dialog td.content input {
300
 
    width: 100%;
301
 
}
302
 
 
303
 
#page {
304
 
    background-color: white;
305
 
    margin: 0;
306
 
    padding: 2px 20px 20px 20px;
307
 
 
308
 
    /* theses are some Firefox 1.5b1 specific extensions, see also the CSS3 draft.
309
 
    -moz-column-width: 25em;
310
 
    -moz-column-gap: 2em;
311
 
    -moz-column-rule: solid black 0.3em;     --   doesn't work yet with 1.5b1!
312
 
 
313
 
    TODO: make text/gui editor NOT use #page css, we don't want columns there!
314
 
    */
315
 
}
316
 
 
317
 
/* We use here dumb css1 ids because of IE suckiness */
318
 
#editor-textarea, #editor-help {
319
 
    font-family: monospace;
320
 
    border: 1px solid #8cacbb;  
321
 
    color: black;
322
 
    background-color: white;
323
 
    padding: 3px;
324
 
    width: 100%;
325
 
    margin-top: 0.5em;
326
 
}
327
 
 
328
 
#editor-help {
329
 
    font-size: small;
330
 
    background-color: #EEEEFF;
331
 
}
332
 
 
333
 
#editor-comment {
334
 
    font-size: 100%;
335
 
    border: 1px solid #8cacbb;
336
 
    color: black;
337
 
    background-color: white;
338
 
    vertical-align: middle;
339
 
    padding: 1px;
340
 
    display: inline;
341
 
    width: 70%;
342
 
}
343
 
 
344
 
#preview, #previewbelow {
345
 
    border: 1px solid #6C7680;
346
 
    padding: 10px 30px 20px 30px;
347
 
    background: url(../img/draft.png);
348
 
    margin-top: 0.5em;
349
 
}
350
 
 
351
 
#textcha {
352
 
    font-size: 100%;
353
 
    margin-top: 0.5em;
354
 
    border: 2px solid #FF8888;
355
 
    color: black;
356
 
    vertical-align: middle;
357
 
    padding: 3px 2px;
358
 
}
359
 
 
360
 
#textcha-answer {
361
 
    border: 2px solid #000000;
362
 
    padding: 3px 2px;
363
 
}
364
 
 
365
 
input.button {
366
 
    /*
367
 
    border: 1px solid #8cacbb;  
368
 
    color: black;
369
 
    background-color: #CCCCCC;
370
 
    vertical-align: middle;
371
 
    text-decoration: none;
372
 
    font-size: 100%;
373
 
    cursor: pointer;
374
 
    margin: 2px;
375
 
    padding: 1px;
376
 
    display: inline;
377
 
    */
378
 
}
379
 
 
380
 
#footer {
381
 
    clear: both;
382
 
    margin: 0;
383
 
    padding: 0;
384
 
}
385
 
 
386
 
#credits, #version, #timings{
387
 
    margin: 5px 10px;
388
 
    padding: 0;
389
 
    text-align: center;
390
 
    font-size: 0.88em;
391
 
    color: #6C7680;
392
 
}
393
 
 
394
 
#credits li, #timings li {
395
 
    display: inline;
396
 
    padding: 0 2px;
397
 
    margin: 0 4px;
398
 
}
399
 
 
400
 
#credits img {
401
 
    vertical-align: middle;
402
 
}
403
 
 
404
 
.diff {
405
 
    width:99%;
406
 
    table-layout: fixed;
407
 
}
408
 
 
409
 
.diff-header {
410
 
    font-weight: bold;
411
 
}
412
 
 
413
 
.diff-title {
414
 
    background-color: #C0C0C0;
415
 
}
416
 
 
417
 
.diff-added {
418
 
    background-color: #E0FFE0;
419
 
    vertical-align: top;
420
 
    width: 50%;
421
 
    white-space: pre-wrap;
422
 
    word-wrap: break-word;
423
 
    font-family: courier, monospace;
424
 
}
425
 
 
426
 
.diff-removed {
427
 
    background-color: #FFFFE0;
428
 
    vertical-align: top;
429
 
    width: 50%;
430
 
    white-space: pre-wrap;
431
 
    word-wrap: break-word;
432
 
    font-family: courier, monospace;
433
 
}
434
 
 
435
 
.diff-added span {
436
 
    background-color: #80FF80;
437
 
}
438
 
 
439
 
.diff-removed span {
440
 
    background-color: #FFFF80;
441
 
}
442
 
 
443
 
td.diff-info {
444
 
    vertical-align: top;
445
 
}
446
 
 
447
 
div.diff-info {
448
 
    white-space: nowrap;
449
 
}
450
 
 
451
 
div.diff-info-rev-comment span.diff-info-value {
452
 
    white-space: normal;
453
 
}
454
 
 
455
 
div.diff-info-header {
456
 
    background-color: #E8E8E8;
457
 
    width: 100%;
458
 
    padding: 0.25em 0.5em;
459
 
    margin: -0.25em -0.5em;
460
 
    margin-bottom: 0.25em;
461
 
    text-align: center;
462
 
}
463
 
 
464
 
td.diff-same {
465
 
    text-align: center;
466
 
    border: 0;
467
 
}
468
 
 
469
 
table.navigation {
470
 
    float: right;
471
 
    margin: 2px;
472
 
}
473
 
 
474
 
#openididentifier {
475
 
    background: url(../../common/openid.png) no-repeat;
476
 
    background-position: 0 50%;
477
 
    padding-left: 18px;
478
 
}