|
1 /** |
|
2 * Theme Name: Malleable |
|
3 * Theme URI: http://developdaly.com/themes/malleable/ |
|
4 * Description: A news-style child theme of the Hybrid theme framework. Theme options include a configurable address and front page slider. |
|
5 * Version: 2.0 |
|
6 * Author: Develop Daly |
|
7 * Author URI: http://developdaly.com |
|
8 * Tags: black, gray, theme-options, threaded-comments, sticky-post, microformats, two-columns, three-columns, fixed-width |
|
9 * Template: hybrid |
|
10 * |
|
11 * Copyright (c) 2010 Develop Daly. All rights reserved. |
|
12 * http://developdaly.com |
|
13 * |
|
14 * Malleable is released under the GNU General Public License, version 2 (GPL). |
|
15 * http://www.gnu.org/licenses/old-licenses/gpl-2.0.html |
|
16 * |
|
17 * This program is distributed in the hope that it will be useful, |
|
18 * but WITHOUT ANY WARRANTY; without even the implied warranty of |
|
19 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. |
|
20 */ |
|
21 |
|
22 /* Get base CSS */ |
|
23 @import url('../hybrid/library/css/20px.css'); |
|
24 |
|
25 /* Get plugins CSS */ |
|
26 @import url('../hybrid/library/css/plugins.css'); |
|
27 |
|
28 /* Get drop-downs CSS */ |
|
29 @import url('../hybrid/library/css/drop-downs.css'); |
|
30 |
|
31 /* Get tabs CSS */ |
|
32 @import url('tabs.css'); |
|
33 |
|
34 /** |
|
35 * Body |
|
36 ************************************************/ |
|
37 body { |
|
38 background: #222 url('images/bg.gif'); |
|
39 font: 12px/22px "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; |
|
40 } |
|
41 |
|
42 /** |
|
43 * Elements |
|
44 ************************************************/ |
|
45 |
|
46 /* Links */ |
|
47 a, a:visited { |
|
48 color: #3671A1; |
|
49 text-decoration: none; |
|
50 } |
|
51 a:hover, a:active { |
|
52 text-decoration: underline; |
|
53 } |
|
54 .entry-content a { |
|
55 color: #336699; |
|
56 } |
|
57 |
|
58 /* Headers */ |
|
59 h1, h2, h3, h4, h5, h6 { |
|
60 font-family: "Myriad Pro", Calibri; |
|
61 color: #444; |
|
62 } |
|
63 |
|
64 /* Lists */ |
|
65 .content ul { |
|
66 list-style: none; |
|
67 margin-left: 20px; |
|
68 } |
|
69 .content ul li { |
|
70 overflow: hidden; |
|
71 padding-left: 15px; |
|
72 background: url(images/bullet.gif) no-repeat 0 6px; |
|
73 } |
|
74 |
|
75 /* Blockquotes */ |
|
76 blockquote { |
|
77 overflow: hidden; |
|
78 height: 100%; |
|
79 margin: 0 24px 0 0; |
|
80 padding: 3px 0 0 24px; |
|
81 font-style: italic; |
|
82 color: #444; |
|
83 background: url(images/quotes.gif) no-repeat 0 0; |
|
84 border: none; |
|
85 } |
|
86 blockquote blockquote { |
|
87 color: #555; |
|
88 } |
|
89 blockquote em { |
|
90 font-style: normal; |
|
91 } |
|
92 blockquote.pullquote { |
|
93 width: 210px; |
|
94 margin-top: 6px; |
|
95 margin-bottom: 3px; |
|
96 padding: 6px 9px; |
|
97 text-align: center; |
|
98 font: italic normal normal 20px/22px Georgia, Times, 'Times New Roman', serif; |
|
99 color: #444; |
|
100 background: transparent; |
|
101 border-top: 3px double #ddd; |
|
102 border-bottom: 3px double #ddd; |
|
103 } |
|
104 .pullquote p { |
|
105 margin: 0; |
|
106 } |
|
107 |
|
108 /* Forms */ |
|
109 input, textarea { |
|
110 font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; |
|
111 } |
|
112 |
|
113 /* Code */ |
|
114 code { |
|
115 padding: 0 3px; |
|
116 font-size: 12px; |
|
117 background: #eee; |
|
118 } |
|
119 pre { |
|
120 overflow: auto; |
|
121 padding: 9px; |
|
122 font-size: 12px; |
|
123 color: #000; |
|
124 background: url(images/code.png) repeat 0 0; |
|
125 border: 1px solid #ddd; |
|
126 } |
|
127 pre code { |
|
128 padding: 0; |
|
129 background: transparent; |
|
130 } |
|
131 |
|
132 /* Tables */ |
|
133 table { |
|
134 width: 100%; |
|
135 background: #ddd; |
|
136 } |
|
137 caption { |
|
138 font: italic normal normal 12px/22px Verdana, Geneva, Tahoma, sans-serif; |
|
139 text-align: right; |
|
140 color: #666; |
|
141 } |
|
142 tr { |
|
143 margin: 1px; |
|
144 border: 1px solid #ddd; |
|
145 } |
|
146 td { |
|
147 padding: 3px; |
|
148 background: #f7f7f7; |
|
149 border: 1px solid #ddd; |
|
150 } |
|
151 tr.alt td, tr.even td { |
|
152 background: #eee; |
|
153 } |
|
154 th { |
|
155 padding: 3px; |
|
156 color: #fff; |
|
157 background: #093653; |
|
158 border: 1px solid #ddd; |
|
159 } |
|
160 th a { |
|
161 font-weight: bold; |
|
162 color: #eee; |
|
163 } |
|
164 |
|
165 /* Acronyms */ |
|
166 acronym { |
|
167 border-bottom: 1px dotted #333; |
|
168 } |
|
169 |
|
170 /* Drop caps */ |
|
171 .drop-cap { |
|
172 float: left; |
|
173 margin-right: 3px; |
|
174 font: normal normal normal 48px/39px "Warnock Pro", "Goudy Old Style", Palatino,"Book Antiqua", Cambria, Georgia, serif; |
|
175 color: #444; |
|
176 } |
|
177 |
|
178 /* Notes */ |
|
179 .note { |
|
180 padding: 6px 9px; |
|
181 background: #eee; |
|
182 border: 1px solid #ccc; |
|
183 } |
|
184 |
|
185 /* Warnings/Alerts */ |
|
186 .warning, .alert { |
|
187 padding: 6px 9px; |
|
188 background: #fffbbc; |
|
189 border: 1px solid #E6DB55; |
|
190 } |
|
191 |
|
192 /* Errors */ |
|
193 .error { |
|
194 padding: 6px 9px; |
|
195 background: #ffebe8; |
|
196 border: 1px solid #C00; |
|
197 } |
|
198 |
|
199 /* Downloads */ |
|
200 .download { |
|
201 padding: 6px 9px; |
|
202 background: #e7f7d3; |
|
203 border: 1px solid #6c3; |
|
204 } |
|
205 |
|
206 /* Alignment */ |
|
207 .left, .alignleft { |
|
208 float: left; |
|
209 margin: 0 20px 0 0; |
|
210 } |
|
211 .right, .alignright { |
|
212 float: right; |
|
213 margin: 0 0 0 20px; |
|
214 } |
|
215 .center, .aligncenter { |
|
216 display: block; |
|
217 margin: 0 auto 20px auto; |
|
218 } |
|
219 .block, .alignnone { |
|
220 display: block; |
|
221 margin: 0 0 20px 0; |
|
222 } |
|
223 .clear { |
|
224 clear: both; |
|
225 } |
|
226 span.pullquote { |
|
227 float: none; |
|
228 margin: 0; |
|
229 } |
|
230 |
|
231 /** |
|
232 * Images |
|
233 ************************************************/ |
|
234 .post img { |
|
235 max-width: 600px; |
|
236 } |
|
237 |
|
238 img.wp-smiley { |
|
239 max-height: 12px; |
|
240 margin: 0; |
|
241 padding: 0; |
|
242 border: none; |
|
243 } |
|
244 |
|
245 /* Captions */ |
|
246 .wp-caption { |
|
247 max-width: 590px; |
|
248 padding: 4px 4px 4px 4px; |
|
249 background: #eee; |
|
250 border: 1px solid #ccc; |
|
251 text-align: center; |
|
252 } |
|
253 .wp-caption .wp-caption-text { |
|
254 margin: 0; |
|
255 padding: 0 5px; |
|
256 text-align: right; |
|
257 font-size: 11px; |
|
258 color: #666; |
|
259 } |
|
260 .wp-caption img { |
|
261 max-width: 588px; |
|
262 margin: 0 auto; |
|
263 padding: 0; |
|
264 border: 1px solid #666; |
|
265 } |
|
266 |
|
267 /* Gallery [gallery] */ |
|
268 .gallery { |
|
269 display: block; |
|
270 text-align: center; |
|
271 margin-bottom: 20px !important; |
|
272 } |
|
273 .gallery img { |
|
274 border: 1px solid #3c738c; |
|
275 } |
|
276 |
|
277 /* Author avatar */ |
|
278 .avatar { |
|
279 float: left; |
|
280 width: 60px; |
|
281 height: 60px; |
|
282 margin-right: 20px; |
|
283 padding: 4px; |
|
284 background: #eee; |
|
285 border: 1px solid #ccc; |
|
286 } |
|
287 |
|
288 /* Thumbnail */ |
|
289 .thumbnail { |
|
290 float: left; |
|
291 width: 100px; |
|
292 height: 100px; |
|
293 margin: 0 20px 10px 0; |
|
294 padding: 4px; |
|
295 background: #eee; |
|
296 border: 1px solid #ccc; |
|
297 } |
|
298 .category img.medium { |
|
299 float: left; |
|
300 max-width: 230px; |
|
301 margin: 0 20px 10px 0; |
|
302 padding: 4px; |
|
303 background: #eee; |
|
304 border: 1px solid #ccc; |
|
305 } |
|
306 |
|
307 /** |
|
308 * Page Navigation |
|
309 ************************************************/ |
|
310 #page-nav { |
|
311 background:#444 url('images/nav-bg.gif') repeat-x scroll center bottom; |
|
312 border-left: 1px solid #666; |
|
313 border-right: 1px solid #666; |
|
314 border-top: 1px solid #666; |
|
315 height: 40px; |
|
316 letter-spacing:1px; |
|
317 list-style-image:none; |
|
318 list-style-position:outside; |
|
319 list-style-type:none; |
|
320 margin: 0 auto; |
|
321 padding:0; |
|
322 width: 960px; |
|
323 z-index:9999; |
|
324 } |
|
325 |
|
326 #page-nav ul { |
|
327 list-style: none; |
|
328 margin: 0; |
|
329 } |
|
330 #page-nav li { |
|
331 float: left; |
|
332 margin: 0; |
|
333 padding: 0; |
|
334 } |
|
335 #page-nav a { |
|
336 color: #fff; |
|
337 display: block; |
|
338 padding: 14px; |
|
339 text-decoration:none; |
|
340 text-shadow:1px 1px 3px #000000; |
|
341 z-index:9999; |
|
342 } |
|
343 #page-nav .current_page_item a, |
|
344 #page-nav a:hover { |
|
345 background: #333; |
|
346 } |
|
347 |
|
348 /* Drop-down styles */ |
|
349 #page-nav li:hover ul, #page-nav li.sfHover ul { |
|
350 top: 40px; |
|
351 } |
|
352 #page-nav li li:hover ul, #page-nav li li.sfHover ul, #page-nav li li li:hover ul, #page-nav li li li.sfHover ul { |
|
353 top: -1px; |
|
354 } |
|
355 #page-nav ul ul { |
|
356 border-top: 1px solid #222; |
|
357 background: #111; |
|
358 } |
|
359 #page-nav li li { |
|
360 margin: 0; |
|
361 padding: 0; |
|
362 border-bottom: 1px solid #222; |
|
363 } |
|
364 #page-nav li li a { |
|
365 padding: 14px; |
|
366 border: none; |
|
367 } |
|
368 |
|
369 /** |
|
370 * Search form (in header) |
|
371 ************************************************/ |
|
372 #header .search { |
|
373 float: right; |
|
374 width: 200px; |
|
375 height: 25px; |
|
376 } |
|
377 #header input { |
|
378 float: right; |
|
379 width: 170px; |
|
380 height: 15px; |
|
381 margin: 4px 0 0 0; |
|
382 padding: 8px; |
|
383 color: #aaa; |
|
384 background: #2D2D2D; |
|
385 border: 1px solid #000; |
|
386 } |
|
387 #header .search-submit, #header .button { |
|
388 display: none; |
|
389 } |
|
390 |
|
391 /** |
|
392 * Header |
|
393 ************************************************/ |
|
394 #header-container { |
|
395 overflow: hidden; |
|
396 } |
|
397 #header { |
|
398 overflow: hidden; |
|
399 width: 960px; |
|
400 margin: 15px auto 5px; |
|
401 } |
|
402 #site-title { |
|
403 float: left; |
|
404 line-height: 35px; |
|
405 font-size: 30px; |
|
406 font-family: "Myriad Pro", Calibri; |
|
407 font-size:30px; |
|
408 margin: 0; |
|
409 text-shadow:1px 1px 1px #000000; |
|
410 } |
|
411 #site-title a { |
|
412 color: #ddd; |
|
413 } |
|
414 #site-description { |
|
415 color: #999; |
|
416 clear: both; |
|
417 float: left; |
|
418 font-size: 12px; |
|
419 margin: 0; |
|
420 } |
|
421 #header .address { |
|
422 color: #999; |
|
423 float: right; |
|
424 font-family: "Myriad Pro", Calibri; |
|
425 font-size: 12px; |
|
426 } |
|
427 .vcard .org { |
|
428 display: none; |
|
429 } |
|
430 /** |
|
431 * Header utility widget |
|
432 ************************************************/ |
|
433 #utility-header { |
|
434 overflow: hidden; |
|
435 float: right; |
|
436 width: 500px; |
|
437 height: 60px; |
|
438 } |
|
439 #utility-header .widget { |
|
440 line-height: 19px; |
|
441 margin: 0; |
|
442 padding: 0; |
|
443 color: #aaa; |
|
444 background: transparent; |
|
445 border: none; |
|
446 } |
|
447 #utility-header .widget-inside div, #utility-header .widget-inside img { |
|
448 float: right; |
|
449 } |
|
450 |
|
451 /** |
|
452 * Category Navigation |
|
453 ************************************************/ |
|
454 #cat-navigation { |
|
455 background: #555; |
|
456 border-left: 1px solid #666; |
|
457 border-right: 1px solid #666; |
|
458 border-top: 1px solid #666; |
|
459 height: 42px; |
|
460 width: 960px; |
|
461 margin: 0 auto; |
|
462 font: normal normal bold 12px/12px Verdana, Geneva, Tahoma, sans-serif; |
|
463 text-transform: uppercase; |
|
464 } |
|
465 #cat-nav { |
|
466 float: left; |
|
467 width: 760px; |
|
468 } |
|
469 #cat-navigation ul { |
|
470 list-style: none; |
|
471 margin: 0; |
|
472 } |
|
473 #cat-navigation li { |
|
474 float: left; |
|
475 border-right: 1px solid #666; |
|
476 } |
|
477 #cat-navigation a { |
|
478 display: block; |
|
479 padding: 15px; |
|
480 text-transform: uppercase; |
|
481 color: #fafafa; |
|
482 } |
|
483 #cat-navigation li li a { |
|
484 width: 160px; |
|
485 font: normal normal bold 10px/10px Verdana, Geneva, Tahoma, sans-serif; |
|
486 color: #fff; |
|
487 background: #358F7E; |
|
488 border-right: 1px solid #ccc; |
|
489 border-top: 1px solid #ccc; |
|
490 } |
|
491 |
|
492 /* Drop-down controls */ |
|
493 #cat-nav ul ul, #cat-nav ul ul ul { |
|
494 width: 180px; |
|
495 } |
|
496 #cat-nav li li:hover ul, #cat-nav li li li:hover ul { |
|
497 left: 180px; |
|
498 } |
|
499 #cat-nav li:hover ul, #cat-nav li.sfHover ul { |
|
500 top: 42px; |
|
501 } |
|
502 #cat-nav li li:hover ul, #cat-nav li li.sfHover ul, #cat-nav li li li:hover ul, #cat-nav li li li.sfHover ul { |
|
503 top: 0; |
|
504 } |
|
505 #cat-nav ul ul { |
|
506 background: #2b526b; |
|
507 } |
|
508 |
|
509 /* Make sure page menu overlaps category menu */ |
|
510 #cat-nav ul.menu { |
|
511 position: relative; |
|
512 z-index: 98; |
|
513 } |
|
514 #page-nav ul.menu { |
|
515 position: relative; |
|
516 z-index: 99; |
|
517 } |
|
518 |
|
519 /** |
|
520 * Subscribe/feed link (in navigation) |
|
521 ************************************************/ |
|
522 #cat-navigation #feed { |
|
523 width: 130px; |
|
524 float: right; |
|
525 } |
|
526 #feed li { |
|
527 float: right; |
|
528 border: none; |
|
529 margin-right: 15px; |
|
530 } |
|
531 #feed li a { |
|
532 padding: 15px 20px 15px 15px; |
|
533 background: url(images/feed-icon.png) no-repeat right center; |
|
534 } |
|
535 |
|
536 /** |
|
537 * Container (content/primary/secondary) |
|
538 ************************************************/ |
|
539 #container { |
|
540 border-left: 1px solid #666; |
|
541 border-right: 1px solid #666; |
|
542 clear: both; |
|
543 overflow: hidden; |
|
544 width: 960px; |
|
545 margin: 0 auto; |
|
546 background: #fff url(images/container-bg.png) repeat-y right 0; |
|
547 } |
|
548 .page-template-no-widget #container, .primary-inactive.secondary-inactive #container { |
|
549 background: #fff; |
|
550 } |
|
551 |
|
552 .content { |
|
553 overflow: hidden; |
|
554 float: left; |
|
555 width: 580px; |
|
556 padding: 20px 20px 0; |
|
557 background: #fff; |
|
558 } |
|
559 .page-template-no-widgets .content, .primary-inactive.secondary-inactive .content { |
|
560 width: auto; |
|
561 padding: 20px; |
|
562 } |
|
563 |
|
564 /** |
|
565 * Posts |
|
566 ************************************************/ |
|
567 .post { |
|
568 clear: both; |
|
569 overflow: hidden; |
|
570 margin-bottom: 20px; |
|
571 } |
|
572 .single .post, .page .post { |
|
573 margin-bottom: 0; |
|
574 } |
|
575 .page-template-blog .post, .page-template-quick-post .post { |
|
576 margin-bottom: 20px; |
|
577 } |
|
578 |
|
579 /* Post title */ |
|
580 .entry-title { |
|
581 margin-bottom: 3px; |
|
582 font-size: 15px; |
|
583 line-height: 18px; |
|
584 font-weight: bold; |
|
585 } |
|
586 .entry-title a { |
|
587 color: #222; |
|
588 } |
|
589 .home .entry-title, .page-title, .page-template-blog .entry-title, .single-title, .error-404-title, .attachment-title { |
|
590 font-size: 22px; |
|
591 line-height: 22px; |
|
592 } |
|
593 .page-title, .error-404-title { |
|
594 margin: 0 0 20px 0; |
|
595 } |
|
596 |
|
597 /* Byline */ |
|
598 .byline { |
|
599 font-size: .9em; |
|
600 font-style: italic; |
|
601 color: #777; |
|
602 } |
|
603 .archive .byline, .search .byline { |
|
604 margin: 0 0 3px 0; |
|
605 } |
|
606 .byline a { |
|
607 font-style: normal; |
|
608 } |
|
609 |
|
610 /* Entry */ |
|
611 .entry-content, .entry-summary { |
|
612 overflow: hidden; |
|
613 font-size: 13px; |
|
614 } |
|
615 |
|
616 /* Post meta data */ |
|
617 .entry-meta { |
|
618 clear: both; |
|
619 display: block; |
|
620 padding: 9px 0 0 0; |
|
621 font-size: .9em; |
|
622 font-style: italic; |
|
623 color: #777; |
|
624 border-top: 1px solid #ccc; |
|
625 } |
|
626 .entry-meta a { |
|
627 font-style: normal; |
|
628 } |
|
629 |
|
630 /* Page links */ |
|
631 p.pages { |
|
632 font-weight: bold; |
|
633 } |
|
634 p.pages a { |
|
635 margin: 0 2px; |
|
636 padding: 4px 12px; |
|
637 font-weight: normal; |
|
638 font-style: italic; |
|
639 color: #eee !important; |
|
640 background: #093653; |
|
641 border: 1px solid #eee; |
|
642 } |
|
643 |
|
644 /* Series */ |
|
645 .series-title { |
|
646 font-size: 1.2em; |
|
647 } |
|
648 |
|
649 /* Single-post author box */ |
|
650 .single .author-profile { |
|
651 overflow: hidden; |
|
652 margin: 0 0 20px 0; |
|
653 padding: 9px 9px 0 9px; |
|
654 background: #f7f7f7; |
|
655 border: 1px solid #ccc; |
|
656 } |
|
657 .single .author-profile p { |
|
658 margin: 0 0 9px 0; |
|
659 } |
|
660 .single .author-profile .avatar { |
|
661 margin: 0 20px 9px 0; |
|
662 } |
|
663 |
|
664 /* Page templates */ |
|
665 .author-profile { |
|
666 border-bottom: 1px solid #ddd; |
|
667 overflow: hidden; |
|
668 margin-bottom: 20px; |
|
669 padding: 0 0 20px; |
|
670 } |
|
671 .page-template-biography .author-profile { |
|
672 margin: 0; |
|
673 } |
|
674 .author-profile .author-name { |
|
675 margin-bottom: 0; |
|
676 font-size: 1em; |
|
677 font-weight: bold; |
|
678 } |
|
679 .post-box { |
|
680 overflow: hidden; |
|
681 margin-bottom: 20px; |
|
682 } |
|
683 |
|
684 /* Archive templates */ |
|
685 .category-title, .tag-title, .date-title, .author-title, .search-title { |
|
686 font-size: 22px; |
|
687 font-weight: bold; |
|
688 line-height: 22px; |
|
689 } |
|
690 .author-info, .category-info, .date-info, .tag-info, .search-info { |
|
691 overflow: hidden; |
|
692 margin: 0 0 20px 0; |
|
693 } |
|
694 |
|
695 /* Attachments (post meta data) */ |
|
696 .attachment object { |
|
697 width: 100%; |
|
698 height: 100%; |
|
699 min-height: 400px; |
|
700 } |
|
701 .attachment object.video { |
|
702 width: 100%; |
|
703 height: 360px; |
|
704 } |
|
705 .attachment object.audio { |
|
706 width: 100%; |
|
707 } |
|
708 .attachment-image .post-meta-data { |
|
709 clear: left; |
|
710 } |
|
711 .attachment .download { |
|
712 display: block; |
|
713 margin-bottom: 20px; |
|
714 } |
|
715 .attachment-icon, .mime-type-icon { |
|
716 height: 20px; |
|
717 margin-right: 10px; |
|
718 padding: 0; |
|
719 } |
|
720 .attachment-application-octet-stream .video { |
|
721 height: 400px; |
|
722 margin-bottom: 20px; |
|
723 } |
|
724 |
|
725 /* Breadcrumb */ |
|
726 .breadcrumb { |
|
727 margin: 0 0 20px 0; |
|
728 font-size: 11px; |
|
729 color: #666; |
|
730 } |
|
731 |
|
732 /* WP PageNavi */ |
|
733 .wp-pagenavi { |
|
734 overflow: hidden; |
|
735 } |
|
736 .wp-pagenavi .pages, .wp-pagenavi .current, .wp-pagenavi a, .wp-pagenavi .extend { |
|
737 float: left; |
|
738 margin: 0 6px 0 0; |
|
739 padding: 4px 12px; |
|
740 color: #eee !important; |
|
741 background: #093653; |
|
742 border: 1px solid #eee; |
|
743 } |
|
744 |
|
745 /* Navigation links */ |
|
746 .navigation-links { |
|
747 overflow: hidden; |
|
748 } |
|
749 .next, .previous { |
|
750 max-width: 50%; |
|
751 font-size: 13px; |
|
752 } |
|
753 .previous { |
|
754 float: left; |
|
755 } |
|
756 .next { |
|
757 float: right; |
|
758 text-align: right; |
|
759 } |
|
760 #comments-template .paged-navigation { |
|
761 text-align: center; |
|
762 } |
|
763 #comments-template .paged-navigation .page-numbers { |
|
764 padding: 3px 6px; |
|
765 font-style: italic !important; |
|
766 border: 1px solid #eee !important; |
|
767 } |
|
768 #comments-template .paged-navigation .next, #comments-template .paged-navigation .prev { |
|
769 float: none; |
|
770 text-align: left; |
|
771 border: none !important; |
|
772 } |
|
773 |
|
774 /** |
|
775 * Widgets in general |
|
776 ************************************************/ |
|
777 .widget { |
|
778 overflow: hidden; |
|
779 margin: 0 0 20px 0; |
|
780 padding: 9px 9px 0 9px; |
|
781 background: #fff; |
|
782 border: 1px solid #ddd; |
|
783 } |
|
784 .widget-title { |
|
785 background:#333 none repeat scroll 0 0; |
|
786 border-bottom:1px solid #bbb; |
|
787 color:#fff; |
|
788 font-size:11px; |
|
789 font-weight:normal; |
|
790 letter-spacing:1px; |
|
791 margin:0 0 5px; |
|
792 padding:1px 5px; |
|
793 text-transform:uppercase; |
|
794 } |
|
795 .widget-title a { |
|
796 color: #f7f7f7; |
|
797 } |
|
798 .widget ul { |
|
799 list-style: none; |
|
800 margin-left: 0; |
|
801 } |
|
802 .widget ul li { |
|
803 padding: 0 0 0 18px; |
|
804 background: url(images/bullet.gif) no-repeat 3px 7px; |
|
805 } |
|
806 |
|
807 /* Widget search */ |
|
808 .widget-search { |
|
809 padding-bottom: 9px; |
|
810 } |
|
811 .widget-search .search-text { |
|
812 width: 270px; |
|
813 } |
|
814 |
|
815 /* Widget categories */ |
|
816 .widget-categories img { |
|
817 position: relative; |
|
818 max-height: 16px; |
|
819 top: 1px; |
|
820 margin: 0; |
|
821 padding: 0; |
|
822 } |
|
823 |
|
824 /** |
|
825 * Content-area widgets (mostly utility widgets) |
|
826 ************************************************/ |
|
827 .content .widget { |
|
828 margin: 0; |
|
829 padding: 0; |
|
830 border: none; |
|
831 } |
|
832 .content .widget-title { |
|
833 margin: 0 0 5px 0; |
|
834 padding: 0 0 5px 0; |
|
835 font: normal normal bold 14px/20px georgia, times, 'times new roman', serif; |
|
836 color: #333; |
|
837 background: transparent; |
|
838 border-bottom: 1px solid #ddd; |
|
839 } |
|
840 .content .widget-title a { |
|
841 color: #093653; |
|
842 } |
|
843 .page-template-widgets .content .widget { |
|
844 margin: 0 0 20px 0; |
|
845 } |
|
846 |
|
847 /** |
|
848 * Primary, Secondary, and Tertiary |
|
849 ************************************************/ |
|
850 #widget-container { |
|
851 float: right; |
|
852 width: 320px; |
|
853 } |
|
854 #primary { |
|
855 overflow: hidden; |
|
856 float: right; |
|
857 margin: 15px 20px 0 0; |
|
858 width: 300px; |
|
859 } |
|
860 #secondary { |
|
861 overflow: hidden; |
|
862 clear: right; |
|
863 float: right; |
|
864 width: 153px; |
|
865 margin: 0 0 0 14px; |
|
866 } |
|
867 #tertiary { |
|
868 overflow: hidden; |
|
869 float: right; |
|
870 width: 153px; |
|
871 } |
|
872 #primary .widget ul li { |
|
873 margin: 0 0 5px 0; |
|
874 padding: 0 5px 5px 20px; |
|
875 background: url(images/bullet.gif) no-repeat 5px 7px; |
|
876 border-bottom: 1px solid #eee; |
|
877 } |
|
878 #primary .widget ul ul { |
|
879 margin: 5px 0 0 0; |
|
880 } |
|
881 #primary .widget ul li li { |
|
882 margin: 0 0 2px 0; |
|
883 padding: 0 0 2px 20px; |
|
884 border: none; |
|
885 } |
|
886 #primary object { |
|
887 float: left; |
|
888 width: 300px; |
|
889 padding: 0; |
|
890 margin: 0 0 9px 0; |
|
891 } |
|
892 |
|
893 /** |
|
894 * Comments |
|
895 ************************************************/ |
|
896 #comments-template { |
|
897 margin-top: 20px; |
|
898 } |
|
899 |
|
900 /* Comment headers */ |
|
901 #comments-number, #reply { |
|
902 font-size: 1.2em; |
|
903 } |
|
904 |
|
905 /* Comments are closed */ |
|
906 .comments-closed { |
|
907 color: #666; |
|
908 font-style: italic; |
|
909 } |
|
910 |
|
911 /* Comment list */ |
|
912 #comments-template ol { |
|
913 list-style: none; |
|
914 margin: 0; |
|
915 } |
|
916 |
|
917 /* Individual comments */ |
|
918 #comments li { |
|
919 overflow: hidden; |
|
920 margin: 0 0 15px 0; |
|
921 padding: 15px 15px 0 15px; |
|
922 color: #333; |
|
923 background: #f7f7f7; |
|
924 border-top: 1px solid #ddd; |
|
925 border-bottom: 1px solid #ddd; |
|
926 } |
|
927 #comments li li, #comments li li li li, #comments li li li li li li { |
|
928 background: #fff; |
|
929 } |
|
930 #comments li li li, #comments li li li li li { |
|
931 background: #f7f7f7; |
|
932 } |
|
933 |
|
934 /* Avatar */ |
|
935 #comments li .avatar { |
|
936 width: 40px; |
|
937 height: 40px; |
|
938 float: left; |
|
939 margin-right: 20px; |
|
940 padding: 0; |
|
941 border: 1px solid #666; |
|
942 } |
|
943 |
|
944 /* Comment meta data */ |
|
945 #comments .comment-author { |
|
946 font-weight: bold; |
|
947 } |
|
948 #comments .comment-meta-data { |
|
949 margin-bottom: 15px; |
|
950 } |
|
951 |
|
952 /* Comment text */ |
|
953 .comment-text { |
|
954 clear: left; |
|
955 font-size: 13px; |
|
956 } |
|
957 |
|
958 /* Forms */ |
|
959 .text-input { |
|
960 display: block; |
|
961 padding: 3px 6px; |
|
962 width: 300px; |
|
963 font: 13px Arial, 'Helvetica Neue', Helvetica, sans-serif; |
|
964 } |
|
965 .page-template-quick-post .text-input { |
|
966 width: 97.5%; |
|
967 } |
|
968 #comments-template label { |
|
969 font: 13px Arial, 'Helvetica Neue', Helvetica, sans-serif; |
|
970 } |
|
971 textarea { |
|
972 clear: left; |
|
973 display: block; |
|
974 width: 98%; |
|
975 font: 14px/20px Arial, 'Helvetica Neue', Helvetica, sans-serif; |
|
976 } |
|
977 .button { |
|
978 width: 100px; |
|
979 margin-right: 9px; |
|
980 padding: 6px 9px; |
|
981 font: 13px Arial, 'Helvetica Neue', Helvetica, sans-serif; |
|
982 font-weight: bold; |
|
983 color: #eee; |
|
984 background: #001838; |
|
985 border: none; |
|
986 } |
|
987 .button:hover { |
|
988 cursor: pointer; |
|
989 background: #093653; |
|
990 } |
|
991 .search-form input { |
|
992 margin-right: 9px; |
|
993 } |
|
994 |
|
995 /** |
|
996 * Footer container (wraps Subsidiary and Footer) |
|
997 ************************************************/ |
|
998 #footer-container { |
|
999 overflow: hidden; |
|
1000 clear: both; |
|
1001 padding: 2px 0 0 0; |
|
1002 background: #001838; |
|
1003 border-top: 3px solid #00070F; |
|
1004 } |
|
1005 |
|
1006 /** |
|
1007 * Subsidiary |
|
1008 ************************************************/ |
|
1009 #subsidiary { |
|
1010 overflow: hidden; |
|
1011 width: 1000px; |
|
1012 margin: 0 auto 14px auto; |
|
1013 padding: 2px 0 0 0; |
|
1014 } |
|
1015 #subsidiary .widget { |
|
1016 overflow: hidden; |
|
1017 float: left; |
|
1018 width: 210px; |
|
1019 margin: 0; |
|
1020 padding: 15px 20px 0 20px; |
|
1021 font: 12px/21px Arial, 'Helvetica Neue', Helvetica, sans-serif; |
|
1022 color: #777; |
|
1023 background: transparent; |
|
1024 border: none; |
|
1025 } |
|
1026 #subsidiary .widget-title { |
|
1027 margin: 0 0 3px 0; |
|
1028 padding: 0 0 3px 0; |
|
1029 font-size: 15px; |
|
1030 color: #bbb; |
|
1031 background: transparent; |
|
1032 border-bottom: 1px solid #222; |
|
1033 } |
|
1034 #subsidiary a { |
|
1035 color: #aaa; |
|
1036 } |
|
1037 #subsidiary .widget ul { |
|
1038 margin-left: 0; |
|
1039 } |
|
1040 #subsidiary .widget ul li { |
|
1041 margin: 0 0 3px 0; |
|
1042 padding: 0 5px 3px 5px; |
|
1043 background: transparent; |
|
1044 border-bottom: 1px solid #222; |
|
1045 } |
|
1046 |
|
1047 /** |
|
1048 * Footer |
|
1049 ************************************************/ |
|
1050 #footer-container { |
|
1051 overflow: hidden; |
|
1052 clear: both; |
|
1053 padding: 2px 0 0 0; |
|
1054 background: #111; |
|
1055 border-top: 3px solid #000; |
|
1056 } |
|
1057 #footer { |
|
1058 overflow: hidden; |
|
1059 width: 960px; |
|
1060 margin: 0 auto; |
|
1061 padding: 20px 0 0 0; |
|
1062 color: #f7f7f7; |
|
1063 } |
|
1064 #footer a { |
|
1065 font-style: normal; |
|
1066 color: #aaa; |
|
1067 } |
|
1068 #footer .copyright, #footer .credit { |
|
1069 display: inline; |
|
1070 float: left; |
|
1071 margin-right: 9px; |
|
1072 } |
|
1073 #footer .address { |
|
1074 text-align: right; |
|
1075 } |