← Back to branch summary

~ubuntu-it-wiki/wiki-ubuntu-it/wiki-repo

« back to all changes in this revision

Viewing changes to htdocs/light/css/moin.css

  • Committer: Leo Iannacone
  • Date: 2010-11-23 13:37:46 UTC
  • Revision ID: leo.iannacone@gmail.com-20101123133746-jnvr1g2tzvuba7h0
Added light theme from the lp:ubuntu-website/light-moin-theme branch

Show diffs side-by-side

added added

removed removed

Lines of Context:
htdocs/light/css/moin.css
 
1
/*  screen.css - MoinMoin Default Styles
 
2
 
 
3
Copyright (c) 2001, 2002, 2003 by Juergen Hermann
 
4
Modified by Nir Soffer (technical theme), Mauricio Hernandez (ruleta theme)
 
5
Heather Stern (ubuntu theme)
 
6
*/
 
7
 
 
8
/* content styles */
 
9
 
 
10
/* debug 
 
11
* {border: 1px dotted blue;}
 
12
*/
 
13
 
 
14
body {
 
15
    padding:0;
 
16
    border:0;
 
17
}
 
18
 
 
19
/* the words when mouse is over */
 
20
a:hover {color: #800000; } /* maroon */
 
21
h1 a:hover {color: #800000; } /* maroon */
 
22
 
 
23
/* override coloration of form elements */
 
24
 
 
25
/* override coloration of dialog buttons */
 
26
input {
 
27
    font-size: 1em;
 
28
    font-family: Arial, Lucida Grande, sans-serif;
 
29
        border: grooved 1px #C1B496; /* ubuntu dark tan */
 
30
        background-color: #F1F1ED; /* ubuntu near-white */
 
31
        color: #2e2003; /* darker brown */
 
32
}
 
33
 
 
34
textarea, input[type=text], input[type=password] {
 
35
    /* inherit from input */
 
36
    font-size: 1em;
 
37
    font-family: Lucida Typewriter, courier, monospace;
 
38
        border: solid 1px #C1B496; /* ubuntu dark tan */
 
39
        background: #F1F1ED; /* ubuntu near-white */
 
40
        color: #2e2003; /* darker brown */
 
41
}
 
42
 
 
43
select, option {
 
44
    /* inherit from input */
 
45
    /* don't override font */
 
46
        border: none;
 
47
        background: #F1F1ED; /* ubuntu near-white */
 
48
        color: #6d4c07; /* ubuntu dark brown */
 
49
}
 
50
 
 
51
.disabled {
 
52
    /* IE ignore disabled attribute, but at least show items in gray */
 
53
    /* disabled menu options */
 
54
    color: #C1B496; /* ubuntu dark tan */
 
55
}
 
56
 
 
57
/* user interface styles */
 
58
 
 
59
#header {
 
60
    margin: 0;
 
61
    padding: 0;
 
62
}
 
63
 
 
64
#mastwrap {
 
65
    background: url(../img/u-header.png) bottom left repeat-x #DBBA75;
 
66
        /* ubuntu orange */
 
67
}
 
68
 
 
69
#masthead
 
70
{
 
71
position:relative;
 
72
background: url('../img/u-headerlogo.png') bottom left no-repeat transparent;
 
73
border-style: solid;
 
74
border-width: 0;
 
75
color: #000;
 
76
height: 90px;
 
77
/* height: 6em; */
 
78
/* em is cleaner when zoomed up, however zoomed down likes the px way... */ 
 
79
}
 
80
 
 
81
 
 
82
#logo {
 
83
        //display: none;                /* we'll show an image instead */
 
84
        text-indent:-10000px;
 
85
        margin:0;
 
86
        /* contains image and/or text link */
 
87
        float: left;
 
88
        margin: 0 10px 0 0;
 
89
        font-size: 2em;
 
90
        line-height: 1.2em;
 
91
        font-weight: bold;
 
92
        padding: 0;
 
93
}
 
94
 
 
95
#logo img {
 
96
    vertical-align: middle;
 
97
}
 
98
 
 
99
/* NOTE: Wiki name color */
 
100
#logo a {
 
101
    color: black;
 
102
    text-decoration: none;
 
103
}
 
104
 
 
105
*[dir="rtl"] #logo {
 
106
    float: right;
 
107
}
 
108
 
 
109
#username {
 
110
/* if you force place search this gets squished so... */
 
111
    position: absolute;
 
112
    right: 3px;
 
113
    top: 1.8em; /* yes, it scales when text does :) */
 
114
/* ok this part's normal */
 
115
    margin: 0 10px;
 
116
    padding: 8px 0 0 0;
 
117
    text-align: right;
 
118
    font-size: 12px;
 
119
    white-space: nowrap;
 
120
}
 
121
 
 
122
*[dir="rtl"] #username {
 
123
    position: absolute;
 
124
    left: 3px;
 
125
    top: 1.8em; /* yes, it scales when text does :) */
 
126
    text-align: left;
 
127
}
 
128
 
 
129
#username li {
 
130
    display: inline;
 
131
    padding: 0 2px;
 
132
}
 
133
 
 
134
 
 
135
#username li a {
 
136
    color: #3c3108;
 
137
}
 
138
 
 
139
#username li:before {
 
140
        content: "| ";
 
141
    color: black;
 
142
}
 
143
 
 
144
#username li:first-child:before {
 
145
        content: "";
 
146
}
 
147
 
 
148
#username  a:hover {color: #800000; } /* regular link is maroon */
 
149
 
 
150
#searchform {
 
151
        position: absolute;
 
152
        right: 3px;
 
153
        top: 3px;
 
154
        /* float: right; */
 
155
        margin: 5px 10px;
 
156
        padding: 0;
 
157
        white-space: nowrap;
 
158
        font-size: 13px;
 
159
}
 
160
 
 
161
*[dir="rtl"] #searchform {
 
162
        float: left;
 
163
}
 
164
 
 
165
#searchform form div {
 
166
    display: inline;
 
167
}
 
168
 
 
169
#sisternav 
 
170
{
 
171
position:absolute;
 
172
bottom:0px;
 
173
right:10px;
 
174
}
 
175
 
 
176
#sisternav ul 
 
177
{
 
178
display:inline;
 
179
margin:0;
 
180
padding:10px 10px 0 1px;
 
181
/* padding:0.6em 0.6em 0 1px; */
 
182
list-style:none;
 
183
}
 
184
                  
 
185
#sisternav li 
 
186
{
 
187
display:inline;
 
188
float:left;
 
189
background:url(../img/u-tab_off_ns1.png) no-repeat left top;
 
190
margin:0;
 
191
padding:0 0 0 5px;
 
192
/* padding:0 0 0 0.3em; */
 
193
}
 
194
 
 
195
#sisternav a 
 
196
{
 
197
float:left;
 
198
font-size:0.85em;
 
199
display:block;
 
200
background:url(../img/u-tab_off_ns2.png) no-repeat right top;
 
201
padding:10px 15px 3px 8px;
 
202
text-decoration:none;
 
203
font-weight:bold;
 
204
color:#444;
 
205
}
 
206
 
 
207
/* Commented Backslash Hack hides rule from IE5-Mac \*/
 
208
#sisternav a {float:none;}
 
209
/* End IE5-Mac hack */
 
210
#sisternav a:hover {
 
211
        color: #6d4c07; /* ubuntu dark brown */
 
212
}
 
213
 
 
214
#sisternav li:hover, #sisternav li:hover a 
 
215
{
 
216
background-position:0% -163px;
 
217
        color: #000000; 
 
218
}
 
219
 
 
220
#sisternav li:hover a 
 
221
{
 
222
background-position:100% -163px;
 
223
        color: #000000; 
 
224
}
 
225
 
 
226
#sisternav #current 
 
227
{
 
228
background:url(../img/u-tab_on_ns1.png) no-repeat left top;                
 
229
}
 
230
 
 
231
#sisternav #current a 
 
232
{
 
233
background:url(../img/u-tab_on_ns2.png) no-repeat right top;
 
234
padding-bottom:4px;
 
235
color:#000;
 
236
}
 
237
 
 
238
#sisternav #current a:hover
 
239
{
 
240
color: #000000; /* maroon */
 
241
}
 
242
 
 
243
#pagetrail {
 
244
        white-space: nowrap;
 
245
        margin: 0;
 
246
        padding: 0 10px;
 
247
        font-size: 0.85em;
 
248
}
 
249
 
 
250
#pagetrail a {
 
251
        color: #C1B496; /* ubuntu dark tan */
 
252
}
 
253
 
 
254
*[dir="rtl"] #pagetrail {
 
255
        clear: right;
 
256
        text-align: right;
 
257
}
 
258
 
 
259
*[dir="ltr"] #pagetrail {
 
260
        clear: left; 
 
261
        text-align: left;
 
262
}
 
263
 
 
264
#pagetrail li {
 
265
        float: left;
 
266
        display: block;
 
267
        padding: 2px 2px;
 
268
        margin: 0 0 5px 0;
 
269
}
 
270
 
 
271
*[dir="rtl"] #pagetrail {
 
272
        float: right;
 
273
}
 
274
 
 
275
/* XXX Warning: non-ascii characters! */
 
276
/* NOTE: these are small things placed after your visited pages */
 
277
#pagetrail li:after {
 
278
        content: " » ";
 
279
        color: black;
 
280
        color: #C1B496; /* ubuntu dark tan */
 
281
}
 
282
 
 
283
*[dir="rtl"] #pagetrail li:after {
 
284
        content: " « ";
 
285
        color: #C1B496; /* ubuntu dark tan */
 
286
}
 
287
 
 
288
#navibar {
 
289
        clear: both; 
 
290
        display: block;
 
291
        margin: 0;
 
292
        padding: 0 10px;
 
293
        font-size: 0.8em;
 
294
}
 
295
 
 
296
#navibar li {
 
297
        float: right;
 
298
        display: block;
 
299
        margin: 2px 2px;
 
300
        padding: 2px 5px;
 
301
        border: 1px dotted #C1B496; /* ubuntu dark tan */
 
302
        white-space: nowrap;
 
303
}
 
304
 
 
305
*[dir="rtl"] #navibar li {
 
306
        float: left;
 
307
}
 
308
 
 
309
/* color for the navibar links */
 
310
#navibar li.wikilink {
 
311
        background: white;
 
312
        /*url(../img/tab-wiki.png) repeat-x;*/
 
313
}
 
314
 
 
315
#navibar li.userlink {
 
316
        background: #F1F1ED; /* ubuntu near-white */
 
317
        /*url(../img/tab-user.png) repeat-x;*/
 
318
}
 
319
 
 
320
/* NOTE: the color for the Link inside the buttons of navibar */
 
321
#navibar a, #navibar a:visited {
 
322
        color: black;
 
323
        text-decoration: none;    
 
324
}
 
325
 
 
326
/* NOTE: this is the color for the current page link */
 
327
#navibar li.current a {
 
328
        color: #6d4c07; /* ubuntu dark brown */
 
329
        font-weight: bold;
 
330
}
 
331
 
 
332
/* NOTE: this is the color when mouse is over the navibar links */
 
333
#navibar li:hover {
 
334
        background: #edddba; /* ubuntu pale orange */
 
335
}
 
336
 
 
337
#navibar li.current, #navibar li.current:hover {
 
338
        background: url(../img/u-footer.png) repeat-x; 
 
339
                        color: #6d4c07; /* ubuntu dark brown */
 
340
        /* url(../img/tab-selected.png) repeat-x; */
 
341
}
 
342
 
 
343
/* NOTE: this is the horizontal line across the page menu */
 
344
#pageline {
 
345
        clear: both;
 
346
        margin: 0;
 
347
        padding: 0;
 
348
        width: 100%;
 
349
        /* sync these values, line-height is needed for IE */
 
350
                height: 4px;
 
351
                line-height: 4px;
 
352
        border-bottom: 1px solid #9C9C9C;
 
353
       /* border-top: 1px solid #9C9C9C; */
 
354
        background: #6d4c07; /* ubuntu dark brown */
 
355
}
 
356
 
 
357
.editbar {
 
358
        margin: 0;
 
359
        padding: 0 8px;
 
360
        white-space: nowrap;
 
361
        height: 26px;
 
362
        background: white;
 
363
        font-size: 0.85em;
 
364
}
 
365
 
 
366
*[dir="rtl"] .editbar {
 
367
        clear: right;
 
368
}
 
369
 
 
370
*[dir="ltr"] .editbar {
 
371
        clear: left;
 
372
}
 
373
 
 
374
.editbar form, .editbar form div {
 
375
    display: inline;
 
376
        margin: 0;
 
377
}
 
378
 
 
379
.editbar select {
 
380
    font-size: 0.9em;
 
381
    font-family: Arial, Lucida Grande, sans-serif;
 
382
        border: solid 1px #C1B496; /* ubuntu dark tan */
 
383
        background: white;
 
384
        color: #2e2003; /* darker brown */
 
385
}
 
386
 
 
387
.editbar option {
 
388
    font-size: 1em;
 
389
    font-family: Arial, Lucida Grande, sans-serif;
 
390
        border: dotted 1px white;
 
391
        background: #F1F1ED; /* ubuntu near-white */
 
392
        color: #6d4c07; /* ubuntu dark brown */
 
393
}
 
394
.editbar li {
 
395
        float: left;
 
396
        display: block;
 
397
        padding: 0;
 
398
        margin: 2px 6px;
 
399
        color: #6d4c07; /* ubuntu dark brown */
 
400
}
 
401
 
 
402
*[dir="rtl"] .editbar li {
 
403
        float: right;
 
404
}
 
405
 
 
406
#header .editbar {
 
407
        border-bottom: 1px dotted #C1B496; /* ubuntu dark tan */
 
408
        color: #6d4c07; /* ubuntu dark brown */
 
409
}
 
410
 
 
411
#footer .extranav {
 
412
        border-top: 1px dotted #C1B496; /* ubuntu dark tan */
 
413
}
 
414
 
 
415
#footer .editbar {
 
416
        border-bottom: 1px solid #6d4c07; /* ubuntu dark brown */
 
417
}
 
418
 
 
419
.extranav {
 
420
        clear: both;
 
421
        margin: 0;
 
422
        padding: 0 8px;
 
423
        white-space: nowrap;
 
424
        background: white;
 
425
        font-size: 0.85em;
 
426
}
 
427
 
 
428
.extranav li {
 
429
        float: right;
 
430
        display: block;
 
431
        padding: 0;
 
432
        margin: 2px 6px;
 
433
}
 
434
 
 
435
*[dir="rtl"] .extranav li {
 
436
        float: left;
 
437
}
 
438
 
 
439
#ubuntulinks {
 
440
        text-align: center;
 
441
}
 
442
 
 
443
.editbar a, .editbar a:visited { color: #2e2003;} /* darker brown */
 
444
.editbar a:hover {color: #800000; } /* ubuntu dark brown */
 
445
 
 
446
#message {
 
447
        clear: both;
 
448
        margin: 0;
 
449
        padding: 5px 10px;
 
450
        border-bottom: 1px solid #C1B496; /* ubuntu dark tan */
 
451
        background: #F1F1ED; /* ubuntu near-white */
 
452
}
 
453
 
 
454
#message p{
 
455
        margin: 5px 0;
 
456
        padding: 0;
 
457
        font-weight: bold;
 
458
}
 
459
 
 
460
#message div.buttons {
 
461
        font-weight: normal;
 
462
}
 
463
 
 
464
/* classic had form.dialog; modern doesn't. -- Heather */
 
465
form.dialog {
 
466
    margin: 0 15px;
 
467
        border: solid 1px #C1B496; /* ubuntu dark tan */
 
468
        background-color: #edddba; /* ubuntu pale orange */
 
469
        color: #6d4c07; /* ubuntu dark brown */
 
470
}
 
471
 
 
472
.dialog form {
 
473
    margin: 0 15px;
 
474
        border: solid 1px #C1B496; /* ubuntu dark tan */
 
475
        background-color: #edddba; /* ubuntu pale orange */
 
476
        color: #6d4c07; /* ubuntu dark brown */
 
477
}
 
478
 
 
479
.dialog td {
 
480
    border: none;
 
481
    padding: 5px;
 
482
}
 
483
 
 
484
.dialog td.label {
 
485
    text-align: right;
 
486
    font-weight: bold;
 
487
    width: 25%;
 
488
}
 
489
 
 
490
*[dir="rtl"] .dialog td.label {
 
491
    text-align: left;
 
492
}
 
493
 
 
494
.dialog td.content input {
 
495
    width: 100%;
 
496
}
 
497
 
 
498
#page {
 
499
        clear: both;
 
500
        background-color: white;
 
501
        margin: 0;
 
502
        padding: 10px 30px 20px 30px;
 
503
}
 
504
 
 
505
/* We use here dumb css1 ids because of IE suckiness */
 
506
#editor-textarea, #editor-comment {
 
507
    width: 100%;
 
508
}
 
509
 
 
510
#preview {
 
511
        border: 2px solid #C1B496; /* ubuntu dark tan */
 
512
        padding: 2px 15px 10px 15px;
 
513
        background: url(../img/u-draft.png);
 
514
}
 
515
 
 
516
#footer {
 
517
        clear: both;
 
518
    margin: 0;
 
519
    padding: 0;
 
520
    background: #DBBA75; /* ubuntu orange */
 
521
        font-size: 10px;
 
522
}
 
523
 
 
524
#credits, #version, #timings{
 
525
        margin: 3px 6px;
 
526
        padding: 0;
 
527
        text-align: center;
 
528
        color: #6C7680;
 
529
        font-size: 10px;
 
530
}
 
531
 
 
532
#credits li, #timings li {
 
533
        display: inline;
 
534
        padding: 0 2px;
 
535
        margin: 0 4px;
 
536
}
 
537
 
 
538
#credits img {
 
539
        vertical-align: middle;
 
540
}
 
541
 
 
542
/* diffs from classic */
 
543
.diff {
 
544
        width:99%;
 
545
}
 
546
 
 
547
.diff-header {
 
548
        font-weight: bold;
 
549
}
 
550
 
 
551
.diff-title {
 
552
        background-color: #C1B496; /* ubuntu dark tan */
 
553
}
 
554
 
 
555
.diff-added {
 
556
        background-color: #edddba; /* ubuntu pale orange */
 
557
        vertical-align: sub;
 
558
}
 
559
 
 
560
.diff-removed {
 
561
        background-color: #FFFFE0; /* classic pale yellow */
 
562
        vertical-align: sub;
 
563
}
 
564
 
 
565
.diff-added span {
 
566
        background-color: #DBBA75; /* ubuntu orange */
 
567
}
 
568
 
 
569
.diff-removed span {
 
570
        background-color: #FFFF80; /* classic yellow */
 
571
}
 
572
 
 
573
.searchresult dd span {
 
574
        font-weight: bold;
 
575
}
 
576