|
1 /* |
|
2 Theme Name: Twenty Ten |
|
3 Theme URI: http://wordpress.org/ |
|
4 Description: The 2010 theme for WordPress is stylish, customizable, simple, and readable -- make it yours with a custom menu, header image, and background. Twenty Ten supports six widgetized areas (two in the sidebar, four in the footer) and featured images (thumbnails for gallery posts and custom header images for posts and pages). It includes stylesheets for print and the admin Visual Editor, special styles for posts in the "Asides" and "Gallery" categories, and has an optional one-column page template that removes the sidebar. |
|
5 Author: the WordPress team |
|
6 Version: 1.4 |
|
7 License: GNU General Public License v2 or later |
|
8 License URI: http://www.gnu.org/licenses/gpl-2.0.html |
|
9 Tags: black, blue, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style, custom-menu |
|
10 Text Domain: twentyten |
|
11 */ |
|
12 |
|
13 |
|
14 /* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html |
|
15 -------------------------------------------------------------- */ |
|
16 |
|
17 html, body, div, span, applet, object, iframe, |
|
18 h1, h2, h3, h4, h5, h6, p, blockquote, pre, |
|
19 a, abbr, acronym, address, big, cite, code, |
|
20 del, dfn, em, font, img, ins, kbd, q, s, samp, |
|
21 small, strike, strong, sub, sup, tt, var, |
|
22 b, u, i, center, |
|
23 dl, dt, dd, ol, ul, li, |
|
24 fieldset, form, label, legend, |
|
25 table, caption, tbody, tfoot, thead, tr, th, td { |
|
26 background: transparent; |
|
27 border: 0; |
|
28 margin: 0; |
|
29 padding: 0; |
|
30 vertical-align: baseline; |
|
31 } |
|
32 body { |
|
33 line-height: 1; |
|
34 } |
|
35 h1, h2, h3, h4, h5, h6 { |
|
36 clear: both; |
|
37 font-weight: normal; |
|
38 } |
|
39 ol, ul { |
|
40 list-style: none; |
|
41 } |
|
42 blockquote { |
|
43 quotes: none; |
|
44 } |
|
45 blockquote:before, blockquote:after { |
|
46 content: ''; |
|
47 content: none; |
|
48 } |
|
49 del { |
|
50 text-decoration: line-through; |
|
51 } |
|
52 /* tables still need 'cellspacing="0"' in the markup */ |
|
53 table { |
|
54 border-collapse: collapse; |
|
55 border-spacing: 0; |
|
56 } |
|
57 a img { |
|
58 border: none; |
|
59 } |
|
60 |
|
61 /* =Layout |
|
62 -------------------------------------------------------------- */ |
|
63 |
|
64 /* |
|
65 LAYOUT: Two columns |
|
66 DESCRIPTION: Two-column fixed layout with one sidebar right of content |
|
67 */ |
|
68 |
|
69 #container { |
|
70 float: left; |
|
71 margin: 0 -240px 0 0; |
|
72 width: 100%; |
|
73 } |
|
74 #content { |
|
75 margin: 0 280px 0 20px; |
|
76 } |
|
77 #primary, |
|
78 #secondary { |
|
79 float: right; |
|
80 overflow: hidden; |
|
81 width: 220px; |
|
82 } |
|
83 #secondary { |
|
84 clear: right; |
|
85 } |
|
86 #footer { |
|
87 clear: both; |
|
88 width: 100%; |
|
89 } |
|
90 |
|
91 /* |
|
92 LAYOUT: One column, no sidebar |
|
93 DESCRIPTION: One centered column with no sidebar |
|
94 */ |
|
95 |
|
96 .one-column #content { |
|
97 margin: 0 auto; |
|
98 width: 640px; |
|
99 } |
|
100 |
|
101 /* |
|
102 LAYOUT: Full width, no sidebar |
|
103 DESCRIPTION: Full width content with no sidebar; used for attachment pages |
|
104 */ |
|
105 |
|
106 .single-attachment #content { |
|
107 margin: 0 auto; |
|
108 width: 900px; |
|
109 } |
|
110 |
|
111 |
|
112 /* =Fonts |
|
113 -------------------------------------------------------------- */ |
|
114 body, |
|
115 input, |
|
116 textarea, |
|
117 .page-title span, |
|
118 .pingback a.url { |
|
119 font-family: Georgia, "Bitstream Charter", serif; |
|
120 } |
|
121 h3#comments-title, |
|
122 h3#reply-title, |
|
123 #access .menu, |
|
124 #access div.menu ul, |
|
125 #cancel-comment-reply-link, |
|
126 .form-allowed-tags, |
|
127 #site-info, |
|
128 #site-title, |
|
129 #wp-calendar, |
|
130 .comment-meta, |
|
131 .comment-body tr th, |
|
132 .comment-body thead th, |
|
133 .entry-content label, |
|
134 .entry-content tr th, |
|
135 .entry-content thead th, |
|
136 .entry-meta, |
|
137 .entry-title, |
|
138 .entry-utility, |
|
139 #respond label, |
|
140 .navigation, |
|
141 .page-title, |
|
142 .pingback p, |
|
143 .reply, |
|
144 .widget-title, |
|
145 .wp-caption-text { |
|
146 font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif; |
|
147 } |
|
148 input[type=submit] { |
|
149 font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif; |
|
150 } |
|
151 pre { |
|
152 font-family: "Courier 10 Pitch", Courier, monospace; |
|
153 } |
|
154 code { |
|
155 font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; |
|
156 } |
|
157 |
|
158 |
|
159 /* =Structure |
|
160 -------------------------------------------------------------- */ |
|
161 |
|
162 /* The main theme structure */ |
|
163 #access .menu-header, |
|
164 div.menu, |
|
165 #colophon, |
|
166 #branding, |
|
167 #main, |
|
168 #wrapper { |
|
169 margin: 0 auto; |
|
170 width: 940px; |
|
171 } |
|
172 #wrapper { |
|
173 background: #fff; |
|
174 margin-top: 20px; |
|
175 padding: 0 20px; |
|
176 } |
|
177 |
|
178 /* Structure the footer area */ |
|
179 #footer-widget-area { |
|
180 overflow: hidden; |
|
181 } |
|
182 #footer-widget-area .widget-area { |
|
183 float: left; |
|
184 margin-right: 20px; |
|
185 width: 220px; |
|
186 } |
|
187 #footer-widget-area #fourth { |
|
188 margin-right: 0; |
|
189 } |
|
190 #site-info { |
|
191 float: left; |
|
192 font-size: 14px; |
|
193 font-weight: bold; |
|
194 width: 700px; |
|
195 } |
|
196 #site-generator { |
|
197 float: right; |
|
198 width: 220px; |
|
199 } |
|
200 |
|
201 |
|
202 /* =Global Elements |
|
203 -------------------------------------------------------------- */ |
|
204 |
|
205 /* Main global 'theme' and typographic styles */ |
|
206 body { |
|
207 background: #f1f1f1; |
|
208 } |
|
209 body, |
|
210 input, |
|
211 textarea { |
|
212 color: #666; |
|
213 font-size: 12px; |
|
214 line-height: 18px; |
|
215 } |
|
216 hr { |
|
217 background-color: #e7e7e7; |
|
218 border: 0; |
|
219 clear: both; |
|
220 height: 1px; |
|
221 margin-bottom: 18px; |
|
222 } |
|
223 |
|
224 /* Text elements */ |
|
225 p { |
|
226 margin-bottom: 18px; |
|
227 } |
|
228 ul { |
|
229 list-style: square; |
|
230 margin: 0 0 18px 1.5em; |
|
231 } |
|
232 ol { |
|
233 list-style: decimal; |
|
234 margin: 0 0 18px 1.5em; |
|
235 } |
|
236 ol ol { |
|
237 list-style: upper-alpha; |
|
238 } |
|
239 ol ol ol { |
|
240 list-style: lower-roman; |
|
241 } |
|
242 ol ol ol ol { |
|
243 list-style: lower-alpha; |
|
244 } |
|
245 ul ul, |
|
246 ol ol, |
|
247 ul ol, |
|
248 ol ul { |
|
249 margin-bottom: 0; |
|
250 } |
|
251 dl { |
|
252 margin: 0 0 24px 0; |
|
253 } |
|
254 dt { |
|
255 font-weight: bold; |
|
256 } |
|
257 dd { |
|
258 margin-bottom: 18px; |
|
259 } |
|
260 strong { |
|
261 font-weight: bold; |
|
262 } |
|
263 cite, |
|
264 em, |
|
265 i { |
|
266 font-style: italic; |
|
267 } |
|
268 big { |
|
269 font-size: 131.25%; |
|
270 } |
|
271 ins { |
|
272 background: #ffc; |
|
273 text-decoration: none; |
|
274 } |
|
275 blockquote { |
|
276 font-style: italic; |
|
277 padding: 0 3em; |
|
278 } |
|
279 blockquote cite, |
|
280 blockquote em, |
|
281 blockquote i { |
|
282 font-style: normal; |
|
283 } |
|
284 pre { |
|
285 background: #f7f7f7; |
|
286 color: #222; |
|
287 line-height: 18px; |
|
288 margin-bottom: 18px; |
|
289 overflow: auto; |
|
290 padding: 1.5em; |
|
291 } |
|
292 abbr, |
|
293 acronym { |
|
294 border-bottom: 1px dotted #666; |
|
295 cursor: help; |
|
296 } |
|
297 sup, |
|
298 sub { |
|
299 height: 0; |
|
300 line-height: 1; |
|
301 position: relative; |
|
302 vertical-align: baseline; |
|
303 } |
|
304 sup { |
|
305 bottom: 1ex; |
|
306 } |
|
307 sub { |
|
308 top: .5ex; |
|
309 } |
|
310 input[type="text"], |
|
311 textarea { |
|
312 background: #f9f9f9; |
|
313 border: 1px solid #ccc; |
|
314 box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1); |
|
315 -moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1); |
|
316 -webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1); |
|
317 padding: 2px; |
|
318 } |
|
319 a:link { |
|
320 color: #0066cc; |
|
321 } |
|
322 a:visited { |
|
323 color: #743399; |
|
324 } |
|
325 a:active, |
|
326 a:hover { |
|
327 color: #ff4b33; |
|
328 } |
|
329 |
|
330 /* Text meant only for screen readers */ |
|
331 .screen-reader-text { |
|
332 position: absolute; |
|
333 left: -9000px; |
|
334 } |
|
335 |
|
336 |
|
337 /* =Header |
|
338 -------------------------------------------------------------- */ |
|
339 |
|
340 #header { |
|
341 padding: 30px 0 0 0; |
|
342 } |
|
343 #site-title { |
|
344 float: left; |
|
345 font-size: 30px; |
|
346 line-height: 36px; |
|
347 margin: 0 0 18px 0; |
|
348 width: 700px; |
|
349 } |
|
350 #site-title a { |
|
351 color: #000; |
|
352 font-weight: bold; |
|
353 text-decoration: none; |
|
354 } |
|
355 #site-description { |
|
356 clear: right; |
|
357 float: right; |
|
358 font-style: italic; |
|
359 margin: 15px 0 18px 0; |
|
360 width: 220px; |
|
361 } |
|
362 |
|
363 /* This is the custom header image */ |
|
364 #branding img { |
|
365 border-top: 4px solid #000; |
|
366 border-bottom: 1px solid #000; |
|
367 display: block; |
|
368 float: left; |
|
369 } |
|
370 |
|
371 |
|
372 /* =Menu |
|
373 -------------------------------------------------------------- */ |
|
374 |
|
375 #access { |
|
376 background: #000; |
|
377 display: block; |
|
378 float: left; |
|
379 margin: 0 auto; |
|
380 width: 940px; |
|
381 } |
|
382 #access .menu-header, |
|
383 div.menu { |
|
384 font-size: 13px; |
|
385 margin-left: 12px; |
|
386 width: 928px; |
|
387 } |
|
388 #access .menu-header ul, |
|
389 div.menu ul { |
|
390 list-style: none; |
|
391 margin: 0; |
|
392 } |
|
393 #access .menu-header li, |
|
394 div.menu li { |
|
395 float: left; |
|
396 position: relative; |
|
397 } |
|
398 #access a { |
|
399 color: #aaa; |
|
400 display: block; |
|
401 line-height: 38px; |
|
402 padding: 0 10px; |
|
403 text-decoration: none; |
|
404 } |
|
405 #access ul ul { |
|
406 box-shadow: 0px 3px 3px rgba(0,0,0,0.2); |
|
407 -moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2); |
|
408 -webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2); |
|
409 display: none; |
|
410 position: absolute; |
|
411 top: 38px; |
|
412 left: 0; |
|
413 float: left; |
|
414 width: 180px; |
|
415 z-index: 99999; |
|
416 } |
|
417 #access ul ul li { |
|
418 min-width: 180px; |
|
419 } |
|
420 #access ul ul ul { |
|
421 left: 100%; |
|
422 top: 0; |
|
423 } |
|
424 #access ul ul a { |
|
425 background: #333; |
|
426 line-height: 1em; |
|
427 padding: 10px; |
|
428 width: 160px; |
|
429 height: auto; |
|
430 } |
|
431 #access li:hover > a, |
|
432 #access ul ul :hover > a { |
|
433 background: #333; |
|
434 color: #fff; |
|
435 } |
|
436 #access ul li:hover > ul { |
|
437 display: block; |
|
438 } |
|
439 #access ul li.current_page_item > a, |
|
440 #access ul li.current-menu-ancestor > a, |
|
441 #access ul li.current-menu-item > a, |
|
442 #access ul li.current-menu-parent > a { |
|
443 color: #fff; |
|
444 } |
|
445 * html #access ul li.current_page_item a, |
|
446 * html #access ul li.current-menu-ancestor a, |
|
447 * html #access ul li.current-menu-item a, |
|
448 * html #access ul li.current-menu-parent a, |
|
449 * html #access ul li a:hover { |
|
450 color: #fff; |
|
451 } |
|
452 |
|
453 |
|
454 /* =Content |
|
455 -------------------------------------------------------------- */ |
|
456 |
|
457 #main { |
|
458 clear: both; |
|
459 overflow: hidden; |
|
460 padding: 40px 0 0 0; |
|
461 } |
|
462 #content { |
|
463 margin-bottom: 36px; |
|
464 } |
|
465 #content, |
|
466 #content input, |
|
467 #content textarea { |
|
468 color: #333; |
|
469 font-size: 16px; |
|
470 line-height: 24px; |
|
471 } |
|
472 #content p, |
|
473 #content ul, |
|
474 #content ol, |
|
475 #content dd, |
|
476 #content pre, |
|
477 #content hr { |
|
478 margin-bottom: 24px; |
|
479 } |
|
480 #content ul ul, |
|
481 #content ol ol, |
|
482 #content ul ol, |
|
483 #content ol ul { |
|
484 margin-bottom: 0; |
|
485 } |
|
486 #content pre, |
|
487 #content kbd, |
|
488 #content tt, |
|
489 #content var { |
|
490 font-size: 15px; |
|
491 line-height: 21px; |
|
492 } |
|
493 #content code { |
|
494 font-size: 13px; |
|
495 } |
|
496 #content dt, |
|
497 #content th { |
|
498 color: #000; |
|
499 } |
|
500 #content h1, |
|
501 #content h2, |
|
502 #content h3, |
|
503 #content h4, |
|
504 #content h5, |
|
505 #content h6 { |
|
506 color: #000; |
|
507 line-height: 1.5em; |
|
508 margin: 0 0 20px 0; |
|
509 } |
|
510 #content table { |
|
511 border: 1px solid #e7e7e7; |
|
512 margin: 0 -1px 24px 0; |
|
513 text-align: left; |
|
514 width: 100%; |
|
515 } |
|
516 #content tr th, |
|
517 #content thead th { |
|
518 color: #888; |
|
519 font-size: 12px; |
|
520 font-weight: bold; |
|
521 line-height: 18px; |
|
522 padding: 9px 24px; |
|
523 } |
|
524 #content tr td { |
|
525 border-top: 1px solid #e7e7e7; |
|
526 padding: 6px 24px; |
|
527 } |
|
528 #content tr.odd td { |
|
529 background: #f2f7fc; |
|
530 } |
|
531 .hentry { |
|
532 margin: 0 0 48px 0; |
|
533 } |
|
534 .home .sticky { |
|
535 background: #f2f7fc; |
|
536 border-top: 4px solid #000; |
|
537 margin-left: -20px; |
|
538 margin-right: -20px; |
|
539 padding: 18px 20px; |
|
540 } |
|
541 .single .hentry { |
|
542 margin: 0 0 36px 0; |
|
543 } |
|
544 .page-title { |
|
545 color: #000; |
|
546 font-size: 14px; |
|
547 font-weight: bold; |
|
548 margin: 0 0 36px 0; |
|
549 } |
|
550 .page-title span { |
|
551 color: #333; |
|
552 font-size: 16px; |
|
553 font-style: italic; |
|
554 font-weight: normal; |
|
555 } |
|
556 .page-title a:link, |
|
557 .page-title a:visited { |
|
558 color: #888; |
|
559 text-decoration: none; |
|
560 } |
|
561 .page-title a:active, |
|
562 .page-title a:hover { |
|
563 color: #ff4b33; |
|
564 } |
|
565 #content .entry-title { |
|
566 color: #000; |
|
567 font-size: 21px; |
|
568 font-weight: bold; |
|
569 line-height: 1.3em; |
|
570 margin-bottom: 0; |
|
571 } |
|
572 .entry-title a:link, |
|
573 .entry-title a:visited { |
|
574 color: #000; |
|
575 text-decoration: none; |
|
576 } |
|
577 .entry-title a:active, |
|
578 .entry-title a:hover { |
|
579 color: #ff4b33; |
|
580 } |
|
581 .entry-meta { |
|
582 color: #888; |
|
583 font-size: 12px; |
|
584 } |
|
585 .entry-meta abbr, |
|
586 .entry-utility abbr { |
|
587 border: none; |
|
588 } |
|
589 .entry-meta abbr:hover, |
|
590 .entry-utility abbr:hover { |
|
591 border-bottom: 1px dotted #666; |
|
592 } |
|
593 .entry-content, |
|
594 .entry-summary { |
|
595 clear: both; |
|
596 padding: 12px 0 0 0; |
|
597 } |
|
598 #content .entry-summary p:last-child { |
|
599 margin-bottom: 12px; |
|
600 } |
|
601 .entry-content fieldset { |
|
602 border: 1px solid #e7e7e7; |
|
603 margin: 0 0 24px 0; |
|
604 padding: 24px; |
|
605 } |
|
606 .entry-content fieldset legend { |
|
607 background: #fff; |
|
608 color: #000; |
|
609 font-weight: bold; |
|
610 padding: 0 24px; |
|
611 } |
|
612 .entry-content input { |
|
613 margin: 0 0 24px 0; |
|
614 } |
|
615 .entry-content input.file, |
|
616 .entry-content input.button { |
|
617 margin-right: 24px; |
|
618 } |
|
619 .entry-content label { |
|
620 color: #888; |
|
621 font-size: 12px; |
|
622 } |
|
623 .entry-content select { |
|
624 margin: 0 0 24px 0; |
|
625 } |
|
626 .entry-content sup, |
|
627 .entry-content sub { |
|
628 font-size: 10px; |
|
629 } |
|
630 .entry-content blockquote.left { |
|
631 float: left; |
|
632 margin-left: 0; |
|
633 margin-right: 24px; |
|
634 text-align: right; |
|
635 width: 33%; |
|
636 } |
|
637 .entry-content blockquote.right { |
|
638 float: right; |
|
639 margin-left: 24px; |
|
640 margin-right: 0; |
|
641 text-align: left; |
|
642 width: 33%; |
|
643 } |
|
644 .page-link { |
|
645 clear: both; |
|
646 color: #000; |
|
647 font-weight: bold; |
|
648 margin: 0 0 22px 0; |
|
649 word-spacing: 0.5em; |
|
650 } |
|
651 .page-link a:link, |
|
652 .page-link a:visited { |
|
653 background: #f1f1f1; |
|
654 color: #333; |
|
655 font-weight: normal; |
|
656 padding: 0.5em 0.75em; |
|
657 text-decoration: none; |
|
658 } |
|
659 .home .sticky .page-link a { |
|
660 background: #d9e8f7; |
|
661 } |
|
662 .page-link a:active, |
|
663 .page-link a:hover { |
|
664 color: #ff4b33; |
|
665 } |
|
666 body.page .edit-link { |
|
667 clear: both; |
|
668 display: block; |
|
669 } |
|
670 #entry-author-info { |
|
671 background: #f2f7fc; |
|
672 border-top: 4px solid #000; |
|
673 clear: both; |
|
674 font-size: 14px; |
|
675 line-height: 20px; |
|
676 margin: 24px 0; |
|
677 overflow: hidden; |
|
678 padding: 18px 20px; |
|
679 } |
|
680 #entry-author-info #author-avatar { |
|
681 background: #fff; |
|
682 border: 1px solid #e7e7e7; |
|
683 float: left; |
|
684 height: 60px; |
|
685 margin: 0 -104px 0 0; |
|
686 padding: 11px; |
|
687 } |
|
688 #entry-author-info #author-description { |
|
689 float: left; |
|
690 margin: 0 0 0 104px; |
|
691 } |
|
692 #entry-author-info h2 { |
|
693 color: #000; |
|
694 font-size: 100%; |
|
695 font-weight: bold; |
|
696 margin-bottom: 0; |
|
697 } |
|
698 .entry-utility { |
|
699 clear: both; |
|
700 color: #888; |
|
701 font-size: 12px; |
|
702 line-height: 18px; |
|
703 } |
|
704 .entry-meta a, |
|
705 .entry-utility a { |
|
706 color: #888; |
|
707 } |
|
708 .entry-meta a:hover, |
|
709 .entry-utility a:hover { |
|
710 color: #ff4b33; |
|
711 } |
|
712 #content .video-player { |
|
713 padding: 0; |
|
714 } |
|
715 |
|
716 |
|
717 /* =Asides |
|
718 -------------------------------------------------------------- */ |
|
719 |
|
720 .home #content .format-aside p, |
|
721 .home #content .category-asides p { |
|
722 font-size: 14px; |
|
723 line-height: 20px; |
|
724 margin-bottom: 10px; |
|
725 margin-top: 0; |
|
726 } |
|
727 .home .hentry.format-aside, |
|
728 .home .hentry.category-asides { |
|
729 padding: 0; |
|
730 } |
|
731 .home #content .format-aside .entry-content, |
|
732 .home #content .category-asides .entry-content { |
|
733 padding-top: 0; |
|
734 } |
|
735 |
|
736 |
|
737 /* =Gallery listing |
|
738 -------------------------------------------------------------- */ |
|
739 |
|
740 .format-gallery .size-thumbnail img, |
|
741 .category-gallery .size-thumbnail img { |
|
742 border: 10px solid #f1f1f1; |
|
743 margin-bottom: 0; |
|
744 } |
|
745 .format-gallery .gallery-thumb, |
|
746 .category-gallery .gallery-thumb { |
|
747 float: left; |
|
748 margin-right: 20px; |
|
749 margin-top: -4px; |
|
750 } |
|
751 .home #content .format-gallery .entry-utility, |
|
752 .home #content .category-gallery .entry-utility { |
|
753 padding-top: 4px; |
|
754 } |
|
755 |
|
756 |
|
757 /* =Attachment pages |
|
758 -------------------------------------------------------------- */ |
|
759 |
|
760 .attachment .entry-content .entry-caption { |
|
761 font-size: 140%; |
|
762 margin-top: 24px; |
|
763 } |
|
764 .attachment .entry-content .nav-previous a:before { |
|
765 content: '\2190\00a0'; |
|
766 } |
|
767 .attachment .entry-content .nav-next a:after { |
|
768 content: '\00a0\2192'; |
|
769 } |
|
770 |
|
771 |
|
772 /* =Images |
|
773 -------------------------------------------------------------- */ |
|
774 |
|
775 /* |
|
776 Resize images to fit the main content area. |
|
777 - Applies only to images uploaded via WordPress by targeting size-* classes. |
|
778 - Other images will be left alone. Use "size-auto" class to apply to other images. |
|
779 */ |
|
780 img.size-auto, |
|
781 img.size-full, |
|
782 img.size-large, |
|
783 img.size-medium, |
|
784 .attachment img { |
|
785 max-width: 100%; /* When images are too wide for containing element, force them to fit. */ |
|
786 height: auto; /* Override height to match resized width for correct aspect ratio. */ |
|
787 } |
|
788 .alignleft, |
|
789 img.alignleft { |
|
790 display: inline; |
|
791 float: left; |
|
792 margin-right: 24px; |
|
793 margin-top: 4px; |
|
794 } |
|
795 .alignright, |
|
796 img.alignright { |
|
797 display: inline; |
|
798 float: right; |
|
799 margin-left: 24px; |
|
800 margin-top: 4px; |
|
801 } |
|
802 .aligncenter, |
|
803 img.aligncenter { |
|
804 clear: both; |
|
805 display: block; |
|
806 margin-left: auto; |
|
807 margin-right: auto; |
|
808 } |
|
809 img.alignleft, |
|
810 img.alignright, |
|
811 img.aligncenter { |
|
812 margin-bottom: 12px; |
|
813 } |
|
814 .wp-caption { |
|
815 background: #f1f1f1; |
|
816 line-height: 18px; |
|
817 margin-bottom: 20px; |
|
818 max-width: 632px !important; /* prevent too-wide images from breaking layout */ |
|
819 padding: 4px; |
|
820 text-align: center; |
|
821 } |
|
822 .wp-caption img { |
|
823 margin: 5px 5px 0; |
|
824 } |
|
825 .wp-caption p.wp-caption-text { |
|
826 color: #888; |
|
827 font-size: 12px; |
|
828 margin: 5px; |
|
829 } |
|
830 .wp-smiley { |
|
831 margin: 0; |
|
832 } |
|
833 .gallery { |
|
834 margin: 0 auto 18px; |
|
835 } |
|
836 .gallery .gallery-item { |
|
837 float: left; |
|
838 margin-top: 0; |
|
839 text-align: center; |
|
840 width: 33%; |
|
841 } |
|
842 .gallery-columns-2 .gallery-item { |
|
843 width: 50%; |
|
844 } |
|
845 .gallery-columns-4 .gallery-item { |
|
846 width: 25%; |
|
847 } |
|
848 .gallery img { |
|
849 border: 2px solid #cfcfcf; |
|
850 } |
|
851 .gallery-columns-2 .attachment-medium { |
|
852 max-width: 92%; |
|
853 height: auto; |
|
854 } |
|
855 .gallery-columns-4 .attachment-thumbnail { |
|
856 max-width: 84%; |
|
857 height: auto; |
|
858 } |
|
859 .gallery .gallery-caption { |
|
860 color: #888; |
|
861 font-size: 12px; |
|
862 margin: 0 0 12px; |
|
863 } |
|
864 .gallery dl { |
|
865 margin: 0; |
|
866 } |
|
867 .gallery img { |
|
868 border: 10px solid #f1f1f1; |
|
869 } |
|
870 .gallery br+br { |
|
871 display: none; |
|
872 } |
|
873 #content .attachment img {/* single attachment images should be centered */ |
|
874 display: block; |
|
875 margin: 0 auto; |
|
876 } |
|
877 |
|
878 |
|
879 /* =Navigation |
|
880 -------------------------------------------------------------- */ |
|
881 |
|
882 .navigation { |
|
883 color: #888; |
|
884 font-size: 12px; |
|
885 line-height: 18px; |
|
886 overflow: hidden; |
|
887 } |
|
888 .navigation a:link, |
|
889 .navigation a:visited { |
|
890 color: #888; |
|
891 text-decoration: none; |
|
892 } |
|
893 .navigation a:active, |
|
894 .navigation a:hover { |
|
895 color: #ff4b33; |
|
896 } |
|
897 .nav-previous { |
|
898 float: left; |
|
899 width: 50%; |
|
900 } |
|
901 .nav-next { |
|
902 float: right; |
|
903 text-align: right; |
|
904 width: 50%; |
|
905 } |
|
906 #nav-above { |
|
907 margin: 0 0 18px 0; |
|
908 } |
|
909 #nav-above { |
|
910 display: none; |
|
911 } |
|
912 .paged #nav-above, |
|
913 .single #nav-above { |
|
914 display: block; |
|
915 } |
|
916 #nav-below { |
|
917 margin: -18px 0 0 0; |
|
918 } |
|
919 |
|
920 |
|
921 /* =Comments |
|
922 -------------------------------------------------------------- */ |
|
923 #comments { |
|
924 clear: both; |
|
925 } |
|
926 #comments .navigation { |
|
927 padding: 0 0 18px 0; |
|
928 } |
|
929 h3#comments-title, |
|
930 h3#reply-title { |
|
931 color: #000; |
|
932 font-size: 20px; |
|
933 font-weight: bold; |
|
934 margin-bottom: 0; |
|
935 } |
|
936 h3#comments-title { |
|
937 padding: 24px 0; |
|
938 } |
|
939 .commentlist { |
|
940 list-style: none; |
|
941 margin: 0; |
|
942 } |
|
943 .commentlist li.comment { |
|
944 border-bottom: 1px solid #e7e7e7; |
|
945 line-height: 24px; |
|
946 margin: 0 0 24px 0; |
|
947 padding: 0 0 0 56px; |
|
948 position: relative; |
|
949 } |
|
950 .commentlist li:last-child { |
|
951 border-bottom: none; |
|
952 margin-bottom: 0; |
|
953 } |
|
954 #comments .comment-body ul, |
|
955 #comments .comment-body ol { |
|
956 margin-bottom: 18px; |
|
957 } |
|
958 #comments .comment-body p:last-child { |
|
959 margin-bottom: 6px; |
|
960 } |
|
961 #comments .comment-body blockquote p:last-child { |
|
962 margin-bottom: 24px; |
|
963 } |
|
964 .commentlist ol { |
|
965 list-style: decimal; |
|
966 } |
|
967 .commentlist .avatar { |
|
968 position: absolute; |
|
969 top: 4px; |
|
970 left: 0; |
|
971 } |
|
972 .comment-author { |
|
973 } |
|
974 .comment-author cite { |
|
975 color: #000; |
|
976 font-style: normal; |
|
977 font-weight: bold; |
|
978 } |
|
979 .comment-author .says { |
|
980 font-style: italic; |
|
981 } |
|
982 .comment-meta { |
|
983 font-size: 12px; |
|
984 margin: 0 0 18px 0; |
|
985 } |
|
986 .comment-meta a:link, |
|
987 .comment-meta a:visited { |
|
988 color: #888; |
|
989 text-decoration: none; |
|
990 } |
|
991 .comment-meta a:active, |
|
992 .comment-meta a:hover { |
|
993 color: #ff4b33; |
|
994 } |
|
995 .commentlist .even { |
|
996 } |
|
997 .commentlist .bypostauthor { |
|
998 } |
|
999 .reply { |
|
1000 font-size: 12px; |
|
1001 padding: 0 0 24px 0; |
|
1002 } |
|
1003 .reply a, |
|
1004 a.comment-edit-link { |
|
1005 color: #888; |
|
1006 } |
|
1007 .reply a:hover, |
|
1008 a.comment-edit-link:hover { |
|
1009 color: #ff4b33; |
|
1010 } |
|
1011 .commentlist .children { |
|
1012 list-style: none; |
|
1013 margin: 0; |
|
1014 } |
|
1015 .commentlist .children li { |
|
1016 border: none; |
|
1017 margin: 0; |
|
1018 } |
|
1019 .nopassword, |
|
1020 .nocomments { |
|
1021 display: none; |
|
1022 } |
|
1023 #comments .pingback { |
|
1024 border-bottom: 1px solid #e7e7e7; |
|
1025 margin-bottom: 18px; |
|
1026 padding-bottom: 18px; |
|
1027 } |
|
1028 .commentlist li.comment+li.pingback { |
|
1029 margin-top: -6px; |
|
1030 } |
|
1031 #comments .pingback p { |
|
1032 color: #888; |
|
1033 display: block; |
|
1034 font-size: 12px; |
|
1035 line-height: 18px; |
|
1036 margin: 0; |
|
1037 } |
|
1038 #comments .pingback .url { |
|
1039 font-size: 13px; |
|
1040 font-style: italic; |
|
1041 } |
|
1042 |
|
1043 /* Comments form */ |
|
1044 input[type=submit] { |
|
1045 color: #333; |
|
1046 } |
|
1047 #respond { |
|
1048 border-top: 1px solid #e7e7e7; |
|
1049 margin: 24px 0; |
|
1050 overflow: hidden; |
|
1051 position: relative; |
|
1052 } |
|
1053 #respond p { |
|
1054 margin: 0; |
|
1055 } |
|
1056 #respond .comment-notes { |
|
1057 margin-bottom: 1em; |
|
1058 } |
|
1059 .form-allowed-tags { |
|
1060 line-height: 1em; |
|
1061 } |
|
1062 .children #respond { |
|
1063 margin: 0 48px 0 0; |
|
1064 } |
|
1065 h3#reply-title { |
|
1066 margin: 18px 0; |
|
1067 } |
|
1068 #comments-list #respond { |
|
1069 margin: 0 0 18px 0; |
|
1070 } |
|
1071 #comments-list ul #respond { |
|
1072 margin: 0; |
|
1073 } |
|
1074 #cancel-comment-reply-link { |
|
1075 font-size: 12px; |
|
1076 font-weight: normal; |
|
1077 line-height: 18px; |
|
1078 } |
|
1079 #respond .required { |
|
1080 color: #ff4b33; |
|
1081 font-weight: bold; |
|
1082 } |
|
1083 #respond label { |
|
1084 color: #888; |
|
1085 font-size: 12px; |
|
1086 } |
|
1087 #respond input { |
|
1088 margin: 0 0 9px; |
|
1089 width: 98%; |
|
1090 } |
|
1091 #respond textarea { |
|
1092 width: 98%; |
|
1093 } |
|
1094 #respond .form-allowed-tags { |
|
1095 color: #888; |
|
1096 font-size: 12px; |
|
1097 line-height: 18px; |
|
1098 } |
|
1099 #respond .form-allowed-tags code { |
|
1100 font-size: 11px; |
|
1101 } |
|
1102 #respond .form-submit { |
|
1103 margin: 12px 0; |
|
1104 } |
|
1105 #respond .form-submit input { |
|
1106 font-size: 14px; |
|
1107 width: auto; |
|
1108 } |
|
1109 |
|
1110 |
|
1111 /* =Widget Areas |
|
1112 -------------------------------------------------------------- */ |
|
1113 |
|
1114 .widget-area ul { |
|
1115 list-style: none; |
|
1116 margin-left: 0; |
|
1117 } |
|
1118 .widget-area ul ul { |
|
1119 list-style: square; |
|
1120 margin-left: 1.3em; |
|
1121 } |
|
1122 .widget-area select { |
|
1123 max-width: 100%; |
|
1124 } |
|
1125 .widget_search #s {/* This keeps the search inputs in line */ |
|
1126 width: 60%; |
|
1127 } |
|
1128 .widget_search label { |
|
1129 display: none; |
|
1130 } |
|
1131 .widget-container { |
|
1132 margin: 0 0 18px 0; |
|
1133 } |
|
1134 .widget-title { |
|
1135 color: #222; |
|
1136 font-weight: bold; |
|
1137 } |
|
1138 .widget-area a:link, |
|
1139 .widget-area a:visited { |
|
1140 text-decoration: none; |
|
1141 } |
|
1142 .widget-area a:active, |
|
1143 .widget-area a:hover { |
|
1144 text-decoration: underline; |
|
1145 } |
|
1146 .widget-area .entry-meta { |
|
1147 font-size: 11px; |
|
1148 } |
|
1149 #wp_tag_cloud div { |
|
1150 line-height: 1.6em; |
|
1151 } |
|
1152 #wp-calendar { |
|
1153 width: 100%; |
|
1154 } |
|
1155 #wp-calendar caption { |
|
1156 color: #222; |
|
1157 font-size: 14px; |
|
1158 font-weight: bold; |
|
1159 padding-bottom: 4px; |
|
1160 text-align: left; |
|
1161 } |
|
1162 #wp-calendar thead { |
|
1163 font-size: 11px; |
|
1164 } |
|
1165 #wp-calendar thead th { |
|
1166 } |
|
1167 #wp-calendar tbody { |
|
1168 color: #aaa; |
|
1169 } |
|
1170 #wp-calendar tbody td { |
|
1171 background: #f5f5f5; |
|
1172 border: 1px solid #fff; |
|
1173 padding: 3px 0 2px; |
|
1174 text-align: center; |
|
1175 } |
|
1176 #wp-calendar tbody .pad { |
|
1177 background: none; |
|
1178 } |
|
1179 #wp-calendar tfoot #next { |
|
1180 text-align: right; |
|
1181 } |
|
1182 .widget_rss a.rsswidget { |
|
1183 color: #000; |
|
1184 } |
|
1185 .widget_rss a.rsswidget:hover { |
|
1186 color: #ff4b33; |
|
1187 } |
|
1188 .widget_rss .widget-title img { |
|
1189 width: 11px; |
|
1190 height: 11px; |
|
1191 } |
|
1192 |
|
1193 /* Main sidebars */ |
|
1194 #main .widget-area ul { |
|
1195 margin-left: 0; |
|
1196 padding: 0 20px 0 0; |
|
1197 } |
|
1198 #main .widget-area ul ul { |
|
1199 border: none; |
|
1200 margin-left: 1.3em; |
|
1201 padding: 0; |
|
1202 } |
|
1203 #primary { |
|
1204 } |
|
1205 #secondary { |
|
1206 } |
|
1207 |
|
1208 /* Footer widget areas */ |
|
1209 #footer-widget-area { |
|
1210 } |
|
1211 |
|
1212 |
|
1213 /* =Footer |
|
1214 -------------------------------------------------------------- */ |
|
1215 |
|
1216 #footer { |
|
1217 margin-bottom: 20px; |
|
1218 } |
|
1219 #colophon { |
|
1220 border-top: 4px solid #000; |
|
1221 margin-top: -4px; |
|
1222 overflow: hidden; |
|
1223 padding: 18px 0; |
|
1224 } |
|
1225 #site-info { |
|
1226 font-weight: bold; |
|
1227 } |
|
1228 #site-info a { |
|
1229 color: #000; |
|
1230 text-decoration: none; |
|
1231 } |
|
1232 #site-generator { |
|
1233 font-style: italic; |
|
1234 position: relative; |
|
1235 } |
|
1236 #site-generator a { |
|
1237 background: url(images/wordpress.png) center left no-repeat; |
|
1238 color: #666; |
|
1239 display: inline-block; |
|
1240 line-height: 16px; |
|
1241 padding-left: 20px; |
|
1242 text-decoration: none; |
|
1243 } |
|
1244 #site-generator a:hover { |
|
1245 text-decoration: underline; |
|
1246 } |
|
1247 img#wpstats { |
|
1248 display: block; |
|
1249 margin: 0 auto 10px; |
|
1250 } |
|
1251 |
|
1252 |
|
1253 /* =Mobile Safari ( iPad, iPhone and iPod Touch ) |
|
1254 -------------------------------------------------------------- */ |
|
1255 |
|
1256 pre { |
|
1257 -webkit-text-size-adjust: 140%; |
|
1258 } |
|
1259 code { |
|
1260 -webkit-text-size-adjust: 160%; |
|
1261 } |
|
1262 #access, |
|
1263 .entry-meta, |
|
1264 .entry-utility, |
|
1265 .navigation, |
|
1266 .widget-area { |
|
1267 -webkit-text-size-adjust: 120%; |
|
1268 } |
|
1269 #site-description { |
|
1270 -webkit-text-size-adjust: none; |
|
1271 } |
|
1272 |
|
1273 |
|
1274 /* =Print Style |
|
1275 -------------------------------------------------------------- */ |
|
1276 |
|
1277 @media print { |
|
1278 body { |
|
1279 background: none !important; |
|
1280 } |
|
1281 #wrapper { |
|
1282 clear: both !important; |
|
1283 display: block !important; |
|
1284 float: none !important; |
|
1285 position: relative !important; |
|
1286 } |
|
1287 #header { |
|
1288 border-bottom: 2pt solid #000; |
|
1289 padding-bottom: 18pt; |
|
1290 } |
|
1291 #colophon { |
|
1292 border-top: 2pt solid #000; |
|
1293 } |
|
1294 #site-title, |
|
1295 #site-description { |
|
1296 float: none; |
|
1297 line-height: 1.4em; |
|
1298 margin: 0; |
|
1299 padding: 0; |
|
1300 } |
|
1301 #site-title { |
|
1302 font-size: 13pt; |
|
1303 } |
|
1304 .entry-content { |
|
1305 font-size: 14pt; |
|
1306 line-height: 1.6em; |
|
1307 } |
|
1308 .entry-title { |
|
1309 font-size: 21pt; |
|
1310 } |
|
1311 #access, |
|
1312 #branding img, |
|
1313 #respond, |
|
1314 .comment-edit-link, |
|
1315 .edit-link, |
|
1316 .navigation, |
|
1317 .page-link, |
|
1318 .widget-area { |
|
1319 display: none !important; |
|
1320 } |
|
1321 #container, |
|
1322 #header, |
|
1323 #footer { |
|
1324 margin: 0; |
|
1325 width: 100%; |
|
1326 } |
|
1327 #content, |
|
1328 .one-column #content { |
|
1329 margin: 24pt 0 0; |
|
1330 width: 100%; |
|
1331 } |
|
1332 .wp-caption p { |
|
1333 font-size: 11pt; |
|
1334 } |
|
1335 #site-info, |
|
1336 #site-generator { |
|
1337 float: none; |
|
1338 width: auto; |
|
1339 } |
|
1340 #colophon { |
|
1341 width: auto; |
|
1342 } |
|
1343 img#wpstats { |
|
1344 display: none; |
|
1345 } |
|
1346 #site-generator a { |
|
1347 margin: 0; |
|
1348 padding: 0; |
|
1349 } |
|
1350 #entry-author-info { |
|
1351 border: 1px solid #e7e7e7; |
|
1352 } |
|
1353 #main { |
|
1354 display: inline; |
|
1355 } |
|
1356 .home .sticky { |
|
1357 border: none; |
|
1358 } |
|
1359 } |