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