7 * |
7 * |
8 * Some ideas - most notably the hatching patterns and floating divs, were taken from Bittersweet <http://templates.arcsin.se/> |
8 * Some ideas - most notably the hatching patterns and floating divs, were taken from Bittersweet <http://templates.arcsin.se/> |
9 * No code or graphics were copied. |
9 * No code or graphics were copied. |
10 */ |
10 */ |
11 |
11 |
12 html,body { |
|
13 margin: 0; |
|
14 padding: 0; |
|
15 height: 100%; |
|
16 } |
|
17 body { |
12 body { |
18 background-color: #101d14; |
13 background-color: #101d14; |
19 /* color added in 1.0.2 to fix light text in dark desktop themes */ |
14 /* color added in 1.0.2 to fix light text in dark desktop themes */ |
20 color: #202020; |
15 color: #202020; |
21 background-image: url(../images/bghatching.gif); |
16 background-image: url(../images/bghatching.gif); |
22 background-repeat: repeat; |
|
23 font-family: "Lucida Sans Unicode", sans-serif; |
|
24 font-size: 75%; |
|
25 } |
|
26 body#tinymce { |
|
27 background-color: white; |
|
28 background-image: none; |
|
29 } |
17 } |
30 div#bg { |
18 div#bg { |
31 min-height: 500px; |
|
32 width: 100%; |
|
33 background-image: url(../images/bgfade.png); |
19 background-image: url(../images/bgfade.png); |
34 background-repeat: repeat-x; |
|
35 } |
20 } |
36 div#rap { |
21 div#rap { |
37 width: 760px; |
|
38 padding: 0 10px; |
|
39 margin: 0 auto; |
|
40 background-image: url(../images/rap.png); |
22 background-image: url(../images/rap.png); |
41 } |
23 } |
42 div#title { |
24 div#title { |
43 margin: 0px; |
|
44 padding: 0px; |
|
45 background-color: #6abd2b; |
25 background-color: #6abd2b; |
|
26 border-bottom-color: #237000; |
46 background-image: url(../images/header.gif); |
27 background-image: url(../images/header.gif); |
47 background-repeat: repeat-x; |
|
48 border-bottom: 1px solid #237000; |
|
49 vertical-align: middle; |
|
50 } |
|
51 div#title h1 { |
|
52 margin: 0px 10px 10px 10px; |
|
53 padding-top: 30px; |
|
54 text-align: left; |
|
55 } |
|
56 div#title h2 { |
|
57 margin: 0px 10px 0px 10px; |
|
58 padding-bottom: 40px; |
|
59 text-align: left; |
|
60 } |
|
61 div#title img#clover { |
|
62 float: right; |
|
63 margin-right: 10px; |
|
64 margin-top: 10px; |
|
65 |
|
66 display: none; |
|
67 } |
|
68 div.straightaway { |
|
69 clear: both; |
|
70 } |
28 } |
71 /* Footer */ |
29 /* Footer */ |
72 div.footer { |
30 div.footer { |
73 min-height: 40px; |
|
74 padding: 10px; |
|
75 background-image: url(../images/footer.gif); |
31 background-image: url(../images/footer.gif); |
76 background-repeat: repeat-x; |
|
77 background-color: #6fba38; |
32 background-color: #6fba38; |
78 color: #FFF; |
33 color: #FFF; |
79 } |
34 } |
80 div.footer a { |
35 div.footer a { |
81 color: #B3FF78; |
36 color: #B3FF78; |
82 } |
37 } |
83 |
38 |
84 /* Content area */ |
39 /* Content area */ |
85 div#maincontent { |
|
86 padding: 10px; |
|
87 padding-right: 150px; |
|
88 clear: left; |
|
89 } |
|
90 img#ajaxloadicon { |
|
91 margin-top: 10px; |
|
92 } |
|
93 div#maincontent h2 { |
40 div#maincontent h2 { |
94 color: #53a018; |
41 color: #53a018; |
95 margin: 10px 0; |
|
96 padding: 0; |
|
97 font-size: 16pt; |
|
98 } |
|
99 div#maincontent p { |
|
100 margin-left: 1em; |
|
101 } |
42 } |
102 div#maincontent h2#pagetitle { |
43 div#maincontent h2#pagetitle { |
103 margin: 0; |
|
104 border-bottom: 1px solid #73c038; |
44 border-bottom: 1px solid #73c038; |
105 font-size: 18pt; |
|
106 color: #000000; |
45 color: #000000; |
107 } |
46 } |
108 div#maincontent a:link, div#maincontent a:visited { |
47 div#maincontent a:link, div#maincontent a:visited { |
109 color: #237000; |
48 color: #237000; |
110 text-decoration: none; |
|
111 } |
49 } |
112 div#maincontent a:hover { |
50 div#maincontent a:hover { |
113 color: #033000; |
51 color: #033000; |
114 border-bottom: 1px dotted #033000; |
52 border-bottom: 1px dotted #033000; |
115 } |
53 } |
117 color: #AA0000; |
55 color: #AA0000; |
118 } |
56 } |
119 div#maincontent a.wikilink-nonexistent:hover { |
57 div#maincontent a.wikilink-nonexistent:hover { |
120 color: #BA2000; |
58 color: #BA2000; |
121 } |
59 } |
122 div#maincontent ul { |
|
123 list-style: square; |
|
124 } |
|
125 /* Sidebar */ |
60 /* Sidebar */ |
126 div#sidebar, div.dbx-box { |
|
127 float: right; |
|
128 clear: right; |
|
129 width: 135px; |
|
130 } |
|
131 div#sidebar h4, div.dbx-handle { |
61 div#sidebar h4, div.dbx-handle { |
132 margin: 0; |
|
133 padding: 0 5px; |
|
134 line-height: 25px; |
|
135 color: #FFF; |
62 color: #FFF; |
136 background-color: #104715; |
63 background-color: #104715; |
137 border-bottom: 1px solid #93e058; |
64 border-bottom: 1px solid #93e058; |
138 font-weight: normal; |
|
139 text-align: right; |
|
140 text-transform: lowercase; |
|
141 } |
|
142 div.dbx-handle { |
|
143 text-align: left; |
|
144 cursor: move; |
|
145 } |
|
146 div#sidebar ul, .dbx-content ul { |
|
147 margin: 0; |
|
148 padding: 0; |
|
149 list-style: none !important; |
|
150 } |
|
151 div#sidebar ul li, div.dbx-content ul li { |
|
152 padding: 0; |
|
153 } |
65 } |
154 div#sidebar ul li a, div.dbx-content ul li a { |
66 div#sidebar ul li a, div.dbx-content ul li a { |
155 line-height: 25px; |
|
156 padding: 0 7px; |
|
157 text-decoration: none; |
|
158 color: #000; |
67 color: #000; |
159 background-color: #60A745; |
68 background-color: #60A745; |
160 display: block; |
|
161 border-bottom: 1px solid #93e058; |
69 border-bottom: 1px solid #93e058; |
162 } |
70 } |
163 div#sidebar ul li a:hover, div.dbx-content ul li a:hover { |
71 div#sidebar ul li a:hover, div.dbx-content ul li a:hover { |
164 background-color: #70B755; |
72 background-color: #70B755; |
165 } |
73 } |
166 div#sidebar div, div.dbx-content2 { |
74 div#sidebar div, div.dbx-content2 { |
167 background-color: #60A745; |
75 background-color: #60A745; |
168 border-bottom: 1px solid #93e058; |
76 border-bottom: 1px solid #93e058; |
169 width: 135px; |
|
170 /* padding: 3px; */ |
|
171 } |
|
172 div#sidebar div ul { |
|
173 margin-left: 2em; |
|
174 list-style: square; |
|
175 } |
77 } |
176 div#sidebar div ul a { |
78 div#sidebar div ul a { |
177 background-color: transparent; |
|
178 display: inline; |
|
179 border-bottom-width: 0px; |
|
180 padding: 0; |
|
181 color: #134000; |
79 color: #134000; |
182 } |
80 } |
183 div#sidebar div ul a:hover { |
81 div#sidebar div ul a:hover { |
184 background-color: transparent; |
|
185 display: inline; |
|
186 color: #033000; |
82 color: #033000; |
187 border-bottom: 1px dotted #033000; |
83 border-bottom: 1px dotted #033000; |
188 } |
84 } |
189 div#maincontent div.dbx-box a { |
85 div#maincontent div.dbx-box a { |
190 color: #000000; |
86 color: #000000; |
191 } |
87 } |
192 div#sidebar div div { |
|
193 background: transparent; |
|
194 border-bottom-width: 0; |
|
195 padding: 0; |
|
196 } |
|
197 /* Page toolbar */ |
|
198 /* |
|
199 div.pagetools { |
|
200 background-color: #93e058; |
|
201 line-height: 20px; |
|
202 font-size: 75%; |
|
203 padding: 0 5px; |
|
204 } |
|
205 div.pagetools a { |
|
206 text-decoration: none; |
|
207 padding: 3px; |
|
208 color: #235000; |
|
209 } |
|
210 div.pagetools a:hover { |
|
211 background-color: #A3F068; |
|
212 height: 20px; |
|
213 } |
|
214 div.pagetools a.selected { |
|
215 font-weight: bold; |
|
216 background-color: #f4fff7; |
|
217 } |
|
218 div.pagetools#pagebarpopup { |
|
219 display: none; |
|
220 position: absolute; |
|
221 width: 150px; |
|
222 padding: 0; |
|
223 overflow: hidden; |
|
224 } |
|
225 div.pagetools#pagebarpopup a { |
|
226 display: block; |
|
227 } |
|
228 */ |
|
229 |
88 |
230 /* |
89 /* |
231 * jBox menu system |
90 * jBox menu system |
232 */ |
91 */ |
233 |
92 |
234 div.menu, div.menu_nojs { |
93 div.menu, div.menu_nojs { |
235 background-color: #93e058; |
94 background-color: #93e058; |
236 font-size: 7pt; |
|
237 border-width: 0; |
|
238 } |
95 } |
239 div.menu a, div.menu_nojs a, div.menu div.label, div.menu_nojs div.label { |
96 div.menu a, div.menu_nojs a, div.menu div.label, div.menu_nojs div.label { |
240 padding: 2.5pt 5px; |
|
241 margin-right: 3px; |
|
242 text-decoration: none; |
|
243 display: block; |
|
244 float: left; |
|
245 color: #235000; |
97 color: #235000; |
246 border-bottom-width: 0 !important; |
|
247 } |
98 } |
248 div.menu div.label, div.menu_nojs div.label { |
99 div.menu div.label, div.menu_nojs div.label { |
249 color: #002010; |
100 color: #002010; |
250 cursor: default; |
|
251 } |
|
252 div.menu span.sep, div.menu_nojs span.sep { |
|
253 display: block; |
|
254 float: left; |
|
255 width: 5px; |
|
256 } |
|
257 div.menu div.multopts, div.menu_nojs div.multopts { |
|
258 line-height: 17pt; |
|
259 } |
|
260 div.menu div.multopts a, div.menu_nojs div.multopts a, div.menu div.multopts div.label, div.menu_nojs div.multopts div.label { |
|
261 float: none; |
|
262 display: inline; |
|
263 } |
101 } |
264 div.menu a.liteselected, div.menu_nojs a.liteselected, div.menu a.liteselected:hover, div.menu_nojs a.liteselected:hover, div.menu a:hover, div.menu_nojs a:hover { |
102 div.menu a.liteselected, div.menu_nojs a.liteselected, div.menu a.liteselected:hover, div.menu_nojs a.liteselected:hover, div.menu a:hover, div.menu_nojs a:hover { |
265 color: #235000; |
103 color: #235000; |
266 background-color: #A3F068; |
104 background-color: #A3F068; |
267 } |
105 } |
268 div.menu input[type ^="text"], div.menu_nojs input[type ^="text"], div.menu input[type ^="password"], div.menu_nojs input[type ^="password"] { |
106 div.menu input[type ^="text"], div.menu_nojs input[type ^="text"], div.menu input[type ^="password"], div.menu_nojs input[type ^="password"] { |
269 border-width: 0; |
|
270 font-size: 9pt; |
|
271 padding: 4px 5px; |
|
272 max-width: 70px; |
|
273 background-color: #A3F068; |
107 background-color: #A3F068; |
274 } |
108 } |
275 div.menu input[type ^="text"]:hover, div.menu_nojs input[type ^="text"]:hover, div.menu input[type ^="password"]:hover, div.menu_nojs input[type ^="password"]:hover { |
109 div.menu input[type ^="text"]:hover, div.menu_nojs input[type ^="text"]:hover, div.menu input[type ^="password"]:hover, div.menu_nojs input[type ^="password"]:hover { |
276 background-color: #AAF870; |
110 background-color: #AAF870; |
277 } |
111 } |
278 div.menu input[type ^="text"]:focus, div.menu_nojs input[type ^="text"]:focus, div.menu input[type ^="password"]:focus, div.menu_nojs input[type ^="password"]:focus { |
112 div.menu input[type ^="text"]:focus, div.menu_nojs input[type ^="text"]:focus, div.menu input[type ^="password"]:focus, div.menu_nojs input[type ^="password"]:focus { |
279 background-color: #B3FF78; |
113 background-color: #B3FF78; |
280 } |
|
281 div.menu input[type ^="button"], div.menu_nojs input[type ^="button"], div.menu input[type ^="submit"], div.menu_nojs input[type ^="submit"] { |
|
282 border-width: 0; |
|
283 font-size: 9pt; |
|
284 padding: 3px 5px; |
|
285 max-width: 70px; |
|
286 } |
114 } |
287 div.menu a.current, div.menu_nojs a.current, div.menu a.current:hover, div.menu_nojs a.current:hover, div.menu a.selected, div.menu_nojs a.selected, div.menu a.selected:hover, div.menu_nojs a.selected:hover { |
115 div.menu a.current, div.menu_nojs a.current, div.menu a.current:hover, div.menu_nojs a.current:hover, div.menu a.selected, div.menu_nojs a.selected, div.menu a.selected:hover, div.menu_nojs a.selected:hover { |
288 color: #000040; |
116 color: #000040; |
289 background-color: #f4fff7; |
117 background-color: #f4fff7; |
290 font-weight: bold; |
|
291 } |
118 } |
292 div.menu ul, div.menu_nojs ul { |
119 div.menu ul, div.menu_nojs ul { |
293 display: none; |
|
294 position: absolute; |
|
295 padding: 0; |
|
296 margin: 0; |
|
297 background-color: #93e058; |
120 background-color: #93e058; |
298 border-width: 0; |
|
299 min-width: 120px; |
|
300 } |
|
301 /* |
|
302 div.menu_nojs ul { |
|
303 display: block !important; |
|
304 } |
|
305 */ |
|
306 div.menu ul li, div.menu_nojs ul li { |
|
307 list-style: none; |
|
308 } |
|
309 div.menu ul a, div.menu_nojs ul a { |
|
310 float: none; |
|
311 margin: 0; |
|
312 } |
|
313 span.menuclear { |
|
314 font-size: 1px; |
|
315 height: 0px; |
|
316 width: 0px; |
|
317 clear: left; |
|
318 line-height: 0px; |
|
319 display: block; |
|
320 } |
121 } |
321 |
122 |
322 /* Other Enano-related stuff */ |
123 /* Other Enano-related stuff */ |
323 |
124 |
324 /* Tables */ |
125 /* Tables */ |