]>
Commit | Line | Data |
---|---|---|
65303177 JP |
1 | /* ------- Layout CSS (Centered Fixed Width) ------ */ |
2 | ||
3 | body { | |
4 | font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; | |
5 | font-size: 12px; | |
6 | margin: 0; | |
7 | padding: 0; | |
8 | text-align: center; /* IE 5.5 hack */ | |
9 | } | |
10 | #farouter { | |
11 | background: #ffffff; | |
12 | width: 760px; | |
13 | border: 1px solid #3A291F; | |
14 | margin: 20px auto 20px auto; | |
15 | text-align: left; /* IE 5.5 hack part II */ | |
16 | } | |
17 | #outer {} | |
18 | #rap {} | |
19 | #masthead { | |
20 | letter-spacing: 0.2em; | |
21 | margin: 8px 8px 0 8px; | |
22 | padding: 0 10px 10px 60px; | |
23 | font: normal 100% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; | |
24 | height: 85px; | |
25 | } | |
26 | #main { padding-left:35px; } | |
27 | #content { float: left; width: 490px; } | |
28 | #content_wide { padding-right:35px; } | |
29 | #content_home { float: left; width: 490px; padding-top: 0px; } | |
30 | #menu { float: right; width: 175px; margin-right: 10px; border-left: 1px dashed #2050A0; } | |
31 | #nav { padding-left: 10px; } | |
32 | #logo { padding-top: 25px; padding-left: 12px; } | |
33 | #hmenu { margin: 8px; height: 30px; } | |
34 | #hnav { margin: 0; padding: 0; } | |
35 | #clearer { clear: both; margin: 0; padding: 0; } | |
36 | #footer { margin: 8px 8px 8px 8px; } | |
37 | ||
38 | /* ----------------- Color CSS ------------------------ */ | |
39 | ||
40 | body { background: #2050A0; color:#333; } | |
41 | #rap { background: #ffffff; } | |
0c349980 | 42 | #masthead { background-image: url('sb.gif'); background-repeat: no-repeat; } |
65303177 JP |
43 | #footer { background: #2050A0; } |
44 | #hnav { background: #2050A0; } | |
45 | a { color: #2050A0; text-decoration: none; } | |
46 | a:visited { color: #2050A0; text-decoration: none; } | |
47 | a:hover { color: #2050A0; text-decoration: underline; } | |
48 | acronym, abbr { border-bottom: #333; } | |
49 | blockquote { border-left: #2F700F; color: #2F700F; } | |
50 | h2 { color: #17397A; font-size: 24px; font-weight: normal; } | |
51 | h3 a { color: #17397A; } | |
52 | h3 a:hover { color: #17397A; } | |
53 | h3 a:visited { color: #17397A; } | |
54 | .meta { color: #1F6710 } | |
55 | .meta a { color: #001700; } | |
56 | .feedback a { color: #001700; } | |
57 | ||
58 | /* -------- Core CSS --------- */ | |
59 | ||
60 | ||
61 | a { text-decoration: none; font-weight:bold; } | |
62 | a img { border: none; } | |
63 | acronym, abbr { border-bottom: 1px dashed; } | |
64 | acronym, abbr, span.caps { cursor: help; font-size: 90%; letter-spacing: .07em; } | |
65 | blockquote { border-left: 3px solid #2F700F; border-bottom: 3px solid #2F700F; margin-left: 1.5em; padding-left: 5px; } | |
66 | cite { font-size: 90%; font-style: normal; } | |
67 | #header a:hover { text-decoration: underline; } | |
68 | h1 { margin: 0; padding: 20px; text-align: right; } | |
69 | #hidden {display:none;} | |
70 | ||
71 | h2 { | |
72 | font: 100% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; | |
73 | letter-spacing: 0.2em; | |
74 | margin: 0 20px 20px 0; | |
75 | padding: 20px 0 0 0; | |
76 | } | |
77 | h2#tagline { | |
78 | margin-right: 25px; | |
79 | padding:0; | |
80 | text-align: right; | |
81 | /* color: #F2EEEC; */ | |
82 | border: 0px none; | |
83 | margin-left:0; | |
84 | margin-top:0; | |
85 | margin-bottom:0 | |
86 | } | |
87 | ||
88 | .post h2 { | |
89 | font: 100% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; | |
90 | letter-spacing: 0.2em; | |
91 | margin: 0 20px 0 30px; | |
92 | padding: 20px 0 30px 0; | |
93 | } | |
94 | h3 { | |
95 | font: 24px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; | |
96 | margin-left: 0; | |
97 | margin-top: 30px; | |
98 | color: #17397A; | |
99 | } | |
100 | h3#comments { margin-left: 20px; } | |
101 | h3#respond { margin-left: 20px; } | |
102 | h4 { | |
103 | font-size: 16px; | |
104 | font-weight: normal; | |
105 | } | |
106 | ol#comments li p { font-size: 100%; } | |
107 | img { | |
108 | margin: 10px; | |
109 | padding: 10px; | |
110 | border: 0px solid #2F700F; | |
111 | } | |
112 | p, .feedback { | |
113 | font: 100%/175% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; | |
114 | } | |
115 | p {} | |
116 | .textarea { width:200px; margin:0; } | |
117 | #archvies { | |
118 | font: 150% normal 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; | |
119 | } | |
120 | ||
121 | /* ------------------------- Classes used by the_meta() --------------------- */ | |
122 | ||
123 | ul.post-meta { | |
124 | list-style: none; | |
125 | } | |
126 | ||
127 | ul.post-meta span.post-meta-key { | |
128 | font-weight: bold; | |
129 | } | |
130 | ||
131 | .credit { | |
132 | color: #fff; | |
133 | font-size: 90%; | |
134 | margin: 10px 0 0 0; | |
135 | padding: 3px; | |
136 | text-align: center; | |
137 | } | |
138 | ||
139 | .credit a, .credit a:hover { color: #fff; text-decoration: none; } | |
140 | .feedback { text-align: right; clear: both; margin-right: 30px; font-size: 90% } | |
141 | .meta { font-size: .95em; } | |
142 | .meta li, ul.post-meta li { display: inline; } | |
143 | .meta ul { display: inline; list-style: none;margin: 0; padding: 0; } | |
144 | .meta, .meta a { font-weight: normal; letter-spacing: 0; } | |
145 | .post { margin: 35px 35px 20px 0; } | |
146 | .entrytext {margin-left: 30px; } | |
147 | .storytitle { margin-top: 10px; margin-bottom: 2px; } | |
148 | .storytitle a { text-decoration: none; } | |
149 | .storycontent { margin-bottom: 5px; border-bottom: 1px solid #2050A0; } | |
150 | #commentform { margin-left: 20px; } | |
151 | #commentform #comment { width:450px; } | |
152 | #commentform #author, #commentform #email, #commentform #url, #commentform textarea { | |
153 | background: #fff; padding: .2em; | |
154 | } | |
155 | #commentform textarea { width:100%; } | |
156 | #commentlist li { border: 2px solid #2050A0; margin-bottom: 20px; padding-left: 20px; } | |
157 | #commentlist li ul { border-left: 1px solid #ddd; font-size: 110%; list-style-type: none; } | |
158 | ||
159 | /* ---------- All menu styling except #menu itself (in layout above) ------- */ | |
160 | ||
161 | #nav form { | |
162 | margin: 0 0 0 13px; | |
163 | } | |
164 | ||
165 | #nav input#s { | |
166 | width: 80%; | |
167 | background: #eee; | |
168 | border: 1px solid #999; | |
169 | color: #000; | |
170 | } | |
171 | ||
172 | #nav ul li h2 { | |
173 | font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; | |
174 | font-weight: normal; | |
175 | letter-spacing: 0.1em; | |
176 | border: 0px none; | |
177 | text-align: left; | |
178 | padding-left:0; | |
179 | margin-left: 0 | |
180 | } | |
181 | ||
182 | #nav ul ul ul.children { | |
183 | font-size: 100%; | |
184 | padding-left: 4px; | |
185 | } | |
186 | ||
187 | #nav { width: 170px; } | |
188 | ||
189 | #nav ul { | |
190 | margin-left: 0; | |
191 | padding-left: 0; | |
192 | padding-right: 4px; | |
193 | list-style-type: none; | |
194 | font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; | |
195 | font-size: 95%; | |
196 | } | |
197 | ||
198 | #nav a { | |
199 | display: block; | |
200 | padding-left: 17px; | |
201 | width: 130px; | |
202 | background-color: #FFF; | |
203 | background-image: url('/~scripts/home/images/icon.gif'); | |
204 | background-repeat: no-repeat; | |
205 | background-position: 0 55%; | |
206 | border-bottom: 1px dotted #2050A0; | |
207 | padding-right:3px; padding-top:3px; padding-bottom:3px; | |
208 | } | |
209 | ||
210 | #nav a.nobutt { | |
211 | background-image: none; | |
212 | border-bottom: none; | |
213 | } | |
214 | ||
215 | #nav a.nobutt:hover { | |
216 | background-image: none; | |
217 | border-bottom: none; | |
218 | } | |
219 | ||
220 | #nav a:link, #navlist a:visited { | |
221 | text-decoration: none; | |
222 | } | |
223 | ||
224 | #nav a:hover { | |
225 | background-image: url('/~scripts/home/images/icon2.gif'); | |
226 | color: #000 | |
227 | } | |
228 | ||
229 | #themeswitcher { | |
230 | font-size: 8px; | |
231 | } | |
232 | ||
233 | /*------------- hnav------------*/ | |
234 | ||
235 | #hnav ul { | |
236 | text-align: center; | |
237 | padding-bottom: 5px; | |
238 | padding-top: 5px; | |
239 | padding-left: 0; | |
240 | margin-top: 0; | |
241 | /* cancels gap caused by top padding in Opera 7.54 */ | |
242 | margin-left: 0; | |
243 | background-color: #2050A0; | |
244 | color: #F2EEEC; | |
245 | width: 100%; | |
246 | font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; | |
247 | line-height: 18px; | |
248 | /* fixes Firefox 0.9.3 */ | |
249 | } | |
250 | ||
251 | #hnav ul li { | |
252 | display: inline; | |
253 | padding-left: 0; | |
254 | padding-right: 0; | |
255 | padding-bottom: 5px; | |
256 | /* matches link padding except for left and right */ | |
257 | padding-top: 5px; | |
258 | } | |
259 | ||
260 | #hnav ul li a { | |
261 | padding-left: 10px; | |
262 | padding-right: 10px; | |
263 | padding-bottom: 5px; | |
264 | padding-top: 5px; | |
265 | color: #F2EEEC; | |
266 | text-decoration: none; | |
267 | border-right: 1px solid #F2EEEC; | |
268 | } | |
269 | ||
270 | #hnav ul li a:hover { | |
271 | background: #F2EEEC; | |
272 | color: #3A291F; | |
273 | } | |
274 | ||
275 | #hnav #active { border-left: 1px solid #F2EEEC; } | |
276 | ||
277 | /*------------- added ------------*/ | |
278 | ||
279 | .gravatar { | |
280 | float:left; | |
281 | padding: 3px; | |
282 | margin-right: 5px; | |
283 | margin-bottom: 5px; | |
284 | border: 1px solid #2F700F; | |
285 | } | |
286 | ||
287 | #commentbox { | |
288 | background: #F2EEEC; | |
289 | border: 1px solid #2F700F; | |
290 | padding: 5px; | |
291 | margin-bottom: 15px; | |
292 | } | |
293 | ||
294 | .commentby { | |
295 | font-size: 14px; | |
296 | text-transform: uppercase; | |
297 | } | |
298 | .commentinfo { | |
299 | font-size: 10px; | |
300 | margin-top: -10px; | |
301 | border-bottom: 1px soild #1F6710; | |
302 | } | |
303 | ||
304 | .commentid { | |
305 | float: right; | |
306 | font-size: 24px; | |
307 | font-style: italic; | |
308 | padding-left: 10px; | |
309 | padding-right: 5px; | |
310 | padding-top: 5px; | |
311 | padding-bottom: 5px; | |
312 | color: #2050A0; | |
313 | } | |
314 | ||
315 | .commentid a { | |
316 | color: #2050A0; | |
317 | text-decoration: none; | |
318 | } | |
319 | ||
320 | .post ul li { | |
321 | padding: 0px; | |
322 | font-weight: normal; | |
323 | list-style: url('/~scripts/home/images/icon.gif'); | |
324 | line-height: 1.5em; | |
325 | } | |
326 | ||
327 | .post ul li:hover { | |
328 | padding: 0px; | |
329 | font-weight: normal; | |
330 | list-style: url('/~scripts/home/images/icon2.gif'); | |
331 | line-height: 1.5em; | |
332 | } | |
333 |