1 /** |
1 /** |
2 * The original Oxygen theme for Enano |
2 * The original Oxygen theme for Enano |
3 * Designed by Dan Fuhry, (C) 2006 |
3 * Designed by Dan Fuhry, (C) 2006 |
4 * This theme is Free Software; see the file "GPL" included with this package for details. |
4 * This theme is Free Software; see the file "GPL" included with this package for details. |
5 */ |
5 */ |
6 |
6 |
7 /* The basics */ |
7 /* The basics */ |
8 html,body { height: 100%; } |
8 html,body { |
9 body { /* color added in 1.0.2 to fix light text in dark desktop themes */ color: #202020; margin: 0; padding: 0; background: url(../images/mint/bg.png); font-family: trebuchet ms, verdana, arial, helvetica, sans-serif; font-size: 9pt; } |
9 height: 100%; |
10 .holder { border: 1px solid #CCCCCC; padding: 1px; background-color: #FFFFFF; color: #444444 } |
10 } |
11 div.pad { padding: 10px; } |
11 |
12 table#title { margin: 0; padding: 0; height: 100px; background-color: #90D0B0; text-align: center; } |
12 body { |
13 table.simple-layout td#mainhead { margin: 0; padding: 0; background-color: #90D0B0; text-align: center; } |
13 /* color added in 1.0.2 to fix light text in dark desktop themes */ |
14 table.simple-layout td#mainhead h1 { margin: 15px 0; padding: 0; font-size: 14pt; } |
14 color: #202020; |
|
15 margin: 0; |
|
16 padding: 0; |
|
17 background: url(../images/mint/bg.png); |
|
18 font-family: trebuchet ms, verdana, arial, helvetica, sans-serif; |
|
19 font-size: 9pt; |
|
20 } |
|
21 |
|
22 body#tinymce { |
|
23 background-color: white; |
|
24 background-image: none; |
|
25 } |
|
26 |
|
27 .holder { |
|
28 border: 1px solid #CCCCCC; |
|
29 padding: 1px; |
|
30 background-color: #FFFFFF; |
|
31 color: #444444 |
|
32 } |
|
33 |
|
34 div.pad { |
|
35 padding: 10px; |
|
36 } |
|
37 |
|
38 table#title { |
|
39 margin: 0; |
|
40 padding: 0; |
|
41 height: 100px; |
|
42 background-color: #90D0B0; |
|
43 text-align: center; |
|
44 } |
|
45 |
|
46 table.simple-layout td#mainhead { |
|
47 margin: 0; |
|
48 padding: 0; |
|
49 background-color: #90D0B0; |
|
50 text-align: center; |
|
51 } |
|
52 |
|
53 table.simple-layout td#mainhead h1 { |
|
54 margin: 15px 0; |
|
55 padding: 0; |
|
56 font-size: 14pt; |
|
57 } |
15 |
58 |
16 /* Sidebar */ |
59 /* Sidebar */ |
17 td.mdgSidebarHolder { width: 140px; } |
60 td.mdgSidebarHolder { |
18 div.sidebar, .dbx-group { width: 138px; background-color: #F8F8F8; border-left: 1px solid #CCC; border-right: 1px solid #CCC; padding: 1px 0px 0px 0px; } |
61 width: 140px; |
19 div.sidebar .head, .dbx-handle { background-color: #F0F0F0; display: block; margin: 0px 1px 1px 1px; font-family: Trebuchet MS, Arial, helvetica, sans-serif; font-size: 7pt; cursor: pointer; text-decoration: none; color: #111; padding: 5px; font-weight: bold; } |
62 } |
20 div.sidebar .head:hover, .dbx-handle:hover { background-color: #F4F4F4; display: block; margin: 0px 1px 1px 1px; font-family: Trebuchet MS, Arial, helvetica, sans-serif; font-size: 7pt; cursor: pointer; text-decoration: none; color: #111; padding: 5px; font-weight: bold; } |
63 |
21 div.sidebar div.slideblock a, .dbx-content li { background-color: #DDD; display: block; margin: 0px 1px; border-bottom: 1px solid #FFF; font-family: Trebuchet MS, Arial, helvetica, sans-serif; font-size: 7pt; cursor: pointer; text-decoration: none; color: #666; padding: 5px 5px 5px 9px; list-style-type: none; } |
64 div.sidebar, .dbx-group { |
22 div.sidebar div.slideblock a:hover, .dbx-content li:hover { background-color: #EEE; display: block; margin: 0px 1px; border-bottom: 1px solid #FFF; font-family: Trebuchet MS, Arial, helvetica, sans-serif; font-size: 7pt; cursor: pointer; text-decoration: none; color: #666; padding: 5px 5px 5px 9px; } |
65 width: 138px; |
23 div.recttop { width: 140px; height: 12px; margin: 0; padding: 0; } |
66 background-color: #F8F8F8; border-left: 1px solid #CCC; border-right: 1px solid #CCC; padding: 1px 0px 0px 0px; |
24 td.recttoptop { width: 100%; height: 12px; background-image: url(../images/mint/border-menu-t.gif); background-repeat: repeat-x; margin: 0; padding: 0; } |
67 } |
25 td.recttoptop:hover { width: 100%; height: 12px; background-image: url(../images/mint/border-menu-t-h.gif); background-repeat: repeat-x; margin: 0; padding: 0; cursor: pointer; } |
68 |
26 div.rectbot { width: 140px; height: 12px; margin: 0; padding: 0; } |
69 div.sidebar .head, .dbx-handle { |
27 td.rectbottop { width: 100%; height: 12px; background-image: url(../images/mint/border-btm.gif); background-repeat: repeat-x; margin: 0; padding: 0; } |
70 background-color: #F0F0F0; |
28 div.slideblock, .dbx-content { overflow: hidden; background-color: #DDD; } |
71 display: block; |
29 div.slideblock2 { overflow: hidden; background-color: #DDD; margin: 0px 1px 0px 1px; border-bottom: 1px solid #FFF; } |
72 margin: 0px 1px 1px 1px; |
30 .dbx-handle { cursor: move !important; } |
73 font-family: Trebuchet MS, Arial, helvetica, sans-serif; |
|
74 font-size: 7pt; |
|
75 cursor: pointer; |
|
76 text-decoration: none; |
|
77 color: #111; |
|
78 padding: 5px; |
|
79 font-weight: bold; |
|
80 } |
|
81 |
|
82 div.sidebar .head:hover, .dbx-handle:hover { |
|
83 background-color: #F4F4F4; |
|
84 display: block; |
|
85 margin: 0px 1px 1px 1px; |
|
86 font-family: Trebuchet MS, Arial, helvetica, sans-serif; |
|
87 font-size: 7pt; |
|
88 cursor: pointer; |
|
89 text-decoration: none; |
|
90 color: #111; |
|
91 padding: 5px; |
|
92 font-weight: bold; |
|
93 } |
|
94 |
|
95 div.sidebar div.slideblock a, .dbx-content li { |
|
96 background-color: #DDD; |
|
97 display: block; |
|
98 margin: 0px 1px; |
|
99 border-bottom: 1px solid #FFF; |
|
100 font-family: Trebuchet MS, Arial, helvetica, sans-serif; |
|
101 font-size: 7pt; |
|
102 cursor: pointer; |
|
103 text-decoration: none; |
|
104 color: #666; |
|
105 padding: 5px 5px 5px 9px; |
|
106 list-style-type: none; |
|
107 } |
|
108 |
|
109 div.sidebar div.slideblock a:hover, .dbx-content li:hover { |
|
110 background-color: #EEE; |
|
111 display: block; |
|
112 margin: 0px 1px; |
|
113 border-bottom: 1px solid #FFF; |
|
114 font-family: Trebuchet MS, Arial, helvetica, sans-serif; |
|
115 font-size: 7pt; |
|
116 cursor: pointer; |
|
117 text-decoration: none; |
|
118 color: #666; |
|
119 padding: 5px 5px 5px 9px; |
|
120 } |
|
121 |
|
122 div.recttop { |
|
123 width: 140px; |
|
124 height: 12px; |
|
125 margin: 0; |
|
126 padding: 0; |
|
127 } |
|
128 |
|
129 td.recttoptop { |
|
130 width: 100%; |
|
131 height: 12px; |
|
132 background-image: url(../images/mint/sprite-horiz.gif); |
|
133 background-repeat: repeat-x; |
|
134 background-position: 0 -12px; |
|
135 margin: 0; |
|
136 padding: 0; |
|
137 } |
|
138 |
|
139 td.recttoptop:hover { |
|
140 width: 100%; |
|
141 height: 12px; |
|
142 background-image: url(../images/mint/sprite-horiz.gif); |
|
143 background-repeat: repeat-x; |
|
144 background-position: 0 -24px; |
|
145 margin: 0; |
|
146 padding: 0; |
|
147 cursor: pointer; |
|
148 } |
|
149 |
|
150 div.rectbot { |
|
151 width: 140px; |
|
152 height: 12px; |
|
153 margin: 0; |
|
154 padding: 0; |
|
155 } |
|
156 |
|
157 td.rectbottop { |
|
158 width: 100%; |
|
159 height: 12px; |
|
160 background-image: url(../images/mint/sprite-horiz.gif); |
|
161 background-repeat: repeat-x; |
|
162 background-position: 0 -48px; |
|
163 margin: 0; |
|
164 padding: 0; |
|
165 } |
|
166 |
|
167 div.slideblock, .dbx-content { |
|
168 overflow: hidden; |
|
169 background-color: #DDD; |
|
170 } |
|
171 |
|
172 div.slideblock2 { |
|
173 overflow: hidden; |
|
174 background-color: #DDD; |
|
175 margin: 0px 1px 0px 1px; |
|
176 border-bottom: 1px solid #FFF; |
|
177 } |
|
178 |
|
179 .dbx-handle { |
|
180 cursor: move !important; |
|
181 } |
31 |
182 |
32 /* The credits thingy at the bottom */ |
183 /* The credits thingy at the bottom */ |
33 div#credits { margin: 0; padding: 10px; padding-bottom: 0px; padding-top: 12px; background-color: #E8E8E8; color: #AAA; font-size: 7pt; font-family: lucida grande, verdana, arial, sans-serif; } |
184 div#credits { margin: 0; padding: 10px; padding-bottom: 0px; padding-top: 12px; background-color: #E8E8E8; color: #AAA; font-size: 7pt; font-family: lucida grande, verdana, arial, sans-serif; } |
34 div#credits a { color: #90D0B0; text-decoration: none; } |
185 div#credits a { color: #90D0B0; text-decoration: none; } |
35 div#credits a:hover { color: #80C0A0; text-decoration: underline; } |
186 div#credits a:hover { color: #80C0A0; text-decoration: underline; } |
36 |
187 |
37 /* The link hidden in plain "site" at the top of the page */ |
188 /* The link hidden in plain "site" at the top of the page */ |
38 td#mainhead a { text-decoration: none; color: #000000; } |
189 td#mainhead a { text-decoration: none; color: #000000; } |
39 td#mainhead a:hover { text-decoration: none; color: #000000; border-bottom: 1px dotted #408060; } |
190 td#mainhead a:hover { text-decoration: none; color: #000000; border-bottom: 1px dotted #408060; } |
40 |
191 |
41 /* Text, headings, and links inside the main div (usually #ajaxEditContainer but used some other places as well) */ |
192 /* Text, headings, and links inside the main div (usually #ajaxEditContainer but used some other places as well) */ |
42 div.contentDiv h2 { border-bottom: 1px solid #90D0B0; margin-bottom: 0; } |
193 div.contentDiv h2 { |
43 div.contentDiv h3 { font-size: 11pt; font-weight: bold; } |
194 border-bottom: 1px solid #90D0B0; |
44 div.contentDiv ul li , div#messageBox ul li { list-style: url(../images/mint/bullet.gif); } |
195 margin-bottom: 0; |
45 div.contentDiv p , div#messageBox p { margin-left: 1.0em; } |
196 } |
46 table.simple-layout div.contentDiv p { margin-left: 0em; } |
197 |
47 div.contentDiv blockquote , div#messageBox blockquote { background-color: #F4F4F4; border: 1px dotted #408060; margin: 1em; padding: 10px; max-height: 250px; overflow: auto; } |
198 div.contentDiv h3 { |
48 div.contentDiv , div#messageBox { font-size: 9pt; } |
199 font-size: 11pt; |
49 div.contentDiv a , div#messageBox a { color: #70B090; } |
200 font-weight: bold; |
50 div.contentDiv a:hover , div#messageBox a:hover { color: #90D0B0; } |
201 } |
51 div.contentDiv a[href ^="http://"] , div#messageBox a[href ^="http://"] { color: #80C0A0; background: url(../images/mint/external.gif) center right no-repeat; padding-right: 16px; } |
202 |
52 div.contentDiv a[href ^="https://"] , div#messageBox a[href ^="https://"] { color: #80C0A0; background: url(../images/mint/https.gif) center right no-repeat; padding-right: 16px; } |
203 div.contentDiv ul li, div#messageBox ul li { |
53 div.contentDiv a[href ^="mailto:"] , div#messageBox a[href ^="mailto:"] { color: #80C0A0; background: url(../images/mint/email.gif) center right no-repeat; padding-right: 16px; } |
204 list-style: url(../images/mint/bullet.gif); |
54 div.contentDiv a[href ^="irc://"] , div#messageBox a[href ^="irc://"] { color: #80C0A0; background: url(../images/mint/irc.gif) center right no-repeat; padding-right: 16px; } |
205 } |
55 div.contentDiv a[href ^="http://"]:hover , div#messageBox a[href ^="http://"]:hover { color: #A0E0C0; background: url(../images/mint/external.gif) center right no-repeat; padding-right: 16px; } |
206 |
56 div.contentDiv a[href ^="https://"]:hover, div#messageBox a[href ^="https://"]:hover { color: #A0E0C0; background: url(../images/mint/https.gif) center right no-repeat; padding-right: 16px; } |
207 div.contentDiv p, div#messageBox p { |
57 div.contentDiv a[href ^="mailto:"]:hover , div#messageBox a[href ^="mailto:"]:hover { color: #A0E0C0; background: url(../images/mint/email.gif) center right no-repeat; padding-right: 16px; } |
208 margin-left: 1.0em; |
58 div.contentDiv a[href ^="irc://"]:hover , div#messageBox a[href ^="irc://"]:hover { color: #A0E0C0; background: url(../images/mint/irc.gif) center right no-repeat; padding-right: 16px; } |
209 } |
|
210 |
|
211 table.simple-layout div.contentDiv p { |
|
212 margin-left: 0em; |
|
213 } |
|
214 |
|
215 div.contentDiv blockquote, div#messageBox blockquote { |
|
216 background-color: #F4F4F4; |
|
217 border: 1px dotted #408060; |
|
218 margin: 1em; |
|
219 padding: 10px; |
|
220 max-height: 250px; |
|
221 overflow: auto; |
|
222 } |
|
223 |
|
224 div.contentDiv, div#messageBox { |
|
225 font-size: 9pt; |
|
226 } |
|
227 |
|
228 a { |
|
229 color: #70B090; |
|
230 } |
|
231 |
|
232 a:hover { |
|
233 color: #90D0B0; |
|
234 } |
|
235 |
|
236 div.contentDiv a[href ^="http://"], div#messageBox a[href ^="http://"] { |
|
237 color: #80C0A0; |
|
238 background: url(../images/mint/external.gif) center right no-repeat; |
|
239 padding-right: 16px; |
|
240 } |
|
241 |
|
242 div.contentDiv a[href ^="https://"], div#messageBox a[href ^="https://"] { |
|
243 color: #80C0A0; |
|
244 background: url(../images/mint/https.gif) center right no-repeat; |
|
245 padding-right: 16px; |
|
246 } |
|
247 |
|
248 div.contentDiv a[href ^="mailto:"], div#messageBox a[href ^="mailto:"] { |
|
249 color: #80C0A0; |
|
250 background: url(../images/mint/email.gif) center right no-repeat; |
|
251 padding-right: 16px; |
|
252 } |
|
253 |
|
254 div.contentDiv a[href ^="irc://"], div#messageBox a[href ^="irc://"] { |
|
255 color: #80C0A0; |
|
256 background: url(../images/mint/irc.gif) center right no-repeat; |
|
257 padding-right: 16px; |
|
258 } |
|
259 |
|
260 div.contentDiv a[href ^="http://"]:hover, div#messageBox a[href ^="http://"]:hover { |
|
261 color: #A0E0C0; |
|
262 background: url(../images/mint/external.gif) center right no-repeat; |
|
263 padding-right: 16px; |
|
264 } |
|
265 |
|
266 div.contentDiv a[href ^="https://"]:hover, div#messageBox a[href ^="https://"]:hover { |
|
267 color: #A0E0C0; |
|
268 background: url(../images/mint/https.gif) center right no-repeat; |
|
269 padding-right: 16px; |
|
270 } |
|
271 |
|
272 div.contentDiv a[href ^="mailto:"]:hover, div#messageBox a[href ^="mailto:"]:hover { |
|
273 color: #A0E0C0; |
|
274 background: url(../images/mint/email.gif) center right no-repeat; |
|
275 padding-right: 16px; |
|
276 } |
|
277 |
|
278 div.contentDiv a[href ^="irc://"]:hover, div#messageBox a[href ^="irc://"]:hover { |
|
279 color: #A0E0C0; |
|
280 background: url(../images/mint/irc.gif) center right no-repeat; |
|
281 padding-right: 16px; |
|
282 } |
59 |
283 |
60 /* Wikilinks to pages that don't exist */ |
284 /* Wikilinks to pages that don't exist */ |
61 div.contentDiv a.wikilink-nonexistent { color: #B05020; } |
285 div.contentDiv a.wikilink-nonexistent { |
62 div.contentDiv a.wikilink-nonexistent:hover { color: #D06030; } |
286 color: #B02050; |
|
287 } |
|
288 |
|
289 div.contentDiv a.wikilink-nonexistent:hover { |
|
290 color: #D03060; |
|
291 } |
63 |
292 |
64 /* Well, not Midget and not comments (usually), but that's what the class is called ;-). Basically an informational window or used as a wrapper for tables. */ |
293 /* Well, not Midget and not comments (usually), but that's what the class is called ;-). Basically an informational window or used as a wrapper for tables. */ |
65 .mdg-comment, .mdg-infobox { margin-left: 1em; padding: 7px; border: 1px solid #AAAAAA; background-color: #E8E8E8; } |
294 .mdg-comment, .mdg-infobox { |
66 |
295 margin-left: 1em; |
67 .tblholder { margin: 10px 0 0 0; padding: 0; border: 1px solid #AAAAAA; background-color: #E8E8E8; } |
296 padding: 7px; |
|
297 border: 1px solid #AAAAAA; |
|
298 background-color: #E8E8E8; |
|
299 } |
|
300 |
|
301 .tblholder { |
|
302 margin: 10px 0 0 0; |
|
303 padding: 0; |
|
304 border: 1px solid #AAAAAA; |
|
305 background-color: #E8E8E8; |
|
306 } |
68 |
307 |
69 /* The beautiful tables inside what may not obviously be mdg-comment divs */ |
308 /* The beautiful tables inside what may not obviously be mdg-comment divs */ |
70 div.tblholder td.row1 { padding: 4px; background-color: #E0E0E0; } |
309 div.tblholder td.row1 { |
71 div.tblholder td.row2 { padding: 4px; background-color: #F0F0F0; } |
310 padding: 4px; |
72 div.tblholder td.row3 { padding: 4px; background-color: #E8E8E8; } |
311 background-color: #E0E0E0; |
73 div.tblholder th { padding: 4px; background-color: #70A080; font-weight: bold; text-align: center; color: #FFFFFF; } |
312 } |
74 div.tblholder th.subhead { padding: 4px; background-color: #90B0A0; font-weight: bold; text-align: center; color: #FFFFFF; } |
313 |
75 div.tblholder table { background-color: #FFFFFF; width: 100%; } |
314 div.tblholder td.row2 { |
|
315 padding: 4px; |
|
316 background-color: #F0F0F0; |
|
317 } |
|
318 |
|
319 div.tblholder td.row3 { |
|
320 padding: 4px; |
|
321 background-color: #E8E8E8; |
|
322 } |
|
323 |
|
324 div.tblholder th { |
|
325 padding: 4px; |
|
326 background-color: #70A080; |
|
327 font-weight: bold; |
|
328 text-align: center; |
|
329 color: #FFFFFF; |
|
330 } |
|
331 |
|
332 div.tblholder th.subhead { |
|
333 padding: 4px; |
|
334 background-color: #90B0A0; |
|
335 font-weight: bold; |
|
336 text-align: center; |
|
337 color: #FFFFFF; |
|
338 } |
|
339 |
|
340 div.tblholder table { |
|
341 background-color: #FFFFFF; |
|
342 width: 100%; |
|
343 } |
76 |
344 |
77 /* Colored table cells */ |
345 /* Colored table cells */ |
78 div.tblholder td.row1_red { padding: 4px; background-color: #F8E0E0; } |
346 div.tblholder td.row1_red { |
79 div.tblholder td.row2_red { padding: 4px; background-color: #FFF0F0; } |
347 padding: 4px; |
80 div.tblholder td.row3_red { padding: 4px; background-color: #FFE8E8; } |
348 background-color: #F8E0E0; |
81 div.tblholder td.row1_green { padding: 4px; background-color: #E0E0F8; } |
349 } |
82 div.tblholder td.row2_green { padding: 4px; background-color: #F0F0FF; } |
350 |
83 div.tblholder td.row3_green { padding: 4px; background-color: #E8E8FF; } |
351 div.tblholder td.row2_red { |
|
352 padding: 4px; |
|
353 background-color: #FFF0F0; |
|
354 } |
|
355 |
|
356 div.tblholder td.row3_red { |
|
357 padding: 4px; |
|
358 background-color: #FFE8E8; |
|
359 } |
|
360 |
|
361 div.tblholder td.row1_green { |
|
362 padding: 4px; |
|
363 background-color: #E0E0F8; |
|
364 } |
|
365 |
|
366 div.tblholder td.row2_green { |
|
367 padding: 4px; |
|
368 background-color: #F0F0FF; |
|
369 } |
|
370 |
|
371 div.tblholder td.row3_green { |
|
372 padding: 4px; |
|
373 background-color: #E8E8FF; |
|
374 } |
84 |
375 |
85 div.tblholder th a { |
376 div.tblholder th a { |
86 color: #FFFFFF !important; |
377 color: #FFFFFF !important; |
87 text-decoration: underline !important; |
378 text-decoration: underline !important; |
88 } |
379 } |
89 |
380 |
90 div.tblholder th a:hover { |
381 div.tblholder th a:hover { |
91 color: #FF00FF !important; |
382 color: #FF00FF !important; |
92 text-decoration: underline !important; |
383 text-decoration: underline !important; |
93 } |
384 } |
94 |
|
95 /* The "page tools" bar below the site logo but above the page content |
|
96 div.pagebar { background-color: #B0F0D0; margin-top: 0px; padding: 3px; font-size: 7pt; } |
|
97 div.pagebar a { cursor: pointer; padding: 3px; margin-left: 3px; margin-right: 3px; text-decoration: none; color: #408060; } |
|
98 div.pagebar a.selected { background-color: #FFFFFF; color: #004000; font-weight: bold; } |
|
99 div.pagebar a:hover { cursor: pointer; padding: 3px; margin-left: 3px; margin-right: 3px; text-decoration: none; color: #408060; background-color: #D0FFF0; } |
|
100 div.pagebar input { font-family: Bon Apetit, sans-serif; font-size: 7pt; border: 0; margin: 0px 0px 0px 0px; text-decoration: none; color: #408060; background-color: #E0FFF0; } |
|
101 div.pagebar input:hover { font-family: Bon Apetit, sans-serif; font-size: 7pt; border: 0; margin: 0px 0px 0px 0px; text-decoration: none; color: #408060; background-color: #D0FFF0; } |
|
102 div.pagebar input:focus { font-family: Bon Apetit, sans-serif; font-size: 7pt; border: 0; margin: 0px 0px 0px 0px; text-decoration: none; color: #408060; background-color: #F0FFF0; } |
|
103 */ |
|
104 |
385 |
105 /* |
386 /* |
106 * jBox menu system |
387 * jBox menu system |
107 */ |
388 */ |
108 |
389 |
207 line-height: 0px; |
478 line-height: 0px; |
208 display: block; |
479 display: block; |
209 } |
480 } |
210 |
481 |
211 /* Rounded corners on nearly everything */ |
482 /* Rounded corners on nearly everything */ |
212 td#mdg-tl { width: 12px; height: 12px; background: url(../images/mint/border-tl.gif); } |
483 td#mdg-tl { width: 12px; height: 12px; background-image: url(../images/mint/sprite-horiz.gif); background-position: -48px 0; } |
213 td#mdg-tr { width: 12px; height: 12px; background: url(../images/mint/border-tr.gif); } |
484 td#mdg-tr { width: 12px; height: 12px; background-image: url(../images/mint/sprite-horiz.gif); background-position: -60px 0; } |
214 td#mdg-top { background: url(../images/mint/border-top.gif); } |
485 td#mdg-top { background-image: url(../images/mint/sprite-horiz.gif); background-position: 0 -36px; } |
215 td#mdg-l { width: 12px; height: 12px; background: url(../images/mint/border-l.gif); } |
486 td#mdg-l { width: 12px; height: 12px; background-image: url(../images/mint/sprite-vert.gif); background-position: -24px 0; } |
216 td#mdg-r { width: 12px; height: 12px; background: url(../images/mint/border-r.gif); } |
487 td#mdg-r { width: 12px; height: 12px; background-image: url(../images/mint/sprite-vert.gif); background-position: -36px 0; } |
217 td#mdg-bl { width: 12px; height: 12px; background: url(../images/mint/border-tb-l.gif); } |
488 td#mdg-bl { width: 12px; height: 12px; background-image: url(../images/mint/sprite-vert.gif); background-position: -72px 0; } |
218 td#mdg-br { width: 12px; height: 12px; background: url(../images/mint/border-tb-r.gif); } |
489 td#mdg-br { width: 12px; height: 12px; background-image: url(../images/mint/sprite-vert.gif); background-position: -84px 0; } |
219 td#mdg-ml { width: 12px; height: 12px; background: url(../images/mint/border-m-l.gif); } |
490 td#mdg-ml { width: 12px; height: 12px; background-image: url(../images/mint/sprite-vert.gif); background-position: -48px 0; } |
220 td#mdg-mr { width: 12px; height: 12px; background: url(../images/mint/border-m-r.gif); } |
491 td#mdg-brl { width: 12px; height: 1px; background-image: url(../images/mint/sprite-vert.gif); background-position: -48px 0; } |
221 td#mdg-brl { width: 12px; height: 1px; background: url(../images/mint/border-m-l.gif); } |
492 td#mdg-mr { width: 12px; height: 12px; background-image: url(../images/mint/sprite-vert.gif); background-position: -60px 0; } |
222 td#mdg-brr { width: 12px; height: 1px; background: url(../images/mint/border-m-r.gif); } |
493 td#mdg-brr { width: 12px; height: 1px; background-image: url(../images/mint/sprite-vert.gif); background-position: -60px 0; } |
223 td#mdg-btl { width: 12px; height: 1px; background: url(../images/mint/border-btm-l.gif); } |
494 td#mdg-btl { width: 12px; height: 1px; background-image: url(../images/mint/sprite-vert.gif); background-position: 0 0 ; } |
224 td#mdg-btr { width: 12px; height: 1px; background: url(../images/mint/border-btm-r.gif); } |
495 td#mdg-btr { width: 12px; height: 1px; background-image: url(../images/mint/sprite-vert.gif); background-position: -12px 0; } |
225 td#mdg-btcl { width: 12px; height: 12px; background: url(../images/mint/border-bl.gif); } |
496 td#mdg-btcl { width: 12px; height: 12px; background-image: url(../images/mint/sprite-horiz.gif); background-position: -24px 0; } |
226 td#mdg-btcr { width: 12px; height: 12px; background: url(../images/mint/border-br.gif); } |
497 td.mdg-menu-bl { width: 12px; height: 12px; background-image: url(../images/mint/sprite-horiz.gif); background-position: -24px 0; } |
227 td#mdg-btm { height: 12px; background: url(../images/mint/border-btm.gif); } |
498 td#mdg-btcr { width: 12px; height: 12px; background-image: url(../images/mint/sprite-horiz.gif); background-position: -36px 0; } |
228 td.mdg-menu-top { width: 84%; height: 12px; background: url(../images/mint/border-menu-t.gif); margin: 0; padding: 0; background-repeat: repeat-x; font-size: 2px; } |
499 td.mdg-menu-br { width: 12px; height: 12px; background-image: url(../images/mint/sprite-horiz.gif); background-position: -36px 0; } |
229 td.mdg-menu-tl { width: 12px; height: 12px; background: url(../images/mint/border-menu-l.gif); background-position: left top; background-repeat: no-repeat; } |
500 td.mdg-menu-top { width: 84%; height: 12px; background-image: url(../images/mint/sprite-horiz.gif); background-position: 0 0 ; margin: 0; padding: 0; background-repeat: repeat-x; font-size: 2px; } |
230 td.mdg-menu-tr { width: 12px; height: 12px; background: url(../images/mint/border-menu-r.gif); background-position: right top; background-repeat: no-repeat; } |
501 td.mdg-menu-tl { width: 12px; height: 12px; background-image: url(../images/mint/sprite-horiz.gif); background-position: 0 0 ; background-position: left top; background-repeat: no-repeat; } |
231 td.mdg-menu-bl { width: 12px; height: 12px; background: url(../images/mint/border-bl.gif); } |
502 td.mdg-menu-tr { width: 12px; height: 12px; background-image: url(../images/mint/sprite-horiz.gif); background-position: 0 0 ; background-position: right top; background-repeat: no-repeat; } |
232 td.mdg-menu-br { width: 12px; height: 12px; background: url(../images/mint/border-br.gif); } |
503 td.mdg-menu-btm { height: 12px; background-image: url(../images/mint/sprite-horiz.gif); background-position: 0 0 ; } |
233 td.mdg-menu-btm { height: 12px; background: url(../images/mint/border-btm.gif); } |
504 td#mdg-btm { height: 12px; background-image: url(../images/mint/sprite-horiz.gif); background-position: 0 -48px; } |
234 |
505 |
235 /* Buttons and textboxes - these settings are used almost everywhere */ |
506 /* Buttons and textboxes - these settings are used almost everywhere */ |
236 input, textarea, select { border: 1px solid #408060; background-color: #F2F2F2; padding: 3px; font-family: arial, helvetica, sans-serif; font-size: 8pt; } |
507 input, textarea, select, button { |
237 input:hover, textarea:hover, select:hover { border: 1px solid #60A080; background-color: #F8F8F8; padding: 3px; } |
508 border: 1px solid #408060; |
238 input:focus, textarea:focus, select:focus { border: 1px solid #90D0B0; background-color: #FFFFFF; padding: 3px; } |
509 background-color: #F2F2F2; |
239 label { padding: 3px; cursor: pointer; font-family: arial, helvetica, sans-serif; font-size: 8pt; } |
510 padding: 3px; |
240 label:hover { padding: 3px; cursor: pointer; background-color: #F0F0F0; } |
511 font-family: arial, helvetica, sans-serif; |
241 input#pageheading { font-size: 14pt; border-bottom: 1px solid #90D0B0; margin-bottom: 0; } |
512 font-size: 8pt; |
242 |
513 } |
243 input[type ^="button"], input[type ^="submit"] { |
514 |
|
515 input:hover, textarea:hover, select:hover { |
|
516 border: 1px solid #60A080; |
|
517 background-color: #F8F8F8; |
|
518 padding: 3px; |
|
519 } |
|
520 |
|
521 input:focus, textarea:focus, select:focus { |
|
522 border: 1px solid #90D0B0; |
|
523 background-color: #FFFFFF; |
|
524 padding: 3px; |
|
525 } |
|
526 |
|
527 label { |
|
528 padding: 3px; |
|
529 cursor: pointer; |
|
530 font-family: arial, helvetica, sans-serif; |
|
531 font-size: 8pt; |
|
532 } |
|
533 |
|
534 label:hover { |
|
535 padding: 3px; |
|
536 cursor: pointer; |
|
537 background-color: #F0F0F0; |
|
538 } |
|
539 |
|
540 input#pageheading { |
|
541 font-size: 14pt; |
|
542 border-bottom: 1px solid #90D0B0; |
|
543 margin-bottom: 0; |
|
544 } |
|
545 |
|
546 input[type ^="button"], input[type ^="submit"], button { |
244 background-image: url(../images/buttonbg.gif); |
547 background-image: url(../images/buttonbg.gif); |
245 background-repeat: repeat-x; |
548 background-repeat: repeat-x; |
246 color: #202020; |
549 color: #202020; |
247 } |
550 } |
248 |
551 |
249 /* JWS window theming */ |
552 input[type ^="image"][disabled ^="disabled"] { |
250 div.jswindow { border: 2px solid #70B090; border-top: 5px solid #70B090; padding: 0px; font-family: Trebuchet MS, tahoma, verdana, arial, sans-serif; font-size: 9pt; display: none; position: absolute; background-color: #FFFFFF; } |
553 opacity: 0.5; |
251 div.titlebar { background-color: #70B090; color: #FFFFFF; font-family: Trebuchet MS, tahoma, verdana, arial, sans-serif; font-size: 9pt; padding-bottom: 4px; cursor: default; } |
554 filter: alpha(opacity=50); |
252 div.titlebar div.closebtn { width: 16px; height: 16px; border: 1px solid #B0F0D0; background-color: #90D0B0; display: block; } |
555 } |
253 div.titlebar div.closebtn:hover { width: 16px; height: 16px; border: 1px solid #FFFFFF; background-color: #B0F0D0; display: block; } |
556 |
254 div.titlebar table, div.titlebar td { margin: 0; padding: 0; } |
557 input[type ^="button"][disabled ^="disabled"], input[type ^="submit"][disabled ^="disabled"], button[disabled ^="disabled"], .btn-disabled { |
255 div.jswindow div.content { padding: 10px; margin: 0; background-color: #FFFFFF; } |
558 color: #808080 !important; |
|
559 background-image: none !important; |
|
560 background-color: #e0e0e0 !important; |
|
561 } |
256 |
562 |
257 /* The Wordpress-like fills behind checkboxes and their labels */ |
563 /* The Wordpress-like fills behind checkboxes and their labels */ |
258 .catCheck { padding: 3px; } |
564 .catCheck { |
259 .catCheck:hover { padding: 3px; background-color: #F0F0F0; } |
565 padding: 3px; |
|
566 } |
|
567 |
|
568 .catCheck:hover { |
|
569 padding: 3px; |
|
570 background-color: #F0F0F0; |
|
571 } |
260 |
572 |
261 /* Information, warning, question, error, and wait boxes */ |
573 /* Information, warning, question, error, and wait boxes */ |
262 div.error-box { background-image: url(../../../images/error.png); background-position: 8px 8px; background-repeat: no-repeat; background-color: #FFF4F4; border: 1px dashed #408060; padding: 10px 10px 10px 50px; margin: 1em 0 0 1em; min-height: 25px; } |
574 div.error-box { |
263 div.info-box { background-image: url(../../../images/info.png); background-position: 8px 8px; background-repeat: no-repeat; background-color: #F4F4FF; border: 1px dashed #408060; padding: 10px 10px 10px 50px; margin: 1em 0 0 1em; min-height: 25px; } |
575 background-image: url(../../../images/error.png); |
264 div.warning-box { background-image: url(../../../images/warning.png); background-position: 8px 8px; background-repeat: no-repeat; background-color: #FFFFF4; border: 1px dashed #408060; padding: 10px 10px 10px 50px; margin: 1em 0 0 1em; min-height: 25px; } |
576 background-position: 8px 8px; |
265 div.question-box { background-image: url(../../../images/question.png); background-position: 8px 8px; background-repeat: no-repeat; background-color: #F4FFF4; border: 1px dashed #408060; padding: 10px 10px 10px 50px; margin: 1em 0 0 1em; min-height: 25px; } |
577 background-repeat: no-repeat; |
266 div.wait-box { background-image: url(../../../images/wait.png); background-position: 8px 8px; background-repeat: no-repeat; background-color: #FFF4FF; border: 1px dashed #408060; padding: 10px 10px 10px 50px; margin: 1em 0 0 1em; min-height: 25px; } |
578 background-color: #FFF4F4; |
|
579 border: 1px dashed #408060; |
|
580 padding: 10px 10px 10px 50px; |
|
581 margin: 0.5em 0 0 0; |
|
582 min-height: 25px; |
|
583 } |
|
584 |
|
585 div.info-box { |
|
586 background-image: url(../../../images/info.png); |
|
587 background-position: 8px 8px; |
|
588 background-repeat: no-repeat; |
|
589 background-color: #F4FFF4; |
|
590 border: 1px dashed #408060; |
|
591 padding: 10px 10px 10px 50px; |
|
592 margin: 0.5em 0 0 0; |
|
593 min-height: 25px; |
|
594 } |
|
595 |
|
596 div.warning-box { |
|
597 background-image: url(../../../images/warning.png); |
|
598 background-position: 8px 8px; |
|
599 background-repeat: no-repeat; |
|
600 background-color: #FFF4FF; |
|
601 border: 1px dashed #408060; |
|
602 padding: 10px 10px 10px 50px; |
|
603 margin: 0.5em 0 0 0; |
|
604 min-height: 25px; |
|
605 } |
|
606 |
|
607 div.question-box { |
|
608 background-image: url(../../../images/question.png); |
|
609 background-position: 8px 8px; |
|
610 background-repeat: no-repeat; |
|
611 background-color: #F4F4FF; |
|
612 border: 1px dashed #408060; |
|
613 padding: 10px 10px 10px 50px; |
|
614 margin: 0.5em 0 0 0; |
|
615 min-height: 25px; |
|
616 } |
|
617 |
|
618 div.wait-box { |
|
619 background-image: url(../../../images/wait.png); |
|
620 background-position: 8px 8px; |
|
621 background-repeat: no-repeat; |
|
622 background-color: #FFFFF4; |
|
623 border: 1px dashed #408060; |
|
624 padding: 10px 10px 10px 50px; |
|
625 margin: 0.5em 0 0 0; |
|
626 min-height: 25px; |
|
627 } |
267 |
628 |
268 /* This stuff is mostly unused, left in for compatibility */ |
629 /* This stuff is mostly unused, left in for compatibility */ |
269 div#ajaxEditContainer table { border: 0px solid #FFFFFF; } |
630 div#ajaxEditContainer table { |
270 div#ajaxEditContainer td { margin: 1px; } |
631 border: 0px solid #FFFFFF; |
271 /* div#ajaxEditContainer { overflow: auto; } /* Makes ajaxEditContainer scroll horizontally in firefox if the content is too wide - prevents that ugly clipping effect */ |
632 } |
272 div#ajaxEditContainer pre { margin-left: 1em; background-color: #F8F8F8; border: 1px dashed #90D0B0; padding: 10px; overflow: auto; max-height: 150px; } |
633 |
|
634 div#ajaxEditContainer td { |
|
635 margin: 1px; |
|
636 } |
|
637 |
|
638 div#ajaxEditContainer pre { |
|
639 margin-left: 1em; |
|
640 background-color: #F8F8F8; |
|
641 border: 1px dashed #90D0B0; |
|
642 padding: 10px; |
|
643 overflow: auto; |
|
644 max-height: 150px; |
|
645 } |
273 |
646 |
274 /* toolbar */ |
647 /* toolbar */ |
275 div.toolbar { |
648 div.toolbar { |
276 border-bottom: 1px solid #909090; |
649 border: 1px solid #3b9c61; |
277 background-color: #D0D0D0; |
650 background-color: #D0D0D0; |
278 padding: 2px 0; |
651 background-image: url(../images/tb-bkg.gif); |
|
652 padding: 1px 0; |
279 height: 22px; |
653 height: 22px; |
280 font-family: arial, sans-serif; |
654 font-family: arial, sans-serif; |
281 font-size: 8pt; |
655 font-size: 8pt; |
282 } |
656 } |
283 div.toolbar ul { |
657 div.toolbar ul { |