work for smaller screens
[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: 960px;
9         margin: 0 auto;
10 }
11
12 .contentwrapper{
13         overflow: auto;
14 }
15
16 .column-left{
17         float: left;
18         width: 50%;
19 }
20
21 .column-right{
22         float: right;
23         width: 45%;
24 }
25
26 #footer{
27         width: 960px;
28         padding: 10px;
29         margin: 0 auto;
30         margin-top: 20px;
31 }
32
33 @media (max-width: 960px) {
34         .column-left { float: none; width: auto; }
35         .column-right { float: none; width: auto; }
36         #footer { width: auto; }
37 }
38
39 .columns, #content{
40         border-radius: 10px;
41         background-color: white;
42         padding: 10px;
43 }
44
45
46 /*Adjustment of textAdjustment of text */  
47 h1, h2, h3, .title{
48         color: #C70036;
49 }
50
51 .pageheader {
52         margin: 20px auto;
53 }
54
55 .pageheader .title{
56         background-image: url('swirl_and_vienna.png');
57         background-repeat: no-repeat;
58         padding-left: 170px;
59         margin-top:10px;
60         height: 95px;
61         display: block;
62         font-size: 2em;
63         padding-top: 47px;
64 }
65
66 .pageheader .header{
67         border-radius: 10px;
68         background-color: white;
69         padding: 10px;
70         height: 100px;
71 }
72
73 .pageheader .actions{
74         padding: 10px;
75         height: 30px;
76 }
77
78 .pagebody{
79         max-width: 960px;
80 }
81
82 a{
83         text-decoration: none;
84 }
85
86 a:link, a:vistited {
87         color: #1888A4;
88         text-decoration: none;
89 }
90
91 a:active, a:hover{
92         color: #23C7F0;
93         text-decoration: none;
94 }