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