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 { height: 100%; } |
9 body { margin: 0; padding: 0; background: url(../images/mint/bg.png); font-family: trebuchet ms, verdana, arial, helvetica, sans-serif; font-size: 9pt; } |
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; } |
10 .holder { border: 1px solid #CCCCCC; padding: 1px; background-color: #FFFFFF; color: #444444 } |
10 .holder { border: 1px solid #CCCCCC; padding: 1px; background-color: #FFFFFF; color: #444444 } |
11 div.pad { padding: 10px; } |
11 div.pad { padding: 10px; } |
12 table#title { margin: 0; padding: 0; height: 100px; background-color: #90D0B0; text-align: center; } |
12 table#title { margin: 0; padding: 0; height: 100px; background-color: #90D0B0; text-align: center; } |
|
13 table.simple-layout td#mainhead { margin: 0; padding: 0; background-color: #90D0B0; text-align: center; } |
|
14 table.simple-layout td#mainhead h1 { margin: 15px 0; padding: 0; font-size: 14pt; } |
13 |
15 |
14 /* Sidebar */ |
16 /* Sidebar */ |
15 td.mdgSidebarHolder { width: 140px; } |
17 td.mdgSidebarHolder { width: 140px; } |
16 div.sidebar, .dbx-group { width: 138px; background-color: #F8F8F8; border-left: 1px solid #CCC; border-right: 1px solid #CCC; padding: 1px 0px 0px 0px; } |
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; } |
17 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; } |
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; } |
39 /* Text, headings, and links inside the main div (usually #ajaxEditContainer but used some other places as well) */ |
41 /* Text, headings, and links inside the main div (usually #ajaxEditContainer but used some other places as well) */ |
40 div.contentDiv h2 { border-bottom: 1px solid #90D0B0; margin-bottom: 0; } |
42 div.contentDiv h2 { border-bottom: 1px solid #90D0B0; margin-bottom: 0; } |
41 div.contentDiv h3 { font-size: 11pt; font-weight: bold; } |
43 div.contentDiv h3 { font-size: 11pt; font-weight: bold; } |
42 div.contentDiv ul li , div#messageBox ul li { list-style: url(../images/mint/bullet.gif); } |
44 div.contentDiv ul li , div#messageBox ul li { list-style: url(../images/mint/bullet.gif); } |
43 div.contentDiv p , div#messageBox p { margin-left: 1.0em; } |
45 div.contentDiv p , div#messageBox p { margin-left: 1.0em; } |
|
46 table.simple-layout div.contentDiv p { margin-left: 0em; } |
44 div.contentDiv blockquote , div#messageBox blockquote { background-color: #F4F4F4; border: 1px dotted #408060; margin: 1em; padding: 10px; max-height: 250px; overflow: auto; } |
47 div.contentDiv blockquote , div#messageBox blockquote { background-color: #F4F4F4; border: 1px dotted #408060; margin: 1em; padding: 10px; max-height: 250px; overflow: auto; } |
45 div.contentDiv , div#messageBox { font-size: 9pt; } |
48 div.contentDiv , div#messageBox { font-size: 9pt; } |
46 div.contentDiv a , div#messageBox a { color: #70B090; } |
49 div.contentDiv a , div#messageBox a { color: #70B090; } |
47 div.contentDiv a:hover , div#messageBox a:hover { color: #90D0B0; } |
50 div.contentDiv a:hover , div#messageBox a:hover { color: #90D0B0; } |
48 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; } |
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; } |
53 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; } |
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; } |
54 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; } |
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; } |
55 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; } |
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; } |
56 |
59 |
57 /* Wikilinks to pages that don't exist */ |
60 /* Wikilinks to pages that don't exist */ |
58 div.contentDiv a.wikilink-nonexistent { color: #B02050; } |
61 div.contentDiv a.wikilink-nonexistent { color: #B05020; } |
59 div.contentDiv a.wikilink-nonexistent:hover { color: #D03060; } |
62 div.contentDiv a.wikilink-nonexistent:hover { color: #D06030; } |
60 |
63 |
61 /* 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. */ |
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. */ |
62 .mdg-comment, .mdg-infobox { margin-left: 1em; padding: 7px; border: 1px solid #AAAAAA; background-color: #E8E8E8; } |
65 .mdg-comment, .mdg-infobox { margin-left: 1em; padding: 7px; border: 1px solid #AAAAAA; background-color: #E8E8E8; } |
63 |
66 |
64 .tblholder { margin: 10px 0 0 0; padding: 0; border: 1px solid #AAAAAA; background-color: #E8E8E8; } |
67 .tblholder { margin: 10px 0 0 0; padding: 0; border: 1px solid #AAAAAA; background-color: #E8E8E8; } |
255 .catCheck { padding: 3px; } |
258 .catCheck { padding: 3px; } |
256 .catCheck:hover { padding: 3px; background-color: #F0F0F0; } |
259 .catCheck:hover { padding: 3px; background-color: #F0F0F0; } |
257 |
260 |
258 /* Information, warning, question, error, and wait boxes */ |
261 /* Information, warning, question, error, and wait boxes */ |
259 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; } |
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; } |
260 div.info-box { background-image: url(../../../images/info.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; } |
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; } |
261 div.warning-box { background-image: url(../../../images/warning.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; } |
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; } |
262 div.question-box { background-image: url(../../../images/question.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; } |
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; } |
263 div.wait-box { background-image: url(../../../images/wait.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; } |
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; } |
264 |
267 |
265 /* This stuff is mostly unused, left in for compatibility */ |
268 /* This stuff is mostly unused, left in for compatibility */ |
266 div#ajaxEditContainer table { border: 0px solid #FFFFFF; } |
269 div#ajaxEditContainer table { border: 0px solid #FFFFFF; } |
267 div#ajaxEditContainer td { margin: 1px; } |
270 div#ajaxEditContainer td { margin: 1px; } |
268 /* div#ajaxEditContainer { overflow: auto; } /* Makes ajaxEditContainer scroll horizontally in firefox if the content is too wide - prevents that ugly clipping effect */ |
271 /* div#ajaxEditContainer { overflow: auto; } /* Makes ajaxEditContainer scroll horizontally in firefox if the content is too wide - prevents that ugly clipping effect */ |