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