View difference between Paste ID: NjXP5yPq and
SHOW:
|
|
- or go back to the newest paste.
1 | - | |
1 | + | /* |
2 | Theme Name: Catch Box | |
3 | Theme URI: http://catchthemes.com/themes/catchbox | |
4 | Author: Catch Themes Team | |
5 | Author URI: http://catchthemes.com | |
6 | Description: Catch Box is simple, lightweight, box shaped, and adaptable WordPress Theme for bloggers and professionals. It is based on HTML5, CSS3 and Responsive Web Design to view in various devices. 10 Best Reasons to use Catch Box Theme. 1. Responsive Web Design, 2. Custom Menus (Primary, Secondary and Footer menus), 3. Theme Options for light or dark or blue color scheme, custom link colors, three layout choices, two content choices between excerpt and content option in homepage, feed redirection, custom css styles, 4. Featured Sliders where you can define number of slides and post IDs, 5. Social Links (Facebook, Twitter, RSS, Linkedin, Pinterest, etc), 6. Webmaster Tools (Google, Yahoo and Bing site verification ID, Header and Footer codes), 7. Custom Backgrounds, 8. Custom Header, 9. Catchbox Adspace widget to add any type of Advertisements, and 10. Support popular plugins. Multilingual Ready (WPML) and also currently translated in Brazilian Portuguese, Spanish, Danish, Germany, French, Polish, Czech, Croatian and Italian. Free Support Forum at http://catchthemes.com/support-forum/forum/catch-box-public/ | |
7 | Version: 2.0.1 | |
8 | License: GNU General Public License v2 or later | |
9 | License URI: http://www.gnu.org/licenses/gpl-2.0.html | |
10 | Tags: dark, light, blue, white, black, gray, one-column, two-columns, left-sidebar, right-sidebar, fixed-width, flexible-width, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready | |
11 | */ | |
12 | ||
13 | /* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html | |
14 | -------------------------------------------------------------- */ | |
15 | ||
16 | html, body, div, span, applet, object, iframe, | |
17 | h1, h2, h3, h4, h5, h6, p, blockquote, pre, | |
18 | a, abbr, acronym, address, big, cite, code, | |
19 | del, dfn, em, font, ins, kbd, q, s, samp, | |
20 | small, strike, strong, sub, sup, tt, var, | |
21 | dl, dt, dd, ol, ul, li, | |
22 | fieldset, form, label, legend, | |
23 | table, caption, tbody, tfoot, thead, tr, th, td { | |
24 | border: 0; | |
25 | font-family: inherit; | |
26 | font-size: 100%; | |
27 | font-style: inherit; | |
28 | font-weight: inherit; | |
29 | margin: 0; | |
30 | outline: 0; | |
31 | padding: 0; | |
32 | vertical-align: baseline; | |
33 | } | |
34 | :focus {/* remember to define focus styles! */ | |
35 | outline: 0; | |
36 | } | |
37 | body { | |
38 | background: #fff; | |
39 | line-height: 1; | |
40 | } | |
41 | ol, ul { | |
42 | list-style: none; | |
43 | } | |
44 | table {/* tables still need 'cellspacing="0"' in the markup */ | |
45 | border-collapse: separate; | |
46 | border-spacing: 0; | |
47 | } | |
48 | caption, th, td { | |
49 | font-weight: normal; | |
50 | text-align: left; | |
51 | } | |
52 | blockquote:before, blockquote:after, | |
53 | q:before, q:after { | |
54 | content: ""; | |
55 | } | |
56 | blockquote, q { | |
57 | quotes: "" ""; | |
58 | } | |
59 | a img { | |
60 | border: 0; | |
61 | } | |
62 | article, aside, details, figcaption, figure, | |
63 | footer, header, hgroup, menu, nav, section { | |
64 | display: block; | |
65 | } | |
66 | ||
67 | ||
68 | /* =Structure | |
69 | ----------------------------------------------- */ | |
70 | ||
71 | body { | |
72 | padding-top: 2em; | |
73 | } | |
74 | #page { | |
75 | margin-top: 180px; | |
76 | margin-left: 145px; | |
77 | max-width: 1058px; | |
78 | } | |
79 | #branding hgroup { | |
80 | margin: 0 3%; | |
81 | padding: 2.5em 0; | |
82 | } | |
83 | #access div, | |
84 | #access-secondary div, | |
85 | #access-footer div { | |
86 | margin: 0 3%; | |
87 | } | |
88 | #primary { | |
89 | float: left; | |
90 | margin: 0 -35.5% 0 0; | |
91 | width: 100%; | |
92 | } | |
93 | #content { | |
94 | margin: 0 38.6% 0 3%; | |
95 | width: 58.4%; | |
96 | } | |
97 | #secondary { | |
98 | float: right; | |
99 | margin-right: 3%; | |
100 | width: 32.5%; | |
101 | } | |
102 | ||
103 | /* Right Content */ | |
104 | .sidebar-content #primary { | |
105 | float: right; | |
106 | margin: 0 0 0 -35.5%; | |
107 | } | |
108 | .sidebar-content #content { | |
109 | margin: 0 3% 0 38.6%; | |
110 | } | |
111 | .sidebar-content #secondary { | |
112 | float: left; | |
113 | margin-left: 3%; | |
114 | margin-right: 0; | |
115 | } | |
116 | ||
117 | /* Singular and Fullwidth */ | |
118 | .singular #primary, | |
119 | .fullwidth #primary { | |
120 | margin: 0; | |
121 | } | |
122 | .singular #content, | |
123 | .fullwidth #content, | |
124 | .sidebar-content.singular #content { | |
125 | margin: 0 3%; | |
126 | position: relative; | |
127 | width: auto; | |
128 | } | |
129 | ||
130 | /* Attachments */ | |
131 | .singular.single-attachment .entry-header, | |
132 | .singular .image-attachment .entry-content { | |
133 | margin: 0 auto; | |
134 | width: auto; | |
135 | } | |
136 | .singular .image-attachment .entry-description { | |
137 | padding: 1em 0 0; | |
138 | text-align: center; | |
139 | } | |
140 | ||
141 | /* error404 */ | |
142 | .error404 #primary { | |
143 | float: none; | |
144 | margin: 0; | |
145 | } | |
146 | .error404 #primary #content { | |
147 | margin: 0 3%; | |
148 | width: auto; | |
149 | } | |
150 | ||
151 | /* Alignment */ | |
152 | .alignleft { | |
153 | display: inline; | |
154 | float: left; | |
155 | margin-right: 2em; | |
156 | } | |
157 | .alignright { | |
158 | display: inline; | |
159 | float: right; | |
160 | margin-left: 2em; | |
161 | } | |
162 | .aligncenter { | |
163 | clear: both; | |
164 | display: block; | |
165 | margin-left: auto; | |
166 | margin-right: auto; | |
167 | } | |
168 | ||
169 | /* One column */ | |
170 | .content-onecolumn #page { | |
171 | max-width: 690px; | |
172 | } | |
173 | .content-onecolumn #content { | |
174 | margin: 0 3%; | |
175 | width: auto; | |
176 | } | |
177 | .content-onecolumn #nav-below { | |
178 | border-bottom: 1px solid #ccc; | |
179 | margin-bottom: 2em; | |
180 | } | |
181 | .content-onecolumn #secondary { | |
182 | float: none; | |
183 | margin: 0 3%; | |
184 | width: auto; | |
185 | } | |
186 | ||
187 | /* Remove the margin on singular articles */ | |
188 | .content-onecolumn.singular .entry-header, | |
189 | .content-onecolumn.singular .entry-content, | |
190 | .content-onecolumn.singular footer.entry-meta, | |
191 | .content-onecolumn.singular #comments-title { | |
192 | width: 100%; | |
193 | } | |
194 | /* Simplify the pullquotes and pull styles */ | |
195 | .content-onecolumn.singular blockquote.pull { | |
196 | margin: 0 0 2em; | |
197 | } | |
198 | .content-onecolumn.singular .pull.alignleft { | |
199 | margin: 0 2em 0 0; | |
200 | } | |
201 | .content-onecolumn.singular .pull.alignright { | |
202 | margin: 0 0 0 2em; | |
203 | } | |
204 | .content-onecolumn.singular #author-info { | |
205 | margin: 2.2em -8.8% 0; | |
206 | padding: 20px 8.8%; | |
207 | } | |
208 | /* Make sure we have room for our comment avatars */ | |
209 | .content-onecolumn .commentlist > li.comment { | |
210 | margin-left: 102px; | |
211 | width: auto; | |
212 | } | |
213 | /* Talking avatars take up too much room at this size */ | |
214 | .content-onecolumn .commentlist > li.comment { | |
215 | margin-left: 0; | |
216 | } | |
217 | .content-onecolumn .commentlist > li.comment .comment-meta, | |
218 | .content-onecolumn .commentlist > li.comment .comment-content { | |
219 | ||
220 | } | |
221 | .content-onecolumn .commentlist .avatar { | |
222 | ||
223 | } | |
224 | .content-onecolumn .commentlist .children .avatar { | |
225 | background: none; | |
226 | padding: 0; | |
227 | position: absolute; | |
228 | left: 2.2em; | |
229 | } | |
230 | .content-onecolumn #respond { | |
231 | width: auto; | |
232 | } | |
233 | ||
234 | ||
235 | /* =Global | |
236 | ----------------------------------------------- */ | |
237 | ||
238 | body, input, textarea { | |
239 | color: #373737; | |
240 | font: 15px "Helvetica Neue", Helvetica, Arial, sans-serif; | |
241 | font-weight: 300; | |
242 | line-height: 1.625; | |
243 | } | |
244 | body { | |
245 | background: #ccc; | |
246 | -webkit-background-size: cover; | |
247 | -moz-background-size: cover; | |
248 | -o-background-size: cover; | |
249 | background-size: cover; | |
250 | ||
251 | ||
252 | ||
253 | ||
254 | ||
255 | } | |
256 | #page { | |
257 | background: #eee; | |
258 | -moz-border-radius: 5px; | |
259 | border-radius: 5px; | |
260 | } | |
261 | ||
262 | /* Headings */ | |
263 | h1,h2,h3,h4,h5,h6 { | |
264 | clear: both; | |
265 | } | |
266 | hr { | |
267 | background-color: #ccc; | |
268 | border: 0; | |
269 | height: 1px; | |
270 | margin-bottom: 2em; | |
271 | } | |
272 | ||
273 | /* Text elements */ | |
274 | p { | |
275 | margin-bottom: 2em; | |
276 | } | |
277 | ul, ol { | |
278 | margin: 0 0 2em 2.5em; | |
279 | } | |
280 | ul { | |
281 | list-style: disc; | |
282 | } | |
283 | ol { | |
284 | list-style-type: decimal; | |
285 | } | |
286 | ol ol { | |
287 | list-style: upper-alpha; | |
288 | } | |
289 | ol ol ol { | |
290 | list-style: lower-roman; | |
291 | } | |
292 | ol ol ol ol { | |
293 | list-style: lower-alpha; | |
294 | } | |
295 | ul ul, ol ol, ul ol, ol ul { | |
296 | margin-bottom: 0; | |
297 | } | |
298 | dl { | |
299 | margin: 0 2em; | |
300 | } | |
301 | dt { | |
302 | font-weight: bold; | |
303 | } | |
304 | dd { | |
305 | margin-bottom: 2em; | |
306 | } | |
307 | strong { | |
308 | font-weight: bold; | |
309 | } | |
310 | cite, em, i { | |
311 | font-style: italic; | |
312 | } | |
313 | blockquote { | |
314 | font-family: Georgia, "Bitstream Charter", serif; | |
315 | font-style: italic; | |
316 | font-weight: normal; | |
317 | margin: 0 3em; | |
318 | } | |
319 | blockquote em, blockquote i, blockquote cite { | |
320 | font-style: normal; | |
321 | } | |
322 | blockquote cite { | |
323 | color: #666; | |
324 | font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif; | |
325 | font-weight: 300; | |
326 | letter-spacing: 0.05em; | |
327 | text-transform: uppercase; | |
328 | } | |
329 | pre { | |
330 | background: #f4f4f4; | |
331 | font: 13px "Courier 10 Pitch", Courier, monospace; | |
332 | line-height: 1.5; | |
333 | margin-bottom: 2em; | |
334 | overflow: auto; | |
335 | padding: 0.75em 2em; | |
336 | } | |
337 | code, kbd { | |
338 | font: 13px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; | |
339 | } | |
340 | abbr, acronym, dfn { | |
341 | border-bottom: 1px dotted #666; | |
342 | cursor: help; | |
343 | } | |
344 | address { | |
345 | display: block; | |
346 | margin: 0 0 2em; | |
347 | } | |
348 | ins { | |
349 | background: #fff9c0; | |
350 | text-decoration: none; | |
351 | } | |
352 | sup, | |
353 | sub { | |
354 | font-size: 10px; | |
355 | height: 0; | |
356 | line-height: 1; | |
357 | position: relative; | |
358 | vertical-align: baseline; | |
359 | } | |
360 | sup { | |
361 | bottom: 1ex; | |
362 | } | |
363 | sub { | |
364 | top: .5ex; | |
365 | } | |
366 | ||
367 | /* Forms */ | |
368 | input[type=text], | |
369 | input[type=password], | |
370 | textarea { | |
371 | background: #fafafa; | |
372 | -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); | |
373 | -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); | |
374 | box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); | |
375 | border: 1px solid #ccc; | |
376 | color: #888; | |
377 | } | |
378 | input[type=text]:focus, | |
379 | textarea:focus { | |
380 | color: #373737; | |
381 | } | |
382 | textarea { | |
383 | padding-left: 3px; | |
384 | width: 98%; | |
385 | } | |
386 | input[type=text] { | |
387 | padding: 3px; | |
388 | } | |
389 | input#s { | |
390 | background: url("images/search.png") no-repeat scroll 5px 6px #f0f0f0; | |
391 | -moz-border-radius: 5px; | |
392 | border-radius: 5px; | |
393 | font-size: 14px; | |
394 | height: 22px; | |
395 | line-height: 1.2em; | |
396 | padding: 4px 10px 4px 28px; | |
397 | } | |
398 | input#searchsubmit { | |
399 | display: none; | |
400 | } | |
401 | ||
402 | /* Links */ | |
403 | a { | |
404 | color: #1982d1; | |
405 | text-decoration: none; | |
406 | } | |
407 | a:focus, | |
408 | a:active, | |
409 | a:hover { | |
410 | text-decoration: underline; | |
411 | } | |
412 | ||
413 | /* Assistive text */ | |
414 | .assistive-text { | |
415 | position: absolute !important; | |
416 | clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ | |
417 | clip: rect(1px, 1px, 1px, 1px); | |
418 | } | |
419 | #access a.assistive-text:active, | |
420 | #access a.assistive-text:focus { | |
421 | background: #eee; | |
422 | border-bottom: 1px solid #ccc; | |
423 | color: #1982d1; | |
424 | clip: auto !important; | |
425 | font-size: 12px; | |
426 | position: absolute; | |
427 | text-decoration: underline; | |
428 | top: 0; | |
429 | left: 3%; | |
430 | } | |
431 | /* clearfix hack */ | |
432 | .clearfix:after { | |
433 | visibility: hidden; | |
434 | display: block; | |
435 | font-size: 0; | |
436 | content: " "; | |
437 | clear: both; | |
438 | height: 0; | |
439 | } | |
440 | .clearfix { | |
441 | display: inline-block; | |
442 | } | |
443 | /* start commented backslash hack \*/ | |
444 | * html .clearfix { | |
445 | height:1%; | |
446 | } | |
447 | .clearfix { | |
448 | display: block; | |
449 | } | |
450 | .clear { | |
451 | clear: both; | |
452 | } | |
453 | /* close commented backslash hack */ | |
454 | .displayblock { | |
455 | display: block; | |
456 | } | |
457 | .displaynone { | |
458 | display: none; | |
459 | } | |
460 | ||
461 | /* =Header | |
462 | ----------------------------------------------- */ | |
463 | ||
464 | #branding { | |
465 | background-color: #fff; | |
466 | padding-bottom: 10px; | |
467 | position: relative; | |
468 | z-index: 9999; | |
469 | -moz-border-radius: 5px; | |
470 | border-radius: 5px; | |
471 | } | |
472 | #site-title { | |
473 | margin-right: 270px; | |
474 | padding: 0; | |
475 | font-size: 36px; | |
476 | line-height: 46px; | |
477 | } | |
478 | #site-title a { | |
479 | color: #111; | |
480 | font-weight: bold; | |
481 | text-decoration: none; | |
482 | } | |
483 | #site-title a:hover, | |
484 | #site-title a:focus, | |
485 | #site-title a:active { | |
486 | color: #1982d1; | |
487 | } | |
488 | #site-description { | |
489 | color: #7a7a7a; | |
490 | font-size: 14px; | |
491 | margin: 0 270px 0 0; | |
492 | } | |
493 | #branding img { | |
494 | height: auto; | |
495 | max-width: 100%; | |
496 | } | |
497 | #site-logo a { | |
498 | display: block; | |
499 | line-height: 0; | |
500 | } | |
501 | #branding #site-logo img { margin: 0 } | |
502 | ||
503 | /* =Menu | |
504 | -------------------------------------------------------------- */ | |
505 | ||
506 | #branding #access, | |
507 | #colophon #access-footer { | |
508 | background: #3d3d3d; /* Show a solid color for older browsers */ | |
509 | background: -moz-linear-gradient(#585858, #3d3d3d); | |
510 | background: -o-linear-gradient(#585858, #3d3d3d); | |
511 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#585858), to(#3d3d3d)); /* older webkit syntax */ | |
512 | background: -webkit-linear-gradient(#585858, #3d3d3d); | |
513 | clear: both; | |
514 | display: block; | |
515 | float: left; | |
516 | margin: 0 auto 2px; | |
517 | width: 100%; | |
518 | } | |
519 | #branding ul.menu, | |
520 | #colophon #access-footer ul.menu { | |
521 | font-size: 14px; | |
522 | list-style: none; | |
523 | margin: 0 0 0 -0.8125em; | |
524 | padding-left: 0; | |
525 | } | |
526 | #branding ul.menu li { | |
527 | border-right: 1px solid #444; | |
528 | float: left; | |
529 | position: relative; | |
530 | } | |
531 | #branding ul.menu a, | |
532 | #colophon #access-footer ul.menu a { | |
533 | color: #eee; | |
534 | line-height: 3em; | |
535 | padding: 0 1.2125em; | |
536 | text-decoration: none; | |
537 | } | |
538 | #branding ul.menu a { | |
539 | display: block; | |
540 | } | |
541 | #branding ul.menu ul { | |
542 | -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2); | |
543 | -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2); | |
544 | box-shadow: 0 3px 3px rgba(0,0,0,0.2); | |
545 | display: none; | |
546 | float: left; | |
547 | margin: 0; | |
548 | position: absolute; | |
549 | top: 3em; | |
550 | left: 0; | |
551 | list-style: none; | |
552 | width: 188px; | |
553 | z-index: 99999; | |
554 | } | |
555 | #branding ul.menu ul ul { | |
556 | left: 100%; | |
557 | top: 0; | |
558 | } | |
559 | #branding ul.menu ul a { | |
560 | background: #f9f9f9; | |
561 | border-bottom: 1px dotted #ccc; | |
562 | color: #444; | |
563 | font-size: 13px; | |
564 | font-weight: normal; | |
565 | height: auto; | |
566 | line-height: 1.4em; | |
567 | padding: 10px; | |
568 | width: 168px; | |
569 | } | |
570 | #branding ul.menu li:last-child, | |
571 | #branding ul.menu ul li { | |
572 | border:none; | |
573 | } | |
574 | #branding ul.menu li:hover > a, | |
575 | #branding ul.menu ul :hover > a, | |
576 | #branding ul.menu a:focus { | |
577 | background: #efefef; | |
578 | } | |
579 | #branding ul.menu li:hover > a, | |
580 | #branding ul.menu a:focus, | |
581 | #colophon #access-footer ul.menu a:hover, | |
582 | #colophon #access-footer ul.menu a:focus { | |
583 | background: #e5e5e5; /* Show a solid color for older browsers */ | |
584 | background: -moz-linear-gradient(#f9f9f9, #e5e5e5); | |
585 | background: -o-linear-gradient(#f9f9f9, #e5e5e5); | |
586 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9f9f9), to(#e5e5e5)); /* Older webkit syntax */ | |
587 | background: -webkit-linear-gradient(#f9f9f9, #e5e5e5); | |
588 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e5e5e5'); /* for IE */ | |
589 | color: #373737; | |
590 | } | |
591 | #branding ul.menu li:hover > ul { | |
592 | display: block; | |
593 | } | |
594 | #branding .menu .current-menu-item > a, | |
595 | #branding .menu .current-menu-ancestor > a, | |
596 | #branding .menu .current_page_item > a, | |
597 | #branding .menu .current_page_ancestor > a, | |
598 | #colophon .menu .current-menu-item a { | |
599 | font-weight: bold; | |
600 | } | |
601 | #access-secondary { | |
602 | background-color: #e6e6e6; | |
603 | clear: both; | |
604 | display: block; | |
605 | float: left; | |
606 | margin: 0 auto 2px; | |
607 | width: 100%; | |
608 | } | |
609 | #branding #access-secondary ul.menu { | |
610 | font-size: 13px; | |
611 | } | |
612 | #branding #access-secondary ul.menu li { | |
613 | border-right: 1px solid #dedede; | |
614 | } | |
615 | #branding #access-secondary ul.menu a { | |
616 | color: #373737; | |
617 | line-height: 2.5em; | |
618 | } | |
619 | #branding #access-secondary ul.menu ul { | |
620 | list-style: none; | |
621 | top: 2.5em; | |
622 | } | |
623 | #branding #access-secondary ul.menu ul a { | |
624 | line-height: 1.5em; | |
625 | } | |
626 | #branding #access-secondary ul.menu ul ul { | |
627 | top: 0; | |
628 | } | |
629 | #colophon #access-footer { | |
630 | margin-bottom: 0; | |
631 | } | |
632 | #colophon #access-footer ul.menu li { | |
633 | border-left: 1px solid #444; | |
634 | float: left; | |
635 | } | |
636 | #colophon #access-footer ul.menu ul { | |
637 | border-left: 1px solid #444; | |
638 | display: inline; | |
639 | float: left; | |
640 | list-style: none outside none; | |
641 | margin: 0; | |
642 | } | |
643 | #colophon #access-footer ul.menu a { | |
644 | display: inline; | |
645 | float: left; | |
646 | } | |
647 | #colophon #access-footer ul.menu li:first-child { | |
648 | border: none; | |
649 | } | |
650 | /* =Responsive Menu (Tinynav.js) | |
651 | -------------------------------------------------------------- */ | |
652 | .tinynav { | |
653 | display: none; | |
654 | font-size: 16px; | |
655 | } | |
656 | ||
657 | /* =Search Form | |
658 | ----------------------------------------------- */ | |
659 | ||
660 | #branding #searchform { | |
661 | position: absolute; | |
662 | top: 2.8em; | |
663 | right: 3%; | |
664 | text-align: right; | |
665 | } | |
666 | #branding #searchform div { | |
667 | margin: 0; | |
668 | } | |
669 | #branding #s { | |
670 | float: right; | |
671 | -webkit-transition-duration: 400ms; | |
672 | -webkit-transition-property: width, background; | |
673 | -webkit-transition-timing-function: ease; | |
674 | -moz-transition-duration: 400ms; | |
675 | -moz-transition-property: width, background; | |
676 | -moz-transition-timing-function: ease; | |
677 | -o-transition-duration: 400ms; | |
678 | -o-transition-property: width, background; | |
679 | -o-transition-timing-function: ease; | |
680 | width: 72px; | |
681 | } | |
682 | #branding #s:focus { | |
683 | background-color: #f9f9f9; | |
684 | width: 196px; | |
685 | } | |
686 | #branding #searchsubmit { | |
687 | display: none; | |
688 | } | |
689 | #branding .only-search #searchform { | |
690 | top: 5px; | |
691 | z-index: 1; | |
692 | } | |
693 | #branding .only-search #s { | |
694 | background-color: #666; | |
695 | border-color: #000; | |
696 | color: #222; | |
697 | } | |
698 | #branding .only-search #s, | |
699 | #branding .only-search #s:focus { | |
700 | width: 85%; | |
701 | } | |
702 | #branding .only-search #s:focus { | |
703 | background-color: #bbb; | |
704 | } | |
705 | #branding .with-image #searchform { | |
706 | top: auto; | |
707 | bottom: -27px; | |
708 | max-width: 195px; | |
709 | } | |
710 | #branding .only-search + #access div { | |
711 | padding-right: 205px; | |
712 | } | |
713 | ||
714 | ||
715 | /* =Content | |
716 | ----------------------------------------------- */ | |
717 | ||
718 | #main { | |
719 | background-color: #eee; | |
720 | clear: both; | |
721 | padding: 2em 0 0; | |
722 | } | |
723 | .page-header { | |
724 | background-color: #FFFFFF; | |
725 | border-bottom: 2px solid #CCCCCC; | |
726 | -moz-border-radius: 5px; | |
727 | border-radius: 5px; | |
728 | margin: 0 0 2em; | |
729 | padding: 2em 5%; | |
730 | } | |
731 | .page-header .page-title, .page-header p { | |
732 | margin: 0; | |
733 | } | |
734 | .page-title { | |
735 | color: #666; | |
736 | font-size: 16px; | |
737 | font-weight: bold; | |
738 | letter-spacing: 0.1em; | |
739 | line-height: 18px; | |
740 | margin: 0 0 2em; | |
741 | text-transform: uppercase; | |
742 | } | |
743 | .page-title a { | |
744 | font-size: 12px; | |
745 | font-weight: bold; | |
746 | letter-spacing: 0; | |
747 | text-transform: none; | |
748 | } | |
749 | .hentry, | |
750 | .no-results, | |
751 | #author-info, | |
752 | #disqus_thread, | |
753 | #content .error404 { | |
754 | background-color: #fff; | |
755 | border-bottom: 2px solid #ccc; | |
756 | -moz-border-radius: 5px; | |
757 | border-radius: 5px; | |
758 | margin: 0 0 2em; | |
759 | padding: 0.5em 5% 2em; | |
760 | position: relative; | |
761 | width: auto; | |
762 | } | |
763 | .hentry:last-child, | |
764 | .no-results { | |
765 | border-bottom: none; | |
766 | } | |
767 | .blog .sticky .entry-header .entry-meta { | |
768 | clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ | |
769 | clip: rect(1px, 1px, 1px, 1px); | |
770 | position: absolute !important; | |
771 | } | |
772 | .entry-title { | |
773 | clear: both; | |
774 | color: #222; | |
775 | font-size: 26px; | |
776 | font-weight: bold; | |
777 | line-height: 1.5em; | |
778 | padding-bottom: .3em; | |
779 | padding-top: 15px; | |
780 | } | |
781 | .entry-title, | |
782 | .entry-title a { | |
783 | color: #222; | |
784 | text-decoration: none; | |
785 | } | |
786 | .entry-title a:hover, | |
787 | .entry-title a:focus, | |
788 | .entry-title a:active { | |
789 | color: #1982d1; | |
790 | } | |
791 | .entry-meta { | |
792 | color: #666; | |
793 | clear: both; | |
794 | font-size: 12px; | |
795 | line-height: 18px; | |
796 | } | |
797 | .entry-meta a { | |
798 | font-weight: bold; | |
799 | } | |
800 | .single-author .entry-meta .by-author { | |
801 | ||
802 | } | |
803 | .entry-content, | |
804 | .entry-summary { | |
805 | padding: 2em 0 0; | |
806 | } | |
807 | .page .entry-content { | |
808 | padding: 1em 0 0; | |
809 | } | |
810 | .hentry h1 { | |
811 | font-size: 26px; | |
812 | } | |
813 | .hentry h2 { | |
814 | font-size: 24px; | |
815 | } | |
816 | .hentry h3 { | |
817 | font-size: 22px; | |
818 | font-weight: bold; | |
819 | margin: 0 0 0.8125em; | |
820 | } | |
821 | .hentry h4 { | |
822 | font-size: 20px; | |
823 | margin: 0 0 0.5em; | |
824 | } | |
825 | .hentry h5 { | |
826 | font-size: 18px; | |
827 | } | |
828 | .hentry h6 { | |
829 | font-size: 16px; | |
830 | } | |
831 | ||
832 | .entry-content h1, | |
833 | .entry-content h2, | |
834 | .comment-content h1, | |
835 | .comment-content h2 { | |
836 | color: #000; | |
837 | font-weight: bold; | |
838 | margin: 0 0 .8125em; | |
839 | } | |
840 | .comment-content h3 { | |
841 | font-size: 10px; | |
842 | letter-spacing: 0.1em; | |
843 | line-height: 2.6em; | |
844 | text-transform: uppercase; | |
845 | } | |
846 | .entry-content table, | |
847 | .comment-content table { | |
848 | border-bottom: 1px solid #ccc; | |
849 | margin: 0 0 2em; | |
850 | width: 100%; | |
851 | } | |
852 | .entry-content th, | |
853 | .comment-content th { | |
854 | color: #666; | |
855 | font-size: 10px; | |
856 | font-weight: 500; | |
857 | letter-spacing: 0.1em; | |
858 | line-height: 2.6em; | |
859 | text-transform: uppercase; | |
860 | } | |
861 | .entry-content td, | |
862 | .comment-content td { | |
863 | border-top: 1px solid #ccc; | |
864 | padding: 6px 10px 6px 0; | |
865 | } | |
866 | .entry-content #s { | |
867 | width: 75%; | |
868 | } | |
869 | .comment-content ul, | |
870 | .comment-content ol { | |
871 | margin-bottom: 2em; | |
872 | } | |
873 | .comment-content ul ul, | |
874 | .comment-content ol ol, | |
875 | .comment-content ul ol, | |
876 | .comment-content ol ul { | |
877 | margin-bottom: 0; | |
878 | } | |
879 | dl.gallery-item { | |
880 | margin: 0; | |
881 | } | |
882 | .page-link { | |
883 | clear: both; | |
884 | display: block; | |
885 | float: right; | |
886 | margin: 0 0 2em; | |
887 | } | |
888 | ||
889 | .entry-meta .edit-link a, | |
890 | .commentlist .edit-link a { | |
891 | background: #eee; | |
892 | -moz-border-radius: 3px; | |
893 | border-radius: 3px; | |
894 | color: #666; | |
895 | float: right; | |
896 | font-size: 12px; | |
897 | line-height: 1.5em; | |
898 | font-weight: 300; | |
899 | text-decoration: none; | |
900 | padding: 0 8px; | |
901 | } | |
902 | .singular .entry-header, | |
903 | .singular .entry-content, | |
904 | .error404 .entry-header, | |
905 | .error404 .entry-content { | |
906 | margin: 0 auto; | |
907 | width: 68.9%; | |
908 | } | |
909 | .singular .entry-meta .edit-link a { | |
910 | margin: 0.35em; | |
911 | } | |
912 | .entry-meta .edit-link a:hover, | |
913 | .commentlist .edit-link a:hover { | |
914 | background: #888; | |
915 | color: #fff; | |
916 | } | |
917 | .entry-content .edit-link { | |
918 | clear: both; | |
919 | display: block; | |
920 | } | |
921 | a.more-link { | |
922 | white-space: nowrap; | |
923 | } | |
924 | /* Images */ | |
925 | .entry-content img, | |
926 | .comment-content img { | |
927 | max-width: 100%; /* Fluid images for posts, comments, and widgets */ | |
928 | height: auto; | |
929 | } | |
930 | .widget img { | |
931 | max-width: 100%; | |
932 | text-align: center; | |
933 | } | |
934 | img[class*="align"], | |
935 | img[class*="wp-image-"], | |
936 | img[class*="attachment-"] { | |
937 | height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */ | |
938 | } | |
939 | img.size-full, | |
940 | img.size-large, | |
941 | img.wp-post-image { | |
942 | max-width: 97.4%; | |
943 | height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */ | |
944 | } | |
945 | .entry-content img.wp-smiley { | |
946 | border: none; | |
947 | margin-bottom: 0; | |
948 | margin-top: 0; | |
949 | padding: 0; | |
950 | } | |
951 | img.alignleft, | |
952 | img.alignright, | |
953 | img.aligncenter { | |
954 | margin-bottom: 2em; | |
955 | } | |
956 | p img, | |
957 | .wp-caption { | |
958 | margin-top: 0.4em; | |
959 | } | |
960 | .wp-caption { | |
961 | background: #eee; | |
962 | margin-bottom: 2em; | |
963 | max-width: 96%; | |
964 | padding: 9px; | |
965 | } | |
966 | .wp-caption img { | |
967 | display: block; | |
968 | margin: 0 auto; | |
969 | max-width: 98%; | |
970 | } | |
971 | .wp-caption .wp-caption-text, | |
972 | .gallery-caption { | |
973 | color: #666; | |
974 | font-family: Georgia, serif; | |
975 | font-size: 12px; | |
976 | } | |
977 | .wp-caption .wp-caption-text { | |
978 | margin-bottom: 0.2em; | |
979 | padding: 10px 0 0 40px; | |
980 | position: relative; | |
981 | } | |
982 | .wp-caption .wp-caption-text:before { | |
983 | color: #666; | |
984 | content: '\2014'; | |
985 | font-size: 14px; | |
986 | font-style: normal; | |
987 | font-weight: bold; | |
988 | margin-right: 5px; | |
989 | position: absolute; | |
990 | left: 10px; | |
991 | top: 7px; | |
992 | } | |
993 | #content .gallery { | |
994 | margin: 0 auto 2em; | |
995 | } | |
996 | #content .gallery a img { | |
997 | border: none; | |
998 | } | |
999 | img#wpstats { | |
1000 | display: block; | |
1001 | margin: 0 auto 2em; | |
1002 | } | |
1003 | #content .gallery-columns-5 .gallery-item { | |
1004 | padding: 0 1%; | |
1005 | width: 18%; | |
1006 | } | |
1007 | { } | |
1008 | #content .gallery-columns-4 .gallery-item { | |
1009 | width: 23%; | |
1010 | padding: 0 1%; | |
1011 | } | |
1012 | #content .gallery-columns-5 .gallery-item img, | |
1013 | #content .gallery-columns-4 .gallery-item img, | |
1014 | #content .gallery-columns-3 .gallery-item img { | |
1015 | padding: 6% !important; | |
1016 | max-width: 86%; | |
1017 | } | |
1018 | #content .gallery-columns-3 .gallery-item { | |
1019 | padding: 0 1%; | |
1020 | width: 31.33%; | |
1021 | } | |
1022 | #content .gallery-columns-1 .gallery-item img { | |
1023 | max-width: 97% | |
1024 | } | |
1025 | ||
1026 | ||
1027 | #content .gallery dd.gallery-caption { | |
1028 | margin-bottom: 1em; | |
1029 | } | |
1030 | /* Image borders */ | |
1031 | img[class*="align"], | |
1032 | img[class*="wp-image-"], | |
1033 | #content .gallery .gallery-icon img, | |
1034 | img.wp-post-image, | |
1035 | img.attachment-thumbnail{/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */ | |
1036 | border: 1px solid #ccc; | |
1037 | padding: 6px; | |
1038 | } | |
1039 | .wp-caption img { | |
1040 | border-color: #eee; | |
1041 | padding: 0; | |
1042 | } | |
1043 | a:focus img[class*="align"], | |
1044 | a:hover img[class*="align"], | |
1045 | a:active img[class*="align"], | |
1046 | a:focus img[class*="wp-image-"], | |
1047 | a:hover img[class*="wp-image-"], | |
1048 | a:active img[class*="wp-image-"], | |
1049 | #content .gallery .gallery-icon a:focus img, | |
1050 | #content .gallery .gallery-icon a:hover img, | |
1051 | #content .gallery .gallery-icon a:active img, | |
1052 | a:hover img.wp-post-image, | |
1053 | .gallery-thumb a:hover img.attachment-thumbnail {/* Add some useful style to those fancy borders for linked images ... */ | |
1054 | background: #eee; | |
1055 | border-color: #bbb; | |
1056 | } | |
1057 | .wp-caption a:focus img, | |
1058 | .wp-caption a:active img, | |
1059 | .wp-caption a:hover img {/* ... including captioned images! */ | |
1060 | background: #fff; | |
1061 | border-color: #ccc; | |
1062 | } | |
1063 | ||
1064 | /* Make sure embeds and iframes fit their containers */ | |
1065 | embed, | |
1066 | iframe, | |
1067 | object { | |
1068 | max-width: 100%; | |
1069 | } | |
1070 | ||
1071 | /* Password Protected Posts */ | |
1072 | .post-password-required .entry-header .comments-link { | |
1073 | margin: 2em 0 0; | |
1074 | } | |
1075 | .post-password-required input[type=password] { | |
1076 | margin: 0.8125em 0; | |
1077 | } | |
1078 | .post-password-required input[type=password]:focus { | |
1079 | background: #f7f7f7; | |
1080 | } | |
1081 | ||
1082 | /* Author Info */ | |
1083 | #author-info { | |
1084 | font-size: 12px; | |
1085 | overflow: hidden; | |
1086 | padding-top: 2em; | |
1087 | } | |
1088 | .archive #author-info { | |
1089 | border-bottom: 1px solid #ccc; | |
1090 | margin: 0 0 2.2em; | |
1091 | padding: 0 0 2.2em; | |
1092 | } | |
1093 | #author-avatar { | |
1094 | display: inline; | |
1095 | float: left; | |
1096 | width: 13%; | |
1097 | } | |
1098 | #author-avatar img { | |
1099 | background: #fff; | |
1100 | -moz-border-radius: 3px; | |
1101 | border-radius: 3px; | |
1102 | -webkit-box-shadow: 0 1px 2px #bbb; | |
1103 | -moz-box-shadow: 0 1px 2px #bbb; | |
1104 | box-shadow: 0 1px 2px #bbb; | |
1105 | height: auto; | |
1106 | max-width: 90%; | |
1107 | padding: 5%; | |
1108 | } | |
1109 | #author-description { | |
1110 | display: inline; | |
1111 | float: right; | |
1112 | width: 82%; | |
1113 | } | |
1114 | #author-description h2 { | |
1115 | color: #000; | |
1116 | font-size: 15px; | |
1117 | font-weight: bold; | |
1118 | margin: 5px 0 10px; | |
1119 | } | |
1120 | ||
1121 | /* Comments link */ | |
1122 | .entry-header .comments-link a { | |
1123 | ||
1124 | } | |
1125 | .entry-header .comments-link a:hover, | |
1126 | .entry-header .comments-link a:focus, | |
1127 | .entry-header .comments-link a:active { | |
1128 | ||
1129 | } | |
1130 | .entry-header .comments-link .leave-reply { | |
1131 | ||
1132 | } | |
1133 | ||
1134 | /* Featured Slider */ | |
1135 | #slider { | |
1136 | background-color: #555; | |
1137 | border-bottom: 2px solid #ccc; | |
1138 | border-radius: 5px; | |
1139 | -moz-border-radius: 5px; | |
1140 | margin: 0 0 2em; | |
1141 | position: relative; | |
1142 | } | |
1143 | #slider-wrap a { | |
1144 | display: block; | |
1145 | padding: 11px 11px 10px; | |
1146 | ||
1147 | } | |
1148 | #slider-wrap a.more-link { | |
1149 | display: inline; | |
1150 | padding: 0; | |
1151 | } | |
1152 | #slider-wrap img { | |
1153 | border: none; | |
1154 | display: block; | |
1155 | height: auto; | |
1156 | margin: 0 auto; | |
1157 | max-width: 100%; | |
1158 | padding: 0; | |
1159 | } | |
1160 | #slider-wrap a:hover img { | |
1161 | background: none; | |
1162 | border: none; | |
1163 | } | |
1164 | ||
1165 | #slider-wrap .featured-text { | |
1166 | color: #FFFFFF; | |
1167 | padding: 0 11px 10px; | |
1168 | } | |
1169 | #content nav#nav-slider { | |
1170 | padding: 0; | |
1171 | } | |
1172 | #nav-slider img { | |
1173 | max-width:33px; | |
1174 | height:auto; | |
1175 | width:100%; | |
1176 | } | |
1177 | #nav-slider .nav-previous, | |
1178 | #nav-slider .nav-next { | |
1179 | cursor: pointer; | |
1180 | display: block; | |
1181 | max-width: 33px; | |
1182 | opacity: 0.7; | |
1183 | position: absolute; | |
1184 | top: 106px; | |
1185 | width: 6%; | |
1186 | z-index: 999; | |
1187 | } | |
1188 | #nav-slider .nav-previous:hover, | |
1189 | #nav-slider .nav-next:hover { | |
1190 | opacity: 10; | |
1191 | } | |
1192 | #nav-slider .nav-previous { | |
1193 | left: 11px; | |
1194 | } | |
1195 | #nav-slider .nav-next { | |
1196 | right: 11px; | |
1197 | } | |
1198 | ||
1199 | /* | |
1200 | Post Formats Headings | |
1201 | To hide the headings, display: none the ".entry-header .entry-format" selector, | |
1202 | and remove the padding rules below. | |
1203 | */ | |
1204 | .entry-header .entry-format { | |
1205 | color: #666; | |
1206 | font-size: 10px; | |
1207 | font-weight: 500; | |
1208 | letter-spacing: 0.1em; | |
1209 | line-height: 2.6em; | |
1210 | position: absolute; | |
1211 | text-transform: uppercase; | |
1212 | top: 0; | |
1213 | right: 5px; | |
1214 | } | |
1215 | .entry-header hgroup .entry-title { | |
1216 | padding-top: 15px; | |
1217 | } | |
1218 | article.format-aside .entry-content, | |
1219 | article.format-link .entry-content, | |
1220 | article.format-status .entry-content { | |
1221 | padding: 20px 0 0; | |
1222 | } | |
1223 | article.format-status .entry-content { | |
1224 | min-height: 65px; | |
1225 | } | |
1226 | .recent-posts .entry-header .entry-format { | |
1227 | display: none; | |
1228 | } | |
1229 | .recent-posts .entry-header hgroup .entry-title { | |
1230 | padding-top: 0; | |
1231 | } | |
1232 | ||
1233 | /* Singular content styles for Posts and Pages */ | |
1234 | .singular .hentry { | |
1235 | padding: 3.88em 5%; | |
1236 | } | |
1237 | .singular.page .hentry, | |
1238 | #content .error404 { | |
1239 | padding: 3em 5%; | |
1240 | } | |
1241 | .singular .entry-title, | |
1242 | .error404 .entry-title { | |
1243 | color: #000; | |
1244 | font-size: 36px; | |
1245 | font-weight: bold; | |
1246 | line-height: 48px; | |
1247 | } | |
1248 | .singular .entry-title, | |
1249 | .singular .entry-header .entry-meta { | |
1250 | padding-right: 0; | |
1251 | } | |
1252 | .singular .entry-header .entry-meta { | |
1253 | left: 30px; | |
1254 | position: absolute; | |
1255 | top: 23px; | |
1256 | } | |
1257 | blockquote.pull { | |
1258 | font-size: 21px; | |
1259 | font-weight: bold; | |
1260 | line-height: 1.6125em; | |
1261 | margin: 0 0 2em; | |
1262 | text-align: center; | |
1263 | } | |
1264 | .singular blockquote.pull { | |
1265 | margin: 0 -22.25% 2em; | |
1266 | } | |
1267 | .pull.alignleft { | |
1268 | margin: 0 2em 0 0; | |
1269 | text-align: right; | |
1270 | width: 33%; | |
1271 | } | |
1272 | .singular .pull.alignleft { | |
1273 | margin: 0 2em 0 -22.25%; | |
1274 | } | |
1275 | .pull.alignright { | |
1276 | margin: 0 0 0 2em; | |
1277 | text-align: left; | |
1278 | width: 33%; | |
1279 | } | |
1280 | .singular .pull.alignright { | |
1281 | margin: 0 -22.25% 0 2em; | |
1282 | } | |
1283 | .singular blockquote.pull.alignleft, | |
1284 | .singular blockquote.pull.alignright { | |
1285 | width: 33%; | |
1286 | } | |
1287 | ||
1288 | /* =Aside | |
1289 | ----------------------------------------------- */ | |
1290 | ||
1291 | .format-aside .entry-title, | |
1292 | .format-aside .entry-header .comments-link { | |
1293 | display: none; | |
1294 | } | |
1295 | .singular .format-aside .entry-title { | |
1296 | display: block; | |
1297 | } | |
1298 | .format-aside .entry-content { | |
1299 | padding: 0; | |
1300 | } | |
1301 | .singular .format-aside .entry-content { | |
1302 | padding: 2em 0 0; | |
1303 | } | |
1304 | ||
1305 | ||
1306 | /* =Link | |
1307 | ----------------------------------------------- */ | |
1308 | ||
1309 | .format-link .entry-title, | |
1310 | .format-link .entry-header .comments-link { | |
1311 | display: none; | |
1312 | } | |
1313 | .singular .format-link .entry-title { | |
1314 | display: block; | |
1315 | } | |
1316 | .format-link .entry-content { | |
1317 | padding: 0; | |
1318 | } | |
1319 | .singular .format-link .entry-content { | |
1320 | padding: 2em 0 0; | |
1321 | } | |
1322 | ||
1323 | ||
1324 | /* =Gallery | |
1325 | ----------------------------------------------- */ | |
1326 | ||
1327 | .format-gallery .gallery-thumb { | |
1328 | float: left; | |
1329 | display: block; | |
1330 | margin: .375em 2em 0 0; | |
1331 | } | |
1332 | ||
1333 | ||
1334 | /* =Status | |
1335 | ----------------------------------------------- */ | |
1336 | ||
1337 | .format-status .entry-title, | |
1338 | .format-status .entry-header .comments-link { | |
1339 | display: none; | |
1340 | } | |
1341 | .singular .format-status .entry-title { | |
1342 | display: block; | |
1343 | } | |
1344 | .format-status .entry-content { | |
1345 | padding: 0; | |
1346 | } | |
1347 | .singular .format-status .entry-content { | |
1348 | padding: 2em 0 0; | |
1349 | } | |
1350 | .format-status img.avatar { | |
1351 | -moz-border-radius: 3px; | |
1352 | border-radius: 3px; | |
1353 | -webkit-box-shadow: 0 1px 2px #ccc; | |
1354 | -moz-box-shadow: 0 1px 2px #ccc; | |
1355 | box-shadow: 0 1px 2px #ccc; | |
1356 | float: left; | |
1357 | margin: 4px 10px 2px 0; | |
1358 | padding: 0; | |
1359 | } | |
1360 | ||
1361 | ||
1362 | /* =Quote | |
1363 | ----------------------------------------------- */ | |
1364 | ||
1365 | .format-quote blockquote { | |
1366 | color: #555; | |
1367 | font-size: 17px; | |
1368 | margin: 0; | |
1369 | } | |
1370 | ||
1371 | ||
1372 | /* =Image | |
1373 | ----------------------------------------------- */ | |
1374 | ||
1375 | .indexed.format-image .entry-header { | |
1376 | min-height: 61px; /* Prevent the comment icon from colliding with the image when there is no title */ | |
1377 | } | |
1378 | .indexed.format-image .entry-content { | |
1379 | padding-top: 0.5em; | |
1380 | } | |
1381 | .indexed.format-image p, | |
1382 | .indexed.format-image p img { | |
1383 | margin-bottom: 0; | |
1384 | } | |
1385 | .indexed.format-image footer.entry-meta { | |
1386 | background: #ccc; | |
1387 | margin-top: -7px; | |
1388 | padding: 20px 30px; | |
1389 | overflow: hidden; | |
1390 | } | |
1391 | .indexed.format-image div.entry-meta { | |
1392 | display: inline-block; | |
1393 | float: left; | |
1394 | width: 35%; | |
1395 | } | |
1396 | .indexed.format-image div.entry-meta + div.entry-meta { | |
1397 | float: none; | |
1398 | width: 65%; | |
1399 | } | |
1400 | .indexed.format-image .entry-meta span.cat-links, | |
1401 | .indexed.format-image .entry-meta span.tag-links, | |
1402 | .indexed.format-image .entry-meta span.comments-link { | |
1403 | display: block; | |
1404 | } | |
1405 | .indexed.format-image footer.entry-meta a { | |
1406 | color: #444; | |
1407 | } | |
1408 | .indexed.format-image footer.entry-meta a:hover { | |
1409 | color: #fff; | |
1410 | } | |
1411 | #content .indexed.format-image img { | |
1412 | border: none; | |
1413 | max-width: 100%; | |
1414 | padding: 0; | |
1415 | } | |
1416 | .indexed.format-image .wp-caption { | |
1417 | background: #111; | |
1418 | margin-bottom: 0; | |
1419 | max-width: 96%; | |
1420 | padding: 11px; | |
1421 | } | |
1422 | .indexed.format-image .wp-caption .wp-caption-text { | |
1423 | color: #ccc; | |
1424 | } | |
1425 | .indexed.format-image .wp-caption .wp-caption-text:before { | |
1426 | color: #444; | |
1427 | } | |
1428 | .indexed.format-image a:hover img { | |
1429 | opacity: 0.8; | |
1430 | } | |
1431 | ||
1432 | ||
1433 | /* =error404 | |
1434 | ----------------------------------------------- */ | |
1435 | ||
1436 | .error404 #main #searchform { | |
1437 | background: #f9f9f9; | |
1438 | border: 1px solid #ccc; | |
1439 | border-width: 1px 0; | |
1440 | margin: 0 -30.55% 2em; | |
1441 | overflow: hidden; | |
1442 | padding: 2em 8.9%; | |
1443 | } | |
1444 | .error404 #main #s { | |
1445 | width: 95%; | |
1446 | } | |
1447 | .error404 #main .widget { | |
1448 | clear: none; | |
1449 | float: left; | |
1450 | margin-right: 3.7%; | |
1451 | width: 30.85%; | |
1452 | } | |
1453 | .error404 #main .widget_archive { | |
1454 | margin-right: 0; | |
1455 | } | |
1456 | .error404 #main .widget_tag_cloud { | |
1457 | float: none; | |
1458 | margin-right: 0; | |
1459 | width: 100%; | |
1460 | } | |
1461 | .error404 .widgettitle { | |
1462 | font-size: 10px; | |
1463 | letter-spacing: 0.1em; | |
1464 | line-height: 2.6em; | |
1465 | text-transform: uppercase; | |
1466 | } | |
1467 | ||
1468 | ||
1469 | /* =Showcase | |
1470 | ----------------------------------------------- */ | |
1471 | ||
1472 | h1.showcase-heading { | |
1473 | color: #666; | |
1474 | font-size: 10px; | |
1475 | font-weight: 500; | |
1476 | letter-spacing: 0.1em; | |
1477 | line-height: 2.6em; | |
1478 | text-transform: uppercase; | |
1479 | } | |
1480 | ||
1481 | /* Intro */ | |
1482 | article.intro { | |
1483 | background: #f9f9f9; | |
1484 | border-bottom: none; | |
1485 | margin: -1.855em -8.9% 2em; | |
1486 | padding: 0 8.9%; | |
1487 | } | |
1488 | article.intro .entry-title { | |
1489 | display: none; | |
1490 | } | |
1491 | article.intro .entry-content { | |
1492 | color: #111; | |
1493 | font-size: 16px; | |
1494 | padding: 2em 0 0.625em; | |
1495 | } | |
1496 | ||
1497 | ||
1498 | /* Featured post */ | |
1499 | section.featured-post { | |
1500 | float: left; | |
1501 | margin: -2em -8.9% 2em; | |
1502 | padding: 2em 8.9% 0; | |
1503 | position: relative; | |
1504 | width: 100%; | |
1505 | } | |
1506 | section.featured-post .hentry { | |
1507 | border: none; | |
1508 | color: #666; | |
1509 | margin: 0; | |
1510 | } | |
1511 | section.featured-post .entry-meta { | |
1512 | clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ | |
1513 | clip: rect(1px, 1px, 1px, 1px); | |
1514 | position: absolute !important; | |
1515 | } | |
1516 | ||
1517 | /* Small featured post */ | |
1518 | section.featured-post .attachment-small-feature { | |
1519 | float: right; | |
1520 | height: auto; | |
1521 | margin: 0 -8.9% 2em 0; | |
1522 | max-width: 59%; | |
1523 | position: relative; | |
1524 | right: -15px; | |
1525 | } | |
1526 | section.featured-post.small { | |
1527 | padding-top: 0; | |
1528 | } | |
1529 | section.featured-post .attachment-small-feature:hover, | |
1530 | section.featured-post .attachment-small-feature:focus, | |
1531 | section.featured-post .attachment-small-feature:active { | |
1532 | opacity: .8; | |
1533 | } | |
1534 | article.feature-image.small { | |
1535 | float: left; | |
1536 | margin: 0 0 2em; | |
1537 | width: 45%; | |
1538 | } | |
1539 | article.feature-image.small .entry-title { | |
1540 | line-height: 1.2em; | |
1541 | } | |
1542 | article.feature-image.small .entry-summary { | |
1543 | color: #555; | |
1544 | font-size: 13px; | |
1545 | } | |
1546 | article.feature-image.small .entry-summary p a { | |
1547 | background: #222; | |
1548 | color: #eee; | |
1549 | display: block; | |
1550 | left: -23.8%; | |
1551 | padding: 9px 26px 9px 85px; | |
1552 | position: relative; | |
1553 | text-decoration: none; | |
1554 | top: 20px; | |
1555 | width: 180px; | |
1556 | z-index: 1; | |
1557 | } | |
1558 | article.feature-image.small .entry-summary p a:hover { | |
1559 | background: #1982d1; | |
1560 | color: #eee; | |
1561 | color: rgba(255,255,255,0.8); | |
1562 | } | |
1563 | ||
1564 | /* Large featured post */ | |
1565 | section.feature-image.large { | |
1566 | border: none; | |
1567 | max-height: 288px; | |
1568 | padding: 0; | |
1569 | width: 100%; | |
1570 | } | |
1571 | section.feature-image.large .showcase-heading { | |
1572 | display: none; | |
1573 | } | |
1574 | section.feature-image.large .hentry { | |
1575 | border-bottom: none; | |
1576 | left: 9%; | |
1577 | margin: 2em 9% 0 0; | |
1578 | position: absolute; | |
1579 | top: 0; | |
1580 | } | |
1581 | article.feature-image.large .entry-title a { | |
1582 | background: #222; | |
1583 | background: rgba(0,0,0,0.8); | |
1584 | -moz-border-radius: 3px; | |
1585 | border-radius: 3px; | |
1586 | color: #fff; | |
1587 | display: inline-block; | |
1588 | font-weight: 300; | |
1589 | padding: .2em 20px; | |
1590 | } | |
1591 | section.feature-image.large:hover .entry-title a, | |
1592 | section.feature-image.large .entry-title:hover a { | |
1593 | background: #eee; | |
1594 | background: rgba(255,255,255,0.8); | |
1595 | color: #222; | |
1596 | } | |
1597 | article.feature-image.large .entry-summary { | |
1598 | display: none; | |
1599 | } | |
1600 | section.feature-image.large img { | |
1601 | display: block; | |
1602 | height: auto; | |
1603 | max-width: 117.9%; | |
1604 | padding: 0 0 6px; | |
1605 | } | |
1606 | ||
1607 | /* Featured Slider */ | |
1608 | .featured-posts { | |
1609 | border-bottom: 1px solid #ccc; | |
1610 | display: block; | |
1611 | height: 328px; | |
1612 | margin: 2em -8.9% 20px; | |
1613 | max-width: 1000px; | |
1614 | padding: 0; | |
1615 | position: relative; | |
1616 | overflow: hidden; | |
1617 | } | |
1618 | .featured-posts .showcase-heading { | |
1619 | padding-left: 8.9%; | |
1620 | } | |
1621 | .featured-posts section.featured-post { | |
1622 | background: #fff; | |
1623 | height: 288px; | |
1624 | left: 0; | |
1625 | margin: 0; | |
1626 | position: absolute; | |
1627 | top: 30px; | |
1628 | width: auto; | |
1629 | } | |
1630 | .featured-posts section.featured-post.large { | |
1631 | max-width: 100%; | |
1632 | overflow: hidden; | |
1633 | } | |
1634 | .featured-posts section.featured-post { | |
1635 | -webkit-transition-duration: 200ms; | |
1636 | -webkit-transition-property: opacity, visibility; | |
1637 | -webkit-transition-timing-function: ease; | |
1638 | -moz-transition-duration: 200ms; | |
1639 | -moz-transition-property: opacity, visibility; | |
1640 | -moz-transition-timing-function: ease; | |
1641 | } | |
1642 | .featured-posts section.featured-post { | |
1643 | opacity: 0; | |
1644 | visibility: hidden; | |
1645 | } | |
1646 | .featured-posts #featured-post-1 { | |
1647 | opacity: 1; | |
1648 | visibility: visible; | |
1649 | } | |
1650 | .featured-post .feature-text:after, | |
1651 | .featured-post .feature-image.small:after { | |
1652 | content: ' '; | |
1653 | background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */ | |
1654 | background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */ | |
1655 | background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */ | |
1656 | background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Opera11.10+ */ | |
1657 | background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* IE10+ */ | |
1658 | filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ | |
1659 | background: linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C */ | |
1660 | width: 100%; | |
1661 | height: 45px; | |
1662 | position: absolute; | |
1663 | top: 230px; | |
1664 | } | |
1665 | .featured-post .feature-image.small:after { | |
1666 | top: 253px; | |
1667 | } | |
1668 | #content .feature-slider { | |
1669 | top: 5px; | |
1670 | right: 8.9%; | |
1671 | overflow: visible; | |
1672 | position: absolute; | |
1673 | } | |
1674 | .feature-slider ul { | |
1675 | list-style-type: none; | |
1676 | margin: 0; | |
1677 | } | |
1678 | .feature-slider li { | |
1679 | float: left; | |
1680 | margin: 0 6px; | |
1681 | } | |
1682 | .feature-slider a { | |
1683 | background: #3c3c3c; | |
1684 | background: rgba(60,60,60,0.9); | |
1685 | -moz-border-radius: 12px; | |
1686 | border-radius: 12px; | |
1687 | -webkit-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.5), inset 0 0 2px rgba(255,255,255,0.5); | |
1688 | -moz-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.5), inset 0 0 2px rgba(255,255,255,0.5); | |
1689 | box-shadow: inset 1px 1px 5px rgba(0,0,0,0.5), inset 0 0 2px rgba(255,255,255,0.5); | |
1690 | display: block; | |
1691 | width: 14px; | |
1692 | height: 14px; | |
1693 | } | |
1694 | .feature-slider a.active { | |
1695 | background: #1982d1; | |
1696 | -webkit-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.4), inset 0 0 2px rgba(255,255,255,0.8); | |
1697 | -moz-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.4), inset 0 0 2px rgba(255,255,255,0.8); | |
1698 | box-shadow: inset 1px 1px 5px rgba(0,0,0,0.4), inset 0 0 2px rgba(255,255,255,0.8); | |
1699 | cursor: default; | |
1700 | opacity: 0.5; | |
1701 | } | |
1702 | ||
1703 | /* Recent Posts */ | |
1704 | section.recent-posts { | |
1705 | padding: 0 0 2em; | |
1706 | } | |
1707 | section.recent-posts .hentry { | |
1708 | border: none; | |
1709 | margin: 0; | |
1710 | } | |
1711 | section.recent-posts .other-recent-posts { | |
1712 | border-bottom: 1px solid #ccc; | |
1713 | list-style: none; | |
1714 | margin: 0; | |
1715 | } | |
1716 | section.recent-posts .other-recent-posts li { | |
1717 | padding: 0.3125em 0; | |
1718 | position: relative; | |
1719 | } | |
1720 | section.recent-posts .other-recent-posts .entry-title { | |
1721 | border-top: 1px solid #ccc; | |
1722 | font-size: 17px; | |
1723 | } | |
1724 | section.recent-posts .other-recent-posts a[rel="bookmark"] { | |
1725 | color: #373737; | |
1726 | float: left; | |
1727 | max-width: 84%; | |
1728 | } | |
1729 | section.recent-posts .other-recent-posts a[rel="bookmark"]:after { | |
1730 | content: '-'; | |
1731 | color: transparent; | |
1732 | font-size: 11px; | |
1733 | } | |
1734 | section.recent-posts .other-recent-posts a[rel="bookmark"]:hover { | |
1735 | } | |
1736 | section.recent-posts .other-recent-posts .comments-link a, | |
1737 | section.recent-posts .other-recent-posts .comments-link > span { | |
1738 | border-bottom: 2px solid #999; | |
1739 | bottom: -2px; | |
1740 | color: #444; | |
1741 | display: block; | |
1742 | font-size: 10px; | |
1743 | font-weight: 500; | |
1744 | line-height: 2.76333em; | |
1745 | padding: 0.3125em 0 0.3125em 1em; | |
1746 | position: absolute; | |
1747 | right: 0; | |
1748 | text-align: right; | |
1749 | text-transform: uppercase; | |
1750 | z-index: 1; | |
1751 | } | |
1752 | section.recent-posts .other-recent-posts .comments-link > span { | |
1753 | border-color: #bbb; | |
1754 | color: #888; | |
1755 | } | |
1756 | section.recent-posts .other-recent-posts .comments-link a:hover { | |
1757 | color: #1982d1; | |
1758 | border-color: #1982d1; | |
1759 | } | |
1760 | section.recent-posts .other-recent-posts li:after { | |
1761 | clear: both; | |
1762 | content: '.'; | |
1763 | display: block; | |
1764 | height: 0; | |
1765 | visibility: hidden; | |
1766 | } | |
1767 | ||
1768 | ||
1769 | /* =Attachments | |
1770 | ----------------------------------------------- */ | |
1771 | ||
1772 | .image-attachment div.attachment { | |
1773 | background: f9f9f9; | |
1774 | overflow: hidden; | |
1775 | text-align: center; | |
1776 | } | |
1777 | .image-attachment div.attachment img { | |
1778 | display: block; | |
1779 | height: auto; | |
1780 | margin: 0 auto 2em; | |
1781 | max-width: 100%; | |
1782 | } | |
1783 | .image-attachment div.attachment a img { | |
1784 | border: 1px solid #ccc; | |
1785 | display: block; | |
1786 | height: auto; | |
1787 | margin: 0 auto; | |
1788 | max-width: 97%; | |
1789 | padding: 1%; | |
1790 | } | |
1791 | .image-attachment div.attachment a:focus img, | |
1792 | .image-attachment div.attachment a:hover img, | |
1793 | .image-attachment div.attachment a:active img { | |
1794 | border-color: #bbb; | |
1795 | background: #eee; | |
1796 | } | |
1797 | .image-attachment .entry-caption p { | |
1798 | font-size: 10px; | |
1799 | letter-spacing: 0.1em; | |
1800 | line-height: 2.6em; | |
1801 | margin: 0 0 2.6em; | |
1802 | text-transform: uppercase; | |
1803 | } | |
1804 | ||
1805 | ||
1806 | /* =Navigation | |
1807 | -------------------------------------------------------------- */ | |
1808 | ||
1809 | #content nav { | |
1810 | clear: both; | |
1811 | overflow: hidden; | |
1812 | padding: 0 0 0.8em; | |
1813 | } | |
1814 | #content nav a { | |
1815 | display: inline-block; | |
1816 | font-size: 12px; | |
1817 | font-weight: bold; | |
1818 | line-height: 2.2em; | |
1819 | } | |
1820 | #nav-above { | |
1821 | padding: 0 0 1.625em; | |
1822 | } | |
1823 | #nav-above { | |
1824 | display: none; | |
1825 | } | |
1826 | .paged #nav-above { | |
1827 | display: block; | |
1828 | } | |
1829 | .nav-previous { | |
1830 | float: left; | |
1831 | width: 50%; | |
1832 | } | |
1833 | .nav-next { | |
1834 | float: right; | |
1835 | text-align: right; | |
1836 | width: 50%; | |
1837 | } | |
1838 | #content nav .meta-nav { | |
1839 | font-weight: normal; | |
1840 | } | |
1841 | #nav-below .wp-pagenavi { | |
1842 | float: right; | |
1843 | } | |
1844 | #nav-below .wp-pagenavi a, | |
1845 | #nav-below .wp-pagenavi span, | |
1846 | #nav-below #wp_page_numbers ul li a, | |
1847 | .page-link span, | |
1848 | .page-link a span { | |
1849 | border: none; | |
1850 | float:left; | |
1851 | height:32px; | |
1852 | background:#ddd; | |
1853 | color:#555; | |
1854 | text-align:center; | |
1855 | font-size:14px; | |
1856 | line-height:30px; | |
1857 | display:block; | |
1858 | padding:0 12px; | |
1859 | text-decoration:none; | |
1860 | } | |
1861 | #nav-below .wp-pagenavi a, | |
1862 | #nav-below .wp-pagenavi span, | |
1863 | .page-link span { | |
1864 | margin: 0 0 0 10px; | |
1865 | } | |
1866 | #nav-below .wp-pagenavi span.pages, | |
1867 | .page-link span.pages { | |
1868 | color: #555; | |
1869 | background: none; | |
1870 | padding: 2px 0 0 0; | |
1871 | } | |
1872 | #nav-below .wp-pagenavi a:hover, | |
1873 | #nav-below #wp_page_numbers ul li a:hover, | |
1874 | .page-link a span:hover { | |
1875 | background:#444; | |
1876 | color:#fff; | |
1877 | } | |
1878 | #nav-below .wp-pagenavi span.current, | |
1879 | #nav-below #wp_page_numbers ul li.active_page a, | |
1880 | .page-link span { | |
1881 | background:#444; | |
1882 | color:#fff; | |
1883 | font-weight: normal; | |
1884 | } | |
1885 | #nav-below #wp_page_numbers { | |
1886 | background: none repeat scroll 0 0 transparent; | |
1887 | float: right; | |
1888 | margin: 0; | |
1889 | width: auto; | |
1890 | } | |
1891 | #nav-below #wp_page_numbers ul { | |
1892 | border: none; | |
1893 | list-style: none; | |
1894 | } | |
1895 | #nav-below #wp_page_numbers ul li { | |
1896 | color: #aaa; | |
1897 | float: left; | |
1898 | font-size: 12px; | |
1899 | line-height: 30px; | |
1900 | margin-left: 10px; | |
1901 | } | |
1902 | #nav-below #wp_page_numbers ul li.page_info { | |
1903 | background: none; | |
1904 | border: none; | |
1905 | } | |
1906 | ||
1907 | ||
1908 | /* Singular navigation */ | |
1909 | #nav-single { | |
1910 | float: right; | |
1911 | position: relative; | |
1912 | right: 3%; | |
1913 | text-align: right; | |
1914 | top: 20px; | |
1915 | z-index: 1; | |
1916 | } | |
1917 | #nav-single .nav-previous, | |
1918 | #nav-single .nav-next { | |
1919 | float: none; | |
1920 | width: auto; | |
1921 | } | |
1922 | #nav-single .nav-next { | |
1923 | padding-left: .5em; | |
1924 | } | |
1925 | ||
1926 | ||
1927 | /* =Widgets | |
1928 | ----------------------------------------------- */ | |
1929 | ||
1930 | .widget-area { | |
1931 | font-size: 12px; | |
1932 | } | |
1933 | .widget { | |
1934 | background-color: #fff; | |
1935 | border-bottom: 2px solid #ccc; | |
1936 | -moz-border-radius: 5px; | |
1937 | border-radius: 5px; | |
1938 | clear: both; | |
1939 | margin-bottom: 2em; | |
1940 | padding: 0.5em 1em 1em; | |
1941 | } | |
1942 | .widget-title { | |
1943 | border-bottom: 2px solid #ccc; | |
1944 | color: #222; | |
1945 | font-size: 16px; | |
1946 | font-weight: bold; | |
1947 | letter-spacing: 0.1em; | |
1948 | padding: 0 1em 0.5em; | |
1949 | margin: 0 -0.75em 1em; | |
1950 | } | |
1951 | .widget-title a { | |
1952 | color: #222; | |
1953 | font-size: 16px; | |
1954 | font-weight: bold; | |
1955 | } | |
1956 | .widget-title a:hover { | |
1957 | text-decoration: none; | |
1958 | } | |
1959 | .widget .paddingtop { | |
1960 | display: block; | |
1961 | padding-top: 0.5em; | |
1962 | } | |
1963 | .widget ul { | |
1964 | font-size: 15px; | |
1965 | margin: 0 0 0 1em; | |
1966 | } | |
1967 | .widget ul ul { | |
1968 | margin-left: 1.5em; | |
1969 | } | |
1970 | .widget ul li { | |
1971 | color: #777; | |
1972 | font-size: 13px; | |
1973 | } | |
1974 | .widget a { | |
1975 | font-weight: 400; | |
1976 | text-decoration: none; | |
1977 | } | |
1978 | .widget a:hover, | |
1979 | .widget a:focus, | |
1980 | .widget a:active { | |
1981 | text-decoration: underline; | |
1982 | } | |
1983 | ||
1984 | /* Search Widget */ | |
1985 | .widget_search form { | |
1986 | margin-top: 0.5em; | |
1987 | } | |
1988 | .widget_search #s { | |
1989 | width: 87%; | |
1990 | } | |
1991 | .widget_search #searchsubmit { | |
1992 | background: #ccc; | |
1993 | border: 1px solid #ccc; | |
1994 | -webkit-box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09); | |
1995 | -moz-box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09); | |
1996 | box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09); | |
1997 | color: #888; | |
1998 | font-size: 13px; | |
1999 | line-height: 25px; | |
2000 | position: relative; | |
2001 | top: -2px; | |
2002 | } | |
2003 | .widget_search #searchsubmit:active { | |
2004 | background: #1982d1; | |
2005 | border-color: #0861a5; | |
2006 | -webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1); | |
2007 | -moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1); | |
2008 | box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1); | |
2009 | color: #bfddf3; | |
2010 | } | |
2011 | ||
2012 | /* Twitter */ | |
2013 | .widget_twitter li { | |
2014 | margin-bottom: 14px; | |
2015 | } | |
2016 | .widget_twitter .timesince { | |
2017 | display: block; | |
2018 | font-size: 11px; | |
2019 | margin-right: -10px; | |
2020 | text-align: right; | |
2021 | } | |
2022 | ||
2023 | /* Widget Image */ | |
2024 | .widget_image img { | |
2025 | height: auto; | |
2026 | max-width: 100%; | |
2027 | } | |
2028 | ||
2029 | /* Calendar Widget */ | |
2030 | ||
2031 | .widget_calendar #wp-calendar { | |
2032 | color: #555; | |
2033 | width: 100%; | |
2034 | text-align: center; | |
2035 | } | |
2036 | .widget_calendar #wp-calendar caption, | |
2037 | .widget_calendar #wp-calendar td, | |
2038 | .widget_calendar #wp-calendar th { | |
2039 | text-align: center; | |
2040 | } | |
2041 | .widget_calendar #wp-calendar caption { | |
2042 | font-size: 11px; | |
2043 | font-weight: 500; | |
2044 | padding: 5px 0 3px 0; | |
2045 | text-transform: uppercase; | |
2046 | } | |
2047 | .widget_calendar #wp-calendar th { | |
2048 | background: #f4f4f4; | |
2049 | border-top: 1px solid #ccc; | |
2050 | border-bottom: 1px solid #ccc; | |
2051 | font-weight: bold; | |
2052 | } | |
2053 | .widget_calendar #wp-calendar tfoot td { | |
2054 | background: #f4f4f4; | |
2055 | border-top: 1px solid #ccc; | |
2056 | border-bottom: 1px solid #ccc; | |
2057 | } | |
2058 | ||
2059 | ||
2060 | /* =Comments | |
2061 | ----------------------------------------------- */ | |
2062 | ||
2063 | #comments-title { | |
2064 | color: #222; | |
2065 | font-size: 14px; | |
2066 | font-weight: bold; | |
2067 | line-height: 14px; | |
2068 | padding: 0 0 2em; | |
2069 | } | |
2070 | #comments-title span { | |
2071 | text-transform: uppercase; | |
2072 | } | |
2073 | .nopassword, | |
2074 | .nocomments { | |
2075 | color: #aaa; | |
2076 | font-size: 24px; | |
2077 | font-weight: 100; | |
2078 | margin: 26px 0; | |
2079 | text-align: center; | |
2080 | } | |
2081 | .commentlist { | |
2082 | list-style: none; | |
2083 | margin: 0 auto; | |
2084 | word-wrap: break-word; | |
2085 | } | |
2086 | .content .commentlist, | |
2087 | .page-template-sidebar-page-php .commentlist { | |
2088 | width: 100%; /* reset the width for the one-column and sidebar page layout */ | |
2089 | } | |
2090 | .commentlist > li.comment { | |
2091 | background: #f6f6f6; | |
2092 | border: 1px solid #ccc; | |
2093 | -moz-border-radius: 3px; | |
2094 | border-radius: 3px; | |
2095 | margin: 0 0 2em; | |
2096 | padding: 2em; | |
2097 | position: relative; | |
2098 | } | |
2099 | .commentlist .pingback { | |
2100 | margin: 0 0 2em; | |
2101 | padding: 0 2em; | |
2102 | } | |
2103 | .commentlist .children { | |
2104 | list-style: none; | |
2105 | margin: 0; | |
2106 | } | |
2107 | .commentlist .children li.comment { | |
2108 | border-left: 1px solid #ccc; | |
2109 | -moz-border-radius: 0 3px 3px 0; | |
2110 | border-radius: 0 3px 3px 0; | |
2111 | margin: 2em 0 0; | |
2112 | padding: 2em; | |
2113 | position: relative; | |
2114 | } | |
2115 | .commentlist .children li.comment .fn { | |
2116 | display: block; | |
2117 | } | |
2118 | .comment-meta .fn { | |
2119 | font-style: normal; | |
2120 | } | |
2121 | .comment-meta { | |
2122 | color: #666666; | |
2123 | font-size: 12px; | |
2124 | line-height: 2.2em; | |
2125 | margin-left: 18%; | |
2126 | } | |
2127 | .comment-content { | |
2128 | margin-left: 18%; | |
2129 | } | |
2130 | .commentlist .children li.comment .comment-meta { | |
2131 | line-height: 2em; | |
2132 | margin-left: 14%; | |
2133 | } | |
2134 | .commentlist .children li.comment .comment-content { | |
2135 | margin: 2em 0 0; | |
2136 | } | |
2137 | .comment-meta a { | |
2138 | font-weight: bold; | |
2139 | } | |
2140 | .comment-meta a:focus, | |
2141 | .comment-meta a:active, | |
2142 | .comment-meta a:hover { | |
2143 | } | |
2144 | .commentlist .avatar { | |
2145 | -moz-border-radius: 3px; | |
2146 | border-radius: 3px; | |
2147 | -webkit-box-shadow: 0 1px 2px #ccc; | |
2148 | -moz-box-shadow: 0 1px 2px #ccc; | |
2149 | box-shadow: 0 1px 2px #ccc; | |
2150 | left: 30px; | |
2151 | padding: 0; | |
2152 | position: absolute; | |
2153 | top: 30px; | |
2154 | height: auto; | |
2155 | max-width: 11%; | |
2156 | } | |
2157 | .commentlist > li:before { | |
2158 | } | |
2159 | .commentlist > li.pingback:before { | |
2160 | content: ''; | |
2161 | } | |
2162 | .commentlist .children .avatar { | |
2163 | background: none; | |
2164 | -webkit-box-shadow: none; | |
2165 | -moz-box-shadow: none; | |
2166 | box-shadow: none; | |
2167 | left: 2.2em; | |
2168 | max-width: 10%; | |
2169 | padding: 0; | |
2170 | top: 3em; | |
2171 | } | |
2172 | a.comment-reply-link { | |
2173 | background: #eee; | |
2174 | -moz-border-radius: 3px; | |
2175 | border-radius: 3px; | |
2176 | color: #666; | |
2177 | display: inline-block; | |
2178 | font-size: 12px; | |
2179 | padding: 0 8px; | |
2180 | text-decoration: none; | |
2181 | margin-top: 0.5em; | |
2182 | } | |
2183 | a.comment-reply-link:hover, | |
2184 | a.comment-reply-link:focus, | |
2185 | a.comment-reply-link:active { | |
2186 | background: #888; | |
2187 | color: #fff; | |
2188 | } | |
2189 | a.comment-reply-link > span { | |
2190 | display: inline-block; | |
2191 | position: relative; | |
2192 | top: -1px; | |
2193 | } | |
2194 | ||
2195 | /* Post author highlighting */ | |
2196 | .commentlist > li.bypostauthor { | |
2197 | background: #ccc; | |
2198 | border-color: #d3d3d3; | |
2199 | } | |
2200 | .commentlist > li.bypostauthor .comment-meta { | |
2201 | color: #575757; | |
2202 | } | |
2203 | .commentlist > li.bypostauthor .comment-meta a:focus, | |
2204 | .commentlist > li.bypostauthor .comment-meta a:active, | |
2205 | .commentlist > li.bypostauthor .comment-meta a:hover { | |
2206 | } | |
2207 | .commentlist > li.bypostauthor:before { | |
2208 | ||
2209 | } | |
2210 | ||
2211 | /* Post Author threaded comments */ | |
2212 | .commentlist .children > li.bypostauthor { | |
2213 | background: #ccc; | |
2214 | border-color: #d3d3d3; | |
2215 | } | |
2216 | ||
2217 | /* Comment Form */ | |
2218 | #respond { | |
2219 | background: #ccc; | |
2220 | border: 1px solid #d3d3d3; | |
2221 | -moz-border-radius: 3px; | |
2222 | border-radius: 3px; | |
2223 | margin: 0 auto 2em; | |
2224 | padding: 2em; | |
2225 | position: relative; | |
2226 | width: auto; | |
2227 | } | |
2228 | .singular #respond { | |
2229 | width: 68.9%; | |
2230 | } | |
2231 | #respond input[type="text"], | |
2232 | #respond textarea { | |
2233 | background: #fff; | |
2234 | border: 4px solid #eee; | |
2235 | -moz-border-radius: 5px; | |
2236 | border-radius: 5px; | |
2237 | -webkit-box-shadow: inset 0 1px 3px rgba(204,204,204,0.95); | |
2238 | -moz-box-shadow: inset 0 1px 3px rgba(204,204,204,0.95); | |
2239 | box-shadow: inset 0 1px 3px rgba(204,204,204,0.95); | |
2240 | position: relative; | |
2241 | padding: 10px; | |
2242 | text-indent: 80px; | |
2243 | } | |
2244 | #respond .comment-form-author, | |
2245 | #respond .comment-form-email, | |
2246 | #respond .comment-form-url, | |
2247 | #respond .comment-form-comment { | |
2248 | position: relative; | |
2249 | } | |
2250 | #respond .comment-form-author label, | |
2251 | #respond .comment-form-email label, | |
2252 | #respond .comment-form-url label, | |
2253 | #respond .comment-form-comment label { | |
2254 | background: #eee; | |
2255 | -webkit-box-shadow: 1px 2px 2px rgba(204,204,204,0.8); | |
2256 | -moz-box-shadow: 1px 2px 2px rgba(204,204,204,0.8); | |
2257 | box-shadow: 1px 2px 2px rgba(204,204,204,0.8); | |
2258 | color: #555; | |
2259 | display: inline-block; | |
2260 | font-size: 13px; | |
2261 | left: 4px; | |
2262 | min-width: 60px; | |
2263 | padding: 4px 10px; | |
2264 | position: relative; | |
2265 | top: 40px; | |
2266 | z-index: 1; | |
2267 | } | |
2268 | #respond input[type="text"]:focus, | |
2269 | #respond textarea:focus { | |
2270 | text-indent: 0; | |
2271 | z-index: 1; | |
2272 | } | |
2273 | #respond textarea { | |
2274 | resize: vertical; | |
2275 | width: 95%; | |
2276 | } | |
2277 | #respond .comment-form-author .required, | |
2278 | #respond .comment-form-email .required { | |
2279 | color: #bd3500; | |
2280 | font-size: 22px; | |
2281 | font-weight: bold; | |
2282 | left: 75%; | |
2283 | position: absolute; | |
2284 | top: 45px; | |
2285 | z-index: 1; | |
2286 | } | |
2287 | #respond .comment-notes, | |
2288 | #respond .logged-in-as { | |
2289 | font-size: 13px; | |
2290 | } | |
2291 | #respond p { | |
2292 | margin: 10px 0; | |
2293 | } | |
2294 | #respond .form-submit { | |
2295 | float: right; | |
2296 | margin: -20px 0 10px; | |
2297 | } | |
2298 | #respond input#submit { | |
2299 | background: #222; | |
2300 | border: none; | |
2301 | -moz-border-radius: 3px; | |
2302 | border-radius: 3px; | |
2303 | -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3); | |
2304 | -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3); | |
2305 | box-shadow: 0px 1px 2px rgba(0,0,0,0.3); | |
2306 | color: #eee; | |
2307 | cursor: pointer; | |
2308 | font-size: 15px; | |
2309 | margin: 20px 0; | |
2310 | padding: 5px 42px 5px 22px; | |
2311 | position: relative; | |
2312 | left: 30px; | |
2313 | text-shadow: 0 -1px 0 rgba(0,0,0,0.3); | |
2314 | } | |
2315 | #respond input#submit:active { | |
2316 | background: #1982d1; | |
2317 | color: #bfddf3; | |
2318 | } | |
2319 | #respond #cancel-comment-reply-link { | |
2320 | color: #666; | |
2321 | margin-left: 10px; | |
2322 | text-decoration: none; | |
2323 | } | |
2324 | #respond .logged-in-as a:hover, | |
2325 | #respond #cancel-comment-reply-link:hover { | |
2326 | text-decoration: underline; | |
2327 | } | |
2328 | .commentlist #respond { | |
2329 | margin: 2em 0 0; | |
2330 | width: auto; | |
2331 | } | |
2332 | #reply-title { | |
2333 | color: #373737; | |
2334 | font-size: 24px; | |
2335 | font-weight: bold; | |
2336 | line-height: 30px; | |
2337 | } | |
2338 | #cancel-comment-reply-link { | |
2339 | color: #888; | |
2340 | display: block; | |
2341 | font-size: 10px; | |
2342 | font-weight: normal; | |
2343 | line-height: 2.2em; | |
2344 | letter-spacing: 0.05em; | |
2345 | position: absolute; | |
2346 | right: 2em; | |
2347 | text-decoration: none; | |
2348 | text-transform: uppercase; | |
2349 | top: 1.1em; | |
2350 | } | |
2351 | #cancel-comment-reply-link:focus, | |
2352 | #cancel-comment-reply-link:active, | |
2353 | #cancel-comment-reply-link:hover { | |
2354 | color: #ff4b33; | |
2355 | } | |
2356 | #respond label { | |
2357 | line-height: 2.2em; | |
2358 | } | |
2359 | #respond input[type=text] { | |
2360 | display: block; | |
2361 | height: 24px; | |
2362 | width: 75%; | |
2363 | } | |
2364 | #respond p { | |
2365 | font-size: 12px; | |
2366 | } | |
2367 | p.comment-form-comment { | |
2368 | margin: 0; | |
2369 | } | |
2370 | .form-allowed-tags { | |
2371 | display: none; | |
2372 | } | |
2373 | ||
2374 | ||
2375 | /* =Footer | |
2376 | ----------------------------------------------- */ | |
2377 | ||
2378 | #colophon { | |
2379 | border-top: 1px solid #ccc; | |
2380 | clear: both; | |
2381 | } | |
2382 | #supplementary { | |
2383 | background-color: #eee; | |
2384 | overflow: hidden; | |
2385 | padding: 2em 3% 0; | |
2386 | } | |
2387 | #supplementary .widget { | |
2388 | margin-bottom: 2.5em; | |
2389 | } | |
2390 | #supplementary .widget-area { | |
2391 | ||
2392 | } | |
2393 | #supplementary .widget-title { | |
2394 | ||
2395 | } | |
2396 | #supplementary .widget ul { | |
2397 | ||
2398 | } | |
2399 | /* Two Footer Widget Areas */ | |
2400 | #supplementary.two .widget-area { | |
2401 | float: left; | |
2402 | width: 48.5%; | |
2403 | } | |
2404 | #supplementary.two .widget-area + .widget-area { | |
2405 | float: right; | |
2406 | } | |
2407 | ||
2408 | ||
2409 | /* Three Footer Widget Areas */ | |
2410 | #supplementary.three .widget-area { | |
2411 | float: left; | |
2412 | margin-right: 3%; | |
2413 | width: 31.3%; | |
2414 | } | |
2415 | #supplementary.three .widget-area + .widget-area + .widget-area { | |
2416 | margin-right: 0; | |
2417 | } | |
2418 | ||
2419 | /* Site Generator Line */ | |
2420 | #site-generator { | |
2421 | background-color: #fff; | |
2422 | border-top: 1px solid #ccc; | |
2423 | border-bottom: 2px solid #aaa; | |
2424 | clear: both; | |
2425 | display: block; | |
2426 | -moz-border-radius: 0 0 5px 5px; | |
2427 | border-radius: 0 0 5px 5px; | |
2428 | color: #666; | |
2429 | font-size: 12px; | |
2430 | line-height: 2.2em; | |
2431 | padding: 2.2em 0.5em; | |
2432 | text-align: center; | |
2433 | } | |
2434 | #site-generator a { | |
2435 | color: #555; | |
2436 | font-weight: bold; | |
2437 | } | |
2438 | #site-generator .sep { | |
2439 | margin: 0 7px; | |
2440 | } | |
2441 | #site-generator .copyright, | |
2442 | #site-generator .powered { | |
2443 | display: inline; | |
2444 | width: 47%; | |
2445 | } | |
2446 | #site-generator .copyright { | |
2447 | clear: both; | |
2448 | margin-left: 3%; | |
2449 | float: left; | |
2450 | text-align: left; | |
2451 | } | |
2452 | #site-generator .powered { | |
2453 | margin-right: 3%; | |
2454 | float: right; | |
2455 | text-align: right; | |
2456 | } | |
2457 | /* Social Profile */ | |
2458 | .social-profile { | |
2459 | clear: both; | |
2460 | float: right; | |
2461 | margin-right: 2.8%; | |
2462 | padding-bottom: 0.9em; | |
2463 | } | |
2464 | .social-profile ul { | |
2465 | list-style: none; | |
2466 | margin: 0; | |
2467 | padding: 0; | |
2468 | } | |
2469 | .social-profile ul li { | |
2470 | margin: 0 0 10px 10px; | |
2471 | float: left; | |
2472 | } | |
2473 | .social-profile ul li a { | |
2474 | display: block; | |
2475 | background: url("images/social-profiles.png") no-repeat right top; | |
2476 | width: 34px; | |
2477 | height: 34px; | |
2478 | -webkit-border-radius: 3px; | |
2479 | -moz-border-radius: 3px; | |
2480 | border-radius: 3px; | |
2481 | text-indent: -99999px; | |
2482 | } | |
2483 | .social-profile ul li a:active { | |
2484 | -moz-box-shadow: inset 0 0 6px #000; | |
2485 | -webkit-box-shadow: inset 0 0 6px #000; | |
2486 | box-shadow: inset 0 0 6px #000; | |
2487 | } | |
2488 | .social-profile ul li.facebook a { | |
2489 | background-position: 0 0; | |
2490 | } | |
2491 | .social-profile ul li.facebook a:hover { | |
2492 | background-position: 0 -44px; | |
2493 | } | |
2494 | .social-profile ul li.twitter a { | |
2495 | background-position: -44px 0; | |
2496 | } | |
2497 | .social-profile ul li.twitter a:hover { | |
2498 | background-position: -44px -44px; | |
2499 | } | |
2500 | .social-profile ul li.rss a { | |
2501 | background-position: -88px 0; | |
2502 | } | |
2503 | .social-profile ul li.rss a:hover { | |
2504 | background-position: -88px -44px; | |
2505 | } | |
2506 | .social-profile ul li.you-tube a { | |
2507 | background-position: -132px 0; | |
2508 | } | |
2509 | .social-profile ul li.you-tube a:hover { | |
2510 | background-position: -132px -44px; | |
2511 | } | |
2512 | .social-profile ul li.linkedin a { | |
2513 | background-position: -176px 0; | |
2514 | } | |
2515 | .social-profile ul li.linkedin a:hover { | |
2516 | background-position: -176px -44px; | |
2517 | } | |
2518 | .social-profile ul li.tumblr a { | |
2519 | background-position: -220px 0; | |
2520 | } | |
2521 | .social-profile ul li.tumblr a:hover { | |
2522 | background-position: -220px -44px; | |
2523 | } | |
2524 | .social-profile ul li.viemo a { | |
2525 | background-position: -264px 0; | |
2526 | } | |
2527 | .social-profile ul li.viemo a:hover { | |
2528 | background-position: -264px -44px; | |
2529 | } | |
2530 | .social-profile ul li.dribbble a { | |
2531 | background-position: -308px 0; | |
2532 | } | |
2533 | .social-profile ul li.dribbble a:hover { | |
2534 | background-position: -308px -44px; | |
2535 | } | |
2536 | .social-profile ul li.my-space a { | |
2537 | background-position: -352px 0; | |
2538 | } | |
2539 | .social-profile ul li.my-space a:hover { | |
2540 | background-position: -352px -44px; | |
2541 | } | |
2542 | .social-profile ul li.aim a { | |
2543 | background-position: -396px 0; | |
2544 | } | |
2545 | .social-profile ul li.aim a:hover { | |
2546 | background-position: -396px -44px; | |
2547 | } | |
2548 | .social-profile ul li.flickr a { | |
2549 | background-position: -440px 0; | |
2550 | } | |
2551 | .social-profile ul li.flickr a:hover { | |
2552 | background-position: -440px -44px; | |
2553 | } | |
2554 | .social-profile ul li.pinterest a { | |
2555 | background-position: -484px 0; | |
2556 | } | |
2557 | .social-profile ul li.pinterest a:hover { | |
2558 | background-position: -484px -44px; | |
2559 | } | |
2560 | .social-profile ul li.google-plus a { | |
2561 | background-position: -528px 0; | |
2562 | } | |
2563 | .social-profile ul li.google-plus a:hover { | |
2564 | background-position: -528px -44px; | |
2565 | } | |
2566 | .social-profile ul li.wordpress a { | |
2567 | background-position: -572px 0; | |
2568 | } | |
2569 | .social-profile ul li.wordpress a:hover { | |
2570 | background-position: -572px -44px; | |
2571 | } | |
2572 | .social-profile ul li.deviantart a { | |
2573 | background-position: -616px 0; | |
2574 | } | |
2575 | .social-profile ul li.deviantart a:hover { | |
2576 | background-position: -616px -44px; | |
2577 | } | |
2578 | img#wpstats { | |
2579 | display: none; | |
2580 | } | |
2581 | ||
2582 | /* =Responsive Structure | |
2583 | ----------------------------------------------- */ | |
2584 | /* Smaller than standard 1060 (devices and browsers) */ | |
2585 | @media screen and (max-width: 1060px) { | |
2586 | #page { | |
2587 | max-width: 900px; | |
2588 | } | |
2589 | #nav-slider .nav-previous, | |
2590 | #nav-slider .nav-next { | |
2591 | top: 94px; | |
2592 | } | |
2593 | } | |
2594 | ||
2595 | @media screen and (max-width: 960px) { | |
2596 | /* ipad */ | |
2597 | #page { | |
2598 | max-width: 708px; | |
2599 | } | |
2600 | /* Simplify the basic layout */ | |
2601 | #main #content { | |
2602 | margin: 0 3%; | |
2603 | width: auto; | |
2604 | } | |
2605 | #nav-slider .nav-previous, | |
2606 | #nav-slider .nav-next { | |
2607 | top: 137px; | |
2608 | } | |
2609 | #nav-below { | |
2610 | border-bottom: 1px solid #ccc; | |
2611 | margin-bottom: 2em; | |
2612 | } | |
2613 | #main #secondary { | |
2614 | float: none; | |
2615 | margin: 0 3%; | |
2616 | width: auto; | |
2617 | } | |
2618 | #branding ul.menu a, | |
2619 | #colophon #access-footer ul.menu a { | |
2620 | padding: 0 0.83em; | |
2621 | } | |
2622 | /* Remove the margin on singular articles */ | |
2623 | .singular .entry-header, | |
2624 | .singular .entry-content, | |
2625 | .singular footer.entry-meta, | |
2626 | .singular #comments-title { | |
2627 | width: 100%; | |
2628 | } | |
2629 | /* Simplify the pullquotes and pull styles */ | |
2630 | .singular blockquote.pull { | |
2631 | margin: 0 0 2em; | |
2632 | } | |
2633 | .singular .pull.alignleft { | |
2634 | margin: 0 2em 0 0; | |
2635 | } | |
2636 | .singular .pull.alignright { | |
2637 | margin: 0 0 0 2em; | |
2638 | } | |
2639 | .singular #author-info { | |
2640 | margin: 2.2em -8.8% 0; | |
2641 | padding: 20px 8.8%; | |
2642 | } | |
2643 | .widget_search #s { | |
2644 | width: 93.8%; | |
2645 | } | |
2646 | /* Make sure we have room for our comment avatars */ | |
2647 | .commentlist { | |
2648 | width: 100%; | |
2649 | } | |
2650 | .commentlist > li.comment, | |
2651 | .commentlist .pingback { | |
2652 | width: auto; | |
2653 | } | |
2654 | /* And a full-width comment form */ | |
2655 | #respond { | |
2656 | width: auto; | |
2657 | } | |
2658 | /* No need to float footer widgets at this size */ | |
2659 | #colophon #supplementary .widget-area { | |
2660 | float: none; | |
2661 | margin-right: 0; | |
2662 | width: auto; | |
2663 | } | |
2664 | /* No need to float 404 widgets at this size */ | |
2665 | .error404 #main .widget { | |
2666 | float: none; | |
2667 | margin-right: 0; | |
2668 | width: auto; | |
2669 | } | |
2670 | } | |
2671 | ||
2672 | @media screen and (max-width: 767px) { | |
2673 | /* small tablet */ | |
2674 | #page { | |
2675 | max-width: 480px; | |
2676 | } | |
2677 | /* @media (max-width: 650px) Reduce font-sizes for better readability on smaller devices */ | |
2678 | body { | |
2679 | padding: 0; | |
2680 | } | |
2681 | body, input, textarea { | |
2682 | font-size: 13px; | |
2683 | } | |
2684 | #branding, | |
2685 | #site-generator { | |
2686 | border-radius: 0; | |
2687 | } | |
2688 | input#s { | |
2689 | font-size: 16px; | |
2690 | } | |
2691 | #main, | |
2692 | #supplementary { | |
2693 | padding-top: 1em; | |
2694 | } | |
2695 | #branding hgroup { | |
2696 | padding: 5.30625em 0 2em 0; | |
2697 | text-align: center; | |
2698 | } | |
2699 | #site-title { | |
2700 | font-size: 28px; | |
2701 | line-height: 38px; | |
2702 | } | |
2703 | #branding #searchform { | |
2704 | position: absolute; | |
2705 | text-align: center; | |
2706 | right: 0; | |
2707 | width: 100%; | |
2708 | } | |
2709 | #branding #s { | |
2710 | float: none; | |
2711 | } | |
2712 | #access ul { | |
2713 | font-size: 12px; | |
2714 | } | |
2715 | #nav-slider .nav-previous, | |
2716 | #nav-slider .nav-next { | |
2717 | top: 82px; | |
2718 | } | |
2719 | #slider, | |
2720 | .hentry, | |
2721 | .no-results, | |
2722 | #author-info, | |
2723 | #disqus_thread, | |
2724 | #content .error404, | |
2725 | #nav-below, | |
2726 | .widget, | |
2727 | #supplementary .widget { | |
2728 | margin-bottom: 1em; | |
2729 | } | |
2730 | #content nav { | |
2731 | padding-bottom: 1em; | |
2732 | } | |
2733 | article.intro .entry-content { | |
2734 | font-size: 12px; | |
2735 | } | |
2736 | .entry-title { | |
2737 | font-size: 21px; | |
2738 | } | |
2739 | .featured-post .entry-title { | |
2740 | font-size: 14px; | |
2741 | } | |
2742 | .singular .entry-title { | |
2743 | font-size: 28px; | |
2744 | } | |
2745 | .entry-meta { | |
2746 | font-size: 12px; | |
2747 | } | |
2748 | blockquote { | |
2749 | margin: 0; | |
2750 | } | |
2751 | blockquote.pull { | |
2752 | font-size: 17px; | |
2753 | } | |
2754 | /* Reposition the site title and description slightly */ | |
2755 | #site-title { | |
2756 | padding: 0; | |
2757 | } | |
2758 | #site-title, | |
2759 | #site-description { | |
2760 | margin-right: 0; | |
2761 | } | |
2762 | /* Make sure the logo and search form don't collide */ | |
2763 | #branding #searchform { | |
2764 | top: 2em !important; | |
2765 | } | |
2766 | /* Floated content doesn't work well at this size */ | |
2767 | .alignleft, | |
2768 | .alignright { | |
2769 | float: none; | |
2770 | margin-left: 0; | |
2771 | margin-right: 0; | |
2772 | } | |
2773 | /* Make sure the post-post navigation doesn't collide with anything */ | |
2774 | #nav-single { | |
2775 | display: block; | |
2776 | } | |
2777 | .singular .hentry { | |
2778 | padding: 2em 5%; | |
2779 | } | |
2780 | .singular.page .hentry { | |
2781 | padding: 2em 5%; | |
2782 | } | |
2783 | .widget_search #s { | |
2784 | width: 89%; | |
2785 | } | |
2786 | /* Talking avatars take up too much room at this size */ | |
2787 | .commentlist .children li.comment .comment-meta { | |
2788 | margin-left: 16%; | |
2789 | } | |
2790 | .commentlist > li.comment, | |
2791 | .commentlist > li.pingback { | |
2792 | margin-left: 0 !important; | |
2793 | } | |
2794 | .commentlist .avatar { | |
2795 | ||
2796 | } | |
2797 | .commentlist .children .avatar { | |
2798 | background: none; | |
2799 | left: 2.2em; | |
2800 | padding: 0; | |
2801 | position: absolute; | |
2802 | top: 2.2em; | |
2803 | } | |
2804 | /* Menu */ | |
2805 | #access .menu-header-container { | |
2806 | padding: 14px 0; | |
2807 | } | |
2808 | #branding ul.menu, | |
2809 | #colophon #access-footer ul.menu, | |
2810 | #access-secondary { | |
2811 | display: none; | |
2812 | } | |
2813 | #branding ul.menu li, | |
2814 | #access-footer ul.menu li { | |
2815 | border: none; | |
2816 | float: none; | |
2817 | text-align: center; | |
2818 | } | |
2819 | #colophon #access-footer ul.menu a { | |
2820 | display: block; | |
2821 | float: none; | |
2822 | } | |
2823 | .tinynav { | |
2824 | background-image: none; | |
2825 | background-color: transparent; | |
2826 | background-position: right center; | |
2827 | background-repeat: no-repeat; | |
2828 | ||
2829 | border: none; | |
2830 | color: #fff; | |
2831 | display: block; | |
2832 | margin-bottom: 0; | |
2833 | margin-left: auto; | |
2834 | margin-top: 0; | |
2835 | overflow: hidden; | |
2836 | width: 100%; | |
2837 | } | |
2838 | .tinynav option { | |
2839 | color: #000; | |
2840 | } | |
2841 | /* Pagination */ | |
2842 | #nav-below .wp-pagenavi a, | |
2843 | #nav-below .wp-pagenavi span, | |
2844 | #nav-below #wp_page_numbers ul li a, | |
2845 | .page-link span, | |
2846 | .page-link a span { | |
2847 | height: 25px; | |
2848 | font-size:12px; | |
2849 | line-height: 24px; | |
2850 | padding:0 10px; | |
2851 | } | |
2852 | #nav-below .wp-pagenavi a, | |
2853 | #nav-below .wp-pagenavi span, | |
2854 | .page-link span { | |
2855 | margin: 0 0 0 5px; | |
2856 | } | |
2857 | ||
2858 | /* Use the available space in the smaller comment form */ | |
2859 | .singular #respond { | |
2860 | width: auto; | |
2861 | } | |
2862 | #respond input[type="text"] { | |
2863 | width: 95%; | |
2864 | } | |
2865 | #respond .comment-form-author .required, | |
2866 | #respond .comment-form-email .required { | |
2867 | left: 95%; | |
2868 | } | |
2869 | .social-profile { | |
2870 | float: none; | |
2871 | text-align: center; | |
2872 | } | |
2873 | .social-profile ul li { | |
2874 | display: inline-block; | |
2875 | float: none; | |
2876 | margin: 0 0 10px 10px; | |
2877 | } | |
2878 | #site-generator .copyright, #site-generator .powered { | |
2879 | display: block; | |
2880 | margin-left: 3%; | |
2881 | float: none; | |
2882 | text-align: center; | |
2883 | width: 97%; | |
2884 | } | |
2885 | } | |
2886 | @media (max-device-width: 650px) { | |
2887 | .tinynav { | |
2888 | background-image: url("images/select-arrow.png"); | |
2889 | } | |
2890 | } | |
2891 | @media screen and (max-width: 479px) { | |
2892 | /* iphone */ | |
2893 | #page { | |
2894 | max-width: 320px; | |
2895 | } | |
2896 | #site-title { | |
2897 | font-size: 26px; | |
2898 | line-height: 36px; | |
2899 | } | |
2900 | #site-description { | |
2901 | font-size: 12px; | |
2902 | } | |
2903 | #content .gallery-columns-2 .gallery-item { | |
2904 | width: 45%; | |
2905 | padding-right: 4%; | |
2906 | } | |
2907 | #content .gallery-columns-2 .gallery-item img { | |
2908 | width: 100%; | |
2909 | height: auto; | |
2910 | } | |
2911 | #nav-slider .nav-previous, | |
2912 | #nav-slider .nav-next { | |
2913 | top: 57px; | |
2914 | } | |
2915 | .widget_search #s { | |
2916 | width: 85%; | |
2917 | } | |
2918 | img.size-full, | |
2919 | img.size-large, | |
2920 | img.wp-post-image { | |
2921 | max-width: 94.6%; | |
2922 | } | |
2923 | .commentlist .children li.comment .comment-meta { | |
2924 | margin-left: 22%; | |
2925 | } | |
2926 | #site-generator .copyright, #site-generator .powered { | |
2927 | font-size: 9px; | |
2928 | } | |
2929 | } | |
2930 | @media screen and (max-width: 319px) { | |
2931 | /* small phone */ | |
2932 | #page { | |
2933 | max-width: 100%; | |
2934 | } | |
2935 | #page { | |
2936 | margin-top: 0; | |
2937 | } | |
2938 | #branding { | |
2939 | border-top: none; | |
2940 | } | |
2941 | #branding #s:focus { | |
2942 | width: 150px; | |
2943 | } | |
2944 | input[type="text"] { | |
2945 | width: 98%; | |
2946 | } | |
2947 | .widget_search #s { | |
2948 | width: 80%; | |
2949 | } | |
2950 | #nav-slider .nav-previous, | |
2951 | #nav-slider .nav-next { | |
2952 | top: 45px; | |
2953 | } | |
2954 | } | |
2955 | ||
2956 | ||
2957 | ||
2958 | ----------------------------------------------- */ | |
2959 | ||
2960 | @media print { | |
2961 | body { | |
2962 | background: none !important; | |
2963 | font-size: 10pt; | |
2964 | } | |
2965 | footer.entry-meta a[rel=bookmark]:link:after, | |
2966 | footer.entry-meta a[rel=bookmark]:visited:after { | |
2967 | content: " [" attr(href) "] "; /* Show URLs */ | |
2968 | } | |
2969 | #page { | |
2970 | clear: both !important; | |
2971 | display: block !important; | |
2972 | float: none !important; | |
2973 | max-width: 100%; | |
2974 | position: relative !important; | |
2975 | } | |
2976 | #branding { | |
2977 | border-top: none !important; | |
2978 | padding: 0; | |
2979 | } | |
2980 | #branding hgroup { | |
2981 | margin: 0; | |
2982 | } | |
2983 | #site-title a { | |
2984 | font-size: 21pt; | |
2985 | } | |
2986 | #site-description { | |
2987 | font-size: 10pt; | |
2988 | } | |
2989 | #branding #searchform { | |
2990 | display: none; | |
2991 | } | |
2992 | #branding img { | |
2993 | display: none; | |
2994 | } | |
2995 | #access { | |
2996 | display: none; | |
2997 | } | |
2998 | #main { | |
2999 | border-top: none; | |
3000 | box-shadow: none; | |
3001 | } | |
3002 | #primary { | |
3003 | float: left; | |
3004 | margin: 0; | |
3005 | width: 100%; | |
3006 | } | |
3007 | #content { | |
3008 | margin: 0; | |
3009 | width: auto; | |
3010 | } | |
3011 | .singular #content { | |
3012 | margin: 0; | |
3013 | width: 100%; | |
3014 | } | |
3015 | .singular .entry-header .entry-meta { | |
3016 | position: static; | |
3017 | } | |
3018 | .entry-meta .edit-link a { | |
3019 | display: none; | |
3020 | } | |
3021 | #content nav { | |
3022 | display: none; | |
3023 | } | |
3024 | .singular .entry-header, | |
3025 | .singular .entry-content, | |
3026 | .singular footer.entry-meta, | |
3027 | .singular #comments-title { | |
3028 | margin: 0; | |
3029 | width: 100%; | |
3030 | } | |
3031 | .entry-title, | |
3032 | .singular .entry-title { | |
3033 | font-size: 21pt; | |
3034 | } | |
3035 | .entry-meta { | |
3036 | font-size: 10pt; | |
3037 | } | |
3038 | .entry-header .comments-link { | |
3039 | display: none; | |
3040 | } | |
3041 | .page-link { | |
3042 | display: none; | |
3043 | } | |
3044 | .singular #author-info { | |
3045 | background: none; | |
3046 | border-bottom: none; | |
3047 | border-top: none; | |
3048 | margin: 2.2em 0 0; | |
3049 | padding: 0; | |
3050 | } | |
3051 | #respond { | |
3052 | display: none; | |
3053 | } | |
3054 | .widget-area { | |
3055 | display: none; | |
3056 | } | |
3057 | #colophon { | |
3058 | display: none; | |
3059 | } | |
3060 | ||
3061 | /* Comments */ | |
3062 | .commentlist > li.comment { | |
3063 | background: none; | |
3064 | border: 1px solid #ccc; | |
3065 | -moz-border-radius: 3px; | |
3066 | border-radius: 3px; | |
3067 | margin: 0 auto 2em; | |
3068 | padding: 2em; | |
3069 | position: relative; | |
3070 | width: auto; | |
3071 | } | |
3072 | .commentlist .avatar { | |
3073 | height: 39px; | |
3074 | left: 2.2em; | |
3075 | top: 2.2em; | |
3076 | width: 39px; | |
3077 | } | |
3078 | .commentlist li.comment .comment-meta { | |
3079 | line-height: 2em; | |
3080 | margin-left: 50px; | |
3081 | } | |
3082 | .commentlist li.comment .fn { | |
3083 | display: block; | |
3084 | } | |
3085 | .commentlist li.comment .comment-content { | |
3086 | margin: 2em 0 0; | |
3087 | } | |
3088 | .commentlist .comment-edit-link { | |
3089 | display: none; | |
3090 | } | |
3091 | .commentlist > li::before, | |
3092 | .commentlist > li.bypostauthor::before { | |
3093 | content: ''; | |
3094 | } | |
3095 | .commentlist .reply { | |
3096 | display: none; | |
3097 | } | |
3098 | ||
3099 | /* Post author highlighting */ | |
3100 | .commentlist > li.bypostauthor { | |
3101 | color: #444; | |
3102 | } | |
3103 | .commentlist > li.bypostauthor .comment-meta { | |
3104 | color: #666; | |
3105 | } | |
3106 | .commentlist > li.bypostauthor:before { | |
3107 | content: none; | |
3108 | } | |
3109 | ||
3110 | /* Post Author threaded comments */ | |
3111 | .commentlist .children > li.bypostauthor { | |
3112 | background: #fff; | |
3113 | border-color: #ccc; | |
3114 | } | |
3115 | .commentlist .children > li.bypostauthor > article, | |
3116 | .commentlist .children > li.bypostauthor > article .comment-meta { | |
3117 | color: #666; | |
3118 | } | |
3119 | ||
3120 | } | |
3121 | ||
3122 | ||
3123 | /* =IE7 | |
3124 | ----------------------------------------------- */ | |
3125 | ||
3126 | #ie7 article.intro { | |
3127 | margin-left: -3%; | |
3128 | margin-right: -3%; | |
3129 | padding-left: -3%; | |
3130 | padding-right: -3%; | |
3131 | max-width: 1000px; | |
3132 | } | |
3133 | #ie7 section.featured-post { | |
3134 | margin-left: -3%; | |
3135 | margin-right: -3%; | |
3136 | max-width: 850px; | |
3137 | } | |
3138 | #ie7 section.recent-posts { | |
3139 | margin-right: 3%; | |
3140 | } | |
3141 | ||
3142 | /* =Contactform7 | |
3143 | ----------------------------------------------- */ | |
3144 | #content span.wpcf7-not-valid-tip { | |
3145 | background: none repeat scroll 0 0 transparent; | |
3146 | border: 0 none; | |
3147 | color: #FF0018; | |
3148 | font-size: 12px; | |
3149 | left: 5px; | |
3150 | line-height: 12px; | |
3151 | padding: 2px; | |
3152 | top: 0; | |
3153 | } |