1 /*@import url('../../modern/css/screen.css');*/
10 background-color: black;
13 /* Put some wooden boards behind the site */
15 background-image: url('../img/background.jpg');
16 background-repeat: no-repeat;
20 /* Build the main layout. The header is left, the page is right and the footer
21 * ends up below both. We also clear #footerbottom so all of the floating
22 * stuff in the footer will still stretch up the body element and get a
35 /* Ensure that both floats fit next to each other, even on small
38 /* Leave a bit of space open at the top */
42 #footer, #footerbottom {
46 /****************************************
47 * Set up the menu bar at the left
48 ****************************************/
56 /* Make the menubar and the logo the same width, so the menu items are nicely
57 * centered between the logo. Note that this width is a bit more than the
58 * width of #header, so the logo and menu will "stick out" (but end up in the
59 * margin of the "window" to the right, so it will look fine). */
60 #header #logo, #menubar {
65 /* Put the logo and the menu a bit closer (they both have some empty
66 * space at the bottom resp. top). */
71 /* Disable all default list-style stuff */
75 list-style-position:outside;
79 /* Center the menu items */
87 /* And set up some spacing */
94 /* Disable underlining */
99 /* Give the menu bar links a hover color */
100 #menubar li a:hover {
105 /****************************************
106 * Set up the fancy window around the content
107 ****************************************/
110 /* All of these parts have the same width, including the frame (actual window
111 * will be smaller) */
112 #pagetop, #pagemiddle, #pagebottom {
116 /* Set the background images and heights */
119 background-image:url('../img/frame/top.png');
123 background-image:url('../img/frame/middle.png');
124 background-repeat:repeat-y;
129 background-image:url('../img/frame/bottom.png');
130 background-repeat: no-repeat;
134 /* Add padding to prevent the margins from the stuff inside
135 * #pagemiddle (div, p, h1) from sticking out at the top */
140 /* Move the window div up 330 pixels, so it ends up in the black part
141 * of the top frame image */
144 /* Shorten the window div by 330 + 140 pixels, since the rest of the
145 * layout doesn't take the relative positioning into account, and we
146 * also want the window to stick out 140 pixels, into the black part
147 * of the bottom frame image. */
148 margin-bottom: -470px;
150 /* Prevent near empty pages from looking silly. */
155 /* Keep the window away from the frame edges */
159 /****************************************
160 * Set up the content formatting
161 ****************************************/
163 /* Set up a fallback color, used for text outside of the content area (login
164 * link, editbar, etc.) */
165 body, body a, body a:visited {
169 /* Set up main text color */
174 /* Set up header colors */
181 #content a, #content a:visited {color: #9F2900;}
182 #content a:hover, #content a:visited:hover {color: #ffd200;}
183 #content a.nonexistent, #content a.badinterwiki {color: #cc8900;}
188 font-family:verdana, sans-serif;
198 /* Disable the standard borders on tables, they are ugly */
203 /* Table with horizontal lines (historically classed "border") */
206 border-bottom:1px solid #5A1800;
211 background-color:#BEAA76;
215 background-color:#F1E5CB;
219 /****************************************
220 * Set up the editor interface
221 ****************************************/
223 /* Make sure that the text area and comment field don't flow out at the right.
224 * Using width: 100% didn't work for some reason, so we'll fix this to the
225 * width of #window minus its padding */
226 #editor textarea, #editor input[type=text] {
230 /* Put a bit of space between the buttons and the text area */
235 /* Help is more clear when monospaced */
237 font-family: monospace;
241 /****************************************
242 * Set up the stuff in the footer
243 ****************************************/
245 /* Format the pageinfo bar. */
251 /* Format the username bar, copied from the modern theme */
264 padding: 0 0.5em 0 0;
268 /* Put the searchform below the pageinfo / username bar */
271 /* Put a bit of offset between the pageinfo and searchform. Don't use
272 * margin here, that collapses with the floating pageinfo. */
276 /****************************************
277 * Set up the stuff in the footer (the thing that contains the edit link)
278 ****************************************/
281 /* Disable all default list-style stuff */
282 list-style-type:none;
283 list-style-position:outside;
288 /* And indent a bit to align with the content text (width of #header +
289 * padding-left of #content) */
294 /* Put menu items horizontally */
296 /* But not completely squashed together */
300 /* Really put the more actions dropdown horizontally */
301 .editbar form, .editbar form div {
305 /* Use a sane text color with all the below backgrounds */
309 /* Diff view, copied from modern/screen.css */
315 background-color: #C0C0C0;
319 background-color: #E0FFE0;
324 background-color: #FFFFE0;
329 background-color: #80FF80;
333 background-color: #FFFF80;
335 /* vim: set sw=4 sts=4 expandtab */