Update CSS to the new layout.
[matthijs/projects/wipi.git] / static / exodus / css / screen.css
1 /*@import url('../../modern/css/screen.css');*/
2 @import url("home.css");
3
4 html, body {
5         margin:0px;
6         padding:0px
7 }
8
9 span.anchor {
10         display: none;
11 }
12
13 html {
14         background-color:#5a1800;
15         color:#cc8900;
16         font-family:verdana, sans-serif;
17         font-size:11px;
18 }
19
20 img {
21         border:0px;
22 }
23
24 #menubar li {
25         display: inline;
26         list-style-type: none;
27 }
28
29
30 body {
31         background-image: url('../img/background.jpg');
32         background-repeat: no-repeat;
33         background-position: top center;
34 }
35
36 #header {
37         padding-top:70px;
38         /* Center the header */
39         width:1024px;
40         margin:auto;
41 }
42
43 ul#menubar {
44         /* Fit exactly into the bar in the background */
45         padding-top: 5px;
46         height:15px;
47         padding-bottom: 5px;
48         /* Disable all default list-style stuff */
49         padding-left:0px;
50         margin:0;
51         list-style-type:none;
52         list-style-position:outside;
53         /* Set the font size to fit exactly */
54         font-size: 15px;
55         font-weight: bold;
56 }
57
58 /* Display next to each other instead of below */
59 ul#menubar li {
60         display:inline;
61         padding:0px 10px 0px 10px;
62         color:#5F3E06;
63         font-weight:bold;
64 }
65
66 /* Disable underlining and the default blue colour for links in the menubar */
67 ul#menubar li a {
68         color:#5F3E06;
69         text-decoration:none;
70 }
71
72 #footer {
73         /* Put a dotted line at the top of the footer */
74         border-top: 1px dotted #9C9C9C;
75         /* Include some spacing around the line */
76         padding-top: 5px;
77         margin-top: 5px;
78 }
79
80 /* Format the editbar, copied from modern theme */
81
82 .editbar {
83     float: left;
84     margin: 5px 0;
85     padding: 0;
86 }
87
88 .editbar a, .editbar a:visited { color: #0044B3; }
89
90 .editbar form, .editbar form div {
91     display: inline;
92     margin: 0;
93 }
94
95 .editbar li {
96     display: inline;
97     padding: 0;
98     margin: 4px 6px;
99 }
100
101 #footerbar {
102 }
103
104 .editbar a, .editbar a:visited { color: #0044B3; }
105
106 #editor {
107     margin: 0;
108     padding: 2px 20px 20px 20px;
109 }
110
111 #editor-textarea, #editor-help {
112     font-family: monospace;
113     border: 1px solid #8cacbb;  
114     color: black;
115     background-color: white;
116     padding: 3px;
117     width: 100%;
118     margin-top: 0.5em;
119 }
120
121 /* Format the username bar, copied from the modern theme */
122
123 #username {
124     float: right;
125     display: inline;
126     margin: 5px 12px;
127     padding: 0;
128     text-align: right;
129     font-size: 0.82em;
130     white-space: nowrap;
131 }
132
133 *[dir="rtl"] #username {
134     text-align: left;
135     margin: 5px 0px;
136 }
137
138 #username li {
139     display: inline;
140     padding: 0 0.5em 0 0;
141 }
142
143 #username form {
144     display: inline;
145 }
146
147 #username input {
148     display: inline;
149     padding: 0;
150     margin: 0;
151     border: none;
152     background: #E7E7E7; /* inherit doesnt work on IE */
153     color: blue;
154     font-size: 0.82em;
155     cursor: pointer;
156 }
157
158 #username input:hover {
159     color: red;
160 }
161
162 /****************** Next pages ************************/
163 .WipiContent {
164         float:left;
165         clear:left;
166         width:694px;
167         margin-top:10px;
168         background-image:url('img/perkamentCenter.gif');
169         background-position:center 39px;
170         background-repeat:repeat-y;
171 }
172
173 .WipiTop {
174         width:100%;
175         height:39px;
176         margin:0px;
177         background-image:url('img/perkamentTop.gif');
178         background-repeat:no-repeat;
179         background-color:#5a1800;
180 }
181
182 .WipiText {
183         width:624px; /*694 parent width minus two times 35px padding*/
184         margin:0px;
185         padding:0px 35px 0px 35px;
186 }
187
188 .WipiText p {
189         color:#731E01;
190         font-weight:bold;
191 }
192
193 .WipiBottom {
194         width:100%;
195         height:37px;
196         background-image:url('img/perkamentBottom.gif');
197         background-repeat:no-repeat;
198         background-color:#5a1800;
199 }
200
201 img.Decorative {
202         border:3px double #cc8900;
203 }
204
205 /* vim: set sw=4 sts=4 expandtab */