| author | Dan |
| Wed, 13 May 2009 09:47:31 -0400 | |
| changeset 973 | 451141c834fe |
| parent 822 | 3b951ea8e758 |
| child 1227 | bdac73ed481e |
| 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) */ |
|
| 822 | 193 |
div.contentDiv h1 {
|
194 |
margin-top: 0.3em; |
|
195 |
} |
|
196 |
||
197 |
div.contentDiv h1, div.contentDiv h2 {
|
|
| 548 | 198 |
border-bottom: 1px solid #90D0B0; |
199 |
margin-bottom: 0; |
|
200 |
} |
|
201 |
||
202 |
div.contentDiv h3 {
|
|
203 |
font-size: 11pt; |
|
204 |
font-weight: bold; |
|
205 |
} |
|
206 |
||
207 |
div.contentDiv ul li, div#messageBox ul li {
|
|
208 |
list-style: url(../images/mint/bullet.gif); |
|
209 |
} |
|
210 |
||
211 |
div.contentDiv p, div#messageBox p {
|
|
212 |
margin-left: 1.0em; |
|
213 |
} |
|
214 |
||
215 |
table.simple-layout div.contentDiv p {
|
|
216 |
margin-left: 0em; |
|
217 |
} |
|
218 |
||
219 |
div.contentDiv blockquote, div#messageBox blockquote {
|
|
220 |
background-color: #F4F4F4; |
|
221 |
border: 1px dotted #408060; |
|
222 |
margin: 1em; |
|
223 |
padding: 10px; |
|
224 |
max-height: 250px; |
|
225 |
overflow: auto; |
|
226 |
} |
|
227 |
||
228 |
div.contentDiv, div#messageBox {
|
|
229 |
font-size: 9pt; |
|
230 |
} |
|
231 |
||
232 |
a {
|
|
233 |
color: #70B090; |
|
234 |
} |
|
235 |
||
236 |
a:hover {
|
|
237 |
color: #90D0B0; |
|
238 |
} |
|
239 |
||
240 |
div.contentDiv a[href ^="http://"], div#messageBox a[href ^="http://"] {
|
|
241 |
color: #80C0A0; |
|
242 |
background: url(../images/mint/external.gif) center right no-repeat; |
|
243 |
padding-right: 16px; |
|
244 |
} |
|
245 |
||
246 |
div.contentDiv a[href ^="https://"], div#messageBox a[href ^="https://"] {
|
|
247 |
color: #80C0A0; |
|
248 |
background: url(../images/mint/https.gif) center right no-repeat; |
|
249 |
padding-right: 16px; |
|
250 |
} |
|
251 |
||
252 |
div.contentDiv a[href ^="mailto:"], div#messageBox a[href ^="mailto:"] {
|
|
253 |
color: #80C0A0; |
|
254 |
background: url(../images/mint/email.gif) center right no-repeat; |
|
255 |
padding-right: 16px; |
|
256 |
} |
|
257 |
||
258 |
div.contentDiv a[href ^="irc://"], div#messageBox a[href ^="irc://"] {
|
|
259 |
color: #80C0A0; |
|
260 |
background: url(../images/mint/irc.gif) center right no-repeat; |
|
261 |
padding-right: 16px; |
|
262 |
} |
|
263 |
||
264 |
div.contentDiv a[href ^="http://"]:hover, div#messageBox a[href ^="http://"]:hover {
|
|
265 |
color: #A0E0C0; |
|
266 |
background: url(../images/mint/external.gif) center right no-repeat; |
|
267 |
padding-right: 16px; |
|
268 |
} |
|
269 |
||
270 |
div.contentDiv a[href ^="https://"]:hover, div#messageBox a[href ^="https://"]:hover {
|
|
271 |
color: #A0E0C0; |
|
272 |
background: url(../images/mint/https.gif) center right no-repeat; |
|
273 |
padding-right: 16px; |
|
274 |
} |
|
275 |
||
276 |
div.contentDiv a[href ^="mailto:"]:hover, div#messageBox a[href ^="mailto:"]:hover {
|
|
277 |
color: #A0E0C0; |
|
278 |
background: url(../images/mint/email.gif) center right no-repeat; |
|
279 |
padding-right: 16px; |
|
280 |
} |
|
281 |
||
282 |
div.contentDiv a[href ^="irc://"]:hover, div#messageBox a[href ^="irc://"]:hover {
|
|
283 |
color: #A0E0C0; |
|
284 |
background: url(../images/mint/irc.gif) center right no-repeat; |
|
285 |
padding-right: 16px; |
|
286 |
} |
|
| 0 | 287 |
|
288 |
/* Wikilinks to pages that don't exist */ |
|
| 548 | 289 |
div.contentDiv a.wikilink-nonexistent {
|
290 |
color: #B02050; |
|
291 |
} |
|
292 |
||
293 |
div.contentDiv a.wikilink-nonexistent:hover {
|
|
294 |
color: #D03060; |
|
295 |
} |
|
| 0 | 296 |
|
297 |
/* 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 | 298 |
.mdg-comment, .mdg-infobox {
|
299 |
margin-left: 1em; |
|
300 |
padding: 7px; |
|
301 |
border: 1px solid #AAAAAA; |
|
302 |
background-color: #E8E8E8; |
|
303 |
} |
|
| 0 | 304 |
|
| 548 | 305 |
.tblholder {
|
306 |
margin: 10px 0 0 0; |
|
307 |
padding: 0; |
|
308 |
border: 1px solid #AAAAAA; |
|
309 |
background-color: #E8E8E8; |
|
310 |
} |
|
| 0 | 311 |
|
312 |
/* The beautiful tables inside what may not obviously be mdg-comment divs */ |
|
| 548 | 313 |
div.tblholder td.row1 {
|
314 |
padding: 4px; |
|
315 |
background-color: #E0E0E0; |
|
316 |
} |
|
317 |
||
318 |
div.tblholder td.row2 {
|
|
319 |
padding: 4px; |
|
320 |
background-color: #F0F0F0; |
|
321 |
} |
|
322 |
||
323 |
div.tblholder td.row3 {
|
|
324 |
padding: 4px; |
|
325 |
background-color: #E8E8E8; |
|
326 |
} |
|
327 |
||
328 |
div.tblholder th {
|
|
329 |
padding: 4px; |
|
330 |
background-color: #70A080; |
|
331 |
font-weight: bold; |
|
332 |
text-align: center; |
|
333 |
color: #FFFFFF; |
|
334 |
} |
|
335 |
||
336 |
div.tblholder th.subhead {
|
|
337 |
padding: 4px; |
|
338 |
background-color: #90B0A0; |
|
339 |
font-weight: bold; |
|
340 |
text-align: center; |
|
341 |
color: #FFFFFF; |
|
342 |
} |
|
343 |
||
344 |
div.tblholder table {
|
|
345 |
background-color: #FFFFFF; |
|
346 |
width: 100%; |
|
347 |
} |
|
| 0 | 348 |
|
|
139
070ff1509cc2
Sync Oxygen Bleu and Mint; fixed list-style-image ref and ordered lists getting bulleted
Dan
parents:
91
diff
changeset
|
349 |
/* Colored table cells */ |
| 548 | 350 |
div.tblholder td.row1_red {
|
351 |
padding: 4px; |
|
352 |
background-color: #F8E0E0; |
|
353 |
} |
|
354 |
||
355 |
div.tblholder td.row2_red {
|
|
356 |
padding: 4px; |
|
357 |
background-color: #FFF0F0; |
|
358 |
} |
|
359 |
||
360 |
div.tblholder td.row3_red {
|
|
361 |
padding: 4px; |
|
362 |
background-color: #FFE8E8; |
|
363 |
} |
|
364 |
||
365 |
div.tblholder td.row1_green {
|
|
366 |
padding: 4px; |
|
367 |
background-color: #E0E0F8; |
|
368 |
} |
|
369 |
||
370 |
div.tblholder td.row2_green {
|
|
371 |
padding: 4px; |
|
372 |
background-color: #F0F0FF; |
|
373 |
} |
|
374 |
||
375 |
div.tblholder td.row3_green {
|
|
376 |
padding: 4px; |
|
377 |
background-color: #E8E8FF; |
|
378 |
} |
|
|
139
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 |
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
|
381 |
color: #FFFFFF !important; |
|
070ff1509cc2
Sync Oxygen Bleu and Mint; fixed list-style-image ref and ordered lists getting bulleted
Dan
parents:
91
diff
changeset
|
382 |
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
|
383 |
} |
|
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 |
div.tblholder th a:hover {
|
| 822 | 386 |
color: #FFFF00 !important; |
|
139
070ff1509cc2
Sync Oxygen Bleu and Mint; fixed list-style-image ref and ordered lists getting bulleted
Dan
parents:
91
diff
changeset
|
387 |
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
|
388 |
} |
|
070ff1509cc2
Sync Oxygen Bleu and Mint; fixed list-style-image ref and ordered lists getting bulleted
Dan
parents:
91
diff
changeset
|
389 |
|
| 0 | 390 |
/* |
391 |
* jBox menu system |
|
392 |
*/ |
|
393 |
||
394 |
div.menu, div.menu_nojs {
|
|
395 |
background-color: #B0F0D0; |
|
396 |
font-size: 7pt; |
|
397 |
border-width: 0; |
|
398 |
} |
|
|
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
|
399 |
.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
|
400 |
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
|
401 |
} |
| 0 | 402 |
div.menu a, div.menu div.label {
|
403 |
padding: 2.5pt 5px; |
|
404 |
margin-right: 3px; |
|
405 |
text-decoration: none; |
|
406 |
display: block; |
|
407 |
float: left; |
|
408 |
color: #408060; |
|
409 |
} |
|
410 |
div.menu_nojs a, div.menu_nojs div.label {
|
|
411 |
padding: 2.5pt 5px; |
|
412 |
margin-right: 3px; |
|
413 |
text-decoration: none; |
|
414 |
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
|
415 |
float: left; |
| 0 | 416 |
color: #408060; |
417 |
} |
|
418 |
div.menu div.label, div.menu_nojs div.label {
|
|
419 |
color: #002010; |
|
420 |
cursor: default; |
|
421 |
} |
|
422 |
div.menu span.sep, div.menu_nojs span.sep {
|
|
423 |
display: block; |
|
424 |
float: left; |
|
425 |
width: 5px; |
|
426 |
} |
|
427 |
div.menu div.multopts, div.menu_nojs div.multopts {
|
|
428 |
line-height: 17pt; |
|
429 |
} |
|
430 |
div.menu div.multopts a, div.menu div.multopts div.label, div.menu_nojs div.multopts a, div.menu_nojs div.multopts div.label {
|
|
431 |
float: none; |
|
432 |
display: inline; |
|
433 |
} |
|
434 |
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 {
|
|
435 |
color: #408060; |
|
436 |
background-color: #D0FFF0; |
|
437 |
} |
|
438 |
div.menu input[type ^="text"], div.menu input[type ^="password"], div.menu_nojs input[type ^="text"], div.menu_nojs input[type ^="password"] {
|
|
439 |
border-width: 0; |
|
440 |
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
|
441 |
padding: 2px 5px 3px 5px; |
| 0 | 442 |
max-width: 70px; |
443 |
background-color: #D0FFF0; |
|
444 |
} |
|
445 |
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 {
|
|
446 |
background-color: #E0FFF0; |
|
447 |
} |
|
448 |
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 {
|
|
449 |
background-color: #F0FFF0; |
|
450 |
} |
|
451 |
div.menu input[type ^="button"], div.menu input[type ^="submit"], div.menu_nojs input[type ^="button"], div.menu_nojs input[type ^="submit"] {
|
|
452 |
border-width: 0; |
|
453 |
font-size: 9pt; |
|
454 |
padding: 3px 5px; |
|
455 |
max-width: 70px; |
|
456 |
} |
|
457 |
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 {
|
|
458 |
color: #004000; |
|
459 |
background-color: #FFFFFF; |
|
460 |
} |
|
|
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
|
461 |
div.menu ul, div.menu_nojs ul {
|
| 0 | 462 |
display: none; |
463 |
position: absolute; |
|
464 |
padding: 0; |
|
465 |
margin: 0 !important; |
|
466 |
background-color: #B0F0D0; |
|
467 |
border-width: 0; |
|
468 |
min-width: 120px; |
|
469 |
} |
|
470 |
div.menu ul li, div.menu_nojs ul li {
|
|
471 |
list-style: none; |
|
472 |
} |
|
473 |
div.menu ul a, div.menu_nojs ul a {
|
|
474 |
float: none; |
|
475 |
margin: 0; |
|
476 |
} |
|
477 |
span.menuclear {
|
|
478 |
font-size: 1px; |
|
479 |
height: 0px; |
|
480 |
width: 0px; |
|
481 |
clear: left; |
|
482 |
line-height: 0px; |
|
483 |
display: block; |
|
484 |
} |
|
485 |
||
486 |
/* Rounded corners on nearly everything */ |
|
| 548 | 487 |
td#mdg-tl { width: 12px; height: 12px; background-image: url(../images/mint/sprite-horiz.gif); background-position: -48px 0; }
|
488 |
td#mdg-tr { width: 12px; height: 12px; background-image: url(../images/mint/sprite-horiz.gif); background-position: -60px 0; }
|
|
489 |
td#mdg-top { background-image: url(../images/mint/sprite-horiz.gif); background-position: 0 -36px; }
|
|
490 |
td#mdg-l { width: 12px; height: 12px; background-image: url(../images/mint/sprite-vert.gif); background-position: -24px 0; }
|
|
491 |
td#mdg-r { width: 12px; height: 12px; background-image: url(../images/mint/sprite-vert.gif); background-position: -36px 0; }
|
|
492 |
td#mdg-bl { width: 12px; height: 12px; background-image: url(../images/mint/sprite-vert.gif); background-position: -72px 0; }
|
|
493 |
td#mdg-br { width: 12px; height: 12px; background-image: url(../images/mint/sprite-vert.gif); background-position: -84px 0; }
|
|
494 |
td#mdg-ml { width: 12px; height: 12px; background-image: url(../images/mint/sprite-vert.gif); background-position: -48px 0; }
|
|
495 |
td#mdg-brl { width: 12px; height: 1px; background-image: url(../images/mint/sprite-vert.gif); background-position: -48px 0; }
|
|
496 |
td#mdg-mr { width: 12px; height: 12px; background-image: url(../images/mint/sprite-vert.gif); background-position: -60px 0; }
|
|
497 |
td#mdg-brr { width: 12px; height: 1px; background-image: url(../images/mint/sprite-vert.gif); background-position: -60px 0; }
|
|
498 |
td#mdg-btl { width: 12px; height: 1px; background-image: url(../images/mint/sprite-vert.gif); background-position: 0 0 ; }
|
|
499 |
td#mdg-btr { width: 12px; height: 1px; background-image: url(../images/mint/sprite-vert.gif); background-position: -12px 0; }
|
|
500 |
td#mdg-btcl { width: 12px; height: 12px; background-image: url(../images/mint/sprite-horiz.gif); background-position: -24px 0; }
|
|
501 |
td.mdg-menu-bl { width: 12px; height: 12px; background-image: url(../images/mint/sprite-horiz.gif); background-position: -24px 0; }
|
|
502 |
td#mdg-btcr { width: 12px; height: 12px; background-image: url(../images/mint/sprite-horiz.gif); background-position: -36px 0; }
|
|
503 |
td.mdg-menu-br { width: 12px; height: 12px; background-image: url(../images/mint/sprite-horiz.gif); background-position: -36px 0; }
|
|
504 |
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; }
|
|
505 |
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; }
|
|
506 |
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; }
|
|
507 |
td.mdg-menu-btm { height: 12px; background-image: url(../images/mint/sprite-horiz.gif); background-position: 0 0 ; }
|
|
508 |
td#mdg-btm { height: 12px; background-image: url(../images/mint/sprite-horiz.gif); background-position: 0 -48px; }
|
|
| 0 | 509 |
|
510 |
/* Buttons and textboxes - these settings are used almost everywhere */ |
|
| 548 | 511 |
input, textarea, select, button {
|
512 |
border: 1px solid #408060; |
|
513 |
background-color: #F2F2F2; |
|
514 |
padding: 3px; |
|
515 |
font-family: arial, helvetica, sans-serif; |
|
516 |
font-size: 8pt; |
|
517 |
} |
|
518 |
||
519 |
input:hover, textarea:hover, select:hover {
|
|
520 |
border: 1px solid #60A080; |
|
521 |
background-color: #F8F8F8; |
|
522 |
padding: 3px; |
|
523 |
} |
|
524 |
||
525 |
input:focus, textarea:focus, select:focus {
|
|
526 |
border: 1px solid #90D0B0; |
|
527 |
background-color: #FFFFFF; |
|
528 |
padding: 3px; |
|
529 |
} |
|
| 0 | 530 |
|
| 822 | 531 |
input.ac_loading {
|
532 |
background-image: url(../../../images/loading.gif); |
|
533 |
background-position: right center; |
|
534 |
background-repeat: no-repeat; |
|
535 |
} |
|
536 |
||
| 548 | 537 |
label {
|
538 |
padding: 3px; |
|
539 |
cursor: pointer; |
|
540 |
font-family: arial, helvetica, sans-serif; |
|
541 |
font-size: 8pt; |
|
542 |
} |
|
543 |
||
544 |
label:hover {
|
|
545 |
padding: 3px; |
|
546 |
cursor: pointer; |
|
547 |
background-color: #F0F0F0; |
|
548 |
} |
|
549 |
||
550 |
input#pageheading {
|
|
| 822 | 551 |
font-family: trebuchet ms, verdana, arial, helvetica, sans-serif; |
552 |
font-size: 18pt; |
|
553 |
font-weight: bold; |
|
554 |
border-width: 0 0 1px 0; |
|
555 |
width: 100%; |
|
| 548 | 556 |
border-bottom: 1px solid #90D0B0; |
| 822 | 557 |
margin: 0; |
558 |
padding: 0; |
|
559 |
} |
|
560 |
||
561 |
input#pageheading:focus {
|
|
562 |
background-color: #fafafa; |
|
| 548 | 563 |
} |
564 |
||
565 |
input[type ^="button"], input[type ^="submit"], button {
|
|
| 822 | 566 |
background-image: url(../images/mint/sprite-horiz.gif); |
567 |
background-position: 0% -60px; |
|
| 0 | 568 |
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
|
569 |
color: #202020; |
| 0 | 570 |
} |
571 |
||
| 548 | 572 |
input[type ^="image"][disabled ^="disabled"] {
|
573 |
opacity: 0.5; |
|
574 |
filter: alpha(opacity=50); |
|
575 |
} |
|
576 |
||
577 |
input[type ^="button"][disabled ^="disabled"], input[type ^="submit"][disabled ^="disabled"], button[disabled ^="disabled"], .btn-disabled {
|
|
578 |
color: #808080 !important; |
|
579 |
background-image: none !important; |
|
580 |
background-color: #e0e0e0 !important; |
|
581 |
} |
|
| 0 | 582 |
|
583 |
/* The Wordpress-like fills behind checkboxes and their labels */ |
|
| 548 | 584 |
.catCheck {
|
585 |
padding: 3px; |
|
586 |
} |
|
587 |
||
588 |
.catCheck:hover {
|
|
589 |
padding: 3px; |
|
590 |
background-color: #F0F0F0; |
|
591 |
} |
|
| 0 | 592 |
|
593 |
/* Information, warning, question, error, and wait boxes */ |
|
| 548 | 594 |
div.error-box {
|
595 |
background-image: url(../../../images/error.png); |
|
596 |
background-position: 8px 8px; |
|
597 |
background-repeat: no-repeat; |
|
598 |
background-color: #FFF4F4; |
|
599 |
border: 1px dashed #408060; |
|
600 |
padding: 10px 10px 10px 50px; |
|
601 |
margin: 0.5em 0 0 0; |
|
602 |
min-height: 25px; |
|
603 |
} |
|
604 |
||
605 |
div.info-box {
|
|
606 |
background-image: url(../../../images/info.png); |
|
607 |
background-position: 8px 8px; |
|
608 |
background-repeat: no-repeat; |
|
609 |
background-color: #F4FFF4; |
|
610 |
border: 1px dashed #408060; |
|
611 |
padding: 10px 10px 10px 50px; |
|
612 |
margin: 0.5em 0 0 0; |
|
613 |
min-height: 25px; |
|
614 |
} |
|
615 |
||
616 |
div.warning-box {
|
|
617 |
background-image: url(../../../images/warning.png); |
|
618 |
background-position: 8px 8px; |
|
619 |
background-repeat: no-repeat; |
|
620 |
background-color: #FFF4FF; |
|
621 |
border: 1px dashed #408060; |
|
622 |
padding: 10px 10px 10px 50px; |
|
623 |
margin: 0.5em 0 0 0; |
|
624 |
min-height: 25px; |
|
625 |
} |
|
626 |
||
627 |
div.question-box {
|
|
628 |
background-image: url(../../../images/question.png); |
|
629 |
background-position: 8px 8px; |
|
630 |
background-repeat: no-repeat; |
|
631 |
background-color: #F4F4FF; |
|
632 |
border: 1px dashed #408060; |
|
633 |
padding: 10px 10px 10px 50px; |
|
634 |
margin: 0.5em 0 0 0; |
|
635 |
min-height: 25px; |
|
636 |
} |
|
637 |
||
638 |
div.wait-box {
|
|
639 |
background-image: url(../../../images/wait.png); |
|
640 |
background-position: 8px 8px; |
|
641 |
background-repeat: no-repeat; |
|
642 |
background-color: #FFFFF4; |
|
643 |
border: 1px dashed #408060; |
|
644 |
padding: 10px 10px 10px 50px; |
|
645 |
margin: 0.5em 0 0 0; |
|
646 |
min-height: 25px; |
|
647 |
} |
|
| 0 | 648 |
|
649 |
/* This stuff is mostly unused, left in for compatibility */ |
|
| 548 | 650 |
div#ajaxEditContainer table {
|
651 |
border: 0px solid #FFFFFF; |
|
652 |
} |
|
653 |
||
654 |
div#ajaxEditContainer td {
|
|
655 |
margin: 1px; |
|
656 |
} |
|
657 |
||
658 |
div#ajaxEditContainer pre {
|
|
659 |
margin-left: 1em; |
|
660 |
background-color: #F8F8F8; |
|
661 |
border: 1px dashed #90D0B0; |
|
662 |
padding: 10px; |
|
663 |
overflow: auto; |
|
664 |
max-height: 150px; |
|
665 |
} |
|
| 0 | 666 |
|
667 |
/* toolbar */ |
|
668 |
div.toolbar {
|
|
| 548 | 669 |
border: 1px solid #3b9c61; |
| 0 | 670 |
background-color: #D0D0D0; |
| 822 | 671 |
background-image: url(../images/mint/sprite-horiz.gif); |
672 |
background-position: 0 -90px; |
|
| 548 | 673 |
padding: 1px 0; |
| 0 | 674 |
height: 22px; |
675 |
font-family: arial, sans-serif; |
|
676 |
font-size: 8pt; |
|
677 |
} |
|
678 |
div.toolbar ul {
|
|
679 |
margin: 0; |
|
680 |
padding: 0; |
|
681 |
} |
|
682 |
div.toolbar ul li {
|
|
683 |
list-style: none; |
|
684 |
margin: 0; |
|
685 |
float: left; |
|
686 |
} |
|
687 |
div.toolbar a img {
|
|
688 |
opacity: 0.6; |
|
689 |
} |
|
| 548 | 690 |
div.toolbar a:hover img, div.toolbar a:focus img {
|
| 0 | 691 |
opacity: 1; |
692 |
} |
|
693 |
div.toolbar a {
|
|
694 |
display: block; |
|
695 |
padding: 2px; |
|
696 |
border: 1px solid transparent; |
|
697 |
cursor: default; |
|
698 |
width: auto; |
|
699 |
color: #000000; |
|
700 |
margin: 0 2px; |
|
701 |
max-height: 16px; |
|
702 |
text-decoration: none; |
|
703 |
} |
|
| 548 | 704 |
div.toolbar a:hover, div.toolbar a:focus {
|
705 |
border: 1px solid #008000; |
|
| 0 | 706 |
background-color: #ceedce; |
| 822 | 707 |
background-image: url(../images/mint/sprite-horiz.gif); |
708 |
background-position: 0 -118px; |
|
| 0 | 709 |
color: #000000; |
710 |
text-decoration: none; |
|
711 |
} |
|
712 |
div.toolbar a:active {
|
|
713 |
background-color: #E0E0E0; |
|
| 822 | 714 |
background-position: 0 -138px; |
| 0 | 715 |
} |
716 |
div.toolbar img {
|
|
717 |
margin: 0; |
|
718 |
padding: 0; |
|
719 |
display: inline; |
|
720 |
border-width: 0px; |
|
721 |
} |
|
722 |
div.toolbar a span {
|
|
723 |
position: relative; |
|
| 548 | 724 |
top: -3px !important; |
725 |
} |
|
726 |
div.toolbar a span.noimage {
|
|
727 |
position: relative; |
|
728 |
top: 0px !important; |
|
729 |
height: 16px !important; |
|
730 |
display: block; |
|
731 |
padding-left: 2px !important; |
|
| 0 | 732 |
} |
733 |
div.toolbar li span {
|
|
| 548 | 734 |
padding-left: 4px; |
735 |
padding-right: 2px; |
|
736 |
position: relative; |
|
737 |
top: 4px; |
|
| 0 | 738 |
} |
739 |
||
740 |
/* vertical toolbar */ |
|
741 |
div.toolbar_vert {
|
|
742 |
border: 1px solid #909090; |
|
743 |
background-color: #D0D0D0; |
|
744 |
padding: 2px 0; |
|
745 |
} |
|
746 |
div.toolbar_vert ul {
|
|
747 |
margin: 0; |
|
748 |
padding: 0; |
|
749 |
} |
|
750 |
div.toolbar_vert ul li {
|
|
751 |
list-style: none; |
|
752 |
margin: 0; |
|
753 |
} |
|
754 |
div.toolbar_vert a img {
|
|
755 |
opacity: 0.6; |
|
756 |
/*filter: alpha(opacity=60);*/ |
|
757 |
} |
|
758 |
div.toolbar_vert a:hover img {
|
|
759 |
opacity: 1; |
|
760 |
/*filter: alpha(opacity=100);*/ |
|
761 |
} |
|
762 |
div.toolbar_vert a {
|
|
763 |
display: block; |
|
764 |
padding: 2px; |
|
765 |
border: 1px solid transparent; |
|
766 |
cursor: default; |
|
767 |
width: auto; |
|
768 |
color: #000000; |
|
769 |
margin: 0 2px; |
|
770 |
max-height: 16px; |
|
771 |
text-decoration: none; |
|
772 |
} |
|
773 |
div.toolbar_vert a:hover {
|
|
774 |
border: 1px solid #209020; |
|
775 |
background-color: #ceedce; |
|
776 |
color: #000000; |
|
777 |
text-decoration: none; |
|
778 |
} |
|
779 |
div.toolbar_vert a:active {
|
|
780 |
border: 1px solid #A0A0A0; |
|
781 |
background-color: #E0E0E0; |
|
782 |
} |
|
783 |
div.toolbar_vert img {
|
|
784 |
margin: 0; |
|
785 |
padding: 0; |
|
786 |
display: inline; |
|
787 |
border-width: 0px; |
|
788 |
} |
|
789 |
div.toolbar_vert a span {
|
|
790 |
position: relative; |
|
791 |
top: -4px; |
|
792 |
} |
|
793 |
div.toolbar_vert li span {
|
|
794 |
padding-left: 2px; |
|
795 |
padding-right: 5px; |
|
796 |
} |
|
797 |
||
| 822 | 798 |
/* |
799 |
* Userpage styles |
|
800 |
*/ |
|
801 |
||
802 |
ul.userpage_links li {
|
|
803 |
background-image: url('../images/buttonbg.gif');
|
|
804 |
background-repeat: repeat-x; |
|
805 |
} |
|
806 |
||
807 |
ul.userpage_links li a {
|
|
808 |
color: #202020; |
|
809 |
} |
|
810 |
||
811 |
ul.userpage_links li.userpage_tab_active {
|
|
812 |
background-image: url('../images/buttonbg-lite.gif');
|
|
813 |
} |
|
814 |
||
815 |
ul.userpage_links li:hover {
|
|
816 |
background-image: url('../images/buttonbg-lite.gif');
|
|
817 |
border-color: #404040 #404040 #ffffff #404040; |
|
818 |
border-bottom-width: 0; |
|
819 |
} |
|
820 |
||
821 |
ul.userpage_links li.userpage_tab_active:hover {
|
|
822 |
border-bottom-width: 1px; |
|
823 |
} |