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. */
154 /* Crop #page, since due to the relative positioning stuff, the background
155 * image of #pagemiddle sticks out a few hundreds of pixels at the bottom.
156 * This is a bit of a hack, but well. */
162 /* Keep the window away from the frame edges */
166 /****************************************
167 * Set up the content formatting
168 ****************************************/
170 /* Set up a fallback color, used for text outside of the content area (login
171 * link, editbar, etc.) */
172 body, body a, body a:visited {
176 /* Set up main text color */
181 /* Set up header colors */
188 #content a, #content a:visited {color: #9F2900;}
189 #content a:hover, #content a:visited:hover {color: #ffd200;}
190 #content a.nonexistent, #content a.badinterwiki {color: #cc8900;}
195 font-family:verdana, sans-serif;
205 /* Disable the standard borders on tables, they are ugly */
210 /* Table with horizontal lines (historically classed "border") */
213 border-bottom:1px solid #5A1800;
218 background-color:#BEAA76;
222 background-color:#F1E5CB;
226 /****************************************
227 * Set up the editor interface
228 ****************************************/
230 /* Make sure that the text area and comment field don't flow out at the right.
231 * Using width: 100% didn't work for some reason, so we'll fix this to the
232 * width of #window minus its padding */
233 #editor textarea, #editor input[type=text] {
237 /* Put a bit of space between the buttons and the text area */
242 /* Help is more clear when monospaced */
244 font-family: monospace;
248 /****************************************
249 * Set up the stuff in the footer
250 ****************************************/
252 /* Format the pageinfo bar. */
258 /* Format the username bar, copied from the modern theme */
271 padding: 0 0.5em 0 0;
275 /* Put the searchform below the pageinfo / username bar */
278 /* Put a bit of offset between the pageinfo and searchform. Don't use
279 * margin here, that collapses with the floating pageinfo. */
283 /****************************************
284 * Set up the stuff in the footer (the thing that contains the edit link)
285 ****************************************/
288 /* Disable all default list-style stuff */
289 list-style-type:none;
290 list-style-position:outside;
295 /* And indent a bit to align with the content text (width of #header +
296 * padding-left of #content) */
301 /* Put menu items horizontally */
303 /* But not completely squashed together */
307 /* Really put the more actions dropdown horizontally */
308 .editbar form, .editbar form div {
312 /* Use a sane text color with all the below backgrounds */
316 /* Diff view, copied from modern/screen.css */
322 background-color: #C0C0C0;
326 background-color: #E0FFE0;
331 background-color: #FFFFE0;
336 background-color: #80FF80;
340 background-color: #FFFF80;
342 /* vim: set sw=4 sts=4 expandtab */