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.
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, fluid-layout, responsive-layout, 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
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.
18 --------------------------------------------------------------
19 This stylesheet uses rem values with a pixel fallback. The rem
20 values (and line heights) are calculated using two variables:
27 * Use a pixel value with a rem fallback for font-size, padding, margins, etc.
29 padding: 0.357142857rem 0; (5 / $rembase)
31 * Set a font-size and then set a line-height based on the font-size
33 font-size: 1.142857143rem; (16 / $rembase)
34 line-height: 1.5; ($line-height / 16)
36 ---------- Vertical spacing
38 Vertical spacing between most elements should use 24px or 48px
39 to maintain vertical rhythm:
43 margin: 1.714285714rem 0; ( 24 / $rembase )
46 ---------- Further reading
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/
53 -------------------------------------------------------------- */
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 {
60 vertical-align: baseline;
81 border-collapse: collapse;
101 -webkit-text-size-adjust: 100%;
102 -ms-text-size-adjust: 100%;
105 outline: thin dotted;
122 display: inline-block;
124 audio:not([controls]) {
132 text-decoration: none;
135 background-color: #ccc;
139 margin-bottom: 1.714285714rem;
146 vertical-align: baseline;
159 -ms-interpolation-mode: bicubic;
162 /* Clearing floats */
165 .format-status .entry-header:after {
172 .format-status .entry-header:before,
173 .format-status .entry-header:after {
179 /* =Repeatable patterns
180 -------------------------------------------------------------- */
187 .comment-content th {
189 font-size: 0.785714286rem;
190 line-height: 2.181818182;
192 text-transform: uppercase;
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 {
201 font-size: 0.785714286rem;
202 line-height: 2.181818182;
205 /* Form fields, general styles first */
210 border: 1px solid #ccc;
212 font-family: inherit;
214 padding: 0.428571429rem;
226 /* Reset non-text input types */
227 input[type="checkbox"],
230 input[type="hidden"],
232 input[type="color"] {
240 input[type="submit"],
241 input[type="button"],
243 article.post-password-required input[type=submit],
244 .bypostauthor cite span {
246 padding: 0.428571429rem 0.714285714rem;
248 font-size: 0.785714286rem;
249 line-height: 1.428571429;
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;
261 box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);
265 input[type="submit"],
266 input[type="button"],
267 input[type="reset"] {
276 input[type="submit"]:hover,
277 input[type="button"]:hover,
278 input[type="reset"]:hover,
279 article.post-password-required input[type=submit]:hover {
281 background-color: #ebebeb;
282 background-repeat: repeat-x;
283 background-image: -moz-linear-gradient(top, #f9f9f9, #ebebeb);
284 background-image: -ms-linear-gradient(top, #f9f9f9, #ebebeb);
285 background-image: -webkit-linear-gradient(top, #f9f9f9, #ebebeb);
286 background-image: -o-linear-gradient(top, #f9f9f9, #ebebeb);
287 background-image: linear-gradient(top, #f9f9f9, #ebebeb);
290 .menu-toggle.toggled-on,
292 input[type="submit"]:active,
293 input[type="button"]:active,
294 input[type="reset"]:active {
296 background-color: #e1e1e1;
297 background-repeat: repeat-x;
298 background-image: -moz-linear-gradient(top, #ebebeb, #e1e1e1);
299 background-image: -ms-linear-gradient(top, #ebebeb, #e1e1e1);
300 background-image: -webkit-linear-gradient(top, #ebebeb, #e1e1e1);
301 background-image: -o-linear-gradient(top, #ebebeb, #e1e1e1);
302 background-image: linear-gradient(top, #ebebeb, #e1e1e1);
303 box-shadow: inset 0 0 8px 2px #c6c6c6, 0 1px 0 0 #f4f4f4;
304 border-color: transparent;
306 .bypostauthor cite span {
308 background-color: #21759b;
309 background-image: none;
310 border: 1px solid #1f6f93;
316 /* Responsive images */
318 .comment-content img,
320 max-width: 100%; /* Fluid images for posts, comments, and widgets */
323 img[class*="wp-image-"],
324 img[class*="attachment-"] {
325 height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
332 height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
335 /* Make sure videos and embeds fit their containers */
342 .entry-content .twitter-tweet-rendered {
343 max-width: 100% !important; /* Override the Twitter embed fixed width */
359 .comment-content img,
364 /* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
366 box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
369 max-width: 100%; /* Keep wide captions from overflowing their container. */
372 .wp-caption .wp-caption-text,
377 font-size: 0.857142857rem;
390 .entry-content dl.gallery-item {
403 .gallery-columns-1 .gallery-item a {
407 .gallery .gallery-icon img {
412 .gallery-columns-1 .gallery-icon img {
424 padding: 1.714285714rem 0;
443 .nav-single + .comments-area,
446 margin: 3.428571429rem 0;
449 /* Author profiles */
450 .author .archive-header {
452 margin-bottom: 1.714285714rem;
455 border-top: 1px solid #ededed;
457 margin: 1.714285714rem 0;
459 padding-top: 1.714285714rem;
462 .author-description p {
465 font-size: 0.928571429rem;
466 line-height: 1.846153846;
468 .author.archive .author-info {
471 margin: 0 0 3.428571429rem;
473 .author.archive .author-avatar {
479 -------------------------------------------------------------- */
481 /* Body, links, basics */
488 font-family: Helvetica, Arial, sans-serif;
489 text-rendering: optimizeLegibility;
492 body.custom-font-enabled {
493 font-family: "Open Sans", Helvetica, Arial, sans-serif;
505 .site .screen-reader-text {
506 position: absolute !important;
507 clip: rect(1px, 1px, 1px, 1px);
509 .main-navigation .assistive-text:focus {
511 border: 2px solid #333;
513 clip: auto !important;
521 z-index: 100000; /* Above WP toolbar */
527 padding: 0 1.714285714rem;
528 background-color: #fff;
532 margin: 1.714285714rem 0 0;
536 margin: 1.714285714rem 0 0;
542 padding: 1.714285714rem 0;
551 display: inline-block;
552 text-decoration: none;
554 .site-header h1 a:hover,
555 .site-header h2 a:hover {
560 font-size: 1.714285714rem;
561 line-height: 1.285714286;
568 font-size: 0.928571429rem;
569 line-height: 1.846153846;
574 margin-top: 1.714285714rem;
577 /* Navigation Menu */
580 margin-top: 1.714285714rem;
583 .main-navigation li {
585 margin-top: 1.714285714rem;
587 font-size: 0.857142857rem;
588 line-height: 1.42857143;
593 .main-navigation a:hover,
594 .main-navigation a:focus {
597 .main-navigation ul.nav-menu,
598 .main-navigation div.nav-menu > ul {
601 .main-navigation ul.nav-menu.toggled-on,
603 display: inline-block;
607 section[role="banner"] {
609 margin-bottom: 3.428571429rem;
613 .widget-area .widget {
614 -webkit-hyphens: auto;
618 margin-bottom: 3.428571429rem;
619 word-wrap: break-word;
621 .widget-area .widget h3 {
623 margin-bottom: 1.714285714rem;
625 .widget-area .widget p,
626 .widget-area .widget li,
627 .widget-area .widget .textwidget {
629 font-size: 0.928571429rem;
630 line-height: 1.846153846;
632 .widget-area .widget p {
634 margin-bottom: 1.714285714rem;
636 .widget-area .textwidget ul {
637 list-style: disc outside;
639 margin: 0 0 1.714285714rem;
641 .widget-area .textwidget li {
643 margin-left: 2.571428571rem;
645 .widget-area .widget a {
648 .widget-area .widget a:hover {
651 .widget-area .widget a:visited {
655 width: 53.66666666666%; /* define a width to avoid dropping a wider submit button */
659 footer[role="contentinfo"] {
660 border-top: 1px solid #ededed;
663 font-size: 0.857142857rem;
666 max-width: 68.571428571rem;
668 margin-top: 1.714285714rem;
672 padding: 1.714285714rem 0;
674 footer[role="contentinfo"] a {
677 footer[role="contentinfo"] a:hover {
682 /* =Main content and comment content
683 -------------------------------------------------------------- */
690 margin-bottom: 1.714285714rem;
692 .entry-header img.wp-post-image {
694 margin-bottom: 1.714285714rem;
696 .entry-header .entry-title {
698 font-size: 1.428571429rem;
702 .entry-header .entry-title a {
703 text-decoration: none;
705 .entry-header .entry-format {
707 margin-top: 1.714285714rem;
710 .entry-header .comments-link {
712 margin-top: 1.714285714rem;
714 font-size: 0.928571429rem;
715 line-height: 1.846153846;
722 .comments-link a:hover,
723 .entry-meta a:hover {
726 article.sticky .featured-post {
727 border-top: 4px double #ededed;
728 border-bottom: 4px double #ededed;
731 font-size: 0.928571429rem;
732 line-height: 3.692307692;
734 margin-bottom: 1.714285714rem;
740 line-height: 1.714285714;
753 .comment-content h6 {
755 margin: 1.714285714rem 0;
756 line-height: 1.714285714;
759 .comment-content h1 {
768 font-size: 1.285714286rem;
772 .comment-content h3 {
774 font-size: 1.142857143rem;
775 line-height: 1.846153846;
778 .comment-content h4 {
781 line-height: 1.846153846;
784 .comment-content h5 {
786 font-size: 0.928571429rem;
787 line-height: 1.846153846;
790 .comment-content h6 {
792 font-size: 0.857142857rem;
793 line-height: 1.846153846;
800 margin: 0 0 1.714285714rem;
801 line-height: 1.714285714;
803 .entry-content a:visited,
804 .comment-content a:visited {
813 margin: 0 0 1.714285714rem;
814 line-height: 1.714285714;
816 .entry-content ul ul,
817 .comment-content ul ul,
818 .entry-content ol ol,
819 .comment-content ol ol,
820 .entry-content ul ol,
821 .comment-content ul ol,
822 .entry-content ol ul,
823 .comment-content ol ul {
829 list-style: disc outside;
832 .comment-content ol {
833 list-style: decimal outside;
839 margin: 0 0 0 2.571428571rem;
841 .entry-content blockquote,
842 .comment-content blockquote {
844 margin-bottom: 1.714285714rem;
846 padding: 1.714285714rem;
849 .entry-content blockquote p:last-child,
850 .comment-content blockquote p:last-child {
854 .comment-content code {
855 font-family: Consolas, Monaco, Lucida Console, monospace;
857 font-size: 0.857142857rem;
861 .comment-content pre {
862 border: 1px solid #ededed;
864 font-family: Consolas, Monaco, Lucida Console, monospace;
866 font-size: 0.857142857rem;
867 line-height: 1.714285714;
869 margin: 1.714285714rem 0;
872 padding: 1.714285714rem;
874 .entry-content pre code,
875 .comment-content pre code {
879 .comment-content abbr,
881 .comment-content dfn,
882 .entry-content acronym,
883 .comment-content acronym {
884 border-bottom: 1px dotted #666;
887 .entry-content address,
888 .comment-content address {
890 line-height: 1.714285714;
892 margin: 0 0 1.714285714rem;
895 .wp-caption.alignleft {
896 margin: 12px 24px 12px 0;
897 margin: 0.857142857rem 1.714285714rem 0.857142857rem 0;
900 .wp-caption.alignright {
901 margin: 12px 0 12px 24px;
902 margin: 0.857142857rem 0 0.857142857rem 1.714285714rem;
905 .wp-caption.aligncenter {
908 margin-top: 0.857142857rem;
910 margin-bottom: 0.857142857rem;
912 .entry-content embed,
913 .entry-content iframe,
914 .entry-content object,
915 .entry-content video {
917 margin-bottom: 1.714285714rem;
920 .comment-content dl {
922 margin: 0 1.714285714rem;
925 .comment-content dt {
927 line-height: 1.714285714;
930 .comment-content dd {
931 line-height: 1.714285714;
933 margin-bottom: 1.714285714rem;
935 .entry-content table,
936 .comment-content table {
937 border-bottom: 1px solid #ededed;
940 font-size: 0.857142857rem;
943 margin: 0 0 1.714285714rem;
946 .entry-content table caption,
947 .comment-content table caption {
949 font-size: 1.142857143rem;
951 margin: 1.714285714rem 0;
954 .comment-content td {
955 border-top: 1px solid #ededed;
956 padding: 6px 10px 6px 0;
958 .site-content article {
959 border-bottom: 4px double #ededed;
961 margin-bottom: 5.142857143rem;
962 padding-bottom: 24px;
963 padding-bottom: 1.714285714rem;
964 word-wrap: break-word;
965 -webkit-hyphens: auto;
971 line-height: 1.714285714;
975 margin-top: 1.714285714rem;
977 font-size: 0.928571429rem;
978 line-height: 1.846153846;
981 .single-author .entry-meta .by-author {
991 -------------------------------------------------------------- */
996 margin-bottom: 3.428571429rem;
997 padding-bottom: 22px;
998 padding-bottom: 1.571428571rem;
999 border-bottom: 1px solid #ededed;
1004 font-size: 0.857142857rem;
1007 margin-top: 1.571428571rem;
1010 /* =Single audio/video attachment view
1011 -------------------------------------------------------------- */
1013 .attachment .entry-content .mejs-audio {
1017 .attachment .entry-content .mejs-container {
1018 margin-bottom: 24px;
1022 /* =Single image attachment view
1023 -------------------------------------------------------------- */
1025 .article.attachment {
1028 .image-attachment div.attachment {
1031 .image-attachment div.attachment p {
1034 .image-attachment div.attachment img {
1040 .image-attachment .entry-caption {
1042 margin-top: 0.571428571rem;
1046 /* =Aside post format
1047 -------------------------------------------------------------- */
1049 article.format-aside h1 {
1050 margin-bottom: 24px;
1051 margin-bottom: 1.714285714rem;
1053 article.format-aside h1 a {
1054 text-decoration: none;
1057 article.format-aside h1 a:hover {
1060 article.format-aside .aside {
1061 padding: 24px 24px 0;
1062 padding: 1.714285714rem;
1063 background: #d2e0f9;
1064 border-left: 22px solid #a8bfe8;
1066 article.format-aside p {
1068 font-size: 0.928571429rem;
1069 line-height: 1.846153846;
1072 article.format-aside blockquote:last-child,
1073 article.format-aside p:last-child {
1079 -------------------------------------------------------------- */
1082 article.format-image footer h1 {
1084 font-size: 0.928571429rem;
1085 line-height: 1.846153846;
1086 font-weight: normal;
1088 article.format-image footer h2 {
1090 font-size: 0.785714286rem;
1091 line-height: 2.181818182;
1093 article.format-image footer a h2 {
1094 font-weight: normal;
1098 article.format-link header {
1100 padding: 0 0.714285714rem;
1103 font-size: 0.785714286rem;
1104 line-height: 2.181818182;
1107 text-transform: uppercase;
1109 background-color: #ebebeb;
1112 article.format-link .entry-content {
1116 article.format-link .entry-content a {
1118 font-size: 1.571428571rem;
1119 line-height: 1.090909091;
1120 text-decoration: none;
1124 article.format-quote .entry-content p {
1126 padding-bottom: 24px;
1127 padding-bottom: 1.714285714rem;
1129 article.format-quote .entry-content blockquote {
1131 padding: 24px 24px 0;
1132 padding: 1.714285714rem 1.714285714rem 0;
1134 font-size: 1.071428571rem;
1138 background: #efefef;
1142 .format-status .entry-header {
1143 margin-bottom: 24px;
1144 margin-bottom: 1.714285714rem;
1146 .format-status .entry-header header {
1147 display: inline-block;
1149 .format-status .entry-header h1 {
1151 font-size: 1.071428571rem;
1152 font-weight: normal;
1156 .format-status .entry-header h2 {
1158 font-size: 0.857142857rem;
1159 font-weight: normal;
1163 .format-status .entry-header header a {
1166 .format-status .entry-header header a:hover {
1169 .format-status .entry-header img {
1172 margin-right: 1.5rem;
1177 -------------------------------------------------------------- */
1180 margin-bottom: 48px;
1181 margin-bottom: 3.428571429rem;
1183 font-size: 1.142857143rem;
1185 font-weight: normal;
1187 .comments-area article {
1189 margin: 1.714285714rem 0;
1191 .comments-area article header {
1193 margin: 0 0 3.428571429rem;
1197 .comments-area article header img {
1202 .comments-area article header cite,
1203 .comments-area article header time {
1206 margin-left: 6.071428571rem;
1208 .comments-area article header cite {
1211 font-size: 1.071428571rem;
1212 line-height: 1.42857143;
1214 .comments-area cite b {
1215 font-weight: normal;
1217 .comments-area article header time {
1218 line-height: 1.714285714;
1219 text-decoration: none;
1221 font-size: 0.857142857rem;
1224 .comments-area article header a {
1225 text-decoration: none;
1228 .comments-area article header a:hover {
1231 .comments-area article header cite a {
1234 .comments-area article header cite a:hover {
1235 text-decoration: underline;
1237 .comments-area article header h4 {
1242 padding: 0.428571429rem 0.857142857rem;
1244 font-size: 0.857142857rem;
1245 font-weight: normal;
1247 background-color: #0088d0;
1248 background-repeat: repeat-x;
1249 background-image: -moz-linear-gradient(top, #009cee, #0088d0);
1250 background-image: -ms-linear-gradient(top, #009cee, #0088d0);
1251 background-image: -webkit-linear-gradient(top, #009cee, #0088d0);
1252 background-image: -o-linear-gradient(top, #009cee, #0088d0);
1253 background-image: linear-gradient(top, #009cee, #0088d0);
1255 border: 1px solid #007cbd;
1257 .comments-area .bypostauthor cite span {
1260 margin-left: 0.357142857rem;
1262 padding: 0.142857143rem 0.357142857rem;
1264 font-size: 0.714285714rem;
1266 .comments-area .bypostauthor cite b {
1269 a.comment-reply-link,
1270 a.comment-edit-link {
1273 font-size: 0.928571429rem;
1274 line-height: 1.846153846;
1276 a.comment-reply-link:hover,
1277 a.comment-edit-link:hover {
1280 .commentlist .pingback {
1281 line-height: 1.714285714;
1282 margin-bottom: 24px;
1283 margin-bottom: 1.714285714rem;
1289 margin-top: 3.428571429rem;
1291 #respond h3#reply-title {
1293 font-size: 1.142857143rem;
1296 #respond h3#reply-title #cancel-comment-reply-link {
1298 margin-left: 0.714285714rem;
1299 font-weight: normal;
1301 font-size: 0.857142857rem;
1305 margin: 1.714285714rem 0;
1309 margin: 0.785714286rem 0;
1311 #respond form p.logged-in-as {
1312 margin-bottom: 24px;
1313 margin-bottom: 1.714285714rem;
1315 #respond form label {
1317 line-height: 1.714285714;
1319 #respond form input[type="text"],
1320 #respond form textarea {
1321 -moz-box-sizing: border-box;
1322 box-sizing: border-box;
1324 font-size: 0.857142857rem;
1325 line-height: 1.714285714;
1327 padding: 0.714285714rem;
1330 #respond form p.form-allowed-tags {
1333 font-size: 0.857142857rem;
1342 /* =Front page template
1343 -------------------------------------------------------------- */
1346 margin-bottom: 14px;
1347 margin-bottom: 1rem;
1349 .template-front-page .site-content article {
1353 .template-front-page .widget-area {
1358 padding-top: 1.714285714rem;
1359 border-top: 1px solid #ededed;
1361 .template-front-page .widget-area .widget li {
1363 margin: 0.571428571rem 0 0;
1365 font-size: 0.928571429rem;
1366 line-height: 1.714285714;
1367 list-style-type: square;
1368 list-style-position: inside;
1370 .template-front-page .widget-area .widget li a {
1373 .template-front-page .widget-area .widget li a:hover {
1376 .template-front-page .widget-area .widget_text img {
1378 margin: 8px 24px 8px 0;
1379 margin: 0.571428571rem 1.714285714rem 0.571428571rem 0;
1384 -------------------------------------------------------------- */
1386 .widget-area .widget ul ul {
1388 margin-left: 0.857142857rem;
1392 margin: 0.857142857rem 0;
1394 .widget_recent_entries .post-date,
1395 .widget_rss .rss-date {
1398 font-size: 0.785714286rem;
1400 margin-left: 0.857142857rem;
1406 font-size: 0.928571429rem;
1407 line-height: 1.846153846;
1412 #wp-calendar caption {
1415 #wp-calendar #next {
1416 padding-right: 24px;
1417 padding-right: 1.714285714rem;
1420 .widget_search label {
1423 font-size: 0.928571429rem;
1424 line-height: 1.846153846;
1426 .widget_twitter li {
1427 list-style-type: none;
1429 .widget_twitter .timesince {
1436 ----------------------------------------------- */
1440 margin: 0 auto 24px;
1441 margin: 0 auto 1.714285714rem;
1446 -------------------------------------------------------------- */
1448 /* Does the same thing as <meta name="viewport" content="width=device-width">,
1449 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
1450 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
1451 * the meta tag. See http://core.trac.wordpress.org/ticket/25888.
1454 width: device-width;
1457 width: device-width;
1460 /* Minimum width of 600 pixels. */
1461 @media screen and (min-width: 600px) {
1465 margin-top: 0.571428571rem;
1467 .author-description {
1474 max-width: 68.571428571rem;
1479 width: 65.104166667%;
1481 body.template-front-page .site-content,
1482 body.attachment .site-content,
1483 body.full-width .site-content {
1488 width: 26.041666667%;
1496 font-size: 1.857142857rem;
1497 line-height: 1.846153846;
1500 .main-navigation ul.nav-menu,
1501 .main-navigation div.nav-menu > ul {
1502 border-bottom: 1px solid #ededed;
1503 border-top: 1px solid #ededed;
1504 display: inline-block !important;
1508 .main-navigation ul {
1512 .main-navigation li a,
1513 .main-navigation li {
1514 display: inline-block;
1515 text-decoration: none;
1517 .main-navigation li a {
1520 line-height: 3.692307692;
1521 text-transform: uppercase;
1522 white-space: nowrap;
1524 .main-navigation li a:hover,
1525 .main-navigation li a:focus {
1528 .main-navigation li {
1530 margin: 0 2.857142857rem 0 0;
1533 .main-navigation li ul {
1542 clip: rect(1px, 1px, 1px, 1px);
1544 .main-navigation li ul ul {
1548 .main-navigation ul li:hover > ul,
1549 .main-navigation ul li:focus > ul,
1550 .main-navigation .focus > ul {
1557 .main-navigation li ul li a {
1558 background: #efefef;
1559 border-bottom: 1px solid #ededed;
1562 font-size: 0.785714286rem;
1563 line-height: 2.181818182;
1565 padding: 0.571428571rem 0.714285714rem;
1567 width: 12.85714286rem;
1568 white-space: normal;
1570 .main-navigation li ul li a:hover,
1571 .main-navigation li ul li a:focus {
1572 background: #e3e3e3;
1575 .main-navigation .current-menu-item > a,
1576 .main-navigation .current-menu-ancestor > a,
1577 .main-navigation .current_page_item > a,
1578 .main-navigation .current_page_ancestor > a {
1585 .entry-header .entry-title {
1587 font-size: 1.571428571rem;
1589 #respond form input[type="text"] {
1590 width: 46.333333333%;
1592 #respond form textarea.blog-textarea {
1593 width: 79.666666667%;
1595 .template-front-page .site-content,
1596 .template-front-page article {
1599 .template-front-page.has-post-thumbnail article {
1601 width: 47.916666667%;
1606 width: 47.916666667%;
1608 .template-front-page .widget-area .widget,
1609 .template-front-page.two-sidebars .widget-area .front-widgets {
1612 margin-bottom: 24px;
1613 margin-bottom: 1.714285714rem;
1615 .template-front-page .widget-area .widget:nth-child(odd) {
1618 .template-front-page .widget-area .widget:nth-child(even),
1619 .template-front-page.two-sidebars .widget-area .front-widgets + .front-widgets {
1623 margin: 0 0 1.714285714rem;
1625 .template-front-page.two-sidebars .widget,
1626 .template-front-page.two-sidebars .widget:nth-child(even) {
1630 .commentlist .children {
1632 margin-left: 3.428571429rem;
1636 /* Minimum width of 960 pixels. */
1637 @media screen and (min-width: 960px) {
1639 background-color: #e6e6e6;
1643 padding: 0 2.857142857rem;
1645 margin-top: 3.428571429rem;
1646 margin-bottom: 48px;
1647 margin-bottom: 3.428571429rem;
1648 box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
1650 body.custom-background-empty {
1651 background-color: #fff;
1653 body.custom-background-empty .site,
1654 body.custom-background-white .site {
1664 ----------------------------------------------- */
1668 background: none !important;
1672 footer a[rel=bookmark]:link:after,
1673 footer a[rel=bookmark]:visited:after {
1674 content: " [" attr(href) "] "; /* Show URLs */
1677 text-decoration: none;
1680 .comment-content img,
1687 clear: both !important;
1688 display: block !important;
1689 float: none !important;
1691 position: relative !important;
1694 margin-bottom: 72px;
1695 margin-bottom: 5.142857143rem;
1715 .commentlist .comment-edit-link,
1716 .commentlist .reply,
1717 .entry-header .comments-link,
1718 .entry-meta .edit-link a,
1735 .entry-header .entry-title,
1740 footer.entry-meta a {
1744 .author-description {
1750 .commentlist > li.comment {
1755 .commentlist .avatar {
1761 .comments-area article header cite,
1762 .comments-area article header time {
1764 margin-left: 3.57142857rem;