← 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/common.css

  • Committer: Leo Iannacone
  • Date: 2011-06-01 19:48:26 UTC
  • Revision ID: l3on@ubuntu.com-20110601194826-a8zt6and1d9gqmfu
Update light theme to ubuntu-it style

Show diffs side-by-side

added added

removed removed

Lines of Context:
htdocs/light/css/common.css
 
1
/*  common.css - MoinMoin Default Styles
 
2
 
 
3
Copyright (c) 2001, 2002, 2003 by Juergen Hermann
 
4
Copyright © 2008 Ubuntu-it - Created by Milo Casagrande <milo@ubuntu.com>,
 
5
Leo Iannacone <l3on@ubuntu.com>, Alessio Treglia <quadrispro@ubuntu.com>. 
 
6
 
 
7
Copyright © 2011 Ubuntu-it - Giuseppe Terrasi <peppe84@ubuntu-it.org>:
 
8
in order to fix some problem after upgrade to Moin 1.9.x and to add processor #!wiki,
 
9
mostly edit are at the end of file.
 
10
 
 
11
*/
 
12
 
 
13
/* content styles */
 
14
 
 
15
html {
 
16
        background-color: white;
 
17
        color: black;
 
18
        /*font-family: "Lucida Grande", Verdana, Lucida, Helvetica,Arial, sans-serif; */
 
19
        font-family: 'bitstream vera sans', 'dejavu sans', verdana, sans-serif;
 
20
        font-size: 0.80em;
 
21
        line-height: 1.25em;
 
22
}
 
23
 
 
24
body {
 
25
        margin: 0;
 
26
        height: 100%;
 
27
}
 
28
 
 
29
/* Links */
 
30
 
 
31
a {
 
32
        color: #A3590D;
 
33
        /*text-decoration: none;*/
 
34
} /* (ubuntu-it link) */
 
35
 
 
36
a:visited {
 
37
        color: #6B4A29;
 
38
}
 
39
 
 
40
a.nonexistent, a.badinterwiki {
 
41
        color: #AAA;
 
42
} /* ubuntu dark tan */
 
43
 
 
44
#pagelocation a, #pagelocation a:visited {
 
45
        text-decoration: none;
 
46
}
 
47
 
 
48
/* Headings */
 
49
 
 
50
h1, h2, h3, h4, h5, h6
 
51
{
 
52
        margin: 1.5em 0 0 0;
 
53
        padding: 2px 0;
 
54
        font-weight: normal; 
 
55
        line-height: 1.2em;
 
56
              text-shadow:0 1px 3px rgba(0, 0, 0, 0.25);        
 
57
}
 
58
 
 
59
h1
 
60
{
 
61
        font-size: 1.6em;
 
62
}
 
63
 
 
64
h2
 
65
{
 
66
        font-size: 1.3em;
 
67
}
 
68
 
 
69
h3 {font-size: 1.1em;}
 
70
h4, h5 {font-size: 1em;}
 
71
 
 
72
li p {
 
73
        margin: .25em 0;
 
74
}
 
75
 
 
76
li.gap {
 
77
    margin-top: 0.5em;
 
78
}
 
79
 
 
80
/* from ubuntu_styles; sizes changed to em */
 
81
dt
 
82
{
 
83
    margin-top: 1.2em;
 
84
    margin-bottom: 0.3em;
 
85
    font-size: 1.2em;
 
86
    border-bottom:1px solid #ECECEC;
 
87
}
 
88
 
 
89
 
 
90
 
 
91
 
 
92
dd {
 
93
    margin-top: 0;
 
94
    margin-bottom: 0;
 
95
}
 
96
 
 
97
dd p {
 
98
    margin: 0.25em 0;
 
99
}
 
100
   
 
101
a, img, img.drawing {
 
102
        border: 0;
 
103
}
 
104
 
 
105
pre 
 
106
{
 
107
    background-color: #FAFAFA;
 
108
    border: 1px dotted #DDDDDD;
 
109
        padding: 4pt;
 
110
        color:#111111;
 
111
        font-family: courier, monospace;
 
112
        white-space: pre;
 
113
        /* begin css 3 or browser specific rules - do not remove!
 
114
        see: http://forums.techguy.org/archive/index.php/t-249849.html */
 
115
    white-space: pre-wrap;
 
116
    word-wrap: break-word;
 
117
    white-space: -moz-pre-wrap;
 
118
    white-space: -pre-wrap;
 
119
    white-space: -o-pre-wrap;
 
120
    /* end css 3 or browser specific rules */
 
121
}
 
122
 
 
123
table
 
124
{
 
125
        margin: 0.5em 0px;
 
126
        border-collapse: collapse;
 
127
}
 
128
 
 
129
td
 
130
{
 
131
        padding: 0.25em;
 
132
        border: 1pt solid #CCCCCC;; /* ubuntu dark tan */
 
133
}
 
134
 
 
135
td p {
 
136
        margin: 0;
 
137
        padding: 0;
 
138
}
 
139
 
 
140
.footnotes div {
 
141
        width: 5em;
 
142
        border-top: 1pt solid #AAA; /* ubuntu dark tan */
 
143
}
 
144
 
 
145
.footnotes ul {
 
146
        padding: 0em 2em;
 
147
        margin: 0em 0em 1em;
 
148
        list-style: none;
 
149
}
 
150
 
 
151
.footnotes li {
 
152
}
 
153
 
 
154
.info {
 
155
    font-size: 0.85em;
 
156
    color: #AAA; /* ubuntu dark tan */
 
157
}
 
158
 
 
159
#pageinfo {
 
160
    margin-top: 2em;
 
161
}
 
162
 
 
163
.seperator {
 
164
    color: #AAA; /* ubuntu dark tan */
 
165
}
 
166
 
 
167
#pagebottom {clear: both;}
 
168
 
1
169
/* standard rule ---- */
2
170
hr {
 
171
 
3
172
    height: 1pt;
4
 
    background-color: #C1B496; /* ubuntu dark tan */
 
173
    background-color: #ECECEC; /* ubuntu dark tan */
5
174
    border: 0;
6
175
}
7
176
 
52
221
.recentchanges td {
53
222
        vertical-align: top;
54
223
        border: none;
55
 
        border-bottom: 1pt solid #C1B496; /* ubuntu dark tan */
 
224
        border-bottom: 1pt solid #ECECEC;
56
225
        background: white;
57
226
}
58
227
 
59
228
.rcdaybreak td {
60
 
        background: #EDD097; /* classic: deep yellow */
 
229
        background: #f4f4f4;
61
230
        border: none;
62
231
}
63
232
 
85
254
 
86
255
.rccomment {
87
256
        width: 66%;
88
 
        color: #C1B496; /* ubuntu dark tan */
 
257
        color: #AAA; /* ubuntu dark tan */
89
258
        font-size: 0.88em;
90
259
        font-weight: bold;
91
260
}
92
261
 
 
262
.strike {
 
263
    text-decoration: line-through;
 
264
}
93
265
 
94
266
/* User Preferences */
95
267
 
102
274
div.codearea { /* the div makes the border */
103
275
        margin: 4pt 0;
104
276
        padding: 0;
105
 
        border: 1pt solid #C1B496; /* ubuntu dark tan */
 
277
        border: 1pt solid #AAA; /* ubuntu dark tan */
106
278
/*      background-color: #F3F5F7;   * light grey */
107
279
        background-color: #edddba; /* ubuntu pale orange */
108
280
        color: black;
193
365
/* for MonthCalendar mouseover info boxes */
194
366
TABLE.tip {
195
367
    color: black;
196
 
        border: 1px solid #C1B496; /* ubuntu dark tan */
197
 
        background-color: #f0eee6; /* ubuntu light salmon */
 
368
        border: 1px solid #AAA; /* ubuntu dark tan */
 
369
        background-color: #f7f7f7; /* ubuntu light salmon */
198
370
    font-size: small;
199
371
    font-weight: normal;
200
372
}
214
386
 
215
387
/* end MonthCalendar stuff */
216
388
 
 
389
 
 
390
 
 
391
/*Note, avvisi e suggerimenti */
 
392
 
 
393
.nota {
 
394
        background-color:#F6F5F0;
 
395
        border:1px solid #AAAAAA;
 
396
}
 
397
 
 
398
.avviso {
 
399
        border:1px solid #FFCC66;
 
400
        background-color:#FFFFCC;
 
401
}
 
402
 
 
403
 
 
404
.suggerimento {
 
405
        background:#eeeeff;
 
406
        border: 1px solid #8CACBB;
 
407
}
 
408
 
 
409
 
 
410
/* Page history */
 
411
#page-history a, #page-history a:hover {
 
412
  color: #666666;
 
413
}
 
414
 
 
415
/*Input*/
 
416
 
 
417
 
 
418
input #titlesearch, input #fullsearch {
 
419
        cursor: pointer;
 
420
}
 
421
 
 
422
input, textarea {
 
423
  color: #222;
 
424
}
 
425
 
 
426
 
 
427
input:hover {
 
428
        cursor: pointer;
 
429
}
 
430
 
 
431
 
 
432
 
 
433
textarea, input[type=text], input[type=password] {
 
434
        cursor:text;
 
435
}
 
436
 
 
437
/* Added in order to import wiki parser */
 
438
/* start admonition section */
 
439
#content div.caution,
 
440
#content div.important,
 
441
#content div.note,
 
442
#content div.tip,
 
443
#content div.warning {
 
444
    border: 1pt solid #E5E5E5;
 
445
    background-color: #FFFFFF;
 
446
    color: black;
 
447
 
 
448
    margin: 10pt 30pt 10pt 30pt;
 
449
    background-repeat: no-repeat;
 
450
    background-position: 8px 8px;
 
451
    min-height: 64px; /*64=48+8+8 but doesn't work with IE*/
 
452
    padding-left: 64px;
 
453
}
 
454
 
 
455
#content div.caution p,
 
456
#content div.important p,
 
457
#content div.note p,
 
458
#content div.tip p,
 
459
#content div.warning p {
 
460
    margin-top: 8px; /*to align text with bg graphic*/
 
461
}
 
462
 
 
463
#content div.tip { background-image: url("../img/icons/admon-tip.png"); }
 
464
#content div.note { background-image: url("../img/icons/admon-note.png"); }
 
465
#content div.important { background-image: url("../img/icons/admon-important.png"); }
 
466
#content div.caution { background-image: url("../img/icons/admon-caution.png"); }
 
467
#content div.warning { background-image: url("../img/icons/admon-warning.png"); }
 
468
 
 
469
/* end admonition section */
 
470
 
 
471
/* start simply color changes on wiki parser */
 
472
.comment { color: #555555; background-color: #DDDDFF; }
 
473
 
 
474
.red { background-color: #FFCCCC; }
 
475
.green { background-color: #CCFFCC; }
 
476
.blue { background-color: #CCCCFF; }
 
477
.yellow { background-color: #FFF29F; }
 
478
.orange { background-color: #FFD59B; }
 
479
/*.grey         todo */
 
480
 
 
481
.solid { border: 2px solid #000000; padding: 2px; }
 
482
.dashed { border: 2px dashed #000000; padding: 2px; }
 
483
.dotted { border: 2px dotted #000000; padding: 2px; }
 
484
 
 
485
.left { text-align: left; }
 
486
.center { text-align: center; }
 
487
.right { text-align: right; }
 
488
.justify { text-align: justify; }
 
489
.align { clear:both }
 
490
 
 
491
/* end simply color changes on wiki parser */
 
492
 
 
493
 
 
494
/* Classes for styling Toc */
 
495
/* Added by Leonardo Iannacone on April '08 */
 
496
.toc, .supported-releases, .page_info {
 
497
        background:#F0F0F0;
 
498
        float:right;
 
499
        font-size:0.9em;
 
500
        margin:0 0 1em 1em;
 
501
        width:30%;
 
502
}
 
503
 
 
504
.toc, .page_info {
 
505
    border-radius:4px;
 
506
    box-shadow:0 1px 3px rgba(0, 0, 0, 0.2);
 
507
    -webkit-border-radius:4px;
 
508
    -webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.2);
 
509
    -moz-border-radius:4px;
 
510
    -moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.2);
 
511
}
 
512
 
 
513
.toc-core {
 
514
  padding:10px;
 
515
}
 
516
 
 
517
 
 
518
p.toc-core-heading, p.table-of-contents-heading {
 
519
        font-weight: bold;
 
520
        margin-top: 0px;
 
521
}
 
522
 
 
523
.toc a {
 
524
        color:#666666;
 
525
}
 
526
 
 
527
/* Added for VersioniSupportate macro */
 
528
 
 
529
.supported-releases, .page_info {
 
530
        margin: 0 0 1em 1em;
 
531
        clear:both;
 
532
        float:right;
 
533
        font-size: 75%;
 
534
}
 
535
 
 
536
 
 
537
.supported-releases {
 
538
  font-size:85%;
 
539
}
 
540
 
 
541
.supported-releases-core, .page_info-core {
 
542
        background-position: top right;
 
543
        background-repeat: no-repeat;
 
544
        font-weight: bold;
 
545
        text-align: center;
 
546
        margin-top: 0px;
 
547
  padding: 10px;
 
548
}
 
549
 
 
550
.page_info-core p {
 
551
  margin:2px 0;
 
552
  text-shadow: white 0px 1px 1px;
 
553
}
 
554
 
 
555
 
 
556
p.supported-releases-heading, p.page_info-core {
 
557
        font-weight: bold;
 
558
        text-align: center;
 
559
        font-size: 12px;
 
560
        margin-top: 0px;
 
561
        margin-bottom: 2px;
 
562
        float: center;
 
563
        background-repeat: no-repeat;
 
564
        background-position: center;
 
565
}
 
566
 
 
567
.supported-releases-core a {
 
568
}
 
569
 
 
570
/* class for no javascript enabled */
 
571
 
 
572
.noscript {
 
573
        color:#FF0000;
 
574
        font-weight:bold;
 
575
        margin-right:50px;
 
576
}
 
577
 
 
578
/* Apt-urls */
 
579
 
 
580
a.apt {
 
581
/*      
 
582
        padding-right:18px;
 
583
        background: url("../img/package.png") no-repeat right;
 
584
*/
 
585
        font-style:italic;
 
586
}
 
587
 
 
588
 
 
589
/* Added for increasing monospace character */
 
590
.backtick {
 
591
          font-size: 1.1em;
 
592
}
 
593
 
 
594
#pagelocation {
 
595
        margin: 0 0;
 
596
        padding: 0 0;
 
597
        font-size: 1.5em;
 
598
        text-decoration: none;
 
599
        font-size: 1.8em;
 
600
        font-weight: bold; 
 
601
        line-height: 1.2em;
 
602
        border-bottom:1px solid #ECECEC;
 
603
        text-shadow:0 1px 3px rgba(0, 0, 0, 0.15);
 
604
}
 
605
 
 
606
#pagelocation li {
 
607
  display: inline;
 
608
        margin: 0;
 
609
}
 
610
 
 
611
/* This one shows a separator in the page location */
 
612
#pagelocation li:after {
 
613
    content: " > ";
 
614
    color: #aaa;
 
615
}
 
616
 
 
617
/* This one erase the last separator */
 
618
#pagelocation li:last-child:after {
 
619
    content: "";
 
620
}
 
621
 
 
622
#page img.inline_left {
 
623
    margin: 5px 15px 5px 20px;
 
624
    float: left;
 
625
}
 
626
 
 
627
#page img.inline_right {
 
628
    margin: 5px 20px 5px 15px;
 
629
    float: right;
 
630
}
 
631
#page img.inline_center {
 
632
    display: block;
 
633
    margin: 5px auto 5px auto;
 
634
    text-align: center;
 
635
}
 
636
 
 
637
 
 
638
/* diffs from classic */
 
639
.diff {
 
640
    table-layout: fixed;
 
641
}
 
642
.diff-header {
 
643
    font-weight: bold;
 
644
}
 
645
.diff-title {
 
646
    background-color: #C0C0C0;
 
647
}
 
648
.diff-added {
 
649
    background-color: #E0FFE0;
 
650
    font-family: courier,monospace;
 
651
    vertical-align: top;
 
652
    white-space: pre-wrap;
 
653
    width: 50%;
 
654
    word-wrap: break-word;
 
655
}
 
656
.diff-removed {
 
657
    background-color: #FFFFE0;
 
658
    font-family: courier,monospace;
 
659
    vertical-align: top;
 
660
    white-space: pre-wrap;
 
661
    width: 50%;
 
662
    word-wrap: break-word;
 
663
}
 
664
.diff-added span {
 
665
    background-color: #80FF80;
 
666
}
 
667
.diff-removed span {
 
668
    background-color: #FFFF80;
 
669
}
 
670
td.diff-info {
 
671
    vertical-align: top;
 
672
}
 
673
div.diff-info {
 
674
    white-space: nowrap;
 
675
}
 
676
div.diff-info-rev-comment span.diff-info-value {
 
677
    white-space: normal;
 
678
}
 
679
div.diff-info-header {
 
680
    background-color: #E8E8E8;
 
681
    margin: -0.25em -0.5em 0.25em;
 
682
    padding: 0.25em 0.5em;
 
683
    text-align: center;
 
684
    width: 100%;
 
685
}
 
686
td.diff-same {
 
687
    border: 0 none;
 
688
    text-align: center;
 
689
}
 
690
 
 
691
.searchresult dd span {
 
692
        font-weight: bold;
 
693
}
 
694
 
 
695
/* We use here dumb css1 ids because of IE suckiness */
 
696
#editor-textarea {
 
697
                 width: 99%;
 
698
                 margin: 0.5em 0em;
 
699
}
 
700
 
 
701
#editor-comment {
 
702
                width: 99%;
 
703
                margin: 0.5em 0em;
 
704
}
 
705
 
 
706
#editor-help {
 
707
             margin: 0.5em 0;
 
708
}
 
709
 
 
710
#editor {
 
711
        backgorund-color: white;
 
712
        text-align: left;
 
713
        width: 100%;
 
714
}
 
715
 
 
716
#footer {
 
717
}
 
718