|
1 /* |
|
2 Theme Name: Connections |
|
3 Theme URI: http://www.patriciamuller.com/ |
|
4 Version: 1.0 |
|
5 Description: A Theme from wpthemes.Info |
|
6 Author: Patricia Muller |
|
7 Author URI: http://www.vanillamist.com/blog/ |
|
8 |
|
9 Port information: |
|
10 Ported from: WordPress |
|
11 Ported by: Dan Fuhry - http://midget.rgw-net.com/ |
|
12 */ |
|
13 html,body { height: 100%; } |
|
14 body { |
|
15 margin:0; |
|
16 padding:0; |
|
17 font-family: 'Trebuchet MS',Georgia, Times, Times New Roman, sans-serif; |
|
18 font-size: 0.9em; |
|
19 text-align:center; |
|
20 color:#333333; |
|
21 line-height:1.3em; |
|
22 background: #FFFFFF; |
|
23 } |
|
24 a { |
|
25 color: #000000; |
|
26 text-decoration:underline; |
|
27 } |
|
28 a:visited { |
|
29 color: #000000; |
|
30 } |
|
31 a:hover { |
|
32 color: #000000; |
|
33 background-color: #EEE; |
|
34 text-decoration:underline; |
|
35 } |
|
36 input, textarea |
|
37 { |
|
38 background: #FFFFFF; |
|
39 border: #000000 1px solid; |
|
40 } |
|
41 #rap |
|
42 { |
|
43 background:#fff; |
|
44 width:760px; |
|
45 margin:0 auto; |
|
46 padding:0px 8px; |
|
47 text-align:left; |
|
48 font-family: Trebuchet MS,Georgia, Arial, serif; |
|
49 font-size: 0.9em; |
|
50 } |
|
51 #header { |
|
52 background:#FFF; |
|
53 height: 183px; |
|
54 margin: 0 auto; |
|
55 width:740px; |
|
56 padding:0; |
|
57 border:#000 1px solid; |
|
58 border-bottom 0px solid #FFFFFF; |
|
59 } |
|
60 #main |
|
61 { |
|
62 margin:0 auto; |
|
63 padding:0; |
|
64 background:#FFF; |
|
65 width:740px; |
|
66 } |
|
67 #content { |
|
68 width:510px; |
|
69 float:left; |
|
70 padding:5px; |
|
71 margin:0; |
|
72 overflow:auto; |
|
73 display:inline; |
|
74 text-align: left; |
|
75 } |
|
76 #sidebar { |
|
77 width:186px; |
|
78 float:right; |
|
79 padding:0px 8px 10px 8px; |
|
80 margin:0; |
|
81 font-size:1em; |
|
82 color:#333; |
|
83 display:inline; |
|
84 } |
|
85 a img { |
|
86 border: none; |
|
87 } |
|
88 acronym, abbr { |
|
89 border-bottom: 1px dotted #000000; |
|
90 } |
|
91 acronym, abbr, span.caps { |
|
92 cursor: help; |
|
93 letter-spacing: .07em; |
|
94 } |
|
95 code { |
|
96 font-size: 1em; |
|
97 font-style: italic; |
|
98 } |
|
99 blockquote { |
|
100 margin: 15px 30px 0 45px; |
|
101 padding: 0 0 0 45px; |
|
102 background: #FFF; |
|
103 border: 1px solid #000; |
|
104 font-style:italic; |
|
105 } |
|
106 |
|
107 cite { |
|
108 font-size: 0.9em; |
|
109 font-style: normal; |
|
110 } |
|
111 h3 { |
|
112 margin: 0; |
|
113 padding: 0; |
|
114 font-size:1.3em; |
|
115 } |
|
116 p { |
|
117 margin: 0 0 1em; |
|
118 padding: 0; |
|
119 line-height: 1.5em; |
|
120 } |
|
121 h1, h2, h3, h4 { |
|
122 font-family: Georgia, "Lucida Sans Unicode", lucida, Verdana, serif; |
|
123 font-weight: normal; |
|
124 letter-spacing: 1px; |
|
125 } |
|
126 #header h1 |
|
127 { |
|
128 margin: 0; |
|
129 font-size: 1.6em; |
|
130 padding:10px 20px 0 0; |
|
131 text-align:right; |
|
132 } |
|
133 #header h1 a |
|
134 { |
|
135 color:#606060; |
|
136 text-decoration:none; |
|
137 } |
|
138 #header h1 a:hover |
|
139 { |
|
140 color:#606060; |
|
141 text-decoration: underline; |
|
142 } |
|
143 #header #desc |
|
144 { |
|
145 font-weight:normal; |
|
146 font-size:1em; |
|
147 color:#606060; |
|
148 text-align:right; |
|
149 margin:0; |
|
150 padding:0 20px 0 0; |
|
151 } |
|
152 #sidebar div.heading { |
|
153 margin: 0 0 0 0; |
|
154 padding:2px; |
|
155 font-size: 1em; |
|
156 color: #000000; |
|
157 text-align:center; |
|
158 background:#DDDDDD; |
|
159 border:#ccc 0px solid; |
|
160 height:22px; |
|
161 font-weight:bold; |
|
162 } |
|
163 #sidebar div.slider { |
|
164 list-style-type: none; |
|
165 margin: 0; |
|
166 margin-top: 7px; |
|
167 font-size: 0.9em; |
|
168 } |
|
169 #sidebar div.slideblock { |
|
170 padding: 5px; |
|
171 overflow: hidden; |
|
172 background:#FFFFFF; |
|
173 border: 1px solid #000000; |
|
174 border-top 0px solid #FFFFFF; |
|
175 } |
|
176 #sidebar div.slideblock a { |
|
177 display: block; |
|
178 color: #333333; |
|
179 padding: 4px; |
|
180 text-decoration: none; |
|
181 } |
|
182 #sidebar div.slideblock a:hover { |
|
183 display: block; |
|
184 color: #333333; |
|
185 background-color: #EEE; |
|
186 padding: 4px; |
|
187 text-decoration: none; |
|
188 } |
|
189 #pagenav |
|
190 { |
|
191 list-style:none; |
|
192 } |
|
193 #sidebar ul li { |
|
194 margin: 0.1em 0 0 0; |
|
195 padding: 0; |
|
196 } |
|
197 #sidebar ul li a { |
|
198 text-decoration: none; |
|
199 border:none; |
|
200 } |
|
201 #sidebar ul li a:link { |
|
202 color: #909D73; |
|
203 } |
|
204 #sidebar ul li a:visited { |
|
205 color: #999999; |
|
206 } |
|
207 #sidebar ul li a:hover, #sidebar ul li a:active { |
|
208 color: #990000; |
|
209 } |
|
210 #sidebar ul ul { |
|
211 list-style-type: none; |
|
212 padding: 5px; |
|
213 margin: 0; |
|
214 font-size: 1em; |
|
215 background:none; |
|
216 border:none; |
|
217 } |
|
218 #sidebar ul ul li |
|
219 { |
|
220 margin:0; |
|
221 padding:0; |
|
222 padding-left:10px; |
|
223 margin-left:10px; |
|
224 background:url({TEMPLATE_DIR}/img/subcat_bullet.gif) no-repeat left; |
|
225 } |
|
226 #content ul { |
|
227 margin-left: 0; |
|
228 padding-left: 45px; |
|
229 list-style-type: none; |
|
230 } |
|
231 #content ul li { |
|
232 background: url({TEMPLATE_DIR}/img/bullet.gif) no-repeat 0 7px; |
|
233 padding-left: 1.5em; |
|
234 } |
|
235 .post , .page |
|
236 { |
|
237 margin:0 0 30px 0; |
|
238 } |
|
239 .page |
|
240 { |
|
241 margin:25px -5px 0 27px; |
|
242 } |
|
243 .post-info, .page-info |
|
244 { |
|
245 font-size:0.85em; |
|
246 font-family: Verdana, Arial, Sans-Serif; |
|
247 margin:0; |
|
248 padding:0; |
|
249 color:#333; |
|
250 } |
|
251 .page-info |
|
252 { |
|
253 text-align:center; |
|
254 } |
|
255 .post-info a |
|
256 { |
|
257 color:#990000; |
|
258 } |
|
259 .post-info a:hover |
|
260 { |
|
261 color:#000; |
|
262 } |
|
263 .post-content, .page-content { |
|
264 padding:10px 0; |
|
265 margin:3px 0; |
|
266 border-top:#CCCCCC 1px solid; |
|
267 font-family: Georgia, Verdana, Arial, serif; |
|
268 font-size:12px; |
|
269 } |
|
270 .page-content { |
|
271 |
|
272 } |
|
273 .post-title, .page-title { |
|
274 font-family:Georgia, Arial, Serif; |
|
275 font-size:1.3em; |
|
276 margin:0; |
|
277 font-weight:bold; |
|
278 } |
|
279 .page-title |
|
280 { |
|
281 font-size:1.6em; |
|
282 font-weight:normal; |
|
283 } |
|
284 #content .page-title a, .post-title a:link, .post-title a:visited, .post-title a:hover, .post-title a:active |
|
285 { |
|
286 text-decoration:none; |
|
287 color:#666666; |
|
288 } |
|
289 .post-date { |
|
290 float: left; |
|
291 color: #BBC4A3; |
|
292 font-family: Georgia,'Lucida sans ms', Verdana, Arial, Helvetica, sans-serif; |
|
293 font-size: 0.9em; |
|
294 text-align: center; |
|
295 font-weight: bold; |
|
296 margin: 3px 10px 0 0; |
|
297 padding: 8px 3px; |
|
298 width: 55px; |
|
299 background: #E7EBDE; |
|
300 line-height:1em; |
|
301 } |
|
302 .post-footer |
|
303 { |
|
304 padding-top:20px; |
|
305 background:url({TEMPLATE_DIR}/img/divider.gif) no-repeat center; |
|
306 } |
|
307 #footer { |
|
308 margin:0 auto; |
|
309 padding: 7px 0; |
|
310 border-top:#CCCCCC 1px solid; |
|
311 clear: both; |
|
312 font-size: 0.8em; |
|
313 color: #999; |
|
314 text-align:center; |
|
315 width:740px; |
|
316 } |
|
317 #footer a { |
|
318 border:none; |
|
319 color:#777777; |
|
320 } |
|
321 |
|
322 .commentlist { |
|
323 font-size:1em; |
|
324 font-weight:normal; |
|
325 } |
|
326 #commentform |
|
327 { |
|
328 margin:0 0 0 40px; |
|
329 } |
|
330 #commentform textarea { |
|
331 width: 80%; |
|
332 } |
|
333 #commentform p { |
|
334 margin: 0 0 1em; |
|
335 } |
|
336 #comments,#respond { |
|
337 text-transform: uppercase; |
|
338 margin: 3em 0 1em 40px; |
|
339 color: #666666; |
|
340 font: 0.9em verdana, helvetica, sans-serif; |
|
341 } |
|
342 .commentlist li |
|
343 { |
|
344 margin:5px 0; |
|
345 padding:10px 10px 20px 10px; |
|
346 background:#FFFFFF; |
|
347 border:#DDDDDD 1px solid; |
|
348 } |
|
349 .commentlist .alt |
|
350 { |
|
351 |
|
352 } |
|
353 #topnav |
|
354 { |
|
355 list-style:none; |
|
356 font-size:0.9em; |
|
357 margin:0; |
|
358 padding:11px 20px 0 0; |
|
359 text-align:right; |
|
360 font-family:Verdana, Arial, Sans-Serif; |
|
361 } |
|
362 #topnav li |
|
363 { |
|
364 list-style:none; |
|
365 display:inline; |
|
366 padding:0; |
|
367 margin:0; |
|
368 font-weight:bold; |
|
369 } |
|
370 |
|
371 #topnav li a:link, #topnav li a:visited |
|
372 { |
|
373 text-decoration:none; |
|
374 color:#BBBBBB; |
|
375 border-left: 1px solid #777777; |
|
376 border-right: 1px solid #777777; |
|
377 background-color: #777777; |
|
378 padding: 3px; |
|
379 margin: 0; |
|
380 } |
|
381 #topnav li a:hover, #topnav li a:focus |
|
382 { |
|
383 color:#F0F0F0; |
|
384 border-left: 1px solid #F0F0F0; |
|
385 border-right: 1px solid #F0F0F0; |
|
386 background-color: #A0A0A0; |
|
387 padding-left: 3px; |
|
388 padding-right: 3px; |
|
389 padding-top: 3px; |
|
390 padding-bottom: 5px; |
|
391 margin: 0; |
|
392 } |
|
393 |
|
394 div.jswindow { font-family: Trebuchet MS, tahoma, verdana, arial, sans-serif; font-size: 9pt; display: none; position: absolute; list-style-type: none; |
|
395 padding: 2px; |
|
396 margin: 0; |
|
397 margin-top: 7px; |
|
398 font-size: 0.9em; |
|
399 border:#E1D6c6 1px solid; |
|
400 background:#F3F6ED; |
|
401 } |
|
402 div.titlebar { font-family: Trebuchet MS, tahoma, verdana, arial, sans-serif; font-size: 9pt; cursor: default; margin: 0 0 0 0; |
|
403 padding:2px; |
|
404 margin: 2px; |
|
405 |
|
406 font-size: 1em; |
|
407 color: #676E04; |
|
408 text-align:center; |
|
409 background: #e2ebda; |
|
410 border:0px solid #ccc; |
|
411 height:22px; |
|
412 font-weight:bold; } |
|
413 div.titlebar div.closebtn { width: 16px; height: 16px; background-color: #e2ebda; display: block; } |
|
414 div.titlebar div.closebtn:hover { width: 16px; height: 16px; background-color: #F3F6ED; display: block; } |
|
415 |
|
416 div.titlebar table, div.titlebar td { margin: 0; padding: 0; } |
|
417 div.jswindow div.content { padding: 5px; |
|
418 overflow: hidden; |
|
419 } |
|
420 |
|
421 div.pagebar { background-color: #FFFFFF; padding: 1px; font-size: 7pt; border: 1px solid #000000; } |
|
422 div.pagebar a { cursor: pointer; padding: 3px; margin-left: 3px; margin-right: 3px; text-decoration: none; color: #606060; } |
|
423 div.pagebar a:hover { cursor: pointer; padding: 3px; margin-left: 3px; margin-right: 3px; text-decoration: none; color: #606060; background-color: #E0E0E0; } |
|
424 div.pagebar#pagebarpopup { display: none; position: absolute; width: 150px; padding: 0; } |
|
425 div.pagebar#pagebarpopup a { display: block; margin: 0; } |
|
426 .mdg-comment { margin: 0; margin-left: 0.2in; padding: 10px; padding-left: 35px; border: 1px #000000 solid; margin-bottom: 10px; background: #FFFFFF; } |