| author | Dan |
| Wed, 08 Jul 2009 18:51:48 -0400 | |
| changeset 1043 | ac1ecaacb48e |
| parent 1004 | e01c51cc1b35 |
| child 1045 | ce069a06906c |
| permissions | -rw-r--r-- |
| 921 | 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 |
||
| 958 | 218 |
div.sidebar a.closebtn {
|
|
955
de4f81abc5e3
Enanium: Set right sidebar as collapsible. Whether I will do the left one I do not know.
Dan
parents:
948
diff
changeset
|
219 |
display: block; |
|
de4f81abc5e3
Enanium: Set right sidebar as collapsible. Whether I will do the left one I do not know.
Dan
parents:
948
diff
changeset
|
220 |
float: right; |
|
de4f81abc5e3
Enanium: Set right sidebar as collapsible. Whether I will do the left one I do not know.
Dan
parents:
948
diff
changeset
|
221 |
margin-right: 10px; |
|
de4f81abc5e3
Enanium: Set right sidebar as collapsible. Whether I will do the left one I do not know.
Dan
parents:
948
diff
changeset
|
222 |
color: #456798; |
|
de4f81abc5e3
Enanium: Set right sidebar as collapsible. Whether I will do the left one I do not know.
Dan
parents:
948
diff
changeset
|
223 |
background-color: #f0f0f0; |
|
de4f81abc5e3
Enanium: Set right sidebar as collapsible. Whether I will do the left one I do not know.
Dan
parents:
948
diff
changeset
|
224 |
padding: 0 8px; |
|
de4f81abc5e3
Enanium: Set right sidebar as collapsible. Whether I will do the left one I do not know.
Dan
parents:
948
diff
changeset
|
225 |
-moz-border-radius: 0 0 4px 4px; |
|
de4f81abc5e3
Enanium: Set right sidebar as collapsible. Whether I will do the left one I do not know.
Dan
parents:
948
diff
changeset
|
226 |
cursor: pointer; |
|
de4f81abc5e3
Enanium: Set right sidebar as collapsible. Whether I will do the left one I do not know.
Dan
parents:
948
diff
changeset
|
227 |
} |
|
de4f81abc5e3
Enanium: Set right sidebar as collapsible. Whether I will do the left one I do not know.
Dan
parents:
948
diff
changeset
|
228 |
|
| 958 | 229 |
div.sidebar.left a.closebtn {
|
230 |
color: #f0f0f0; |
|
231 |
background-color: #404040; |
|
232 |
margin-right: 0px; |
|
233 |
-moz-border-radius: 0 0 0 4px; |
|
|
965
72b37471cce0
Enanium: left collapse button same size as jBox bars now
Dan
parents:
958
diff
changeset
|
234 |
padding: 1pt 5px; |
|
72b37471cce0
Enanium: left collapse button same size as jBox bars now
Dan
parents:
958
diff
changeset
|
235 |
font-size: 10pt; |
| 958 | 236 |
} |
237 |
||
|
955
de4f81abc5e3
Enanium: Set right sidebar as collapsible. Whether I will do the left one I do not know.
Dan
parents:
948
diff
changeset
|
238 |
div.right-sidebar-hidden {
|
|
de4f81abc5e3
Enanium: Set right sidebar as collapsible. Whether I will do the left one I do not know.
Dan
parents:
948
diff
changeset
|
239 |
margin-left: 10px; |
|
de4f81abc5e3
Enanium: Set right sidebar as collapsible. Whether I will do the left one I do not know.
Dan
parents:
948
diff
changeset
|
240 |
display: none; |
|
de4f81abc5e3
Enanium: Set right sidebar as collapsible. Whether I will do the left one I do not know.
Dan
parents:
948
diff
changeset
|
241 |
} |
|
de4f81abc5e3
Enanium: Set right sidebar as collapsible. Whether I will do the left one I do not know.
Dan
parents:
948
diff
changeset
|
242 |
|
| 958 | 243 |
div.left-sidebar-hidden {
|
244 |
display: none; |
|
245 |
position: absolute; |
|
246 |
} |
|
247 |
||
|
955
de4f81abc5e3
Enanium: Set right sidebar as collapsible. Whether I will do the left one I do not know.
Dan
parents:
948
diff
changeset
|
248 |
div.right-sidebar-hidden a.openbtn {
|
|
de4f81abc5e3
Enanium: Set right sidebar as collapsible. Whether I will do the left one I do not know.
Dan
parents:
948
diff
changeset
|
249 |
display: block; |
|
de4f81abc5e3
Enanium: Set right sidebar as collapsible. Whether I will do the left one I do not know.
Dan
parents:
948
diff
changeset
|
250 |
float: right; |
|
de4f81abc5e3
Enanium: Set right sidebar as collapsible. Whether I will do the left one I do not know.
Dan
parents:
948
diff
changeset
|
251 |
margin-right: -20px; |
|
de4f81abc5e3
Enanium: Set right sidebar as collapsible. Whether I will do the left one I do not know.
Dan
parents:
948
diff
changeset
|
252 |
color: #456798; |
|
de4f81abc5e3
Enanium: Set right sidebar as collapsible. Whether I will do the left one I do not know.
Dan
parents:
948
diff
changeset
|
253 |
background-color: #f0f0f0; |
|
de4f81abc5e3
Enanium: Set right sidebar as collapsible. Whether I will do the left one I do not know.
Dan
parents:
948
diff
changeset
|
254 |
padding: 5px 8px; |
|
de4f81abc5e3
Enanium: Set right sidebar as collapsible. Whether I will do the left one I do not know.
Dan
parents:
948
diff
changeset
|
255 |
-moz-border-radius: 4px 0 0 4px; |
|
de4f81abc5e3
Enanium: Set right sidebar as collapsible. Whether I will do the left one I do not know.
Dan
parents:
948
diff
changeset
|
256 |
cursor: pointer; |
|
de4f81abc5e3
Enanium: Set right sidebar as collapsible. Whether I will do the left one I do not know.
Dan
parents:
948
diff
changeset
|
257 |
} |
|
de4f81abc5e3
Enanium: Set right sidebar as collapsible. Whether I will do the left one I do not know.
Dan
parents:
948
diff
changeset
|
258 |
|
| 958 | 259 |
div.left-sidebar-hidden a.openbtn {
|
260 |
display: block; |
|
261 |
float: left; |
|
262 |
margin-top: 1.8em; |
|
263 |
color: #456798; |
|
264 |
background-color: #f0f0f0; |
|
265 |
padding: 5px 4px; |
|
266 |
-moz-border-radius: 0 4px 4px 0; |
|
267 |
cursor: pointer; |
|
268 |
} |
|
269 |
||
| 921 | 270 |
div.slider {
|
271 |
margin-bottom: 7px; |
|
272 |
} |
|
273 |
||
274 |
/* Content area */ |
|
275 |
div#content-wrapper {
|
|
276 |
margin: 0; |
|
277 |
padding: 20px; |
|
278 |
} |
|
279 |
||
280 |
div.content {
|
|
281 |
/* Though very subtle, this makes the entire theme less harsh especially with Trebuchet. */ |
|
282 |
color: #202020; |
|
283 |
} |
|
284 |
||
285 |
div.content h1, div.content h2 {
|
|
286 |
border-bottom: 1px solid #90B0D0; |
|
287 |
margin-top: 0.2em; |
|
288 |
} |
|
289 |
||
| 1004 | 290 |
div.content h1#h2PageName {
|
291 |
margin: 0.2em 0 0 0; |
|
292 |
} |
|
293 |
||
| 921 | 294 |
div.content p {
|
295 |
margin-left: 0.8em; |
|
296 |
} |
|
297 |
||
| 948 | 298 |
/* Wikilinks to pages that don't exist */ |
299 |
div.content a.wikilink-nonexistent {
|
|
300 |
color: #B05020; |
|
301 |
} |
|
302 |
||
303 |
div.content a.wikilink-nonexistent:visited {
|
|
| 977 | 304 |
color: #906030 !important; |
| 948 | 305 |
} |
306 |
||
| 921 | 307 |
/* Inline rename */ |
308 |
||
309 |
input#pageheading {
|
|
310 |
font-family: trebuchet ms, verdana, arial, helvetica, sans-serif; |
|
311 |
font-size: 18pt; |
|
312 |
font-weight: bold; |
|
313 |
border-width: 0 0 1px 0; |
|
314 |
width: 100%; |
|
315 |
border-bottom: 1px solid #90B0D0; |
|
316 |
margin: 0; |
|
317 |
padding: 0; |
|
318 |
color: #202020; |
|
319 |
background-color: rgb(240, 240, 240, 0.5); |
|
320 |
} |
|
321 |
||
322 |
input#pageheading:focus {
|
|
323 |
background-color: #fafafa; |
|
324 |
} |
|
325 |
||
326 |
/* External links */ |
|
327 |
||
328 |
div.content a[href ^="http://"], div#messageBox a[href ^="http://"] {
|
|
329 |
color: #4d78a2; |
|
330 |
background: url(../images/links/external.gif) center right no-repeat; |
|
331 |
padding-right: 16px; |
|
332 |
} |
|
333 |
||
334 |
div.content a[href ^="https://"], div#messageBox a[href ^="https://"] {
|
|
335 |
color: #4d78a2; |
|
336 |
background: url(../images/links/https.gif) center right no-repeat; |
|
337 |
padding-right: 16px; |
|
338 |
} |
|
339 |
||
340 |
div.content a[href ^="mailto:"], div#messageBox a[href ^="mailto:"] {
|
|
341 |
color: #4d78a2; |
|
342 |
background: url(../images/links/email.gif) center right no-repeat; |
|
343 |
padding-right: 16px; |
|
344 |
} |
|
345 |
||
346 |
div.content a[href ^="irc://"], div#messageBox a[href ^="irc://"] {
|
|
347 |
color: #4d78a2; |
|
348 |
background: url(../images/links/irc.gif) center right no-repeat; |
|
349 |
padding-right: 16px; |
|
350 |
} |
|
351 |
||
352 |
div.content a[href ^="http://"]:hover, div#messageBox a[href ^="http://"]:hover {
|
|
353 |
color: #6488ad; |
|
354 |
} |
|
355 |
||
356 |
div.content a[href ^="https://"]:hover, div#messageBox a[href ^="https://"]:hover {
|
|
357 |
color: #6488ad; |
|
358 |
} |
|
359 |
||
360 |
div.content a[href ^="mailto:"]:hover, div#messageBox a[href ^="mailto:"]:hover {
|
|
361 |
color: #6488ad; |
|
362 |
} |
|
363 |
||
364 |
div.content a[href ^="irc://"]:hover, div#messageBox a[href ^="irc://"]:hover {
|
|
365 |
color: #6488ad; |
|
366 |
} |
|
367 |
||
368 |
/* Form controls */ |
|
369 |
input {
|
|
370 |
border: 1px solid #353535; |
|
371 |
background-color: #262626; |
|
372 |
color: #b6b6b6; |
|
373 |
font-size: 8pt; |
|
374 |
font-family: arial, helvetica, sans-serif; |
|
375 |
padding: 2px; |
|
376 |
} |
|
377 |
||
378 |
/* Footer */ |
|
379 |
div#footer {
|
|
380 |
margin: 7px 0 0 0; |
|
381 |
border-top: 1px solid #707070; |
|
382 |
background-color: #000; |
|
383 |
color: #909090; |
|
384 |
padding: 4px; |
|
385 |
font-size: smaller; |
|
386 |
font-family: tahoma, arial, sans-serif; |
|
387 |
} |
|
388 |
||
389 |
body.simple div#footer {
|
|
390 |
position: absolute; |
|
391 |
bottom: 0px; |
|
392 |
padding: 4px 0; |
|
393 |
width: 100%; |
|
394 |
} |
|
395 |
||
396 |
/* |
|
397 |
* Userpage styles |
|
398 |
*/ |
|
399 |
||
400 |
ul.userpage_links li {
|
|
401 |
background-image: url('../images/buttonbg.gif');
|
|
402 |
background-repeat: repeat-x; |
|
403 |
} |
|
404 |
||
405 |
ul.userpage_links li a {
|
|
406 |
color: #202020; |
|
407 |
} |
|
408 |
||
409 |
ul.userpage_links li.userpage_tab_active {
|
|
410 |
background-image: url('../images/buttonbg-lite.gif');
|
|
411 |
} |
|
412 |
||
413 |
ul.userpage_links li:hover {
|
|
414 |
background-image: url('../images/buttonbg-lite.gif');
|
|
415 |
border-color: #404040 #404040 #ffffff #404040; |
|
416 |
border-bottom-width: 0; |
|
417 |
} |
|
418 |
||
419 |
ul.userpage_links li.userpage_tab_active:hover {
|
|
420 |
border-bottom-width: 1px; |
|
421 |
} |
|
422 |
||
423 |
ul.userpage_links li a:visited, ul.userpage_links li a:hover {
|
|
424 |
color: #202020 !important; |
|
425 |
} |
|
| 958 | 426 |
|
427 |
/* |
|
428 |
* Some table stuff |
|
429 |
*/ |
|
430 |
||
431 |
div.tblholder th a {
|
|
432 |
text-decoration: underline; |
|
433 |
color: #f0f0f0 !important; |
|
434 |
} |