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 body { |
12 body { |
13 background-color: #101d14; |
13 background-color: #101d14; |
14 /* 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 */ |
15 color: #202020; |
15 color: #202020; |
16 background-image: url(../images/bghatching.gif); |
16 background-image: url(../images/bghatching.gif); |
17 } |
17 } |
18 div#bg { |
18 div#bg { |
19 background-image: url(../images/bgfade.png); |
19 background-image: url(../images/bgfade.png); |
20 } |
20 } |
21 div#rap { |
21 div#rap { |
22 background-image: url(../images/rap.png); |
22 background-image: url(../images/rap.png); |
23 } |
23 } |
24 div#title { |
24 div#title { |
25 background-color: #6abd2b; |
25 background-color: #6abd2b; |
26 border-bottom-color: #237000; |
26 border-bottom-color: #237000; |
27 background-image: url(../images/header.gif); |
27 background-image: url(../images/header.gif); |
28 } |
28 } |
29 /* Footer */ |
29 /* Footer */ |
30 div.footer { |
30 div.footer { |
31 background-image: url(../images/footer.gif); |
31 background-image: url(../images/footer.gif); |
32 background-color: #6fba38; |
32 background-color: #6fba38; |
33 color: #FFF; |
33 color: #FFF; |
34 } |
34 } |
35 div.footer a { |
35 div.footer a { |
36 color: #B3FF78; |
36 color: #B3FF78; |
37 } |
37 } |
38 |
38 |
39 /* Content area */ |
39 /* Content area */ |
40 div#maincontent h2 { |
40 div#maincontent h2 { |
41 color: #53a018; |
41 color: #53a018; |
42 } |
42 } |
43 div#maincontent h2#pagetitle { |
43 div#maincontent h2#pagetitle { |
44 border-bottom: 1px solid #73c038; |
44 border-bottom: 1px solid #73c038; |
45 color: #000000; |
45 color: #000000; |
46 } |
46 } |
47 div#maincontent a:link, div#maincontent a:visited { |
47 div#maincontent a:link, div#maincontent a:visited { |
48 color: #237000; |
48 color: #237000; |
49 } |
49 } |
50 div#maincontent a:hover { |
50 div#maincontent a:hover { |
51 color: #033000; |
51 color: #033000; |
52 border-bottom: 1px dotted #033000; |
52 border-bottom: 1px dotted #033000; |
53 } |
53 } |
54 div#maincontent a.wikilink-nonexistent { |
54 div#maincontent a.wikilink-nonexistent { |
55 color: #AA0000; |
55 color: #AA0000; |
56 } |
56 } |
57 div#maincontent a.wikilink-nonexistent:hover { |
57 div#maincontent a.wikilink-nonexistent:hover { |
58 color: #BA2000; |
58 color: #BA2000; |
59 } |
59 } |
60 /* Sidebar */ |
60 /* Sidebar */ |
61 div#sidebar h4, div.dbx-handle { |
61 div#sidebar h4, div.dbx-handle { |
62 color: #FFF; |
62 color: #FFF; |
63 background-color: #104715; |
63 background-color: #104715; |
64 border-bottom: 1px solid #93e058; |
64 border-bottom: 1px solid #93e058; |
65 } |
65 } |
66 div#sidebar ul li a, div.dbx-content ul li a { |
66 div#sidebar ul li a, div.dbx-content ul li a { |
67 color: #000; |
67 color: #000; |
68 background-color: #60A745; |
68 background-color: #60A745; |
69 border-bottom: 1px solid #93e058; |
69 border-bottom: 1px solid #93e058; |
70 } |
70 } |
71 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 { |
72 background-color: #70B755; |
72 background-color: #70B755; |
73 } |
73 } |
74 div#sidebar div, div.dbx-content2 { |
74 div#sidebar div, div.dbx-content2 { |
75 background-color: #60A745; |
75 background-color: #60A745; |
76 border-bottom: 1px solid #93e058; |
76 border-bottom: 1px solid #93e058; |
77 } |
77 } |
78 div#sidebar div ul a { |
78 div#sidebar div ul a { |
79 color: #134000; |
79 color: #134000; |
80 } |
80 } |
81 div#sidebar div ul a:hover { |
81 div#sidebar div ul a:hover { |
82 color: #033000; |
82 color: #033000; |
83 border-bottom: 1px dotted #033000; |
83 border-bottom: 1px dotted #033000; |
84 } |
84 } |
85 div#maincontent div.dbx-box a { |
85 div#maincontent div.dbx-box a { |
86 color: #000000; |
86 color: #000000; |
87 } |
87 } |
88 |
88 |
89 /* |
89 /* |
90 * jBox menu system |
90 * jBox menu system |
91 */ |
91 */ |
92 |
92 |
93 div.menu, div.menu_nojs { |
93 div.menu, div.menu_nojs { |
94 background-color: #93e058; |
94 background-color: #93e058; |
95 } |
95 } |
96 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 { |
97 color: #235000; |
97 color: #235000; |
98 } |
98 } |
99 div.menu div.label, div.menu_nojs div.label { |
99 div.menu div.label, div.menu_nojs div.label { |
100 color: #002010; |
100 color: #002010; |
101 } |
101 } |
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 { |
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 { |
103 color: #235000; |
103 color: #235000; |
104 background-color: #A3F068; |
104 background-color: #A3F068; |
105 } |
105 } |
106 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"] { |
107 background-color: #A3F068; |
107 background-color: #A3F068; |
108 } |
108 } |
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 { |
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 { |
110 background-color: #AAF870; |
110 background-color: #AAF870; |
111 } |
111 } |
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 { |
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 { |
113 background-color: #B3FF78; |
113 background-color: #B3FF78; |
114 } |
114 } |
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 { |
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 { |
116 color: #000040; |
116 color: #000040; |
117 background-color: #f4fff7; |
117 background-color: #f4fff7; |
118 } |
118 } |
119 div.menu ul, div.menu_nojs ul { |
119 div.menu ul, div.menu_nojs ul { |
120 background-color: #93e058; |
120 background-color: #93e058; |
121 } |
121 } |
122 |
122 |
123 /* Other Enano-related stuff */ |
123 /* Other Enano-related stuff */ |
124 |
124 |
125 /* Tables */ |
125 /* Tables */ |
172 * Docking Boxes code (for the sidebar editor) |
172 * Docking Boxes code (for the sidebar editor) |
173 */ |
173 */ |
174 |
174 |
175 /* group container(s) */ |
175 /* group container(s) */ |
176 #sbedit { |
176 #sbedit { |
177 margin: 0; |
177 margin: 0; |
178 padding: 0; |
178 padding: 0; |
179 /* position:relative; /* additional outer containers must also have position:relative */ |
179 /* position:relative; /* additional outer containers must also have position:relative */ |
180 } |
180 } |
181 /* keyboard navigation tooltip */ |
181 /* keyboard navigation tooltip */ |
182 .dbx-tooltip { |
182 .dbx-tooltip { |
183 display:block; |
183 display:block; |
184 position:absolute; |
184 position:absolute; |
185 margin:36px 0 0 125px; |
185 margin:36px 0 0 125px; |
186 width:185px; |
186 width:185px; |
187 border:1px solid #000; |
187 border:1px solid #000; |
188 background:#ffd; |
188 background:#ffd; |
189 color:#000; |
189 color:#000; |
190 font:normal normal normal 0.85em tahoma, arial, sans-serif; |
190 font:normal normal normal 0.85em tahoma, arial, sans-serif; |
191 padding:2px 4px 3px 5px; |
191 padding:2px 4px 3px 5px; |
192 text-align:left; |
192 text-align:left; |
193 } |
193 } |
194 * html .dbx-tooltip { width:195px; } |
194 * html .dbx-tooltip { width:195px; } |
195 |
195 |
196 /* use CSS2 system colors in CSS2 browsers |
196 /* use CSS2 system colors in CSS2 browsers |
197 but not safari, which doesn't support them */ |
197 but not safari, which doesn't support them */ |
198 *[class="dbx-tooltip"]:lang(en) { |
198 *[class="dbx-tooltip"]:lang(en) { |
199 border-color:InfoText; |
199 border-color:InfoText; |
200 background:InfoBackground; |
200 background:InfoBackground; |
201 color:InfoText; |
201 color:InfoText; |
202 font:small-caption; |
202 font:small-caption; |
203 font-weight:normal; |
203 font-weight:normal; |
204 } |
204 } |
205 /* additional clone styles */ |
205 /* additional clone styles */ |
206 .dbx-clone { |
206 .dbx-clone { |
207 opacity: 0.8; |
207 opacity: 0.8; |
208 } |
208 } |
209 .dbx-content ul { |
209 .dbx-content ul { |
210 margin: 0; padding: 0; |
210 margin: 0; padding: 0; |
211 list-style: none; |
211 list-style: none; |
212 } |
212 } |
213 .dbx-content li a, .dbx-content li a:hover { |
213 .dbx-content li a, .dbx-content li a:hover { |
214 text-decoration: none; |
214 text-decoration: none; |
215 } |
215 } |
216 .dbx-content2 { |
216 .dbx-content2 { |
217 margin: 0px 1px 0px 1px; |
217 margin: 0px 1px 0px 1px; |
218 } |
218 } |
219 |
219 |
220 /* inputs */ |
220 /* inputs */ |
221 input { |
221 input { |
222 color: #555; |
222 color: #555; |
223 font: normal 1.1em "Lucida Sans Unicode",sans-serif; |
223 font: normal 1.1em "Lucida Sans Unicode",sans-serif; |
224 } |
224 } |
225 |
225 |
226 input, select, textarea { |
226 input, select, textarea { |
227 background-color: #539018; |
227 background-color: #539018; |
228 color: #FFF; |
228 color: #FFF; |
229 padding: 2px; |
229 padding: 2px; |
230 border: 1px solid #EEE; |
230 border: 1px solid #EEE; |
231 } |
231 } |
232 |
232 |
233 input:hover { |
233 input:hover { |
234 background-color: #73b038; |
234 background-color: #73b038; |
235 } |
235 } |
236 |
236 |
237 input:active, input:focus { |
237 input:active, input:focus { |
238 background-color: #83c048; |
238 background-color: #83c048; |
239 } |
239 } |
240 |
240 |