|
1 /* |
|
2 * Enano theme specifically designed to make the admin panel work better |
|
3 */ |
|
4 |
|
5 |
|
6 body { color: #000000; background-color: #456798; font-family: arial, helvetica, sans-serif; font-size: 8pt; margin: 0; padding: 0; } |
|
7 |
|
8 div#header { font-family: georgia, serif; font-size: 11pt; background-color: #254778; padding: 10px; color: #FFFFFF; line-height: 55px; } |
|
9 div#header a { color: #C0D0F0; border-bottom: 1px dotted #a0c0f0; text-decoration: none; } |
|
10 div#header div.sitename { color: #B0C8F0; font-family: georgia, serif; font-weight: normal; font-size: 22pt; margin: 0 10px 0 0; padding: 0; float: left; } |
|
11 div#header div.menulink { float: right; padding: 0 10px 0 0; } |
|
12 div#header div.menulink a { text-decoration: underline; color: #FFFFFF; border-bottom-width: 0; } |
|
13 |
|
14 div#sidebar { position: absolute; background-color: #000010; color: #FFFFFF; padding: 0px; width: 200px; display: none; } |
|
15 div#sidebar h4 { background-color: #444444; margin: 0; padding: 5px; } |
|
16 div#sidebar ul { margin: 0; padding: 0; list-style: none; } |
|
17 div#sidebar ul li a { display: block; padding: 5px 8px; text-decoration: none; color: #FFFFFF; } |
|
18 div#sidebar ul li a:hover { background-color: #303030; } |
|
19 |
|
20 div.footer { margin: 10px 0 0 0; padding: 7px; text-align: center; border: 1px solid #A0A0A0; background-color: #e0e0e0; color: #666; } |
|
21 div.footer a { color: #777; text-decoration: underline; } |
|
22 |
|
23 table#wrapper { width: 100%; margin: 10px 0 0 0; } |
|
24 table#wrapper td.top-left { width: 37px; height: 28px; background-image: url(../images/window-topcorners.png); background-repeat: no-repeat; } |
|
25 table#wrapper td.top { height: 28px; background-image: url(../images/window-top.png); background-repeat: repeat-x; } |
|
26 table#wrapper td.top-right { width: 37px; height: 28px; background-image: url(../images/window-topcorners.png); background-repeat: no-repeat; background-position: -37px 0px; } |
|
27 table#wrapper td.left { width: 37px; background-image: url(../images/window-left.png); background-repeat: repeat-y; } |
|
28 table#wrapper td.main { background-color: #FFFFFF; } |
|
29 table#wrapper td.right { width: 37px; background-image: url(../images/window-right.png); background-repeat: repeat-y; } |
|
30 table#wrapper td.bottom-left { width: 37px; height: 44px; background-image: url(../images/window-bottomcorners.png); background-repeat: no-repeat; } |
|
31 table#wrapper td.bottom { height: 44px; background-image: url(../images/window-bottom.png); background-repeat: repeat-x; } |
|
32 table#wrapper td.bottom-right { width: 37px; height: 44px; background-image: url(../images/window-bottomcorners.png); background-repeat: no-repeat; background-position: -37px 0px; } |
|
33 |
|
34 /* Content area */ |
|
35 table#wrapper td.main h2.pagename { |
|
36 border-bottom: 1px solid #456798; |
|
37 margin-bottom: 0; |
|
38 } |
|
39 |
|
40 table#wrapper td.main a { |
|
41 color: #294F75; |
|
42 } |
|
43 table#wrapper td.main a:hover { |
|
44 color: #597FA5; |
|
45 } |
|
46 |
|
47 /* |
|
48 * jBox menu system |
|
49 */ |
|
50 |
|
51 div.menu { |
|
52 background-color: #B0D0F0; |
|
53 font-size: 7pt; |
|
54 border-width: 0; |
|
55 } |
|
56 div.menu a, div.menu div.label { |
|
57 padding: 2.5pt 5px; |
|
58 margin-right: 3px; |
|
59 text-decoration: none; |
|
60 display: block; |
|
61 float: left; |
|
62 color: #406080; |
|
63 } |
|
64 div.menu div.label { |
|
65 color: #001020; |
|
66 cursor: default; |
|
67 } |
|
68 div.menu span.sep { |
|
69 display: block; |
|
70 float: left; |
|
71 width: 5px; |
|
72 } |
|
73 div.menu div.multopts { |
|
74 line-height: 17pt; |
|
75 } |
|
76 div.menu div.multopts a, div.menu div.multopts div.label { |
|
77 float: none; |
|
78 display: inline; |
|
79 } |
|
80 div.menu a.liteselected, div.menu a.liteselected:hover, div.menu a:hover { |
|
81 color: #406080; |
|
82 background-color: #D0F0FF; |
|
83 } |
|
84 div.menu input[type ^="text"], div.menu input[type ^="password"] { |
|
85 border-width: 0; |
|
86 font-size: 9pt; |
|
87 padding: 4px 5px; |
|
88 max-width: 70px; |
|
89 background-color: #D0F0FF; |
|
90 } |
|
91 div.menu input[type ^="text"]:hover, div.menu input[type ^="password"]:hover { |
|
92 background-color: #E0F0FF; |
|
93 } |
|
94 div.menu input[type ^="text"]:focus, div.menu input[type ^="password"]:focus { |
|
95 background-color: #F0F0FF; |
|
96 } |
|
97 div.menu input[type ^="button"], div.menu input[type ^="submit"] { |
|
98 border-width: 0; |
|
99 font-size: 9pt; |
|
100 padding: 3px 5px; |
|
101 max-width: 70px; |
|
102 } |
|
103 div.menu a.current, div.menu a.current:hover, div.menu a.selected, div.menu a.selected:hover { |
|
104 color: #000040; |
|
105 background-color: #FFFFFF; |
|
106 } |
|
107 div.menu ul { |
|
108 display: none; |
|
109 position: absolute; |
|
110 padding: 0; |
|
111 margin: 0; |
|
112 background-color: #B0D0F0; |
|
113 border-width: 0; |
|
114 min-width: 120px; |
|
115 } |
|
116 div.menu ul li { |
|
117 list-style: none; |
|
118 } |
|
119 div.menu ul a { |
|
120 float: none; |
|
121 margin: 0; |
|
122 } |
|
123 span.menuclear { |
|
124 font-size: 1px; |
|
125 height: 0px; |
|
126 width: 0px; |
|
127 clear: left; |
|
128 line-height: 0px; |
|
129 display: block; |
|
130 } |
|
131 |
|
132 /* Buttons - this is CSS3 */ |
|
133 input[type ^="button"], input[type ^="submit"] { |
|
134 border-width: 1px; |
|
135 border-color: #666; |
|
136 border-style: solid; |
|
137 background-color: #DDD; |
|
138 color: #101010; |
|
139 cursor: pointer; |
|
140 font-size: 8pt; |
|
141 font-family: arial, helvetica, sans-serif; |
|
142 padding: 5px 3px; |
|
143 background-image: url(../images/buttonbg.gif); |
|
144 background-repeat: repeat-x; |
|
145 } |
|
146 |
|
147 input[type ^="button"]:hover, input[type ^="submit"]:hover { |
|
148 border-color: #999; |
|
149 } |
|
150 |
|
151 input[type ^="button"]:active, input[type ^="submit"]:active { |
|
152 padding: 6px 2px 4px 4px; |
|
153 border-color: #333; |
|
154 } |
|
155 |
|
156 input[type ^="text"], input[type ^="password"] { |
|
157 background-color: #F8FBFF; |
|
158 border: 1px solid #254778; |
|
159 font-size: 8pt; |
|
160 font-family: arial, helvetica, sans-serif; |
|
161 padding: 3px; |
|
162 } |
|
163 |