|
1 /** |
|
2 * Enanium - Baby Grand |
|
3 * Polished black default theme for Enano CMS |
|
4 * Copyright (C) 2009 Dan Fuhry |
|
5 */ |
|
6 |
|
7 /* Includes */ |
|
8 @import url(../css-extra/jbox.css); |
|
9 @import url(../css-extra/toolbar.css); |
|
10 |
|
11 /* Core definitions - structure */ |
|
12 |
|
13 html, body { |
|
14 margin: 0; |
|
15 padding: 0; |
|
16 } |
|
17 |
|
18 div { |
|
19 margin: 0; |
|
20 padding: 0; |
|
21 } |
|
22 |
|
23 body { |
|
24 background-image: url(../images/background.gif); |
|
25 background-color: #2a2a29; |
|
26 font-family: trebuchet ms, verdana, tahoma, arial, helvetica, sans-serif; |
|
27 font-size: 9pt; |
|
28 } |
|
29 |
|
30 table#body-wrapper { |
|
31 width: 100%; |
|
32 } |
|
33 |
|
34 body.simple table#body-wrapper { |
|
35 width: 70%; |
|
36 margin: 0 auto; |
|
37 } |
|
38 |
|
39 td#cell-sbleft { |
|
40 background-image: url(../images/transb50.png); |
|
41 } |
|
42 |
|
43 td#cell-content { |
|
44 background-color: #fff; |
|
45 padding: 0; |
|
46 width: 100%; |
|
47 } |
|
48 |
|
49 /* Global - links */ |
|
50 a { |
|
51 text-decoration: none; |
|
52 } |
|
53 |
|
54 a:link, a:visited { |
|
55 color: #356a9e; |
|
56 } |
|
57 |
|
58 div#content-wrapper a:visited { |
|
59 color: #4c84bb; |
|
60 } |
|
61 |
|
62 a:link:hover { |
|
63 color: #6a95c0; |
|
64 } |
|
65 |
|
66 /* Header */ |
|
67 div#header { |
|
68 line-height: 122px; |
|
69 /* background-image: url(../images/top.gif); */ |
|
70 background-repeat: repeat-x; |
|
71 color: #a9a9a9; |
|
72 padding: 0 1.3em; |
|
73 } |
|
74 |
|
75 body.simple div#header { |
|
76 line-height: 78px; |
|
77 width: 75%; |
|
78 margin: 100px auto 0 auto; |
|
79 } |
|
80 |
|
81 div#header h1 { |
|
82 margin: 0; |
|
83 font-weight: normal; |
|
84 } |
|
85 |
|
86 div#header h1 a { |
|
87 color: white; |
|
88 padding-right: 20px; |
|
89 } |
|
90 |
|
91 div#header h1 a:hover { |
|
92 background-image: url(../images/home.gif); |
|
93 background-repeat: no-repeat; |
|
94 background-position: center right; |
|
95 } |
|
96 |
|
97 div.logo { |
|
98 width: 96px; |
|
99 height: 122px; |
|
100 background-image: url(../images/logo.png); |
|
101 background-position: center center; |
|
102 background-repeat: no-repeat; |
|
103 float: left; |
|
104 margin: 0 7px 0 -13px; |
|
105 } |
|
106 |
|
107 /* Userlinks */ |
|
108 ul.useropts { |
|
109 position: absolute; |
|
110 margin: 0; |
|
111 right: 10px; |
|
112 line-height: 19px; |
|
113 top: 99px; |
|
114 } |
|
115 |
|
116 ul.useropts li { |
|
117 display: block; |
|
118 float: left; |
|
119 margin-right: 4px; |
|
120 } |
|
121 |
|
122 ul.useropts li a { |
|
123 color: #a9b2e3; |
|
124 display: block; |
|
125 padding: 2px 12px; |
|
126 background-color: #30475d; |
|
127 -moz-border-radius: 6px 6px 0 0; |
|
128 border-radius: 6px 6px 0 0; |
|
129 } |
|
130 |
|
131 ul.useropts li.em a { |
|
132 color: #b9d0e3; |
|
133 background-color: #405f7c; |
|
134 font-weight: bold; |
|
135 } |
|
136 |
|
137 ul.useropts li:hover { |
|
138 position: relative; |
|
139 top: -2px; |
|
140 } |
|
141 |
|
142 ul.useropts li:hover > a { |
|
143 padding: 2px 12px 4px 12px; |
|
144 } |
|
145 |
|
146 ul.useropts li.logout:hover > a { |
|
147 color: #e9e9e9; |
|
148 background-color: #701010; |
|
149 } |
|
150 |
|
151 /* Search form */ |
|
152 |
|
153 form.searchform { |
|
154 position: absolute; |
|
155 /* background-color: #292929; */ |
|
156 background-image: url(../images/transb50.png); |
|
157 top: 0px; |
|
158 right: 10px; |
|
159 padding: 7px; |
|
160 text-align: right; |
|
161 } |
|
162 |
|
163 /* Sidebars */ |
|
164 div.sidebar.left { |
|
165 width: 150px; |
|
166 } |
|
167 |
|
168 div.sidebar.right { |
|
169 float: right; |
|
170 width: 170px; |
|
171 margin: 0 0 0 20px; |
|
172 } |
|
173 |
|
174 div.sidebar.right div.slider { |
|
175 padding: 10px; |
|
176 background-color: #bed8ef; |
|
177 -moz-border-radius: 10px; |
|
178 border-radius: 10px; |
|
179 } |
|
180 |
|
181 div.sidebar h4 { |
|
182 margin: 0; |
|
183 padding: 5px 3px; |
|
184 color: #90B0D0; |
|
185 border-bottom: 1px dotted #5b6f80; |
|
186 font-size: 10pt; |
|
187 } |
|
188 |
|
189 div.sidebar div.slider { |
|
190 font-size: 8pt; |
|
191 } |
|
192 |
|
193 div.sidebar h4 a { |
|
194 cursor: pointer; |
|
195 } |
|
196 |
|
197 div.sidebar.right h4 { |
|
198 color: #5a87b3; |
|
199 } |
|
200 |
|
201 div.sidebar ul.linkblock { |
|
202 margin: 0; |
|
203 padding: 0; |
|
204 list-style-type: none; |
|
205 } |
|
206 |
|
207 div.sidebar ul.linkblock li a { |
|
208 display: block; |
|
209 color: #b2b2b2; |
|
210 padding: 5px 3px 5px 0.9em; |
|
211 } |
|
212 |
|
213 div.sidebar ul.linkblock li a:hover { |
|
214 color: #c5c5c5; |
|
215 background-color: #292929; |
|
216 } |
|
217 |
|
218 div.slider { |
|
219 margin-bottom: 7px; |
|
220 } |
|
221 |
|
222 /* Content area */ |
|
223 div#content-wrapper { |
|
224 margin: 0; |
|
225 padding: 20px; |
|
226 } |
|
227 |
|
228 div.content { |
|
229 /* Though very subtle, this makes the entire theme less harsh especially with Trebuchet. */ |
|
230 color: #202020; |
|
231 } |
|
232 |
|
233 div.content h1, div.content h2 { |
|
234 border-bottom: 1px solid #90B0D0; |
|
235 margin-top: 0.2em; |
|
236 } |
|
237 |
|
238 div.content p { |
|
239 margin-left: 0.8em; |
|
240 } |
|
241 |
|
242 /* Inline rename */ |
|
243 |
|
244 input#pageheading { |
|
245 font-family: trebuchet ms, verdana, arial, helvetica, sans-serif; |
|
246 font-size: 18pt; |
|
247 font-weight: bold; |
|
248 border-width: 0 0 1px 0; |
|
249 width: 100%; |
|
250 border-bottom: 1px solid #90B0D0; |
|
251 margin: 0; |
|
252 padding: 0; |
|
253 color: #202020; |
|
254 background-color: rgb(240, 240, 240, 0.5); |
|
255 } |
|
256 |
|
257 input#pageheading:focus { |
|
258 background-color: #fafafa; |
|
259 } |
|
260 |
|
261 /* External links */ |
|
262 |
|
263 div.content a[href ^="http://"], div#messageBox a[href ^="http://"] { |
|
264 color: #4d78a2; |
|
265 background: url(../images/links/external.gif) center right no-repeat; |
|
266 padding-right: 16px; |
|
267 } |
|
268 |
|
269 div.content a[href ^="https://"], div#messageBox a[href ^="https://"] { |
|
270 color: #4d78a2; |
|
271 background: url(../images/links/https.gif) center right no-repeat; |
|
272 padding-right: 16px; |
|
273 } |
|
274 |
|
275 div.content a[href ^="mailto:"], div#messageBox a[href ^="mailto:"] { |
|
276 color: #4d78a2; |
|
277 background: url(../images/links/email.gif) center right no-repeat; |
|
278 padding-right: 16px; |
|
279 } |
|
280 |
|
281 div.content a[href ^="irc://"], div#messageBox a[href ^="irc://"] { |
|
282 color: #4d78a2; |
|
283 background: url(../images/links/irc.gif) center right no-repeat; |
|
284 padding-right: 16px; |
|
285 } |
|
286 |
|
287 div.content a[href ^="http://"]:hover, div#messageBox a[href ^="http://"]:hover { |
|
288 color: #6488ad; |
|
289 } |
|
290 |
|
291 div.content a[href ^="https://"]:hover, div#messageBox a[href ^="https://"]:hover { |
|
292 color: #6488ad; |
|
293 } |
|
294 |
|
295 div.content a[href ^="mailto:"]:hover, div#messageBox a[href ^="mailto:"]:hover { |
|
296 color: #6488ad; |
|
297 } |
|
298 |
|
299 div.content a[href ^="irc://"]:hover, div#messageBox a[href ^="irc://"]:hover { |
|
300 color: #6488ad; |
|
301 } |
|
302 |
|
303 /* Form controls */ |
|
304 input { |
|
305 border: 1px solid #353535; |
|
306 background-color: #262626; |
|
307 color: #b6b6b6; |
|
308 font-size: 8pt; |
|
309 font-family: arial, helvetica, sans-serif; |
|
310 padding: 2px; |
|
311 } |
|
312 |
|
313 /* Footer */ |
|
314 div#footer { |
|
315 margin: 7px 0 0 0; |
|
316 border-top: 1px solid #707070; |
|
317 background-color: #000; |
|
318 color: #909090; |
|
319 padding: 4px; |
|
320 font-size: smaller; |
|
321 font-family: tahoma, arial, sans-serif; |
|
322 } |
|
323 |
|
324 body.simple div#footer { |
|
325 position: absolute; |
|
326 bottom: 0px; |
|
327 padding: 4px 0; |
|
328 width: 100%; |
|
329 } |
|
330 |
|
331 /* |
|
332 * Userpage styles |
|
333 */ |
|
334 |
|
335 ul.userpage_links li { |
|
336 background-image: url('../images/buttonbg.gif'); |
|
337 background-repeat: repeat-x; |
|
338 } |
|
339 |
|
340 ul.userpage_links li a { |
|
341 color: #202020; |
|
342 } |
|
343 |
|
344 ul.userpage_links li.userpage_tab_active { |
|
345 background-image: url('../images/buttonbg-lite.gif'); |
|
346 } |
|
347 |
|
348 ul.userpage_links li:hover { |
|
349 background-image: url('../images/buttonbg-lite.gif'); |
|
350 border-color: #404040 #404040 #ffffff #404040; |
|
351 border-bottom-width: 0; |
|
352 } |
|
353 |
|
354 ul.userpage_links li.userpage_tab_active:hover { |
|
355 border-bottom-width: 1px; |
|
356 } |
|
357 |
|
358 ul.userpage_links li a:visited, ul.userpage_links li a:hover { |
|
359 color: #202020 !important; |
|
360 } |