fcb680547650fdfa6fde740d38fe97d522056bbc
[matthijs/projects/wipi.git] / static / exodus / css / screen.css
1 /*@import url('../../modern/css/screen.css');*/
2
3 html, body {
4         margin:0px;
5         padding:0px
6 }
7
8 span.anchor {
9         display: none;
10 }
11
12 html {
13         background-color:#5a1800;
14         color:#cc8900;
15         font-family:verdana, sans-serif;
16         font-size:11px;
17 }
18
19 a {color: #ffd200;}
20 a:visited {color: #ffd200;}
21 a.nonexistent, a.badinterwiki {color: #cc8900;}
22
23 img {
24         border:0px;
25 }
26
27 body {
28         background-image: url('../img/background.jpg');
29         background-repeat: no-repeat;
30         background-position: top center;
31 }
32
33 #header {
34         /* Fit exactly into the header in the background, and push the menu bar in place */
35         padding-top: 70px;
36         height: 40px;
37         /* Center the header */
38         width:1024px;
39         margin:auto;
40 }
41
42 #menubar ul {
43         /* Fit exactly into the bar in the background */
44         padding-top: 5px;
45         height:15px;
46         padding-bottom: 5px;
47         /* Disable all default list-style stuff */
48         padding-left:0px;
49         margin:0;
50         list-style-type:none;
51         list-style-position:outside;
52         /* Set the font size to fit exactly */
53         font-size: 12px;
54         font-weight: bold;
55 }
56
57 /* Display next to each other instead of below */
58 #menubar li, #menubar li p {
59         display:inline;
60 }
61
62 #menubar li p {
63         padding:0px 0px 0px 10px;
64         color:#5F3E06;
65         font-weight:bold;
66 }
67
68 /* Disable underlining and the default blue colour for links in the menubar */
69 #menubar li a {
70         color:#5F3E06;
71         text-decoration:none;
72 }
73
74 /* Give the menu bar links a hover color */
75 #menubar li a:hover {
76         color:#FFD200;
77 }
78
79 #page, #footer{
80         /* Center the page and footer, just like the header */
81         width:1024px;
82         margin-right: auto;
83         margin-left: auto;
84 }
85
86
87 #pagetop {
88         width: 694px;
89         height:39px;
90         background-image:url('../img/perkamentTop.gif');
91 }
92
93 #pagemiddle {
94         background-image:url('../img/perkamentCenter.gif');
95         background-repeat:repeat-y;
96         /* Force a new block-formatting context, to prevent any margins from
97          * content to stick out of this div, causing a gap between #pagetop
98          * and #pagemiddle */
99         overflow: hidden;
100         /* Indent the text a bit, so it skips the jagged edges of the
101          * background */
102         padding:0px 45px 0px 45px;
103         /* 694px image width minus two times 45px padding*/
104         width: 604px;
105         /* Set a font colour that's readable on the background image. We
106          * should really also set a background colour here (for when images
107          * are disabled), but it seems it's impossible to do that without the
108          * colour showing always */
109         color:#731E01;
110         font-weight:bold;
111 }
112
113 #pagemiddle h1,
114 #pagemiddle h2,
115 #pagemiddle h3 {
116         color:#3F3426;
117 }
118
119 #pagemiddle h1 {
120         font-size:17px;
121 }
122 #pagemiddle h2 {
123         font-size:15px;
124 }
125
126 #pagemiddle a, #pagemiddle a:visited {color: #9F2900;}
127 #pagemiddle a:hover, #pagemiddle a:visited:hover {color: #ffd200;}
128
129 table {
130         border:0px;
131 }
132 /*Vaardigheden table*/
133 table.border td {
134         border:0px;
135         border-bottom:1px solid #5A1800;
136 }
137 /* Header row of vaardigheden table*/
138 tr.kop1 {
139         background-color:#BEAA76;
140 }
141
142 tr.kop2 {
143         background-color:#F1E5CB;
144 }
145 #pagebottom {
146         width: 694px;
147         height:37px;
148         background-image:url('../img/perkamentBottom.gif');
149 }
150
151 #footer {
152         /* Put a dotted line at the top of the footer */
153         border-top: 1px dotted #9C9C9C;
154         /* Include some spacing around the line */
155         padding-top: 5px;
156         margin-top: 5px;
157 }
158
159
160 #footerbar {
161 }
162
163 #editor {
164     margin: 0;
165     padding: 2px 20px 20px 20px;
166 }
167
168 #editor-textarea, #editor-help {
169     font-family: monospace;
170     border: 1px solid #8cacbb;  
171     color: black;
172     background-color: white;
173     padding: 3px;
174     width: 100%;
175     margin-top: 0.5em;
176 }
177
178 /* Format the pageinfo bar. */
179 #pageinfo {
180     float: right;
181     margin: 0px 12px;
182 }
183 /* Format the username bar, copied from the modern theme */
184
185 #username {
186     float: left;
187     display: inline;
188     margin: 0px 12px;
189     padding: 0;
190     text-align: right;
191     font-size: 0.82em;
192     white-space: nowrap;
193 }
194
195 #username li {
196     display: inline;
197     padding: 0 0.5em 0 0;
198 }
199
200 #searchform {
201     /* Put the searchform below the pageinfo / username bar */
202     clear: both;
203     float: right;
204     /* Put a bit of offset between the pageinfo and searchform. Don't use
205      * margin here, that collapses with the floating pageinfo. */
206     padding-top: 10px;
207 }
208
209 .editbar {
210     /* Put a bit of offset between the pageinfo and searchform. Don't use
211      * margin here, that collapses with the floating pageinfo. */
212     /*padding-top: 10px;
213     margin: 5px 0;*/
214     /* Unset the default ul margins */
215     margin-top: 0px;
216     margin-bottom: 0px;
217     /* Put the editbar at the right side (but not over the image there */
218     float: right;
219     margin-right: 220px;
220     /* Prevent weird linebreaks */
221     white-space: nowrap;
222 }
223
224 .editbar form, .editbar form div {
225     display: inline;
226     margin: 0;
227 }
228
229 .editbar li {
230  /*   display: inline;*/
231     padding: 0;
232     margin: 4px 6px;
233 }
234
235 img.Decorative {
236         border:3px double #cc8900;
237 }
238
239 /* Diff view, copied from modern/screen.css */
240 .diff-header {
241     font-weight: bold;
242 }
243
244 .diff-title {
245     background-color: #C0C0C0;
246 }
247
248 .diff-added {
249     background-color: #E0FFE0;
250     vertical-align: sub;
251 }
252
253 .diff-removed {
254     background-color: #FFFFE0;
255     vertical-align: sub;
256 }
257
258 .diff-added span {
259     background-color: #80FF80;
260 }
261
262 .diff-removed span {
263     background-color: #FFFF80;
264 }
265 /* vim: set sw=4 sts=4 expandtab */