]> git.deb.at Git - debienna.git/blob - local.css
refactor page
[debienna.git] / local.css
1 body{
2         background-color: #DDDDDD;
3         font-family: Sans;
4         font-size: 0.8em;
5 }
6
7 .page{
8         max-width: 60em;
9         margin: 0 auto;
10 }
11
12 .contentwrapper{
13         overflow: auto;
14 }
15
16 .column-left{
17         float: left;
18         width: 45%;
19 }
20
21 .column-right{
22         float: right;
23         width: 45%;
24 }
25
26 #footer{
27         width: 60em;
28         padding: 1em;
29         margin: 0 auto;
30         margin-top: 1.0em;
31 }
32
33 @media (max-width: 60em) {
34         .column-left { float: none; width: auto; }
35         .column-right { float: none; width: auto; }
36         #footer { width: auto; }
37 }
38
39 #content{
40         border-radius: 1em;
41         background-color: white;
42         padding: 1em;
43 }
44
45
46 /*Adjustment of textAdjustment of text */  
47 h1, h2, h3, .title{
48         color: #C70036;
49 }
50
51 .pageheader {
52         margin: 1.0em auto;
53 }
54
55 .pageheader .parentlinks{
56     height: 1em;
57     display: block;
58 }
59
60 .pageheader .title{
61         background-image: url('swirl_and_vienna.png');
62         background-repeat: no-repeat;
63         padding-left: 7em;
64         margin-top: 0.6em;
65         display: block;
66         font-size: 150%;
67         padding-top: 0.9em;
68     line-height: 1em;
69 }
70
71 .pageheader .header{
72         border-radius: 1em;
73         background-color: white;
74         padding: 1em;
75         height: 4.0em;
76 }
77
78 .pageheader .actions{
79         padding: 1em;
80         height: 1.5em;
81 }
82
83 .pagebody{
84         max-width: 60em;
85 }
86
87 a{
88         text-decoration: none;
89 }
90
91 a:link, a:visited {
92         color: #1888A4;
93         text-decoration: none;
94 }
95
96 a:active, a:hover{
97         color: #23C7F0;
98         text-decoration: none;
99 }
100
101 .parentlinks a:link, .parentlinks a:visited{
102         color: #C70036;
103         padding-right: 0.5em;
104 }
105
106 .imgcenter {
107     display: block;
108     margin: 0px auto;
109 }