|
1 /*############################################################# |
|
2 Name: Dark Ritual |
|
3 Date: 2006-11-06 |
|
4 Description: Tribal-style three column layout. |
|
5 Author: Viktor Persson |
|
6 URL: http://templates.arcsin.se |
|
7 |
|
8 Feel free to use and modify but please provide credits. |
|
9 #############################################################*/ |
|
10 |
|
11 /* standard elements */ |
|
12 * { |
|
13 margin: 0; |
|
14 padding: 0; |
|
15 } |
|
16 |
|
17 a {color: #682;} |
|
18 |
|
19 a:hover {color: #9A6;} |
|
20 |
|
21 body { |
|
22 background: #333 url(../img/bg.gif); |
|
23 color: #333; |
|
24 font: normal 62.5% "Lucida Sans Unicode",sans-serif; |
|
25 margin: 3% 0; |
|
26 } |
|
27 |
|
28 body#tinymce { |
|
29 background-color: #f7f7f7 !important; |
|
30 background-image: none !important; |
|
31 color: #111111; |
|
32 } |
|
33 |
|
34 p,ul { |
|
35 padding-bottom: 1em; |
|
36 } |
|
37 |
|
38 ul {margin-left: 1.2em;} |
|
39 |
|
40 li {list-style: none;} |
|
41 .main li, body#tinymce li {list-style-image: url(../img/li.gif);} |
|
42 |
|
43 h1 {font-size: 1.2em;} |
|
44 |
|
45 blockquote { |
|
46 background: #FFF; |
|
47 border-bottom: 1px solid #EEE; |
|
48 border-top: 1px solid #EEE; |
|
49 color: #333; |
|
50 display: block; |
|
51 font-size: 0.9em; |
|
52 margin-bottom: 1.2em; |
|
53 padding: 6px 12px; |
|
54 } |
|
55 blockquote p {padding: 3px 0;} |
|
56 |
|
57 h1,h2,h3 {color: #994;} |
|
58 |
|
59 /* misc */ |
|
60 .clearer {clear: both;} |
|
61 .main_right .padded {padding: 6px 2px 6px 16px;} |
|
62 .main .padded {padding: 18px 24px;} |
|
63 .meta {font-size: 0.8em; color: #666;} |
|
64 .left {float: left;} |
|
65 .right {float: right;} |
|
66 |
|
67 /* structure */ |
|
68 .container { |
|
69 font-size: 1.2em; |
|
70 background: url(../img/bgcontainer.gif) repeat-y; |
|
71 margin: 0 auto; |
|
72 width: 840px; |
|
73 border: 12px solid #222; |
|
74 } |
|
75 |
|
76 /* Adaptation for "simple" (limited elements) view */ |
|
77 .container-simple { |
|
78 width: 640px; |
|
79 background-position: -160px 0; |
|
80 margin-top: 100px; |
|
81 } |
|
82 |
|
83 /* header */ |
|
84 .header { |
|
85 float: left; |
|
86 width: 640px; |
|
87 background: url(../img/header.jpg) no-repeat; |
|
88 font: normal 2.4em Verdana,sans-serif; |
|
89 line-height: 150px; |
|
90 text-align: center; |
|
91 } |
|
92 |
|
93 .container-simple .header { |
|
94 line-height: 3em; |
|
95 background-position: center center; |
|
96 border-bottom: 1px solid #111111; |
|
97 } |
|
98 |
|
99 /* structure */ |
|
100 .top { |
|
101 background: #222; |
|
102 color: #DDD; |
|
103 float: left; |
|
104 font: normal 1.4em Verdana; |
|
105 height: 50px; |
|
106 text-align: center; |
|
107 width: 639px; |
|
108 } |
|
109 .subnav { |
|
110 float: left; |
|
111 width: 160px; |
|
112 color: #f7f7f7; |
|
113 } |
|
114 .subnav div.subnav_raw { |
|
115 margin-left: 8px; |
|
116 } |
|
117 #subnav_left { |
|
118 clear: left; |
|
119 margin-top: 10px; |
|
120 } |
|
121 .main { |
|
122 float: left; |
|
123 width: 480px; |
|
124 } |
|
125 .main_right { |
|
126 float: right; |
|
127 width: 200px; |
|
128 color: #CCC; |
|
129 } |
|
130 |
|
131 /* sub-navigation */ |
|
132 .subnav h1 { |
|
133 background: #222; |
|
134 color: #FFE; |
|
135 font: bold 1.1em Verdana,sans-serif; |
|
136 line-height: 24px; |
|
137 padding-left: 8px; |
|
138 } |
|
139 .subnav ul {margin: 0; padding: 0;} |
|
140 .subnav li { |
|
141 border-bottom: 1px solid #696755; |
|
142 list-style: none; |
|
143 } |
|
144 .subnav li a { |
|
145 background: #89866F; |
|
146 color: #111; |
|
147 display: block; |
|
148 padding: 8px 0 8px 12px; |
|
149 width: 148px; |
|
150 text-decoration: none; |
|
151 } |
|
152 .subnav li a:hover { |
|
153 background: #9C997C; |
|
154 color: #000; |
|
155 } |
|
156 |
|
157 /* footer */ |
|
158 .footer { |
|
159 background: url(../img/bgfooter.gif) repeat-x; |
|
160 color: #CCC; |
|
161 font-size: 0.9em; |
|
162 line-height: 39px; |
|
163 width: 100%; |
|
164 text-align: center; |
|
165 } |
|
166 .footer .left,.footer .right {padding: 0 16px;} |
|
167 .footer a {color: #EEE;} |
|
168 .footer a:hover {color: #FAFCB0;} |
|
169 |
|
170 fieldset { |
|
171 padding: 1em; |
|
172 } |
|
173 |
|
174 /* |
|
175 * ENANO STUFF |
|
176 */ |
|
177 |
|
178 /* |
|
179 * jBox menu system |
|
180 */ |
|
181 |
|
182 div.menu, div.menu_nojs { |
|
183 background-color: #333333; |
|
184 font-size: 7pt; |
|
185 border-width: 0; |
|
186 } |
|
187 /* This is Dark Ritual-specific */ |
|
188 div.menu#pagebar_main, div.menu_nojs#pagebar_main { |
|
189 float: left; |
|
190 width: 639px; |
|
191 } |
|
192 /* So is this */ |
|
193 div.menu#pagebar_main span.menuclear, div.menu_nojs#pagebar_main span.menuclear { |
|
194 } |
|
195 |
|
196 .menu_bg { |
|
197 background-color: #222222; |
|
198 } |
|
199 div.menu a, div.menu div.label { |
|
200 padding: 2.5pt 5px; |
|
201 margin-right: 3px; |
|
202 text-decoration: none; |
|
203 display: block; |
|
204 float: left; |
|
205 color: #111111; |
|
206 } |
|
207 div.menu_nojs a, div.menu_nojs div.label { |
|
208 padding: 2.5pt 5px; |
|
209 margin-right: 3px; |
|
210 text-decoration: none; |
|
211 display: block; |
|
212 float: left; |
|
213 color: #c6c6c6; |
|
214 } |
|
215 div.menu div.label, div.menu_nojs div.label { |
|
216 color: #a0a0a0; |
|
217 cursor: default; |
|
218 } |
|
219 /* Buttons/labels on pop-down menus */ |
|
220 div.menu_nojs ul li a, div.menu ul li a, div.menu_nojs ul div.label, div.menu ul div.label { |
|
221 color: #111111; |
|
222 } |
|
223 div.menu_nojs ul div.label, div.menu ul div.label { |
|
224 font-weight: bold; |
|
225 } |
|
226 div.menu span.sep, div.menu_nojs span.sep { |
|
227 display: block; |
|
228 float: left; |
|
229 width: 5px; |
|
230 } |
|
231 div.menu div.multopts, div.menu_nojs div.multopts { |
|
232 line-height: 17pt; |
|
233 } |
|
234 div.menu div.multopts a, div.menu div.multopts div.label, div.menu_nojs div.multopts a, div.menu_nojs div.multopts div.label { |
|
235 float: none; |
|
236 display: inline; |
|
237 } |
|
238 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 { |
|
239 color: #f7f7f7; |
|
240 background-color: #555555; |
|
241 } |
|
242 div.menu input[type ^="text"], div.menu input[type ^="password"], div.menu_nojs input[type ^="text"], div.menu_nojs input[type ^="password"] { |
|
243 border-width: 0; |
|
244 font-size: 9pt; |
|
245 padding: 2px 5px 3px 5px; |
|
246 max-width: 70px; |
|
247 background-color: #aaa787; |
|
248 } |
|
249 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 { |
|
250 background-color: #b5b290; |
|
251 } |
|
252 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 { |
|
253 background-color: #c1bd99; |
|
254 } |
|
255 div.menu input[type ^="button"], div.menu input[type ^="submit"], div.menu_nojs input[type ^="button"], div.menu_nojs input[type ^="submit"] { |
|
256 border-width: 0; |
|
257 font-size: 9pt; |
|
258 padding: 3px 5px; |
|
259 max-width: 70px; |
|
260 } |
|
261 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 { |
|
262 color: #111111; |
|
263 background-color: #9C997C; |
|
264 } |
|
265 div.menu ul, div.menu_nojs ul { |
|
266 display: none; |
|
267 position: absolute; |
|
268 padding: 0; |
|
269 margin: 0 !important; |
|
270 background-color: #9f9c7e; |
|
271 border-width: 0; |
|
272 min-width: 120px; |
|
273 } |
|
274 div.menu ul li, div.menu_nojs ul li { |
|
275 list-style: none; |
|
276 } |
|
277 div.menu ul a, div.menu_nojs ul a { |
|
278 float: none; |
|
279 margin: 0; |
|
280 } |
|
281 span.menuclear { |
|
282 font-size: 1px; |
|
283 height: 0px; |
|
284 width: 0px; |
|
285 clear: left; |
|
286 line-height: 0px; |
|
287 display: block; |
|
288 } |
|
289 |
|
290 #h1_page_name { |
|
291 border-bottom: 1px solid #111111; |
|
292 margin-bottom: 10px; |
|
293 } |
|
294 |
|
295 /* Enano's tables */ |
|
296 |
|
297 .tblholder { margin: 10px 0 0 0; padding: 0; border: 1px solid #AAAAAA; background-color: #E8E8E8; } |
|
298 |
|
299 /* The beautiful tables inside what may not obviously be mdg-comment divs */ |
|
300 div.tblholder td.row1 { padding: 4px; background-color: #E0E0E0; } |
|
301 div.tblholder td.row2 { padding: 4px; background-color: #F0F0F0; } |
|
302 div.tblholder td.row3 { padding: 4px; background-color: #E8E8E8; } |
|
303 div.tblholder th { padding: 4px; background-color: #696755; font-weight: bold; text-align: center; color: #FFFFFF; } |
|
304 div.tblholder th.subhead { padding: 4px; background-color: #84816b; font-weight: bold; text-align: center; color: #FFFFFF; } |
|
305 div.tblholder table { background-color: #FFFFFF; width: 100%; } |
|
306 |
|
307 /* Changes for tables embedded in the sidebars */ |
|
308 .subnav .tblholder, .main_right .tblholder { margin: 10px 0 0 0; padding: 0; border: 1px solid #AAAAAA; background-color: #111111; } |
|
309 .subnav div.tblholder table, .main_right div.tblholder table { background-color: #888888; width: 100%; } |
|
310 .subnav div.tblholder td.row1, .main_right div.tblholder td.row1 { padding: 4px; background-color: #333333; } |
|
311 .subnav div.tblholder td.row2, .main_right div.tblholder td.row2 { padding: 4px; background-color: #444444; } |
|
312 .subnav div.tblholder td.row3, .main_right div.tblholder td.row3 { padding: 4px; background-color: #3B3B3B; } |
|
313 |
|
314 /* Colored table cells */ |
|
315 div.tblholder td.row1_red { padding: 4px; background-color: #F8E0E0; } |
|
316 div.tblholder td.row2_red { padding: 4px; background-color: #FFF0F0; } |
|
317 div.tblholder td.row3_red { padding: 4px; background-color: #FFE8E8; } |
|
318 div.tblholder td.row1_green { padding: 4px; background-color: #E0F8E0; } |
|
319 div.tblholder td.row2_green { padding: 4px; background-color: #F0FFF0; } |
|
320 div.tblholder td.row3_green { padding: 4px; background-color: #E8FFE8; } |
|
321 |