| author | Dan |
| Tue, 22 Jul 2008 17:06:29 -0500 | |
| changeset 659 | 16b5b89c8055 |
| parent 548 | 15ac23ba7af2 |
| child 822 | 3b951ea8e758 |
| permissions | -rw-r--r-- |
| 0 | 1 |
/** |
2 |
* The original Oxygen theme for Enano |
|
3 |
* Designed by Dan Fuhry, (C) 2006 |
|
4 |
* This theme is Free Software; see the file "GPL" included with this package for details. |
|
5 |
*/ |
|
| 548 | 6 |
|
| 0 | 7 |
/* The basics */ |
| 548 | 8 |
html,body {
|
9 |
height: 100%; |
|
10 |
} |
|
11 |
||
12 |
body {
|
|
13 |
/* color added in 1.0.2 to fix light text in dark desktop themes */ |
|
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 |
} |
|
| 0 | 58 |
|
59 |
/* Sidebar */ |
|
| 548 | 60 |
td.mdgSidebarHolder {
|
61 |
width: 140px; |
|
62 |
} |
|
63 |
||
64 |
div.sidebar, .dbx-group {
|
|
65 |
width: 138px; |
|
66 |
background-color: #F8F8F8; border-left: 1px solid #CCC; border-right: 1px solid #CCC; padding: 1px 0px 0px 0px; |
|
67 |
} |
|
68 |
||
69 |
div.sidebar .head, .dbx-handle {
|
|
70 |
background-color: #F0F0F0; |
|
71 |
display: block; |
|
72 |
margin: 0px 1px 1px 1px; |
|
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 |
} |
|
| 0 | 182 |
|
183 |
/* The credits thingy at the bottom */ |
|
| 548 | 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; }
|
185 |
div#credits a { color: #90D0B0; text-decoration: none; }
|
|
186 |
div#credits a:hover { color: #80C0A0; text-decoration: underline; }
|
|
| 0 | 187 |
|
188 |
/* The link hidden in plain "site" at the top of the page */ |
|
| 548 | 189 |
td#mainhead a { text-decoration: none; color: #000000; }
|
190 |
td#mainhead a:hover { text-decoration: none; color: #000000; border-bottom: 1px dotted #408060; }
|
|
| 0 | 191 |
|
192 |
/* Text, headings, and links inside the main div (usually #ajaxEditContainer but used some other places as well) */ |
|
| 548 | 193 |
div.contentDiv h2 {
|
194 |
border-bottom: 1px solid #90D0B0; |
|
195 |
margin-bottom: 0; |
|
196 |
} |
|
197 |
||
198 |
div.contentDiv h3 {
|
|
199 |
font-size: 11pt; |
|
200 |
font-weight: bold; |
|
201 |
} |
|
202 |
||
203 |
div.contentDiv ul li, div#messageBox ul li {
|
|
204 |
list-style: url(../images/mint/bullet.gif); |
|
205 |
} |
|
206 |
||
207 |
div.contentDiv p, div#messageBox p {
|
|
208 |
margin-left: 1.0em; |
|
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 |
} |
|
| 0 | 283 |
|
284 |
/* Wikilinks to pages that don't exist */ |
|
| 548 | 285 |
div.contentDiv a.wikilink-nonexistent {
|
286 |
color: #B02050; |
|
287 |
} |
|
288 |
||
289 |
div.contentDiv a.wikilink-nonexistent:hover {
|
|
290 |
color: #D03060; |
|
291 |
} |
|
| 0 | 292 |
|
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. */ |
|
| 548 | 294 |
.mdg-comment, .mdg-infobox {
|
295 |
margin-left: 1em; |
|
296 |
padding: 7px; |
|
297 |
border: 1px solid #AAAAAA; |
|
298 |
background-color: #E8E8E8; |
|
299 |
} |
|
| 0 | 300 |
|
| 548 | 301 |
.tblholder {
|
302 |
margin: 10px 0 0 0; |
|
303 |
padding: 0; |
|
304 |
border: 1px solid #AAAAAA; |
|
305 |
background-color: #E8E8E8; |
|
306 |
} |
|
| 0 | 307 |
|
308 |
/* The beautiful tables inside what may not obviously be mdg-comment divs */ |
|
| 548 | 309 |
div.tblholder td.row1 {
|
310 |
padding: 4px; |
|
311 |
background-color: #E0E0E0; |
|
312 |
} |
|
313 |
||
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 |
} |
|
| 0 | 344 |
|
|
139
070ff1509cc2
Sync Oxygen Bleu and Mint; fixed list-style-image ref and ordered lists getting bulleted
Dan
parents:
91
diff
changeset
|
345 |
/* Colored table cells */ |
| 548 | 346 |
div.tblholder td.row1_red {
|
347 |
padding: 4px; |
|
348 |
background-color: #F8E0E0; |
|
349 |
} |
|
350 |
||
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 |
} |
|
|
139
070ff1509cc2
Sync Oxygen Bleu and Mint; fixed list-style-image ref and ordered lists getting bulleted
Dan
parents:
91
diff
changeset
|
375 |
|
|
070ff1509cc2
Sync Oxygen Bleu and Mint; fixed list-style-image ref and ordered lists getting bulleted
Dan
parents:
91
diff
changeset
|
376 |
div.tblholder th a {
|
|
070ff1509cc2
Sync Oxygen Bleu and Mint; fixed list-style-image ref and ordered lists getting bulleted
Dan
parents:
91
diff
changeset
|
377 |
color: #FFFFFF !important; |
|
070ff1509cc2
Sync Oxygen Bleu and Mint; fixed list-style-image ref and ordered lists getting bulleted
Dan
parents:
91
diff
changeset
|
378 |
text-decoration: underline !important; |
|
070ff1509cc2
Sync Oxygen Bleu and Mint; fixed list-style-image ref and ordered lists getting bulleted
Dan
parents:
91
diff
changeset
|
379 |
} |
|
070ff1509cc2
Sync Oxygen Bleu and Mint; fixed list-style-image ref and ordered lists getting bulleted
Dan
parents:
91
diff
changeset
|
380 |
|
|
070ff1509cc2
Sync Oxygen Bleu and Mint; fixed list-style-image ref and ordered lists getting bulleted
Dan
parents:
91
diff
changeset
|
381 |
div.tblholder th a:hover {
|
|
070ff1509cc2
Sync Oxygen Bleu and Mint; fixed list-style-image ref and ordered lists getting bulleted
Dan
parents:
91
diff
changeset
|
382 |
color: #FF00FF !important; |
|
070ff1509cc2
Sync Oxygen Bleu and Mint; fixed list-style-image ref and ordered lists getting bulleted
Dan
parents:
91
diff
changeset
|
383 |
text-decoration: underline !important; |
|
070ff1509cc2
Sync Oxygen Bleu and Mint; fixed list-style-image ref and ordered lists getting bulleted
Dan
parents:
91
diff
changeset
|
384 |
} |
|
070ff1509cc2
Sync Oxygen Bleu and Mint; fixed list-style-image ref and ordered lists getting bulleted
Dan
parents:
91
diff
changeset
|
385 |
|
| 0 | 386 |
/* |
387 |
* jBox menu system |
|
388 |
*/ |
|
389 |
||
390 |
div.menu, div.menu_nojs {
|
|
391 |
background-color: #B0F0D0; |
|
392 |
font-size: 7pt; |
|
393 |
border-width: 0; |
|
394 |
} |
|
|
60
71b50f8c8f85
Changed administration login request to use the AJAX login form; made high-level authentication more apparent in the AJAX box; recompiled Oxygen Mint
Dan
parents:
0
diff
changeset
|
395 |
.menu_bg {
|
|
71b50f8c8f85
Changed administration login request to use the AJAX login form; made high-level authentication more apparent in the AJAX box; recompiled Oxygen Mint
Dan
parents:
0
diff
changeset
|
396 |
background-color: #B0F0D0; |
|
71b50f8c8f85
Changed administration login request to use the AJAX login form; made high-level authentication more apparent in the AJAX box; recompiled Oxygen Mint
Dan
parents:
0
diff
changeset
|
397 |
} |
| 0 | 398 |
div.menu a, div.menu div.label {
|
399 |
padding: 2.5pt 5px; |
|
400 |
margin-right: 3px; |
|
401 |
text-decoration: none; |
|
402 |
display: block; |
|
403 |
float: left; |
|
404 |
color: #408060; |
|
405 |
} |
|
406 |
div.menu_nojs a, div.menu_nojs div.label {
|
|
407 |
padding: 2.5pt 5px; |
|
408 |
margin-right: 3px; |
|
409 |
text-decoration: none; |
|
410 |
display: block; |
|
|
60
71b50f8c8f85
Changed administration login request to use the AJAX login form; made high-level authentication more apparent in the AJAX box; recompiled Oxygen Mint
Dan
parents:
0
diff
changeset
|
411 |
float: left; |
| 0 | 412 |
color: #408060; |
413 |
} |
|
414 |
div.menu div.label, div.menu_nojs div.label {
|
|
415 |
color: #002010; |
|
416 |
cursor: default; |
|
417 |
} |
|
418 |
div.menu span.sep, div.menu_nojs span.sep {
|
|
419 |
display: block; |
|
420 |
float: left; |
|
421 |
width: 5px; |
|
422 |
} |
|
423 |
div.menu div.multopts, div.menu_nojs div.multopts {
|
|
424 |
line-height: 17pt; |
|
425 |
} |
|
426 |
div.menu div.multopts a, div.menu div.multopts div.label, div.menu_nojs div.multopts a, div.menu_nojs div.multopts div.label {
|
|
427 |
float: none; |
|
428 |
display: inline; |
|
429 |
} |
|
430 |
div.menu a.liteselected, div.menu a.liteselected:hover, div.menu a:hover, div.menu_nojs a.liteselected, div.menu_nojs a.liteselected:hover, div.menu_nojs a:hover {
|
|
431 |
color: #408060; |
|
432 |
background-color: #D0FFF0; |
|
433 |
} |
|
434 |
div.menu input[type ^="text"], div.menu input[type ^="password"], div.menu_nojs input[type ^="text"], div.menu_nojs input[type ^="password"] {
|
|
435 |
border-width: 0; |
|
436 |
font-size: 9pt; |
|
|
60
71b50f8c8f85
Changed administration login request to use the AJAX login form; made high-level authentication more apparent in the AJAX box; recompiled Oxygen Mint
Dan
parents:
0
diff
changeset
|
437 |
padding: 2px 5px 3px 5px; |
| 0 | 438 |
max-width: 70px; |
439 |
background-color: #D0FFF0; |
|
440 |
} |
|
441 |
div.menu input[type ^="text"]:hover, div.menu input[type ^="password"]:hover, div.menu_nojs input[type ^="text"]:hover, div.menu_nojs input[type ^="password"]:hover {
|
|
442 |
background-color: #E0FFF0; |
|
443 |
} |
|
444 |
div.menu input[type ^="text"]:focus, div.menu input[type ^="password"]:focus, div.menu_nojs input[type ^="text"]:focus, div.menu_nojs input[type ^="password"]:focus {
|
|
445 |
background-color: #F0FFF0; |
|
446 |
} |
|
447 |
div.menu input[type ^="button"], div.menu input[type ^="submit"], div.menu_nojs input[type ^="button"], div.menu_nojs input[type ^="submit"] {
|
|
448 |
border-width: 0; |
|
449 |
font-size: 9pt; |
|
450 |
padding: 3px 5px; |
|
451 |
max-width: 70px; |
|
452 |
} |
|
453 |
div.menu a.current, div.menu a.current:hover, div.menu a.selected, div.menu a.selected:hover, div.menu_nojs a.current, div.menu_nojs a.current:hover, div.menu_nojs a.selected, div.menu_nojs a.selected:hover {
|
|
454 |
color: #004000; |
|
455 |
background-color: #FFFFFF; |
|
456 |
} |
|
|
60
71b50f8c8f85
Changed administration login request to use the AJAX login form; made high-level authentication more apparent in the AJAX box; recompiled Oxygen Mint
Dan
parents:
0
diff
changeset
|
457 |
div.menu ul, div.menu_nojs ul {
|
| 0 | 458 |
display: none; |
459 |
position: absolute; |
|
460 |
padding: 0; |
|
461 |
margin: 0 !important; |
|
462 |
background-color: #B0F0D0; |
|
463 |
border-width: 0; |
|
464 |
min-width: 120px; |
|
465 |
} |
|
466 |
div.menu ul li, div.menu_nojs ul li {
|
|
467 |
list-style: none; |
|
468 |
} |
|
469 |
div.menu ul a, div.menu_nojs ul a {
|
|
470 |
float: none; |
|
471 |
margin: 0; |
|
472 |
} |
|
473 |
span.menuclear {
|
|
474 |
font-size: 1px; |
|
475 |
height: 0px; |
|
476 |
width: 0px; |
|
477 |
clear: left; |
|
478 |
line-height: 0px; |
|
479 |
display: block; |
|
480 |
} |
|
481 |
||
482 |
/* Rounded corners on nearly everything */ |
|
| 548 | 483 |
td#mdg-tl { width: 12px; height: 12px; background-image: url(../images/mint/sprite-horiz.gif); background-position: -48px 0; }
|
484 |
td#mdg-tr { width: 12px; height: 12px; background-image: url(../images/mint/sprite-horiz.gif); background-position: -60px 0; }
|
|
485 |
td#mdg-top { background-image: url(../images/mint/sprite-horiz.gif); background-position: 0 -36px; }
|
|
486 |
td#mdg-l { width: 12px; height: 12px; background-image: url(../images/mint/sprite-vert.gif); background-position: -24px 0; }
|
|
487 |
td#mdg-r { width: 12px; height: 12px; background-image: url(../images/mint/sprite-vert.gif); background-position: -36px 0; }
|
|
488 |
td#mdg-bl { width: 12px; height: 12px; background-image: url(../images/mint/sprite-vert.gif); background-position: -72px 0; }
|
|
489 |
td#mdg-br { width: 12px; height: 12px; background-image: url(../images/mint/sprite-vert.gif); background-position: -84px 0; }
|
|
490 |
td#mdg-ml { width: 12px; height: 12px; background-image: url(../images/mint/sprite-vert.gif); background-position: -48px 0; }
|
|
491 |
td#mdg-brl { width: 12px; height: 1px; background-image: url(../images/mint/sprite-vert.gif); background-position: -48px 0; }
|
|
492 |
td#mdg-mr { width: 12px; height: 12px; background-image: url(../images/mint/sprite-vert.gif); background-position: -60px 0; }
|
|
493 |
td#mdg-brr { width: 12px; height: 1px; background-image: url(../images/mint/sprite-vert.gif); background-position: -60px 0; }
|
|
494 |
td#mdg-btl { width: 12px; height: 1px; background-image: url(../images/mint/sprite-vert.gif); background-position: 0 0 ; }
|
|
495 |
td#mdg-btr { width: 12px; height: 1px; background-image: url(../images/mint/sprite-vert.gif); background-position: -12px 0; }
|
|
496 |
td#mdg-btcl { width: 12px; height: 12px; background-image: url(../images/mint/sprite-horiz.gif); background-position: -24px 0; }
|
|
497 |
td.mdg-menu-bl { width: 12px; height: 12px; background-image: url(../images/mint/sprite-horiz.gif); background-position: -24px 0; }
|
|
498 |
td#mdg-btcr { width: 12px; height: 12px; background-image: url(../images/mint/sprite-horiz.gif); background-position: -36px 0; }
|
|
499 |
td.mdg-menu-br { width: 12px; height: 12px; background-image: url(../images/mint/sprite-horiz.gif); background-position: -36px 0; }
|
|
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; }
|
|
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; }
|
|
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; }
|
|
503 |
td.mdg-menu-btm { height: 12px; background-image: url(../images/mint/sprite-horiz.gif); background-position: 0 0 ; }
|
|
504 |
td#mdg-btm { height: 12px; background-image: url(../images/mint/sprite-horiz.gif); background-position: 0 -48px; }
|
|
| 0 | 505 |
|
506 |
/* Buttons and textboxes - these settings are used almost everywhere */ |
|
| 548 | 507 |
input, textarea, select, button {
|
508 |
border: 1px solid #408060; |
|
509 |
background-color: #F2F2F2; |
|
510 |
padding: 3px; |
|
511 |
font-family: arial, helvetica, sans-serif; |
|
512 |
font-size: 8pt; |
|
513 |
} |
|
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 |
} |
|
| 0 | 526 |
|
| 548 | 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 {
|
|
| 0 | 547 |
background-image: url(../images/buttonbg.gif); |
548 |
background-repeat: repeat-x; |
|
|
139
070ff1509cc2
Sync Oxygen Bleu and Mint; fixed list-style-image ref and ordered lists getting bulleted
Dan
parents:
91
diff
changeset
|
549 |
color: #202020; |
| 0 | 550 |
} |
551 |
||
| 548 | 552 |
input[type ^="image"][disabled ^="disabled"] {
|
553 |
opacity: 0.5; |
|
554 |
filter: alpha(opacity=50); |
|
555 |
} |
|
556 |
||
557 |
input[type ^="button"][disabled ^="disabled"], input[type ^="submit"][disabled ^="disabled"], button[disabled ^="disabled"], .btn-disabled {
|
|
558 |
color: #808080 !important; |
|
559 |
background-image: none !important; |
|
560 |
background-color: #e0e0e0 !important; |
|
561 |
} |
|
| 0 | 562 |
|
563 |
/* The Wordpress-like fills behind checkboxes and their labels */ |
|
| 548 | 564 |
.catCheck {
|
565 |
padding: 3px; |
|
566 |
} |
|
567 |
||
568 |
.catCheck:hover {
|
|
569 |
padding: 3px; |
|
570 |
background-color: #F0F0F0; |
|
571 |
} |
|
| 0 | 572 |
|
573 |
/* Information, warning, question, error, and wait boxes */ |
|
| 548 | 574 |
div.error-box {
|
575 |
background-image: url(../../../images/error.png); |
|
576 |
background-position: 8px 8px; |
|
577 |
background-repeat: no-repeat; |
|
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 |
} |
|
| 0 | 628 |
|
629 |
/* This stuff is mostly unused, left in for compatibility */ |
|
| 548 | 630 |
div#ajaxEditContainer table {
|
631 |
border: 0px solid #FFFFFF; |
|
632 |
} |
|
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 |
} |
|
| 0 | 646 |
|
647 |
/* toolbar */ |
|
648 |
div.toolbar {
|
|
| 548 | 649 |
border: 1px solid #3b9c61; |
| 0 | 650 |
background-color: #D0D0D0; |
| 548 | 651 |
background-image: url(../images/tb-bkg.gif); |
652 |
padding: 1px 0; |
|
| 0 | 653 |
height: 22px; |
654 |
font-family: arial, sans-serif; |
|
655 |
font-size: 8pt; |
|
656 |
} |
|
657 |
div.toolbar ul {
|
|
658 |
margin: 0; |
|
659 |
padding: 0; |
|
660 |
} |
|
661 |
div.toolbar ul li {
|
|
662 |
list-style: none; |
|
663 |
margin: 0; |
|
664 |
float: left; |
|
665 |
} |
|
666 |
div.toolbar a img {
|
|
667 |
opacity: 0.6; |
|
668 |
} |
|
| 548 | 669 |
div.toolbar a:hover img, div.toolbar a:focus img {
|
| 0 | 670 |
opacity: 1; |
671 |
} |
|
672 |
div.toolbar a {
|
|
673 |
display: block; |
|
674 |
padding: 2px; |
|
675 |
border: 1px solid transparent; |
|
676 |
cursor: default; |
|
677 |
width: auto; |
|
678 |
color: #000000; |
|
679 |
margin: 0 2px; |
|
680 |
max-height: 16px; |
|
681 |
text-decoration: none; |
|
682 |
} |
|
| 548 | 683 |
div.toolbar a:hover, div.toolbar a:focus {
|
684 |
border: 1px solid #008000; |
|
| 0 | 685 |
background-color: #ceedce; |
| 548 | 686 |
background-image: url(../images/tb-frg.gif); |
| 0 | 687 |
color: #000000; |
688 |
text-decoration: none; |
|
689 |
} |
|
690 |
div.toolbar a:active {
|
|
691 |
background-color: #E0E0E0; |
|
| 548 | 692 |
background-image: url(../images/tb-psh.gif); |
| 0 | 693 |
} |
694 |
div.toolbar img {
|
|
695 |
margin: 0; |
|
696 |
padding: 0; |
|
697 |
display: inline; |
|
698 |
border-width: 0px; |
|
699 |
} |
|
700 |
div.toolbar a span {
|
|
701 |
position: relative; |
|
| 548 | 702 |
top: -3px !important; |
703 |
} |
|
704 |
div.toolbar a span.noimage {
|
|
705 |
position: relative; |
|
706 |
top: 0px !important; |
|
707 |
height: 16px !important; |
|
708 |
display: block; |
|
709 |
padding-left: 2px !important; |
|
| 0 | 710 |
} |
711 |
div.toolbar li span {
|
|
| 548 | 712 |
padding-left: 4px; |
713 |
padding-right: 2px; |
|
714 |
position: relative; |
|
715 |
top: 4px; |
|
| 0 | 716 |
} |
717 |
||
718 |
/* vertical toolbar */ |
|
719 |
div.toolbar_vert {
|
|
720 |
border: 1px solid #909090; |
|
721 |
background-color: #D0D0D0; |
|
722 |
padding: 2px 0; |
|
723 |
} |
|
724 |
div.toolbar_vert ul {
|
|
725 |
margin: 0; |
|
726 |
padding: 0; |
|
727 |
} |
|
728 |
div.toolbar_vert ul li {
|
|
729 |
list-style: none; |
|
730 |
margin: 0; |
|
731 |
} |
|
732 |
div.toolbar_vert a img {
|
|
733 |
opacity: 0.6; |
|
734 |
/*filter: alpha(opacity=60);*/ |
|
735 |
} |
|
736 |
div.toolbar_vert a:hover img {
|
|
737 |
opacity: 1; |
|
738 |
/*filter: alpha(opacity=100);*/ |
|
739 |
} |
|
740 |
div.toolbar_vert a {
|
|
741 |
display: block; |
|
742 |
padding: 2px; |
|
743 |
border: 1px solid transparent; |
|
744 |
cursor: default; |
|
745 |
width: auto; |
|
746 |
color: #000000; |
|
747 |
margin: 0 2px; |
|
748 |
max-height: 16px; |
|
749 |
text-decoration: none; |
|
750 |
} |
|
751 |
div.toolbar_vert a:hover {
|
|
752 |
border: 1px solid #209020; |
|
753 |
background-color: #ceedce; |
|
754 |
color: #000000; |
|
755 |
text-decoration: none; |
|
756 |
} |
|
757 |
div.toolbar_vert a:active {
|
|
758 |
border: 1px solid #A0A0A0; |
|
759 |
background-color: #E0E0E0; |
|
760 |
} |
|
761 |
div.toolbar_vert img {
|
|
762 |
margin: 0; |
|
763 |
padding: 0; |
|
764 |
display: inline; |
|
765 |
border-width: 0px; |
|
766 |
} |
|
767 |
div.toolbar_vert a span {
|
|
768 |
position: relative; |
|
769 |
top: -4px; |
|
770 |
} |
|
771 |
div.toolbar_vert li span {
|
|
772 |
padding-left: 2px; |
|
773 |
padding-right: 5px; |
|
774 |
} |
|
775 |