|
1 /* |
|
2 Theme Name: Twenty Twelve |
|
3 Theme URI: http://wordpress.org/themes/twentytwelve |
|
4 Author: the WordPress team |
|
5 Author URI: http://wordpress.org/ |
|
6 Description: The 2012 theme for WordPress is a fully responsive theme that looks great on any device. Features include a front page template with its own widgets, an optional display font, styling for post formats on both index and single views, and an optional no-sidebar page template. Make it yours with a custom menu, header image, and background. |
|
7 Version: 1.3 |
|
8 License: GNU General Public License v2 or later |
|
9 License URI: http://www.gnu.org/licenses/gpl-2.0.html |
|
10 Tags: light, gray, white, one-column, two-columns, right-sidebar, flexible-width, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready |
|
11 Text Domain: twentytwelve |
|
12 |
|
13 This theme, like WordPress, is licensed under the GPL. |
|
14 Use it to make something cool, have fun, and share what you've learned with others. |
|
15 */ |
|
16 |
|
17 /* =Notes |
|
18 -------------------------------------------------------------- |
|
19 This stylesheet uses rem values with a pixel fallback. The rem |
|
20 values (and line heights) are calculated using two variables: |
|
21 |
|
22 $rembase: 14; |
|
23 $line-height: 24; |
|
24 |
|
25 ---------- Examples |
|
26 |
|
27 * Use a pixel value with a rem fallback for font-size, padding, margins, etc. |
|
28 padding: 5px 0; |
|
29 padding: 0.357142857rem 0; (5 / $rembase) |
|
30 |
|
31 * Set a font-size and then set a line-height based on the font-size |
|
32 font-size: 16px |
|
33 font-size: 1.142857143rem; (16 / $rembase) |
|
34 line-height: 1.5; ($line-height / 16) |
|
35 |
|
36 ---------- Vertical spacing |
|
37 |
|
38 Vertical spacing between most elements should use 24px or 48px |
|
39 to maintain vertical rhythm: |
|
40 |
|
41 .my-new-div { |
|
42 margin: 24px 0; |
|
43 margin: 1.714285714rem 0; ( 24 / $rembase ) |
|
44 } |
|
45 |
|
46 ---------- Further reading |
|
47 |
|
48 http://snook.ca/archives/html_and_css/font-size-with-rem |
|
49 http://blog.typekit.com/2011/11/09/type-study-sizing-the-legible-letter/ |
|
50 |
|
51 |
|
52 /* =Reset |
|
53 -------------------------------------------------------------- */ |
|
54 |
|
55 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { |
|
56 margin: 0; |
|
57 padding: 0; |
|
58 border: 0; |
|
59 font-size: 100%; |
|
60 vertical-align: baseline; |
|
61 } |
|
62 body { |
|
63 line-height: 1; |
|
64 } |
|
65 ol, |
|
66 ul { |
|
67 list-style: none; |
|
68 } |
|
69 blockquote, |
|
70 q { |
|
71 quotes: none; |
|
72 } |
|
73 blockquote:before, |
|
74 blockquote:after, |
|
75 q:before, |
|
76 q:after { |
|
77 content: ''; |
|
78 content: none; |
|
79 } |
|
80 table { |
|
81 border-collapse: collapse; |
|
82 border-spacing: 0; |
|
83 } |
|
84 caption, |
|
85 th, |
|
86 td { |
|
87 font-weight: normal; |
|
88 text-align: left; |
|
89 } |
|
90 h1, |
|
91 h2, |
|
92 h3, |
|
93 h4, |
|
94 h5, |
|
95 h6 { |
|
96 clear: both; |
|
97 } |
|
98 html { |
|
99 overflow-y: scroll; |
|
100 font-size: 100%; |
|
101 -webkit-text-size-adjust: 100%; |
|
102 -ms-text-size-adjust: 100%; |
|
103 } |
|
104 a:focus { |
|
105 outline: thin dotted; |
|
106 } |
|
107 article, |
|
108 aside, |
|
109 details, |
|
110 figcaption, |
|
111 figure, |
|
112 footer, |
|
113 header, |
|
114 hgroup, |
|
115 nav, |
|
116 section { |
|
117 display: block; |
|
118 } |
|
119 audio, |
|
120 canvas, |
|
121 video { |
|
122 display: inline-block; |
|
123 } |
|
124 audio:not([controls]) { |
|
125 display: none; |
|
126 } |
|
127 del { |
|
128 color: #333; |
|
129 } |
|
130 ins { |
|
131 background: #fff9c0; |
|
132 text-decoration: none; |
|
133 } |
|
134 hr { |
|
135 background-color: #ccc; |
|
136 border: 0; |
|
137 height: 1px; |
|
138 margin: 24px; |
|
139 margin-bottom: 1.714285714rem; |
|
140 } |
|
141 sub, |
|
142 sup { |
|
143 font-size: 75%; |
|
144 line-height: 0; |
|
145 position: relative; |
|
146 vertical-align: baseline; |
|
147 } |
|
148 sup { |
|
149 top: -0.5em; |
|
150 } |
|
151 sub { |
|
152 bottom: -0.25em; |
|
153 } |
|
154 small { |
|
155 font-size: smaller; |
|
156 } |
|
157 img { |
|
158 border: 0; |
|
159 -ms-interpolation-mode: bicubic; |
|
160 } |
|
161 |
|
162 /* Clearing floats */ |
|
163 .clear:after, |
|
164 .wrapper:after, |
|
165 .format-status .entry-header:after { |
|
166 clear: both; |
|
167 } |
|
168 .clear:before, |
|
169 .clear:after, |
|
170 .wrapper:before, |
|
171 .wrapper:after, |
|
172 .format-status .entry-header:before, |
|
173 .format-status .entry-header:after { |
|
174 display: table; |
|
175 content: ""; |
|
176 } |
|
177 |
|
178 |
|
179 /* =Repeatable patterns |
|
180 -------------------------------------------------------------- */ |
|
181 |
|
182 /* Small headers */ |
|
183 .archive-title, |
|
184 .page-title, |
|
185 .widget-title, |
|
186 .entry-content th, |
|
187 .comment-content th { |
|
188 font-size: 11px; |
|
189 font-size: 0.785714286rem; |
|
190 line-height: 2.181818182; |
|
191 font-weight: bold; |
|
192 text-transform: uppercase; |
|
193 color: #636363; |
|
194 } |
|
195 |
|
196 /* Shared Post Format styling */ |
|
197 article.format-quote footer.entry-meta, |
|
198 article.format-link footer.entry-meta, |
|
199 article.format-status footer.entry-meta { |
|
200 font-size: 11px; |
|
201 font-size: 0.785714286rem; |
|
202 line-height: 2.181818182; |
|
203 } |
|
204 |
|
205 /* Form fields, general styles first */ |
|
206 button, |
|
207 input, |
|
208 textarea { |
|
209 border: 1px solid #ccc; |
|
210 border-radius: 3px; |
|
211 font-family: inherit; |
|
212 padding: 6px; |
|
213 padding: 0.428571429rem; |
|
214 } |
|
215 button, |
|
216 input { |
|
217 line-height: normal; |
|
218 } |
|
219 textarea { |
|
220 font-size: 100%; |
|
221 overflow: auto; |
|
222 vertical-align: top; |
|
223 } |
|
224 |
|
225 /* Reset non-text input types */ |
|
226 input[type="checkbox"], |
|
227 input[type="radio"], |
|
228 input[type="file"], |
|
229 input[type="hidden"], |
|
230 input[type="image"], |
|
231 input[type="color"] { |
|
232 border: 0; |
|
233 border-radius: 0; |
|
234 padding: 0; |
|
235 } |
|
236 |
|
237 /* Buttons */ |
|
238 .menu-toggle, |
|
239 input[type="submit"], |
|
240 input[type="button"], |
|
241 input[type="reset"], |
|
242 article.post-password-required input[type=submit], |
|
243 .bypostauthor cite span { |
|
244 padding: 6px 10px; |
|
245 padding: 0.428571429rem 0.714285714rem; |
|
246 font-size: 11px; |
|
247 font-size: 0.785714286rem; |
|
248 line-height: 1.428571429; |
|
249 font-weight: normal; |
|
250 color: #7c7c7c; |
|
251 background-color: #e6e6e6; |
|
252 background-repeat: repeat-x; |
|
253 background-image: -moz-linear-gradient(top, #f4f4f4, #e6e6e6); |
|
254 background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6); |
|
255 background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6); |
|
256 background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6); |
|
257 background-image: linear-gradient(top, #f4f4f4, #e6e6e6); |
|
258 border: 1px solid #d2d2d2; |
|
259 border-radius: 3px; |
|
260 box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1); |
|
261 } |
|
262 .menu-toggle, |
|
263 button, |
|
264 input[type="submit"], |
|
265 input[type="button"], |
|
266 input[type="reset"] { |
|
267 cursor: pointer; |
|
268 } |
|
269 button[disabled], |
|
270 input[disabled] { |
|
271 cursor: default; |
|
272 } |
|
273 .menu-toggle:hover, |
|
274 button:hover, |
|
275 input[type="submit"]:hover, |
|
276 input[type="button"]:hover, |
|
277 input[type="reset"]:hover, |
|
278 article.post-password-required input[type=submit]:hover { |
|
279 color: #5e5e5e; |
|
280 background-color: #ebebeb; |
|
281 background-repeat: repeat-x; |
|
282 background-image: -moz-linear-gradient(top, #f9f9f9, #ebebeb); |
|
283 background-image: -ms-linear-gradient(top, #f9f9f9, #ebebeb); |
|
284 background-image: -webkit-linear-gradient(top, #f9f9f9, #ebebeb); |
|
285 background-image: -o-linear-gradient(top, #f9f9f9, #ebebeb); |
|
286 background-image: linear-gradient(top, #f9f9f9, #ebebeb); |
|
287 } |
|
288 .menu-toggle:active, |
|
289 .menu-toggle.toggled-on, |
|
290 button:active, |
|
291 input[type="submit"]:active, |
|
292 input[type="button"]:active, |
|
293 input[type="reset"]:active { |
|
294 color: #757575; |
|
295 background-color: #e1e1e1; |
|
296 background-repeat: repeat-x; |
|
297 background-image: -moz-linear-gradient(top, #ebebeb, #e1e1e1); |
|
298 background-image: -ms-linear-gradient(top, #ebebeb, #e1e1e1); |
|
299 background-image: -webkit-linear-gradient(top, #ebebeb, #e1e1e1); |
|
300 background-image: -o-linear-gradient(top, #ebebeb, #e1e1e1); |
|
301 background-image: linear-gradient(top, #ebebeb, #e1e1e1); |
|
302 box-shadow: inset 0 0 8px 2px #c6c6c6, 0 1px 0 0 #f4f4f4; |
|
303 border-color: transparent; |
|
304 } |
|
305 .bypostauthor cite span { |
|
306 color: #fff; |
|
307 background-color: #21759b; |
|
308 background-image: none; |
|
309 border: 1px solid #1f6f93; |
|
310 border-radius: 2px; |
|
311 box-shadow: none; |
|
312 padding: 0; |
|
313 } |
|
314 |
|
315 /* Responsive images */ |
|
316 .entry-content img, |
|
317 .comment-content img, |
|
318 .widget img { |
|
319 max-width: 100%; /* Fluid images for posts, comments, and widgets */ |
|
320 } |
|
321 img[class*="align"], |
|
322 img[class*="wp-image-"], |
|
323 img[class*="attachment-"] { |
|
324 height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */ |
|
325 } |
|
326 img.size-full, |
|
327 img.size-large, |
|
328 img.header-image, |
|
329 img.wp-post-image { |
|
330 max-width: 100%; |
|
331 height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */ |
|
332 } |
|
333 |
|
334 /* Make sure videos and embeds fit their containers */ |
|
335 embed, |
|
336 iframe, |
|
337 object, |
|
338 video { |
|
339 max-width: 100%; |
|
340 } |
|
341 .entry-content .twitter-tweet-rendered { |
|
342 max-width: 100% !important; /* Override the Twitter embed fixed width */ |
|
343 } |
|
344 |
|
345 /* Images */ |
|
346 .alignleft { |
|
347 float: left; |
|
348 } |
|
349 .alignright { |
|
350 float: right; |
|
351 } |
|
352 .aligncenter { |
|
353 display: block; |
|
354 margin-left: auto; |
|
355 margin-right: auto; |
|
356 } |
|
357 .entry-content img, |
|
358 .comment-content img, |
|
359 .widget img, |
|
360 img.header-image, |
|
361 .author-avatar img, |
|
362 img.wp-post-image { |
|
363 /* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */ |
|
364 border-radius: 3px; |
|
365 box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); |
|
366 } |
|
367 .wp-caption { |
|
368 max-width: 100%; /* Keep wide captions from overflowing their container. */ |
|
369 padding: 4px; |
|
370 } |
|
371 .wp-caption .wp-caption-text, |
|
372 .gallery-caption, |
|
373 .entry-caption { |
|
374 font-style: italic; |
|
375 font-size: 12px; |
|
376 font-size: 0.857142857rem; |
|
377 line-height: 2; |
|
378 color: #757575; |
|
379 } |
|
380 img.wp-smiley, |
|
381 .rsswidget img { |
|
382 border: 0; |
|
383 border-radius: 0; |
|
384 box-shadow: none; |
|
385 margin-bottom: 0; |
|
386 margin-top: 0; |
|
387 padding: 0; |
|
388 } |
|
389 .entry-content dl.gallery-item { |
|
390 margin: 0; |
|
391 } |
|
392 .gallery-item a, |
|
393 .gallery-caption { |
|
394 width: 90%; |
|
395 } |
|
396 .gallery-item a { |
|
397 display: block; |
|
398 } |
|
399 .gallery-caption a { |
|
400 display: inline; |
|
401 } |
|
402 .gallery-columns-1 .gallery-item a { |
|
403 max-width: 100%; |
|
404 width: auto; |
|
405 } |
|
406 .gallery .gallery-icon img { |
|
407 height: auto; |
|
408 max-width: 90%; |
|
409 padding: 5%; |
|
410 } |
|
411 .gallery-columns-1 .gallery-icon img { |
|
412 padding: 3%; |
|
413 } |
|
414 |
|
415 /* Navigation */ |
|
416 .site-content nav { |
|
417 clear: both; |
|
418 line-height: 2; |
|
419 overflow: hidden; |
|
420 } |
|
421 #nav-above { |
|
422 padding: 24px 0; |
|
423 padding: 1.714285714rem 0; |
|
424 } |
|
425 #nav-above { |
|
426 display: none; |
|
427 } |
|
428 .paged #nav-above { |
|
429 display: block; |
|
430 } |
|
431 .nav-previous, |
|
432 .previous-image { |
|
433 float: left; |
|
434 width: 50%; |
|
435 } |
|
436 .nav-next, |
|
437 .next-image { |
|
438 float: right; |
|
439 text-align: right; |
|
440 width: 50%; |
|
441 } |
|
442 .nav-single + .comments-area, |
|
443 #comment-nav-above { |
|
444 margin: 48px 0; |
|
445 margin: 3.428571429rem 0; |
|
446 } |
|
447 |
|
448 /* Author profiles */ |
|
449 .author .archive-header { |
|
450 margin-bottom: 24px; |
|
451 margin-bottom: 1.714285714rem; |
|
452 } |
|
453 .author-info { |
|
454 border-top: 1px solid #ededed; |
|
455 margin: 24px 0; |
|
456 margin: 1.714285714rem 0; |
|
457 padding-top: 24px; |
|
458 padding-top: 1.714285714rem; |
|
459 overflow: hidden; |
|
460 } |
|
461 .author-description p { |
|
462 color: #757575; |
|
463 font-size: 13px; |
|
464 font-size: 0.928571429rem; |
|
465 line-height: 1.846153846; |
|
466 } |
|
467 .author.archive .author-info { |
|
468 border-top: 0; |
|
469 margin: 0 0 48px; |
|
470 margin: 0 0 3.428571429rem; |
|
471 } |
|
472 .author.archive .author-avatar { |
|
473 margin-top: 0; |
|
474 } |
|
475 |
|
476 |
|
477 /* =Basic structure |
|
478 -------------------------------------------------------------- */ |
|
479 |
|
480 /* Body, links, basics */ |
|
481 html { |
|
482 font-size: 87.5%; |
|
483 } |
|
484 body { |
|
485 font-size: 14px; |
|
486 font-size: 1rem; |
|
487 font-family: Helvetica, Arial, sans-serif; |
|
488 text-rendering: optimizeLegibility; |
|
489 color: #444; |
|
490 } |
|
491 body.custom-font-enabled { |
|
492 font-family: "Open Sans", Helvetica, Arial, sans-serif; |
|
493 } |
|
494 a { |
|
495 outline: none; |
|
496 color: #21759b; |
|
497 } |
|
498 a:hover { |
|
499 color: #0f3647; |
|
500 } |
|
501 |
|
502 /* Assistive text */ |
|
503 .assistive-text, |
|
504 .site .screen-reader-text { |
|
505 position: absolute !important; |
|
506 clip: rect(1px, 1px, 1px, 1px); |
|
507 } |
|
508 .main-navigation .assistive-text:focus { |
|
509 background: #fff; |
|
510 border: 2px solid #333; |
|
511 border-radius: 3px; |
|
512 clip: auto !important; |
|
513 color: #000; |
|
514 display: block; |
|
515 font-size: 12px; |
|
516 padding: 12px; |
|
517 position: absolute; |
|
518 top: 5px; |
|
519 left: 5px; |
|
520 z-index: 100000; /* Above WP toolbar */ |
|
521 } |
|
522 |
|
523 /* Page structure */ |
|
524 .site { |
|
525 padding: 0 24px; |
|
526 padding: 0 1.714285714rem; |
|
527 background-color: #fff; |
|
528 } |
|
529 .site-content { |
|
530 margin: 24px 0 0; |
|
531 margin: 1.714285714rem 0 0; |
|
532 } |
|
533 .widget-area { |
|
534 margin: 24px 0 0; |
|
535 margin: 1.714285714rem 0 0; |
|
536 } |
|
537 |
|
538 /* Header */ |
|
539 .site-header { |
|
540 padding: 24px 0; |
|
541 padding: 1.714285714rem 0; |
|
542 } |
|
543 .site-header h1, |
|
544 .site-header h2 { |
|
545 text-align: center; |
|
546 } |
|
547 .site-header h1 a, |
|
548 .site-header h2 a { |
|
549 color: #515151; |
|
550 display: inline-block; |
|
551 text-decoration: none; |
|
552 } |
|
553 .site-header h1 a:hover, |
|
554 .site-header h2 a:hover { |
|
555 color: #21759b; |
|
556 } |
|
557 .site-header h1 { |
|
558 font-size: 24px; |
|
559 font-size: 1.714285714rem; |
|
560 line-height: 1.285714286; |
|
561 margin-bottom: 14px; |
|
562 margin-bottom: 1rem; |
|
563 } |
|
564 .site-header h2 { |
|
565 font-weight: normal; |
|
566 font-size: 13px; |
|
567 font-size: 0.928571429rem; |
|
568 line-height: 1.846153846; |
|
569 color: #757575; |
|
570 } |
|
571 .header-image { |
|
572 margin-top: 24px; |
|
573 margin-top: 1.714285714rem; |
|
574 } |
|
575 |
|
576 /* Navigation Menu */ |
|
577 .main-navigation { |
|
578 margin-top: 24px; |
|
579 margin-top: 1.714285714rem; |
|
580 text-align: center; |
|
581 } |
|
582 .main-navigation li { |
|
583 margin-top: 24px; |
|
584 margin-top: 1.714285714rem; |
|
585 font-size: 12px; |
|
586 font-size: 0.857142857rem; |
|
587 line-height: 1.42857143; |
|
588 } |
|
589 .main-navigation a { |
|
590 color: #5e5e5e; |
|
591 } |
|
592 .main-navigation a:hover { |
|
593 color: #21759b; |
|
594 } |
|
595 .main-navigation ul.nav-menu, |
|
596 .main-navigation div.nav-menu > ul { |
|
597 display: none; |
|
598 } |
|
599 .main-navigation ul.nav-menu.toggled-on, |
|
600 .menu-toggle { |
|
601 display: inline-block; |
|
602 } |
|
603 |
|
604 /* Banner */ |
|
605 section[role="banner"] { |
|
606 margin-bottom: 48px; |
|
607 margin-bottom: 3.428571429rem; |
|
608 } |
|
609 |
|
610 /* Sidebar */ |
|
611 .widget-area .widget { |
|
612 -webkit-hyphens: auto; |
|
613 -moz-hyphens: auto; |
|
614 hyphens: auto; |
|
615 margin-bottom: 48px; |
|
616 margin-bottom: 3.428571429rem; |
|
617 word-wrap: break-word; |
|
618 } |
|
619 .widget-area .widget h3 { |
|
620 margin-bottom: 24px; |
|
621 margin-bottom: 1.714285714rem; |
|
622 } |
|
623 .widget-area .widget p, |
|
624 .widget-area .widget li, |
|
625 .widget-area .widget .textwidget { |
|
626 font-size: 13px; |
|
627 font-size: 0.928571429rem; |
|
628 line-height: 1.846153846; |
|
629 } |
|
630 .widget-area .widget p { |
|
631 margin-bottom: 24px; |
|
632 margin-bottom: 1.714285714rem; |
|
633 } |
|
634 .widget-area .textwidget ul { |
|
635 list-style: disc outside; |
|
636 margin: 0 0 24px; |
|
637 margin: 0 0 1.714285714rem; |
|
638 } |
|
639 .widget-area .textwidget li { |
|
640 margin-left: 36px; |
|
641 margin-left: 2.571428571rem; |
|
642 } |
|
643 .widget-area .widget a { |
|
644 color: #757575; |
|
645 } |
|
646 .widget-area .widget a:hover { |
|
647 color: #21759b; |
|
648 } |
|
649 .widget-area .widget a:visited { |
|
650 color: #9f9f9f; |
|
651 } |
|
652 .widget-area #s { |
|
653 width: 53.66666666666%; /* define a width to avoid dropping a wider submit button */ |
|
654 } |
|
655 |
|
656 /* Footer */ |
|
657 footer[role="contentinfo"] { |
|
658 border-top: 1px solid #ededed; |
|
659 clear: both; |
|
660 font-size: 12px; |
|
661 font-size: 0.857142857rem; |
|
662 line-height: 2; |
|
663 max-width: 960px; |
|
664 max-width: 68.571428571rem; |
|
665 margin-top: 24px; |
|
666 margin-top: 1.714285714rem; |
|
667 margin-left: auto; |
|
668 margin-right: auto; |
|
669 padding: 24px 0; |
|
670 padding: 1.714285714rem 0; |
|
671 } |
|
672 footer[role="contentinfo"] a { |
|
673 color: #686868; |
|
674 } |
|
675 footer[role="contentinfo"] a:hover { |
|
676 color: #21759b; |
|
677 } |
|
678 |
|
679 |
|
680 /* =Main content and comment content |
|
681 -------------------------------------------------------------- */ |
|
682 |
|
683 .entry-meta { |
|
684 clear: both; |
|
685 } |
|
686 .entry-header { |
|
687 margin-bottom: 24px; |
|
688 margin-bottom: 1.714285714rem; |
|
689 } |
|
690 .entry-header img.wp-post-image { |
|
691 margin-bottom: 24px; |
|
692 margin-bottom: 1.714285714rem; |
|
693 } |
|
694 .entry-header .entry-title { |
|
695 font-size: 20px; |
|
696 font-size: 1.428571429rem; |
|
697 line-height: 1.2; |
|
698 font-weight: normal; |
|
699 } |
|
700 .entry-header .entry-title a { |
|
701 text-decoration: none; |
|
702 } |
|
703 .entry-header .entry-format { |
|
704 margin-top: 24px; |
|
705 margin-top: 1.714285714rem; |
|
706 font-weight: normal; |
|
707 } |
|
708 .entry-header .comments-link { |
|
709 margin-top: 24px; |
|
710 margin-top: 1.714285714rem; |
|
711 font-size: 13px; |
|
712 font-size: 0.928571429rem; |
|
713 line-height: 1.846153846; |
|
714 color: #757575; |
|
715 } |
|
716 .comments-link a, |
|
717 .entry-meta a { |
|
718 color: #757575; |
|
719 } |
|
720 .comments-link a:hover, |
|
721 .entry-meta a:hover { |
|
722 color: #21759b; |
|
723 } |
|
724 article.sticky .featured-post { |
|
725 border-top: 4px double #ededed; |
|
726 border-bottom: 4px double #ededed; |
|
727 color: #757575; |
|
728 font-size: 13px; |
|
729 font-size: 0.928571429rem; |
|
730 line-height: 3.692307692; |
|
731 margin-bottom: 24px; |
|
732 margin-bottom: 1.714285714rem; |
|
733 text-align: center; |
|
734 } |
|
735 .entry-content, |
|
736 .entry-summary, |
|
737 .mu_register { |
|
738 line-height: 1.714285714; |
|
739 } |
|
740 .entry-content h1, |
|
741 .comment-content h1, |
|
742 .entry-content h2, |
|
743 .comment-content h2, |
|
744 .entry-content h3, |
|
745 .comment-content h3, |
|
746 .entry-content h4, |
|
747 .comment-content h4, |
|
748 .entry-content h5, |
|
749 .comment-content h5, |
|
750 .entry-content h6, |
|
751 .comment-content h6 { |
|
752 margin: 24px 0; |
|
753 margin: 1.714285714rem 0; |
|
754 line-height: 1.714285714; |
|
755 } |
|
756 .entry-content h1, |
|
757 .comment-content h1 { |
|
758 font-size: 21px; |
|
759 font-size: 1.5rem; |
|
760 line-height: 1.5; |
|
761 } |
|
762 .entry-content h2, |
|
763 .comment-content h2, |
|
764 .mu_register h2 { |
|
765 font-size: 18px; |
|
766 font-size: 1.285714286rem; |
|
767 line-height: 1.6; |
|
768 } |
|
769 .entry-content h3, |
|
770 .comment-content h3 { |
|
771 font-size: 16px; |
|
772 font-size: 1.142857143rem; |
|
773 line-height: 1.846153846; |
|
774 } |
|
775 .entry-content h4, |
|
776 .comment-content h4 { |
|
777 font-size: 14px; |
|
778 font-size: 1rem; |
|
779 line-height: 1.846153846; |
|
780 } |
|
781 .entry-content h5, |
|
782 .comment-content h5 { |
|
783 font-size: 13px; |
|
784 font-size: 0.928571429rem; |
|
785 line-height: 1.846153846; |
|
786 } |
|
787 .entry-content h6, |
|
788 .comment-content h6 { |
|
789 font-size: 12px; |
|
790 font-size: 0.857142857rem; |
|
791 line-height: 1.846153846; |
|
792 } |
|
793 .entry-content p, |
|
794 .entry-summary p, |
|
795 .comment-content p, |
|
796 .mu_register p { |
|
797 margin: 0 0 24px; |
|
798 margin: 0 0 1.714285714rem; |
|
799 line-height: 1.714285714; |
|
800 } |
|
801 .entry-content a:visited, |
|
802 .comment-content a:visited { |
|
803 color: #9f9f9f; |
|
804 } |
|
805 .entry-content ol, |
|
806 .comment-content ol, |
|
807 .entry-content ul, |
|
808 .comment-content ul, |
|
809 .mu_register ul { |
|
810 margin: 0 0 24px; |
|
811 margin: 0 0 1.714285714rem; |
|
812 line-height: 1.714285714; |
|
813 } |
|
814 .entry-content ul ul, |
|
815 .comment-content ul ul, |
|
816 .entry-content ol ol, |
|
817 .comment-content ol ol, |
|
818 .entry-content ul ol, |
|
819 .comment-content ul ol, |
|
820 .entry-content ol ul, |
|
821 .comment-content ol ul { |
|
822 margin-bottom: 0; |
|
823 } |
|
824 .entry-content ul, |
|
825 .comment-content ul, |
|
826 .mu_register ul { |
|
827 list-style: disc outside; |
|
828 } |
|
829 .entry-content ol, |
|
830 .comment-content ol { |
|
831 list-style: decimal outside; |
|
832 } |
|
833 .entry-content li, |
|
834 .comment-content li, |
|
835 .mu_register li { |
|
836 margin: 0 0 0 36px; |
|
837 margin: 0 0 0 2.571428571rem; |
|
838 } |
|
839 .entry-content blockquote, |
|
840 .comment-content blockquote { |
|
841 margin-bottom: 24px; |
|
842 margin-bottom: 1.714285714rem; |
|
843 padding: 24px; |
|
844 padding: 1.714285714rem; |
|
845 font-style: italic; |
|
846 } |
|
847 .entry-content blockquote p:last-child, |
|
848 .comment-content blockquote p:last-child { |
|
849 margin-bottom: 0; |
|
850 } |
|
851 .entry-content code, |
|
852 .comment-content code { |
|
853 font-family: Consolas, Monaco, Lucida Console, monospace; |
|
854 font-size: 12px; |
|
855 font-size: 0.857142857rem; |
|
856 line-height: 2; |
|
857 } |
|
858 .entry-content pre, |
|
859 .comment-content pre { |
|
860 border: 1px solid #ededed; |
|
861 color: #666; |
|
862 font-family: Consolas, Monaco, Lucida Console, monospace; |
|
863 font-size: 12px; |
|
864 font-size: 0.857142857rem; |
|
865 line-height: 1.714285714; |
|
866 margin: 24px 0; |
|
867 margin: 1.714285714rem 0; |
|
868 overflow: auto; |
|
869 padding: 24px; |
|
870 padding: 1.714285714rem; |
|
871 } |
|
872 .entry-content pre code, |
|
873 .comment-content pre code { |
|
874 display: block; |
|
875 } |
|
876 .entry-content abbr, |
|
877 .comment-content abbr, |
|
878 .entry-content dfn, |
|
879 .comment-content dfn, |
|
880 .entry-content acronym, |
|
881 .comment-content acronym { |
|
882 border-bottom: 1px dotted #666; |
|
883 cursor: help; |
|
884 } |
|
885 .entry-content address, |
|
886 .comment-content address { |
|
887 display: block; |
|
888 line-height: 1.714285714; |
|
889 margin: 0 0 24px; |
|
890 margin: 0 0 1.714285714rem; |
|
891 } |
|
892 img.alignleft, |
|
893 .wp-caption.alignleft { |
|
894 margin: 12px 24px 12px 0; |
|
895 margin: 0.857142857rem 1.714285714rem 0.857142857rem 0; |
|
896 } |
|
897 img.alignright, |
|
898 .wp-caption.alignright { |
|
899 margin: 12px 0 12px 24px; |
|
900 margin: 0.857142857rem 0 0.857142857rem 1.714285714rem; |
|
901 } |
|
902 img.aligncenter, |
|
903 .wp-caption.aligncenter { |
|
904 clear: both; |
|
905 margin-top: 12px; |
|
906 margin-top: 0.857142857rem; |
|
907 margin-bottom: 12px; |
|
908 margin-bottom: 0.857142857rem; |
|
909 } |
|
910 .entry-content embed, |
|
911 .entry-content iframe, |
|
912 .entry-content object, |
|
913 .entry-content video { |
|
914 margin-bottom: 24px; |
|
915 margin-bottom: 1.714285714rem; |
|
916 } |
|
917 .entry-content dl, |
|
918 .comment-content dl { |
|
919 margin: 0 24px; |
|
920 margin: 0 1.714285714rem; |
|
921 } |
|
922 .entry-content dt, |
|
923 .comment-content dt { |
|
924 font-weight: bold; |
|
925 line-height: 1.714285714; |
|
926 } |
|
927 .entry-content dd, |
|
928 .comment-content dd { |
|
929 line-height: 1.714285714; |
|
930 margin-bottom: 24px; |
|
931 margin-bottom: 1.714285714rem; |
|
932 } |
|
933 .entry-content table, |
|
934 .comment-content table { |
|
935 border-bottom: 1px solid #ededed; |
|
936 color: #757575; |
|
937 font-size: 12px; |
|
938 font-size: 0.857142857rem; |
|
939 line-height: 2; |
|
940 margin: 0 0 24px; |
|
941 margin: 0 0 1.714285714rem; |
|
942 width: 100%; |
|
943 } |
|
944 .entry-content table caption, |
|
945 .comment-content table caption { |
|
946 font-size: 16px; |
|
947 font-size: 1.142857143rem; |
|
948 margin: 24px 0; |
|
949 margin: 1.714285714rem 0; |
|
950 } |
|
951 .entry-content td, |
|
952 .comment-content td { |
|
953 border-top: 1px solid #ededed; |
|
954 padding: 6px 10px 6px 0; |
|
955 } |
|
956 .site-content article { |
|
957 border-bottom: 4px double #ededed; |
|
958 margin-bottom: 72px; |
|
959 margin-bottom: 5.142857143rem; |
|
960 padding-bottom: 24px; |
|
961 padding-bottom: 1.714285714rem; |
|
962 word-wrap: break-word; |
|
963 -webkit-hyphens: auto; |
|
964 -moz-hyphens: auto; |
|
965 hyphens: auto; |
|
966 } |
|
967 .page-links { |
|
968 clear: both; |
|
969 line-height: 1.714285714; |
|
970 } |
|
971 footer.entry-meta { |
|
972 margin-top: 24px; |
|
973 margin-top: 1.714285714rem; |
|
974 font-size: 13px; |
|
975 font-size: 0.928571429rem; |
|
976 line-height: 1.846153846; |
|
977 color: #757575; |
|
978 } |
|
979 .single-author .entry-meta .by-author { |
|
980 display: none; |
|
981 } |
|
982 .mu_register h2 { |
|
983 color: #757575; |
|
984 font-weight: normal; |
|
985 } |
|
986 |
|
987 |
|
988 /* =Archives |
|
989 -------------------------------------------------------------- */ |
|
990 |
|
991 .archive-header, |
|
992 .page-header { |
|
993 margin-bottom: 48px; |
|
994 margin-bottom: 3.428571429rem; |
|
995 padding-bottom: 22px; |
|
996 padding-bottom: 1.571428571rem; |
|
997 border-bottom: 1px solid #ededed; |
|
998 } |
|
999 .archive-meta { |
|
1000 color: #757575; |
|
1001 font-size: 12px; |
|
1002 font-size: 0.857142857rem; |
|
1003 line-height: 2; |
|
1004 margin-top: 22px; |
|
1005 margin-top: 1.571428571rem; |
|
1006 } |
|
1007 |
|
1008 |
|
1009 /* =Single image attachment view |
|
1010 -------------------------------------------------------------- */ |
|
1011 |
|
1012 .article.attachment { |
|
1013 overflow: hidden; |
|
1014 } |
|
1015 .image-attachment div.attachment { |
|
1016 text-align: center; |
|
1017 } |
|
1018 .image-attachment div.attachment p { |
|
1019 text-align: center; |
|
1020 } |
|
1021 .image-attachment div.attachment img { |
|
1022 display: block; |
|
1023 height: auto; |
|
1024 margin: 0 auto; |
|
1025 max-width: 100%; |
|
1026 } |
|
1027 .image-attachment .entry-caption { |
|
1028 margin-top: 8px; |
|
1029 margin-top: 0.571428571rem; |
|
1030 } |
|
1031 |
|
1032 |
|
1033 /* =Aside post format |
|
1034 -------------------------------------------------------------- */ |
|
1035 |
|
1036 article.format-aside h1 { |
|
1037 margin-bottom: 24px; |
|
1038 margin-bottom: 1.714285714rem; |
|
1039 } |
|
1040 article.format-aside h1 a { |
|
1041 text-decoration: none; |
|
1042 color: #4d525a; |
|
1043 } |
|
1044 article.format-aside h1 a:hover { |
|
1045 color: #2e3542; |
|
1046 } |
|
1047 article.format-aside .aside { |
|
1048 padding: 24px 24px 0; |
|
1049 padding: 1.714285714rem; |
|
1050 background: #d2e0f9; |
|
1051 border-left: 22px solid #a8bfe8; |
|
1052 } |
|
1053 article.format-aside p { |
|
1054 font-size: 13px; |
|
1055 font-size: 0.928571429rem; |
|
1056 line-height: 1.846153846; |
|
1057 color: #4a5466; |
|
1058 } |
|
1059 article.format-aside blockquote:last-child, |
|
1060 article.format-aside p:last-child { |
|
1061 margin-bottom: 0; |
|
1062 } |
|
1063 |
|
1064 |
|
1065 /* =Post formats |
|
1066 -------------------------------------------------------------- */ |
|
1067 |
|
1068 /* Image posts */ |
|
1069 article.format-image footer h1 { |
|
1070 font-size: 13px; |
|
1071 font-size: 0.928571429rem; |
|
1072 line-height: 1.846153846; |
|
1073 font-weight: normal; |
|
1074 } |
|
1075 article.format-image footer h2 { |
|
1076 font-size: 11px; |
|
1077 font-size: 0.785714286rem; |
|
1078 line-height: 2.181818182; |
|
1079 } |
|
1080 article.format-image footer a h2 { |
|
1081 font-weight: normal; |
|
1082 } |
|
1083 |
|
1084 /* Link posts */ |
|
1085 article.format-link header { |
|
1086 padding: 0 10px; |
|
1087 padding: 0 0.714285714rem; |
|
1088 float: right; |
|
1089 font-size: 11px; |
|
1090 font-size: 0.785714286rem; |
|
1091 line-height: 2.181818182; |
|
1092 font-weight: bold; |
|
1093 font-style: italic; |
|
1094 text-transform: uppercase; |
|
1095 color: #848484; |
|
1096 background-color: #ebebeb; |
|
1097 border-radius: 3px; |
|
1098 } |
|
1099 article.format-link .entry-content { |
|
1100 max-width: 80%; |
|
1101 float: left; |
|
1102 } |
|
1103 article.format-link .entry-content a { |
|
1104 font-size: 22px; |
|
1105 font-size: 1.571428571rem; |
|
1106 line-height: 1.090909091; |
|
1107 text-decoration: none; |
|
1108 } |
|
1109 |
|
1110 /* Quote posts */ |
|
1111 article.format-quote .entry-content p { |
|
1112 margin: 0; |
|
1113 padding-bottom: 24px; |
|
1114 padding-bottom: 1.714285714rem; |
|
1115 } |
|
1116 article.format-quote .entry-content blockquote { |
|
1117 display: block; |
|
1118 padding: 24px 24px 0; |
|
1119 padding: 1.714285714rem 1.714285714rem 0; |
|
1120 font-size: 15px; |
|
1121 font-size: 1.071428571rem; |
|
1122 line-height: 1.6; |
|
1123 font-style: normal; |
|
1124 color: #6a6a6a; |
|
1125 background: #efefef; |
|
1126 } |
|
1127 |
|
1128 /* Status posts */ |
|
1129 .format-status .entry-header { |
|
1130 margin-bottom: 24px; |
|
1131 margin-bottom: 1.714285714rem; |
|
1132 } |
|
1133 .format-status .entry-header header { |
|
1134 display: inline-block; |
|
1135 } |
|
1136 .format-status .entry-header h1 { |
|
1137 font-size: 15px; |
|
1138 font-size: 1.071428571rem; |
|
1139 font-weight: normal; |
|
1140 line-height: 1.6; |
|
1141 margin: 0; |
|
1142 } |
|
1143 .format-status .entry-header h2 { |
|
1144 font-size: 12px; |
|
1145 font-size: 0.857142857rem; |
|
1146 font-weight: normal; |
|
1147 line-height: 2; |
|
1148 margin: 0; |
|
1149 } |
|
1150 .format-status .entry-header header a { |
|
1151 color: #757575; |
|
1152 } |
|
1153 .format-status .entry-header header a:hover { |
|
1154 color: #21759b; |
|
1155 } |
|
1156 .format-status .entry-header img { |
|
1157 float: left; |
|
1158 margin-right: 21px; |
|
1159 margin-right: 1.5rem; |
|
1160 } |
|
1161 |
|
1162 |
|
1163 /* =Comments |
|
1164 -------------------------------------------------------------- */ |
|
1165 |
|
1166 .comments-title { |
|
1167 margin-bottom: 48px; |
|
1168 margin-bottom: 3.428571429rem; |
|
1169 font-size: 16px; |
|
1170 font-size: 1.142857143rem; |
|
1171 line-height: 1.5; |
|
1172 font-weight: normal; |
|
1173 } |
|
1174 .comments-area article { |
|
1175 margin: 24px 0; |
|
1176 margin: 1.714285714rem 0; |
|
1177 } |
|
1178 .comments-area article header { |
|
1179 margin: 0 0 48px; |
|
1180 margin: 0 0 3.428571429rem; |
|
1181 overflow: hidden; |
|
1182 position: relative; |
|
1183 } |
|
1184 .comments-area article header img { |
|
1185 float: left; |
|
1186 padding: 0; |
|
1187 line-height: 0; |
|
1188 } |
|
1189 .comments-area article header cite, |
|
1190 .comments-area article header time { |
|
1191 display: block; |
|
1192 margin-left: 85px; |
|
1193 margin-left: 6.071428571rem; |
|
1194 } |
|
1195 .comments-area article header cite { |
|
1196 font-style: normal; |
|
1197 font-size: 15px; |
|
1198 font-size: 1.071428571rem; |
|
1199 line-height: 1.42857143; |
|
1200 } |
|
1201 .comments-area cite b { |
|
1202 font-weight: normal; |
|
1203 } |
|
1204 .comments-area article header time { |
|
1205 line-height: 1.714285714; |
|
1206 text-decoration: none; |
|
1207 font-size: 12px; |
|
1208 font-size: 0.857142857rem; |
|
1209 color: #5e5e5e; |
|
1210 } |
|
1211 .comments-area article header a { |
|
1212 text-decoration: none; |
|
1213 color: #5e5e5e; |
|
1214 } |
|
1215 .comments-area article header a:hover { |
|
1216 color: #21759b; |
|
1217 } |
|
1218 .comments-area article header cite a { |
|
1219 color: #444; |
|
1220 } |
|
1221 .comments-area article header cite a:hover { |
|
1222 text-decoration: underline; |
|
1223 } |
|
1224 .comments-area article header h4 { |
|
1225 position: absolute; |
|
1226 top: 0; |
|
1227 right: 0; |
|
1228 padding: 6px 12px; |
|
1229 padding: 0.428571429rem 0.857142857rem; |
|
1230 font-size: 12px; |
|
1231 font-size: 0.857142857rem; |
|
1232 font-weight: normal; |
|
1233 color: #fff; |
|
1234 background-color: #0088d0; |
|
1235 background-repeat: repeat-x; |
|
1236 background-image: -moz-linear-gradient(top, #009cee, #0088d0); |
|
1237 background-image: -ms-linear-gradient(top, #009cee, #0088d0); |
|
1238 background-image: -webkit-linear-gradient(top, #009cee, #0088d0); |
|
1239 background-image: -o-linear-gradient(top, #009cee, #0088d0); |
|
1240 background-image: linear-gradient(top, #009cee, #0088d0); |
|
1241 border-radius: 3px; |
|
1242 border: 1px solid #007cbd; |
|
1243 } |
|
1244 .comments-area .bypostauthor cite span { |
|
1245 position: absolute; |
|
1246 margin-left: 5px; |
|
1247 margin-left: 0.357142857rem; |
|
1248 padding: 2px 5px; |
|
1249 padding: 0.142857143rem 0.357142857rem; |
|
1250 font-size: 10px; |
|
1251 font-size: 0.714285714rem; |
|
1252 } |
|
1253 .comments-area .bypostauthor cite b { |
|
1254 font-weight: bold; |
|
1255 } |
|
1256 a.comment-reply-link, |
|
1257 a.comment-edit-link { |
|
1258 color: #686868; |
|
1259 font-size: 13px; |
|
1260 font-size: 0.928571429rem; |
|
1261 line-height: 1.846153846; |
|
1262 } |
|
1263 a.comment-reply-link:hover, |
|
1264 a.comment-edit-link:hover { |
|
1265 color: #21759b; |
|
1266 } |
|
1267 .commentlist .pingback { |
|
1268 line-height: 1.714285714; |
|
1269 margin-bottom: 24px; |
|
1270 margin-bottom: 1.714285714rem; |
|
1271 } |
|
1272 |
|
1273 /* Comment form */ |
|
1274 #respond { |
|
1275 margin-top: 48px; |
|
1276 margin-top: 3.428571429rem; |
|
1277 } |
|
1278 #respond h3#reply-title { |
|
1279 font-size: 16px; |
|
1280 font-size: 1.142857143rem; |
|
1281 line-height: 1.5; |
|
1282 } |
|
1283 #respond h3#reply-title #cancel-comment-reply-link { |
|
1284 margin-left: 10px; |
|
1285 margin-left: 0.714285714rem; |
|
1286 font-weight: normal; |
|
1287 font-size: 12px; |
|
1288 font-size: 0.857142857rem; |
|
1289 } |
|
1290 #respond form { |
|
1291 margin: 24px 0; |
|
1292 margin: 1.714285714rem 0; |
|
1293 } |
|
1294 #respond form p { |
|
1295 margin: 11px 0; |
|
1296 margin: 0.785714286rem 0; |
|
1297 } |
|
1298 #respond form p.logged-in-as { |
|
1299 margin-bottom: 24px; |
|
1300 margin-bottom: 1.714285714rem; |
|
1301 } |
|
1302 #respond form label { |
|
1303 display: block; |
|
1304 line-height: 1.714285714; |
|
1305 } |
|
1306 #respond form input[type="text"], |
|
1307 #respond form textarea { |
|
1308 -moz-box-sizing: border-box; |
|
1309 box-sizing: border-box; |
|
1310 font-size: 12px; |
|
1311 font-size: 0.857142857rem; |
|
1312 line-height: 1.714285714; |
|
1313 padding: 10px; |
|
1314 padding: 0.714285714rem; |
|
1315 width: 100%; |
|
1316 } |
|
1317 #respond form p.form-allowed-tags { |
|
1318 margin: 0; |
|
1319 font-size: 12px; |
|
1320 font-size: 0.857142857rem; |
|
1321 line-height: 2; |
|
1322 color: #5e5e5e; |
|
1323 } |
|
1324 .required { |
|
1325 color: red; |
|
1326 } |
|
1327 |
|
1328 |
|
1329 /* =Front page template |
|
1330 -------------------------------------------------------------- */ |
|
1331 |
|
1332 .entry-page-image { |
|
1333 margin-bottom: 14px; |
|
1334 margin-bottom: 1rem; |
|
1335 } |
|
1336 .template-front-page .site-content article { |
|
1337 border: 0; |
|
1338 margin-bottom: 0; |
|
1339 } |
|
1340 .template-front-page .widget-area { |
|
1341 clear: both; |
|
1342 float: none; |
|
1343 width: auto; |
|
1344 padding-top: 24px; |
|
1345 padding-top: 1.714285714rem; |
|
1346 border-top: 1px solid #ededed; |
|
1347 } |
|
1348 .template-front-page .widget-area .widget li { |
|
1349 margin: 8px 0 0; |
|
1350 margin: 0.571428571rem 0 0; |
|
1351 font-size: 13px; |
|
1352 font-size: 0.928571429rem; |
|
1353 line-height: 1.714285714; |
|
1354 list-style-type: square; |
|
1355 list-style-position: inside; |
|
1356 } |
|
1357 .template-front-page .widget-area .widget li a { |
|
1358 color: #757575; |
|
1359 } |
|
1360 .template-front-page .widget-area .widget li a:hover { |
|
1361 color: #21759b; |
|
1362 } |
|
1363 .template-front-page .widget-area .widget_text img { |
|
1364 float: left; |
|
1365 margin: 8px 24px 8px 0; |
|
1366 margin: 0.571428571rem 1.714285714rem 0.571428571rem 0; |
|
1367 } |
|
1368 |
|
1369 |
|
1370 /* =Widgets |
|
1371 -------------------------------------------------------------- */ |
|
1372 |
|
1373 .widget-area .widget ul ul { |
|
1374 margin-left: 12px; |
|
1375 margin-left: 0.857142857rem; |
|
1376 } |
|
1377 .widget_rss li { |
|
1378 margin: 12px 0; |
|
1379 margin: 0.857142857rem 0; |
|
1380 } |
|
1381 .widget_recent_entries .post-date, |
|
1382 .widget_rss .rss-date { |
|
1383 color: #aaa; |
|
1384 font-size: 11px; |
|
1385 font-size: 0.785714286rem; |
|
1386 margin-left: 12px; |
|
1387 margin-left: 0.857142857rem; |
|
1388 } |
|
1389 #wp-calendar { |
|
1390 margin: 0; |
|
1391 width: 100%; |
|
1392 font-size: 13px; |
|
1393 font-size: 0.928571429rem; |
|
1394 line-height: 1.846153846; |
|
1395 color: #686868; |
|
1396 } |
|
1397 #wp-calendar th, |
|
1398 #wp-calendar td, |
|
1399 #wp-calendar caption { |
|
1400 text-align: left; |
|
1401 } |
|
1402 #wp-calendar #next { |
|
1403 padding-right: 24px; |
|
1404 padding-right: 1.714285714rem; |
|
1405 text-align: right; |
|
1406 } |
|
1407 .widget_search label { |
|
1408 display: block; |
|
1409 font-size: 13px; |
|
1410 font-size: 0.928571429rem; |
|
1411 line-height: 1.846153846; |
|
1412 } |
|
1413 .widget_twitter li { |
|
1414 list-style-type: none; |
|
1415 } |
|
1416 .widget_twitter .timesince { |
|
1417 display: block; |
|
1418 text-align: right; |
|
1419 } |
|
1420 |
|
1421 |
|
1422 /* =Plugins |
|
1423 ----------------------------------------------- */ |
|
1424 |
|
1425 img#wpstats { |
|
1426 display: block; |
|
1427 margin: 0 auto 24px; |
|
1428 margin: 0 auto 1.714285714rem; |
|
1429 } |
|
1430 |
|
1431 |
|
1432 /* =Media queries |
|
1433 -------------------------------------------------------------- */ |
|
1434 |
|
1435 /* Minimum width of 600 pixels. */ |
|
1436 @media screen and (min-width: 600px) { |
|
1437 .author-avatar { |
|
1438 float: left; |
|
1439 margin-top: 8px; |
|
1440 margin-top: 0.571428571rem; |
|
1441 } |
|
1442 .author-description { |
|
1443 float: right; |
|
1444 width: 80%; |
|
1445 } |
|
1446 .site { |
|
1447 margin: 0 auto; |
|
1448 max-width: 960px; |
|
1449 max-width: 68.571428571rem; |
|
1450 overflow: hidden; |
|
1451 } |
|
1452 .site-content { |
|
1453 float: left; |
|
1454 width: 65.104166667%; |
|
1455 } |
|
1456 body.template-front-page .site-content, |
|
1457 body.attachment .site-content, |
|
1458 body.full-width .site-content { |
|
1459 width: 100%; |
|
1460 } |
|
1461 .widget-area { |
|
1462 float: right; |
|
1463 width: 26.041666667%; |
|
1464 } |
|
1465 .site-header h1, |
|
1466 .site-header h2 { |
|
1467 text-align: left; |
|
1468 } |
|
1469 .site-header h1 { |
|
1470 font-size: 26px; |
|
1471 font-size: 1.857142857rem; |
|
1472 line-height: 1.846153846; |
|
1473 margin-bottom: 0; |
|
1474 } |
|
1475 .main-navigation ul.nav-menu, |
|
1476 .main-navigation div.nav-menu > ul { |
|
1477 border-bottom: 1px solid #ededed; |
|
1478 border-top: 1px solid #ededed; |
|
1479 display: inline-block !important; |
|
1480 text-align: left; |
|
1481 width: 100%; |
|
1482 } |
|
1483 .main-navigation ul { |
|
1484 margin: 0; |
|
1485 text-indent: 0; |
|
1486 } |
|
1487 .main-navigation li a, |
|
1488 .main-navigation li { |
|
1489 display: inline-block; |
|
1490 text-decoration: none; |
|
1491 } |
|
1492 .main-navigation li a { |
|
1493 border-bottom: 0; |
|
1494 color: #6a6a6a; |
|
1495 line-height: 3.692307692; |
|
1496 text-transform: uppercase; |
|
1497 white-space: nowrap; |
|
1498 } |
|
1499 .main-navigation li a:hover { |
|
1500 color: #000; |
|
1501 } |
|
1502 .main-navigation li { |
|
1503 margin: 0 40px 0 0; |
|
1504 margin: 0 2.857142857rem 0 0; |
|
1505 position: relative; |
|
1506 } |
|
1507 .main-navigation li ul { |
|
1508 display: none; |
|
1509 margin: 0; |
|
1510 padding: 0; |
|
1511 position: absolute; |
|
1512 top: 100%; |
|
1513 z-index: 1; |
|
1514 } |
|
1515 .main-navigation li ul ul { |
|
1516 top: 0; |
|
1517 left: 100%; |
|
1518 } |
|
1519 .main-navigation ul li:hover > ul { |
|
1520 border-left: 0; |
|
1521 display: block; |
|
1522 } |
|
1523 .main-navigation li ul li a { |
|
1524 background: #efefef; |
|
1525 border-bottom: 1px solid #ededed; |
|
1526 display: block; |
|
1527 font-size: 11px; |
|
1528 font-size: 0.785714286rem; |
|
1529 line-height: 2.181818182; |
|
1530 padding: 8px 10px; |
|
1531 padding: 0.571428571rem 0.714285714rem; |
|
1532 width: 180px; |
|
1533 width: 12.85714286rem; |
|
1534 white-space: normal; |
|
1535 } |
|
1536 .main-navigation li ul li a:hover { |
|
1537 background: #e3e3e3; |
|
1538 color: #444; |
|
1539 } |
|
1540 .main-navigation .current-menu-item > a, |
|
1541 .main-navigation .current-menu-ancestor > a, |
|
1542 .main-navigation .current_page_item > a, |
|
1543 .main-navigation .current_page_ancestor > a { |
|
1544 color: #636363; |
|
1545 font-weight: bold; |
|
1546 } |
|
1547 .menu-toggle { |
|
1548 display: none; |
|
1549 } |
|
1550 .entry-header .entry-title { |
|
1551 font-size: 22px; |
|
1552 font-size: 1.571428571rem; |
|
1553 } |
|
1554 #respond form input[type="text"] { |
|
1555 width: 46.333333333%; |
|
1556 } |
|
1557 #respond form textarea.blog-textarea { |
|
1558 width: 79.666666667%; |
|
1559 } |
|
1560 .template-front-page .site-content, |
|
1561 .template-front-page article { |
|
1562 overflow: hidden; |
|
1563 } |
|
1564 .template-front-page.has-post-thumbnail article { |
|
1565 float: left; |
|
1566 width: 47.916666667%; |
|
1567 } |
|
1568 .entry-page-image { |
|
1569 float: right; |
|
1570 margin-bottom: 0; |
|
1571 width: 47.916666667%; |
|
1572 } |
|
1573 .template-front-page .widget-area .widget, |
|
1574 .template-front-page.two-sidebars .widget-area .front-widgets { |
|
1575 float: left; |
|
1576 width: 51.875%; |
|
1577 margin-bottom: 24px; |
|
1578 margin-bottom: 1.714285714rem; |
|
1579 } |
|
1580 .template-front-page .widget-area .widget:nth-child(odd) { |
|
1581 clear: right; |
|
1582 } |
|
1583 .template-front-page .widget-area .widget:nth-child(even), |
|
1584 .template-front-page.two-sidebars .widget-area .front-widgets + .front-widgets { |
|
1585 float: right; |
|
1586 width: 39.0625%; |
|
1587 margin: 0 0 24px; |
|
1588 margin: 0 0 1.714285714rem; |
|
1589 } |
|
1590 .template-front-page.two-sidebars .widget, |
|
1591 .template-front-page.two-sidebars .widget:nth-child(even) { |
|
1592 float: none; |
|
1593 width: auto; |
|
1594 } |
|
1595 .commentlist .children { |
|
1596 margin-left: 48px; |
|
1597 margin-left: 3.428571429rem; |
|
1598 } |
|
1599 } |
|
1600 |
|
1601 /* Minimum width of 960 pixels. */ |
|
1602 @media screen and (min-width: 960px) { |
|
1603 body { |
|
1604 background-color: #e6e6e6; |
|
1605 } |
|
1606 body .site { |
|
1607 padding: 0 40px; |
|
1608 padding: 0 2.857142857rem; |
|
1609 margin-top: 48px; |
|
1610 margin-top: 3.428571429rem; |
|
1611 margin-bottom: 48px; |
|
1612 margin-bottom: 3.428571429rem; |
|
1613 box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3); |
|
1614 } |
|
1615 body.custom-background-empty { |
|
1616 background-color: #fff; |
|
1617 } |
|
1618 body.custom-background-empty .site, |
|
1619 body.custom-background-white .site { |
|
1620 padding: 0; |
|
1621 margin-top: 0; |
|
1622 margin-bottom: 0; |
|
1623 box-shadow: none; |
|
1624 } |
|
1625 } |
|
1626 |
|
1627 |
|
1628 /* =Print |
|
1629 ----------------------------------------------- */ |
|
1630 |
|
1631 @media print { |
|
1632 body { |
|
1633 background: none !important; |
|
1634 color: #000; |
|
1635 font-size: 10pt; |
|
1636 } |
|
1637 footer a[rel=bookmark]:link:after, |
|
1638 footer a[rel=bookmark]:visited:after { |
|
1639 content: " [" attr(href) "] "; /* Show URLs */ |
|
1640 } |
|
1641 a { |
|
1642 text-decoration: none; |
|
1643 } |
|
1644 .entry-content img, |
|
1645 .comment-content img, |
|
1646 .author-avatar img, |
|
1647 img.wp-post-image { |
|
1648 border-radius: 0; |
|
1649 box-shadow: none; |
|
1650 } |
|
1651 .site { |
|
1652 clear: both !important; |
|
1653 display: block !important; |
|
1654 float: none !important; |
|
1655 max-width: 100%; |
|
1656 position: relative !important; |
|
1657 } |
|
1658 .site-header { |
|
1659 margin-bottom: 72px; |
|
1660 margin-bottom: 5.142857143rem; |
|
1661 text-align: left; |
|
1662 } |
|
1663 .site-header h1 { |
|
1664 font-size: 21pt; |
|
1665 line-height: 1; |
|
1666 text-align: left; |
|
1667 } |
|
1668 .site-header h2 { |
|
1669 color: #000; |
|
1670 font-size: 10pt; |
|
1671 text-align: left; |
|
1672 } |
|
1673 .site-header h1 a, |
|
1674 .site-header h2 a { |
|
1675 color: #000; |
|
1676 } |
|
1677 .author-avatar, |
|
1678 #colophon, |
|
1679 #respond, |
|
1680 .commentlist .comment-edit-link, |
|
1681 .commentlist .reply, |
|
1682 .entry-header .comments-link, |
|
1683 .entry-meta .edit-link a, |
|
1684 .page-link, |
|
1685 .site-content nav, |
|
1686 .widget-area, |
|
1687 img.header-image, |
|
1688 .main-navigation { |
|
1689 display: none; |
|
1690 } |
|
1691 .wrapper { |
|
1692 border-top: none; |
|
1693 box-shadow: none; |
|
1694 } |
|
1695 .site-content { |
|
1696 margin: 0; |
|
1697 width: auto; |
|
1698 } |
|
1699 .singular .entry-header .entry-meta { |
|
1700 position: static; |
|
1701 } |
|
1702 .singular .site-content, |
|
1703 .singular .entry-header, |
|
1704 .singular .entry-content, |
|
1705 .singular footer.entry-meta, |
|
1706 .singular .comments-title { |
|
1707 margin: 0; |
|
1708 width: 100%; |
|
1709 } |
|
1710 .entry-header .entry-title, |
|
1711 .entry-title, |
|
1712 .singular .entry-title { |
|
1713 font-size: 21pt; |
|
1714 } |
|
1715 footer.entry-meta, |
|
1716 footer.entry-meta a { |
|
1717 color: #444; |
|
1718 font-size: 10pt; |
|
1719 } |
|
1720 .author-description { |
|
1721 float: none; |
|
1722 width: auto; |
|
1723 } |
|
1724 |
|
1725 /* Comments */ |
|
1726 .commentlist > li.comment { |
|
1727 background: none; |
|
1728 position: relative; |
|
1729 width: auto; |
|
1730 } |
|
1731 .commentlist .avatar { |
|
1732 height: 39px; |
|
1733 left: 2.2em; |
|
1734 top: 2.2em; |
|
1735 width: 39px; |
|
1736 } |
|
1737 .comments-area article header cite, |
|
1738 .comments-area article header time { |
|
1739 margin-left: 50px; |
|
1740 margin-left: 3.57142857rem; |
|
1741 } |
|
1742 } |