|
1 /* |
|
2 * Simplistic: a springy theme for Enano |
|
3 * Copyright (C) 2007 Dan Fuhry |
|
4 * |
|
5 * The licensing conditions for this theme package can be viewed in the file "GPL" included with this package. |
|
6 */ |
|
7 |
|
8 /* Enano imports */ |
|
9 @import url("../css-global/tables.css"); |
|
10 @import url("../css-global/jbox.css"); |
|
11 @import url("../css-global/inputs.css"); |
|
12 |
|
13 body { |
|
14 background-color: #7dcde7; |
|
15 font-family: lucida grande, verdana, arial, sans-serif; |
|
16 font-size: 75%; |
|
17 } |
|
18 |
|
19 div#mainholder, div#mainholder-simple { |
|
20 width: 718px; |
|
21 margin: 0 auto; |
|
22 } |
|
23 |
|
24 div#mainholder-simple { |
|
25 background-image: url(../img/simple-footer.png); |
|
26 background-position: bottom center; |
|
27 background-repeat: no-repeat; |
|
28 padding: 0 0 40px 0; |
|
29 margin-top: 50px; |
|
30 } |
|
31 |
|
32 div#rap { |
|
33 width: 718px; |
|
34 padding: 10px 0; |
|
35 background-image: url(../img/spacer.png); |
|
36 margin: 0 auto; |
|
37 } |
|
38 |
|
39 div.rap-simple { |
|
40 padding: 0 !important; |
|
41 } |
|
42 |
|
43 /* Catch-all for links */ |
|
44 |
|
45 a { |
|
46 color: #73b22e; |
|
47 } |
|
48 |
|
49 a:hover { |
|
50 color: #ffbb00; |
|
51 } |
|
52 |
|
53 /* Title area */ |
|
54 |
|
55 div.title { |
|
56 width: 718px; |
|
57 height: 203px; |
|
58 background-image: url(../img/heading.jpg); |
|
59 background-repeat: no-repeat; |
|
60 text-align: center; |
|
61 } |
|
62 |
|
63 div.title h1.site-name { |
|
64 margin: 0 auto; |
|
65 padding: 70px 0 0 0; |
|
66 } |
|
67 |
|
68 /* Left sidebar |
|
69 In this theme the left and right sidebars are dramatically different |
|
70 So we have different divs for each side |
|
71 */ |
|
72 |
|
73 div#sidebar-left { |
|
74 width: 206px; |
|
75 margin-right: 10px; |
|
76 background-color: white; |
|
77 } |
|
78 |
|
79 div#sidebar-left div.sidebar-top { |
|
80 height: 17px; |
|
81 background-image: url(../img/sidebar-hi.png); |
|
82 margin: 0; |
|
83 } |
|
84 |
|
85 div#sidebar-left div.sidebar-mid { |
|
86 background-image: url(../img/sidebar-mid.png); |
|
87 margin: 0; |
|
88 padding: 4px 12px; |
|
89 } |
|
90 |
|
91 div#sidebar-left div.sidebar-bottom { |
|
92 height: 12px; |
|
93 background-image: url(../img/sidebar-low.png); |
|
94 margin-bottom: 12px; |
|
95 } |
|
96 |
|
97 div#sidebar-left h4.blocktitle { |
|
98 color: #4a6e22; |
|
99 text-transform: uppercase; |
|
100 border-bottom: 1px solid #6ca132; |
|
101 margin: 0; |
|
102 font-family: arial, sans-serif; |
|
103 } |
|
104 |
|
105 div#sidebar-left ul { |
|
106 padding: 0; |
|
107 margin: 7px 0 0 0; |
|
108 list-style: none; |
|
109 } |
|
110 |
|
111 div#sidebar-left div.section-normal ul li a { |
|
112 line-height: 30px; |
|
113 display: block; |
|
114 text-decoration: none; |
|
115 padding: 0% 5px; |
|
116 color: #39541a; |
|
117 /* These are to compensate for hover effects */ |
|
118 border-width: 1px 0px 1px 0px; |
|
119 border-style: solid; |
|
120 border-color: #bbe78a; |
|
121 } |
|
122 |
|
123 div#sidebar-left div.section-normal ul li a:hover { |
|
124 background-color: #e2ffc2; |
|
125 border-width: 1px 0px 1px 0px; |
|
126 border-style: solid; |
|
127 border-color: #6ca132; |
|
128 } |
|
129 |
|
130 div#sidebar-left a { |
|
131 display: inline; |
|
132 } |
|
133 |
|
134 /* Right (logged-in-only) sidebar */ |
|
135 div#right-sidebar-trigger { |
|
136 position: fixed; |
|
137 top: 4px; |
|
138 right: 4px; |
|
139 } |
|
140 div#right-sidebar-trigger a { |
|
141 color: #181818; |
|
142 font-family: arial, helvetica, sans-serif; |
|
143 font-size: 8pt; |
|
144 text-decoration: none; |
|
145 } |
|
146 |
|
147 div#right-sidebar { |
|
148 background-color: #96E5FF; |
|
149 display: none; |
|
150 position: absolute; |
|
151 top: 15px; |
|
152 right: 4px; |
|
153 width: 150px; |
|
154 border: 1px solid #3e98b5; |
|
155 padding: 7px; |
|
156 } |
|
157 |
|
158 div#right-sidebar ul { |
|
159 padding: 0; |
|
160 margin: 7px 0 0 0; |
|
161 list-style: none; |
|
162 } |
|
163 |
|
164 div#right-sidebar h4.blocktitle { |
|
165 color: #224a6e; |
|
166 text-transform: uppercase; |
|
167 border-bottom: 1px solid #2c5f8e; |
|
168 margin: 0; |
|
169 font-family: arial, sans-serif; |
|
170 } |
|
171 |
|
172 div#right-sidebar div.sidebar-mid { |
|
173 padding: 4px 0; |
|
174 } |
|
175 |
|
176 div#right-sidebar div.section-normal a { |
|
177 color: black; |
|
178 display: block; |
|
179 text-decoration: none; |
|
180 padding: 5px 3px; |
|
181 } |
|
182 |
|
183 div#right-sidebar div.section-normal a:hover { |
|
184 background-color: #cdf3ff; |
|
185 } |
|
186 |
|
187 /* Page title on simple theme */ |
|
188 |
|
189 h2.simple-title { |
|
190 margin: 0; |
|
191 padding: 0 50px; |
|
192 line-height: 134px; |
|
193 background-image: url(../img/simple-header.png); |
|
194 } |
|
195 |
|
196 /* Copyright bar */ |
|
197 |
|
198 div.copyright-top { |
|
199 height: 11px; |
|
200 width: 718px; |
|
201 background-image: url(../img/copyright-hi.png); |
|
202 clear: both; |
|
203 } |
|
204 div.copyright { |
|
205 width: 622px; /* 718px - 96px of padding */ |
|
206 background-image: url(../img/copyright-mid.png); |
|
207 padding: 4px 48px; |
|
208 font-family: verdana, sans-serif; |
|
209 text-transform: lowercase; |
|
210 color: white; |
|
211 } |
|
212 div.copyright a { |
|
213 color: #c9ff8e; |
|
214 text-decoration: none; |
|
215 } |
|
216 div.copyright a:hover { |
|
217 color: #ffbb00; |
|
218 } |
|
219 div.copyright-bottom { |
|
220 height: 53px; |
|
221 width: 718px; |
|
222 background-image: url(../img/copyright-low.png); |
|
223 } |
|
224 |
|
225 /* Content area */ |
|
226 |
|
227 div.content-holder { |
|
228 padding: 4px 33px; |
|
229 } |
|
230 |
|
231 div.content-holder a { |
|
232 color: #73b22e; |
|
233 } |
|
234 |
|
235 div.content-holder a:hover { |
|
236 color: #ffbb00; |
|
237 border-bottom: 1px dotted #73b22e; |
|
238 } |
|
239 |
|
240 div.mdg-comment { |
|
241 background-color: #fffcfa; |
|
242 } |
|
243 |
|
244 div.content-inner { |
|
245 margin: 0 0 0 10px; |
|
246 } |
|
247 |
|
248 div.content-inner h2#h2PageName { |
|
249 border-bottom: 1px solid #8fd542; |
|
250 margin: 0; |
|
251 } |
|
252 |
|
253 div.content-inner blockquote { |
|
254 margin-left: 2em; |
|
255 border-left: 5px solid #8fd542; |
|
256 padding-left: 10px; |
|
257 background-image: url(../img/blockquote.png); |
|
258 background-repeat: no-repeat; |
|
259 background-position: bottom right; |
|
260 min-height: 49px; /* To make sure entire quote mark is showing */ |
|
261 font-style: italic; |
|
262 } |
|
263 div.content-inner blockquote em, div.content-inner blockquote i { |
|
264 font-style: normal; |
|
265 } |
|
266 |