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"] {
277 input[type="submit"]:hover,
278 input[type="button"]:hover,
279 input[type="reset"]:hover,
280 article.post-password-required input[type=submit]:hover {
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);
291 .menu-toggle.toggled-on,
293 input[type="submit"]:active,
294 input[type="button"]:active,
295 input[type="reset"]:active {
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;
307 .bypostauthor cite span {
309 background-color: #21759b;
310 background-image: none;
311 border: 1px solid #1f6f93;
317 /* Responsive images */
319 .comment-content img,
321 max-width: 100%; /* Fluid images for posts, comments, and widgets */
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 */
333 height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
336 /* Make sure videos and embeds fit their containers */
343 .entry-content .twitter-tweet-rendered {
344 max-width: 100% !important; /* Override the Twitter embed fixed width */
360 .comment-content img,
365 /* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
367 box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
370 max-width: 100%; /* Keep wide captions from overflowing their container. */
373 .wp-caption .wp-caption-text,
378 font-size: 0.857142857rem;
391 .entry-content dl.gallery-item {
404 .gallery-columns-1 .gallery-item a {
408 .gallery .gallery-icon img {
413 .gallery-columns-1 .gallery-icon img {
425 padding: 1.714285714rem 0;
444 .nav-single + .comments-area,
447 margin: 3.428571429rem 0;
450 /* Author profiles */
451 .author .archive-header {
453 margin-bottom: 1.714285714rem;
456 border-top: 1px solid #ededed;
458 margin: 1.714285714rem 0;
460 padding-top: 1.714285714rem;
463 .author-description p {
466 font-size: 0.928571429rem;
467 line-height: 1.846153846;
469 .author.archive .author-info {
472 margin: 0 0 3.428571429rem;
474 .author.archive .author-avatar {
480 -------------------------------------------------------------- */
482 /* Body, links, basics */
489 font-family: Helvetica, Arial, sans-serif;
490 text-rendering: optimizeLegibility;
493 body.custom-font-enabled {
494 font-family: "Open Sans", Helvetica, Arial, sans-serif;
506 .site .screen-reader-text {
507 position: absolute !important;
508 clip: rect(1px, 1px, 1px, 1px);
510 .main-navigation .assistive-text:focus {
512 border: 2px solid #333;
514 clip: auto !important;
522 z-index: 100000; /* Above WP toolbar */
528 padding: 0 1.714285714rem;
529 background-color: #fff;
533 margin: 1.714285714rem 0 0;
537 margin: 1.714285714rem 0 0;
543 padding: 1.714285714rem 0;
552 display: inline-block;
553 text-decoration: none;
555 .site-header h1 a:hover,
556 .site-header h2 a:hover {
561 font-size: 1.714285714rem;
562 line-height: 1.285714286;
569 font-size: 0.928571429rem;
570 line-height: 1.846153846;
575 margin-top: 1.714285714rem;
578 /* Navigation Menu */
581 margin-top: 1.714285714rem;
584 .main-navigation li {
586 margin-top: 1.714285714rem;
588 font-size: 0.857142857rem;
589 line-height: 1.42857143;
594 .main-navigation a:hover,
595 .main-navigation a:focus {
598 .main-navigation ul.nav-menu,
599 .main-navigation div.nav-menu > ul {
602 .main-navigation ul.nav-menu.toggled-on,
604 display: inline-block;
608 section[role="banner"] {
610 margin-bottom: 3.428571429rem;
614 .widget-area .widget {
615 -webkit-hyphens: auto;
619 margin-bottom: 3.428571429rem;
620 word-wrap: break-word;
622 .widget-area .widget h3 {
624 margin-bottom: 1.714285714rem;
626 .widget-area .widget p,
627 .widget-area .widget li,
628 .widget-area .widget .textwidget {
630 font-size: 0.928571429rem;
631 line-height: 1.846153846;
633 .widget-area .widget p {
635 margin-bottom: 1.714285714rem;
637 .widget-area .textwidget ul {
638 list-style: disc outside;
640 margin: 0 0 1.714285714rem;
642 .widget-area .textwidget li {
644 margin-left: 2.571428571rem;
646 .widget-area .widget a {
649 .widget-area .widget a:hover {
652 .widget-area .widget a:visited {
656 width: 53.66666666666%; /* define a width to avoid dropping a wider submit button */
660 footer[role="contentinfo"] {
661 border-top: 1px solid #ededed;
664 font-size: 0.857142857rem;
667 max-width: 68.571428571rem;
669 margin-top: 1.714285714rem;
673 padding: 1.714285714rem 0;
675 footer[role="contentinfo"] a {
678 footer[role="contentinfo"] a:hover {
683 /* =Main content and comment content
684 -------------------------------------------------------------- */
691 margin-bottom: 1.714285714rem;
693 .entry-header img.wp-post-image {
695 margin-bottom: 1.714285714rem;
697 .entry-header .entry-title {
699 font-size: 1.428571429rem;
703 .entry-header .entry-title a {
704 text-decoration: none;
706 .entry-header .entry-format {
708 margin-top: 1.714285714rem;
711 .entry-header .comments-link {
713 margin-top: 1.714285714rem;
715 font-size: 0.928571429rem;
716 line-height: 1.846153846;
723 .comments-link a:hover,
724 .entry-meta a:hover {
727 article.sticky .featured-post {
728 border-top: 4px double #ededed;
729 border-bottom: 4px double #ededed;
732 font-size: 0.928571429rem;
733 line-height: 3.692307692;
735 margin-bottom: 1.714285714rem;
741 line-height: 1.714285714;
754 .comment-content h6 {
756 margin: 1.714285714rem 0;
757 line-height: 1.714285714;
760 .comment-content h1 {
769 font-size: 1.285714286rem;
773 .comment-content h3 {
775 font-size: 1.142857143rem;
776 line-height: 1.846153846;
779 .comment-content h4 {
782 line-height: 1.846153846;
785 .comment-content h5 {
787 font-size: 0.928571429rem;
788 line-height: 1.846153846;
791 .comment-content h6 {
793 font-size: 0.857142857rem;
794 line-height: 1.846153846;
801 margin: 0 0 1.714285714rem;
802 line-height: 1.714285714;
804 .entry-content a:visited,
805 .comment-content a:visited {
814 margin: 0 0 1.714285714rem;
815 line-height: 1.714285714;
817 .entry-content ul ul,
818 .comment-content ul ul,
819 .entry-content ol ol,
820 .comment-content ol ol,
821 .entry-content ul ol,
822 .comment-content ul ol,
823 .entry-content ol ul,
824 .comment-content ol ul {
830 list-style: disc outside;
833 .comment-content ol {
834 list-style: decimal outside;
840 margin: 0 0 0 2.571428571rem;
842 .entry-content blockquote,
843 .comment-content blockquote {
845 margin-bottom: 1.714285714rem;
847 padding: 1.714285714rem;
850 .entry-content blockquote p:last-child,
851 .comment-content blockquote p:last-child {
855 .comment-content code {
856 font-family: Consolas, Monaco, Lucida Console, monospace;
858 font-size: 0.857142857rem;
862 .comment-content pre {
863 border: 1px solid #ededed;
865 font-family: Consolas, Monaco, Lucida Console, monospace;
867 font-size: 0.857142857rem;
868 line-height: 1.714285714;
870 margin: 1.714285714rem 0;
873 padding: 1.714285714rem;
875 .entry-content pre code,
876 .comment-content pre code {
880 .comment-content abbr,
882 .comment-content dfn,
883 .entry-content acronym,
884 .comment-content acronym {
885 border-bottom: 1px dotted #666;
888 .entry-content address,
889 .comment-content address {
891 line-height: 1.714285714;
893 margin: 0 0 1.714285714rem;
896 .wp-caption.alignleft {
897 margin: 12px 24px 12px 0;
898 margin: 0.857142857rem 1.714285714rem 0.857142857rem 0;
901 .wp-caption.alignright {
902 margin: 12px 0 12px 24px;
903 margin: 0.857142857rem 0 0.857142857rem 1.714285714rem;
906 .wp-caption.aligncenter {
909 margin-top: 0.857142857rem;
911 margin-bottom: 0.857142857rem;
913 .entry-content embed,
914 .entry-content iframe,
915 .entry-content object,
916 .entry-content video {
918 margin-bottom: 1.714285714rem;
921 .comment-content dl {
923 margin: 0 1.714285714rem;
926 .comment-content dt {
928 line-height: 1.714285714;
931 .comment-content dd {
932 line-height: 1.714285714;
934 margin-bottom: 1.714285714rem;
936 .entry-content table,
937 .comment-content table {
938 border-bottom: 1px solid #ededed;
941 font-size: 0.857142857rem;
944 margin: 0 0 1.714285714rem;
947 .entry-content table caption,
948 .comment-content table caption {
950 font-size: 1.142857143rem;
952 margin: 1.714285714rem 0;
955 .comment-content td {
956 border-top: 1px solid #ededed;
957 padding: 6px 10px 6px 0;
959 .site-content article {
960 border-bottom: 4px double #ededed;
962 margin-bottom: 5.142857143rem;
963 padding-bottom: 24px;
964 padding-bottom: 1.714285714rem;
965 word-wrap: break-word;
966 -webkit-hyphens: auto;
972 line-height: 1.714285714;
976 margin-top: 1.714285714rem;
978 font-size: 0.928571429rem;
979 line-height: 1.846153846;
982 .single-author .entry-meta .by-author {
992 -------------------------------------------------------------- */
997 margin-bottom: 3.428571429rem;
998 padding-bottom: 22px;
999 padding-bottom: 1.571428571rem;
1000 border-bottom: 1px solid #ededed;
1005 font-size: 0.857142857rem;
1008 margin-top: 1.571428571rem;
1011 /* =Single audio/video attachment view
1012 -------------------------------------------------------------- */
1014 .attachment .entry-content .mejs-audio {
1018 .attachment .entry-content .mejs-container {
1019 margin-bottom: 24px;
1023 /* =Single image attachment view
1024 -------------------------------------------------------------- */
1026 .article.attachment {
1029 .image-attachment div.attachment {
1032 .image-attachment div.attachment p {
1035 .image-attachment div.attachment img {
1041 .image-attachment .entry-caption {
1043 margin-top: 0.571428571rem;
1047 /* =Aside post format
1048 -------------------------------------------------------------- */
1050 article.format-aside h1 {
1051 margin-bottom: 24px;
1052 margin-bottom: 1.714285714rem;
1054 article.format-aside h1 a {
1055 text-decoration: none;
1058 article.format-aside h1 a:hover {
1061 article.format-aside .aside {
1062 padding: 24px 24px 0;
1063 padding: 1.714285714rem;
1064 background: #d2e0f9;
1065 border-left: 22px solid #a8bfe8;
1067 article.format-aside p {
1069 font-size: 0.928571429rem;
1070 line-height: 1.846153846;
1073 article.format-aside blockquote:last-child,
1074 article.format-aside p:last-child {
1080 -------------------------------------------------------------- */
1083 article.format-image footer h1 {
1085 font-size: 0.928571429rem;
1086 line-height: 1.846153846;
1087 font-weight: normal;
1089 article.format-image footer h2 {
1091 font-size: 0.785714286rem;
1092 line-height: 2.181818182;
1094 article.format-image footer a h2 {
1095 font-weight: normal;
1099 article.format-link header {
1101 padding: 0 0.714285714rem;
1104 font-size: 0.785714286rem;
1105 line-height: 2.181818182;
1108 text-transform: uppercase;
1110 background-color: #ebebeb;
1113 article.format-link .entry-content {
1117 article.format-link .entry-content a {
1119 font-size: 1.571428571rem;
1120 line-height: 1.090909091;
1121 text-decoration: none;
1125 article.format-quote .entry-content p {
1127 padding-bottom: 24px;
1128 padding-bottom: 1.714285714rem;
1130 article.format-quote .entry-content blockquote {
1132 padding: 24px 24px 0;
1133 padding: 1.714285714rem 1.714285714rem 0;
1135 font-size: 1.071428571rem;
1139 background: #efefef;
1143 .format-status .entry-header {
1144 margin-bottom: 24px;
1145 margin-bottom: 1.714285714rem;
1147 .format-status .entry-header header {
1148 display: inline-block;
1150 .format-status .entry-header h1 {
1152 font-size: 1.071428571rem;
1153 font-weight: normal;
1157 .format-status .entry-header h2 {
1159 font-size: 0.857142857rem;
1160 font-weight: normal;
1164 .format-status .entry-header header a {
1167 .format-status .entry-header header a:hover {
1170 .format-status .entry-header img {
1173 margin-right: 1.5rem;
1178 -------------------------------------------------------------- */
1181 margin-bottom: 48px;
1182 margin-bottom: 3.428571429rem;
1184 font-size: 1.142857143rem;
1186 font-weight: normal;
1188 .comments-area article {
1190 margin: 1.714285714rem 0;
1192 .comments-area article header {
1194 margin: 0 0 3.428571429rem;
1198 .comments-area article header img {
1203 .comments-area article header cite,
1204 .comments-area article header time {
1207 margin-left: 6.071428571rem;
1209 .comments-area article header cite {
1212 font-size: 1.071428571rem;
1213 line-height: 1.42857143;
1215 .comments-area cite b {
1216 font-weight: normal;
1218 .comments-area article header time {
1219 line-height: 1.714285714;
1220 text-decoration: none;
1222 font-size: 0.857142857rem;
1225 .comments-area article header a {
1226 text-decoration: none;
1229 .comments-area article header a:hover {
1232 .comments-area article header cite a {
1235 .comments-area article header cite a:hover {
1236 text-decoration: underline;
1238 .comments-area article header h4 {
1243 padding: 0.428571429rem 0.857142857rem;
1245 font-size: 0.857142857rem;
1246 font-weight: normal;
1248 background-color: #0088d0;
1249 background-repeat: repeat-x;
1250 background-image: -moz-linear-gradient(top, #009cee, #0088d0);
1251 background-image: -ms-linear-gradient(top, #009cee, #0088d0);
1252 background-image: -webkit-linear-gradient(top, #009cee, #0088d0);
1253 background-image: -o-linear-gradient(top, #009cee, #0088d0);
1254 background-image: linear-gradient(top, #009cee, #0088d0);
1256 border: 1px solid #007cbd;
1258 .comments-area .bypostauthor cite span {
1261 margin-left: 0.357142857rem;
1263 padding: 0.142857143rem 0.357142857rem;
1265 font-size: 0.714285714rem;
1267 .comments-area .bypostauthor cite b {
1270 a.comment-reply-link,
1271 a.comment-edit-link {
1274 font-size: 0.928571429rem;
1275 line-height: 1.846153846;
1277 a.comment-reply-link:hover,
1278 a.comment-edit-link:hover {
1281 .commentlist .pingback {
1282 line-height: 1.714285714;
1283 margin-bottom: 24px;
1284 margin-bottom: 1.714285714rem;
1290 margin-top: 3.428571429rem;
1292 #respond h3#reply-title {
1294 font-size: 1.142857143rem;
1297 #respond h3#reply-title #cancel-comment-reply-link {
1299 margin-left: 0.714285714rem;
1300 font-weight: normal;
1302 font-size: 0.857142857rem;
1306 margin: 1.714285714rem 0;
1310 margin: 0.785714286rem 0;
1312 #respond form p.logged-in-as {
1313 margin-bottom: 24px;
1314 margin-bottom: 1.714285714rem;
1316 #respond form label {
1318 line-height: 1.714285714;
1320 #respond form input[type="text"],
1321 #respond form textarea {
1322 -moz-box-sizing: border-box;
1323 box-sizing: border-box;
1325 font-size: 0.857142857rem;
1326 line-height: 1.714285714;
1328 padding: 0.714285714rem;
1331 #respond form p.form-allowed-tags {
1334 font-size: 0.857142857rem;
1343 /* =Front page template
1344 -------------------------------------------------------------- */
1347 margin-bottom: 14px;
1348 margin-bottom: 1rem;
1350 .template-front-page .site-content article {
1354 .template-front-page .widget-area {
1359 padding-top: 1.714285714rem;
1360 border-top: 1px solid #ededed;
1362 .template-front-page .widget-area .widget li {
1364 margin: 0.571428571rem 0 0;
1366 font-size: 0.928571429rem;
1367 line-height: 1.714285714;
1368 list-style-type: square;
1369 list-style-position: inside;
1371 .template-front-page .widget-area .widget li a {
1374 .template-front-page .widget-area .widget li a:hover {
1377 .template-front-page .widget-area .widget_text img {
1379 margin: 8px 24px 8px 0;
1380 margin: 0.571428571rem 1.714285714rem 0.571428571rem 0;
1385 -------------------------------------------------------------- */
1387 .widget-area .widget ul ul {
1389 margin-left: 0.857142857rem;
1393 margin: 0.857142857rem 0;
1395 .widget_recent_entries .post-date,
1396 .widget_rss .rss-date {
1399 font-size: 0.785714286rem;
1401 margin-left: 0.857142857rem;
1407 font-size: 0.928571429rem;
1408 line-height: 1.846153846;
1413 #wp-calendar caption {
1416 #wp-calendar #next {
1417 padding-right: 24px;
1418 padding-right: 1.714285714rem;
1421 .widget_search label {
1424 font-size: 0.928571429rem;
1425 line-height: 1.846153846;
1427 .widget_twitter li {
1428 list-style-type: none;
1430 .widget_twitter .timesince {
1437 ----------------------------------------------- */
1441 margin: 0 auto 24px;
1442 margin: 0 auto 1.714285714rem;
1447 -------------------------------------------------------------- */
1449 /* Does the same thing as <meta name="viewport" content="width=device-width">,
1450 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
1451 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
1452 * the meta tag. See http://core.trac.wordpress.org/ticket/25888.
1455 width: device-width;
1458 width: device-width;
1461 /* Minimum width of 600 pixels. */
1462 @media screen and (min-width: 600px) {
1466 margin-top: 0.571428571rem;
1468 .author-description {
1475 max-width: 68.571428571rem;
1480 width: 65.104166667%;
1482 body.template-front-page .site-content,
1483 body.attachment .site-content,
1484 body.full-width .site-content {
1489 width: 26.041666667%;
1497 font-size: 1.857142857rem;
1498 line-height: 1.846153846;
1501 .main-navigation ul.nav-menu,
1502 .main-navigation div.nav-menu > ul {
1503 border-bottom: 1px solid #ededed;
1504 border-top: 1px solid #ededed;
1505 display: inline-block !important;
1509 .main-navigation ul {
1513 .main-navigation li a,
1514 .main-navigation li {
1515 display: inline-block;
1516 text-decoration: none;
1518 .main-navigation li a {
1521 line-height: 3.692307692;
1522 text-transform: uppercase;
1523 white-space: nowrap;
1525 .main-navigation li a:hover,
1526 .main-navigation li a:focus {
1529 .main-navigation li {
1531 margin: 0 2.857142857rem 0 0;
1534 .main-navigation li ul {
1543 clip: rect(1px, 1px, 1px, 1px);
1545 .main-navigation li ul ul {
1549 .main-navigation ul li:hover > ul,
1550 .main-navigation ul li:focus > ul,
1551 .main-navigation .focus > ul {
1558 .main-navigation li ul li a {
1559 background: #efefef;
1560 border-bottom: 1px solid #ededed;
1563 font-size: 0.785714286rem;
1564 line-height: 2.181818182;
1566 padding: 0.571428571rem 0.714285714rem;
1568 width: 12.85714286rem;
1569 white-space: normal;
1571 .main-navigation li ul li a:hover,
1572 .main-navigation li ul li a:focus {
1573 background: #e3e3e3;
1576 .main-navigation .current-menu-item > a,
1577 .main-navigation .current-menu-ancestor > a,
1578 .main-navigation .current_page_item > a,
1579 .main-navigation .current_page_ancestor > a {
1586 .entry-header .entry-title {
1588 font-size: 1.571428571rem;
1590 #respond form input[type="text"] {
1591 width: 46.333333333%;
1593 #respond form textarea.blog-textarea {
1594 width: 79.666666667%;
1596 .template-front-page .site-content,
1597 .template-front-page article {
1600 .template-front-page.has-post-thumbnail article {
1602 width: 47.916666667%;
1607 width: 47.916666667%;
1609 .template-front-page .widget-area .widget,
1610 .template-front-page.two-sidebars .widget-area .front-widgets {
1613 margin-bottom: 24px;
1614 margin-bottom: 1.714285714rem;
1616 .template-front-page .widget-area .widget:nth-child(odd) {
1619 .template-front-page .widget-area .widget:nth-child(even),
1620 .template-front-page.two-sidebars .widget-area .front-widgets + .front-widgets {
1624 margin: 0 0 1.714285714rem;
1626 .template-front-page.two-sidebars .widget,
1627 .template-front-page.two-sidebars .widget:nth-child(even) {
1631 .commentlist .children {
1633 margin-left: 3.428571429rem;
1637 /* Minimum width of 960 pixels. */
1638 @media screen and (min-width: 960px) {
1640 background-color: #e6e6e6;
1644 padding: 0 2.857142857rem;
1646 margin-top: 3.428571429rem;
1647 margin-bottom: 48px;
1648 margin-bottom: 3.428571429rem;
1649 box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
1651 body.custom-background-empty {
1652 background-color: #fff;
1654 body.custom-background-empty .site,
1655 body.custom-background-white .site {
1665 ----------------------------------------------- */
1669 background: none !important;
1673 footer a[rel=bookmark]:link:after,
1674 footer a[rel=bookmark]:visited:after {
1675 content: " [" attr(href) "] "; /* Show URLs */
1678 text-decoration: none;
1681 .comment-content img,
1688 clear: both !important;
1689 display: block !important;
1690 float: none !important;
1692 position: relative !important;
1695 margin-bottom: 72px;
1696 margin-bottom: 5.142857143rem;
1716 .commentlist .comment-edit-link,
1717 .commentlist .reply,
1718 .entry-header .comments-link,
1719 .entry-meta .edit-link a,
1736 .entry-header .entry-title,
1741 footer.entry-meta a {
1745 .author-description {
1751 .commentlist > li.comment {
1756 .commentlist .avatar {
1762 .comments-area article header cite,
1763 .comments-area article header time {
1765 margin-left: 3.57142857rem;