2 Theme Name: Twenty Twelve
3 Theme URI: http://wordpress.org/extend/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, flexible-width, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
11 Text Domain: twentytwelve
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 */
209 border: 1px solid #ccc;
211 font-family: inherit;
213 padding: 0.428571429rem;
225 /* Reset non-text input types */
226 input[type="checkbox"],
229 input[type="hidden"],
231 input[type="color"] {
239 input[type="submit"],
240 input[type="button"],
242 article.post-password-required input[type=submit],
243 li.bypostauthor cite span {
245 padding: 0.428571429rem 0.714285714rem;
247 font-size: 0.785714286rem;
248 line-height: 1.428571429;
251 background-color: #e6e6e6;
252 background-repeat: repeat-x;
253 background-image: -moz-linear-gradient(top, #f4f4f4, #e6e6e6);
254 background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6);
255 background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6);
256 background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6);
257 background-image: linear-gradient(top, #f4f4f4, #e6e6e6);
258 border: 1px solid #d2d2d2;
260 box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);
264 input[type="submit"],
265 input[type="button"],
266 input[type="reset"] {
275 input[type="submit"]:hover,
276 input[type="button"]:hover,
277 input[type="reset"]:hover,
278 article.post-password-required input[type=submit]:hover {
280 background-color: #ebebeb;
281 background-repeat: repeat-x;
282 background-image: -moz-linear-gradient(top, #f9f9f9, #ebebeb);
283 background-image: -ms-linear-gradient(top, #f9f9f9, #ebebeb);
284 background-image: -webkit-linear-gradient(top, #f9f9f9, #ebebeb);
285 background-image: -o-linear-gradient(top, #f9f9f9, #ebebeb);
286 background-image: linear-gradient(top, #f9f9f9, #ebebeb);
289 .menu-toggle.toggled-on,
291 input[type="submit"]:active,
292 input[type="button"]:active,
293 input[type="reset"]:active {
295 background-color: #e1e1e1;
296 background-repeat: repeat-x;
297 background-image: -moz-linear-gradient(top, #ebebeb, #e1e1e1);
298 background-image: -ms-linear-gradient(top, #ebebeb, #e1e1e1);
299 background-image: -webkit-linear-gradient(top, #ebebeb, #e1e1e1);
300 background-image: -o-linear-gradient(top, #ebebeb, #e1e1e1);
301 background-image: linear-gradient(top, #ebebeb, #e1e1e1);
302 box-shadow: inset 0 0 8px 2px #c6c6c6, 0 1px 0 0 #f4f4f4;
305 li.bypostauthor cite span {
307 background-color: #21759b;
308 background-image: none;
309 border: 1px solid #1f6f93;
315 /* Responsive images */
317 .comment-content img,
319 max-width: 100%; /* Fluid images for posts, comments, and widgets */
322 img[class*="wp-image-"],
323 img[class*="attachment-"] {
324 height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
331 height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
334 /* Make sure videos and embeds fit their containers */
341 .entry-content .twitter-tweet-rendered {
342 max-width: 100% !important; /* Override the Twitter embed fixed width */
358 .comment-content img,
363 /* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
365 box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
368 max-width: 100%; /* Keep wide captions from overflowing their container. */
371 .wp-caption .wp-caption-text,
376 font-size: 0.857142857rem;
389 .entry-content dl.gallery-item {
402 .gallery-columns-1 .gallery-item a {
406 .gallery .gallery-icon img {
411 .gallery-columns-1 .gallery-icon img {
423 padding: 1.714285714rem 0;
442 .nav-single + .comments-area,
445 margin: 3.428571429rem 0;
448 /* Author profiles */
449 .author .archive-header {
451 margin-bottom: 1.714285714rem;
454 border-top: 1px solid #ededed;
456 margin: 1.714285714rem 0;
458 padding-top: 1.714285714rem;
461 .author-description p {
464 font-size: 0.928571429rem;
465 line-height: 1.846153846;
467 .author.archive .author-info {
470 margin: 0 0 3.428571429rem;
472 .author.archive .author-avatar {
478 -------------------------------------------------------------- */
480 /* Body, links, basics */
487 font-family: Helvetica, Arial, sans-serif;
488 text-rendering: optimizeLegibility;
491 body.custom-font-enabled {
492 font-family: "Open Sans", Helvetica, Arial, sans-serif;
504 .site .screen-reader-text {
505 position: absolute !important;
506 clip: rect(1px, 1px, 1px, 1px);
508 .main-navigation .assistive-text:hover,
509 .main-navigation .assistive-text:active,
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 {
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 {
652 width: 53.66666666666%; /* define a width to avoid dropping a wider submit button */
656 footer[role="contentinfo"] {
657 border-top: 1px solid #ededed;
660 font-size: 0.857142857rem;
663 max-width: 68.571428571rem;
665 margin-top: 1.714285714rem;
669 padding: 1.714285714rem 0;
671 footer[role="contentinfo"] a {
674 footer[role="contentinfo"] a:hover {
679 /* =Main content and comment content
680 -------------------------------------------------------------- */
687 margin-bottom: 1.714285714rem;
689 .entry-header img.wp-post-image {
691 margin-bottom: 1.714285714rem;
693 .entry-header .entry-title {
695 font-size: 1.428571429rem;
699 .entry-header .entry-title a {
700 text-decoration: none;
702 .entry-header .entry-format {
704 margin-top: 1.714285714rem;
707 .entry-header .comments-link {
709 margin-top: 1.714285714rem;
711 font-size: 0.928571429rem;
712 line-height: 1.846153846;
719 .comments-link a:hover,
720 .entry-meta a:hover {
723 article.sticky .featured-post {
724 border-top: 4px double #ededed;
725 border-bottom: 4px double #ededed;
728 font-size: 0.928571429rem;
729 line-height: 3.692307692;
731 margin-bottom: 1.714285714rem;
737 line-height: 1.714285714;
750 .comment-content h6 {
752 margin: 1.714285714rem 0;
753 line-height: 1.714285714;
756 .comment-content h1 {
765 font-size: 1.285714286rem;
769 .comment-content h3 {
771 font-size: 1.142857143rem;
772 line-height: 1.846153846;
775 .comment-content h4 {
778 line-height: 1.846153846;
781 .comment-content h5 {
783 font-size: 0.928571429rem;
784 line-height: 1.846153846;
787 .comment-content h6 {
789 font-size: 0.857142857rem;
790 line-height: 1.846153846;
797 margin: 0 0 1.714285714rem;
798 line-height: 1.714285714;
806 margin: 0 0 1.714285714rem;
807 line-height: 1.714285714;
809 .entry-content ul ul,
810 .comment-content ul ul,
811 .entry-content ol ol,
812 .comment-content ol ol,
813 .entry-content ul ol,
814 .comment-content ul ol,
815 .entry-content ol ul,
816 .comment-content ol ul {
822 list-style: disc outside;
825 .comment-content ol {
826 list-style: decimal outside;
832 margin: 0 0 0 2.571428571rem;
834 .entry-content blockquote,
835 .comment-content blockquote {
837 margin-bottom: 1.714285714rem;
839 padding: 1.714285714rem;
842 .entry-content blockquote p:last-child,
843 .comment-content blockquote p:last-child {
847 .comment-content code {
848 font-family: Consolas, Monaco, Lucida Console, monospace;
850 font-size: 0.857142857rem;
854 .comment-content pre {
855 border: 1px solid #ededed;
857 font-family: Consolas, Monaco, Lucida Console, monospace;
859 font-size: 0.857142857rem;
860 line-height: 1.714285714;
862 margin: 1.714285714rem 0;
865 padding: 1.714285714rem;
867 .entry-content pre code,
868 .comment-content pre code {
872 .comment-content abbr,
874 .comment-content dfn,
875 .entry-content acronym,
876 .comment-content acronym {
877 border-bottom: 1px dotted #666;
880 .entry-content address,
881 .comment-content address {
883 line-height: 1.714285714;
885 margin: 0 0 1.714285714rem;
888 margin: 12px 24px 12px 0;
889 margin: 0.857142857rem 1.714285714rem 0.857142857rem 0;
892 margin: 12px 0 12px 24px;
893 margin: 0.857142857rem 0 0.857142857rem 1.714285714rem;
897 margin-top: 0.857142857rem;
899 margin-bottom: 0.857142857rem;
901 .entry-content embed,
902 .entry-content iframe,
903 .entry-content object,
904 .entry-content video {
906 margin-bottom: 1.714285714rem;
909 .comment-content dl {
911 margin: 0 1.714285714rem;
914 .comment-content dt {
916 line-height: 1.714285714;
919 .comment-content dd {
920 line-height: 1.714285714;
922 margin-bottom: 1.714285714rem;
924 .entry-content table,
925 .comment-content table {
926 border-bottom: 1px solid #ededed;
929 font-size: 0.857142857rem;
932 margin: 0 0 1.714285714rem;
935 .entry-content table caption,
936 .comment-content table caption {
938 font-size: 1.142857143rem;
940 margin: 1.714285714rem 0;
943 .comment-content td {
944 border-top: 1px solid #ededed;
945 padding: 6px 10px 6px 0;
947 .site-content article {
948 border-bottom: 4px double #ededed;
950 margin-bottom: 5.142857143rem;
951 padding-bottom: 24px;
952 padding-bottom: 1.714285714rem;
953 word-wrap: break-word;
954 -webkit-hyphens: auto;
960 line-height: 1.714285714;
964 margin-top: 1.714285714rem;
966 font-size: 0.928571429rem;
967 line-height: 1.846153846;
970 .single-author .entry-meta .by-author {
980 -------------------------------------------------------------- */
985 margin-bottom: 3.428571429rem;
986 padding-bottom: 22px;
987 padding-bottom: 1.571428571rem;
988 border-bottom: 1px solid #ededed;
993 font-size: 0.857142857rem;
996 margin-top: 1.571428571rem;
1000 /* =Single image attachment view
1001 -------------------------------------------------------------- */
1003 .article.attachment {
1006 .image-attachment div.attachment {
1009 .image-attachment div.attachment p {
1012 .image-attachment div.attachment img {
1018 .image-attachment .entry-caption {
1020 margin-top: 0.571428571rem;
1024 /* =Aside post format
1025 -------------------------------------------------------------- */
1027 article.format-aside h1 {
1028 margin-bottom: 24px;
1029 margin-bottom: 1.714285714rem;
1031 article.format-aside h1 a {
1032 text-decoration: none;
1035 article.format-aside h1 a:hover {
1038 article.format-aside .aside {
1039 padding: 24px 24px 0;
1040 padding: 1.714285714rem;
1041 background: #d2e0f9;
1042 border-left: 22px solid #a8bfe8;
1044 article.format-aside p {
1046 font-size: 0.928571429rem;
1047 line-height: 1.846153846;
1050 article.format-aside blockquote:last-child,
1051 article.format-aside p:last-child {
1057 -------------------------------------------------------------- */
1060 article.format-image footer h1 {
1062 font-size: 0.928571429rem;
1063 line-height: 1.846153846;
1064 font-weight: normal;
1066 article.format-image footer h2 {
1068 font-size: 0.785714286rem;
1069 line-height: 2.181818182;
1071 article.format-image footer a h2 {
1072 font-weight: normal;
1076 article.format-link header {
1078 padding: 0 0.714285714rem;
1081 font-size: 0.785714286rem;
1082 line-height: 2.181818182;
1085 text-transform: uppercase;
1087 background-color: #ebebeb;
1090 article.format-link .entry-content {
1094 article.format-link .entry-content a {
1096 font-size: 1.571428571rem;
1097 line-height: 1.090909091;
1098 text-decoration: none;
1102 article.format-quote .entry-content p {
1104 padding-bottom: 24px;
1105 padding-bottom: 1.714285714rem;
1107 article.format-quote .entry-content blockquote {
1109 padding: 24px 24px 0;
1110 padding: 1.714285714rem 1.714285714rem 0;
1112 font-size: 1.071428571rem;
1116 background: #efefef;
1120 .format-status .entry-header {
1121 margin-bottom: 24px;
1122 margin-bottom: 1.714285714rem;
1124 .format-status .entry-header header {
1125 display: inline-block;
1127 .format-status .entry-header h1 {
1129 font-size: 1.071428571rem;
1130 font-weight: normal;
1134 .format-status .entry-header h2 {
1136 font-size: 0.857142857rem;
1137 font-weight: normal;
1141 .format-status .entry-header header a {
1144 .format-status .entry-header header a:hover {
1147 .format-status .entry-header img {
1150 margin-right: 1.5rem;
1155 -------------------------------------------------------------- */
1158 margin-bottom: 48px;
1159 margin-bottom: 3.428571429rem;
1161 font-size: 1.142857143rem;
1163 font-weight: normal;
1165 .comments-area article {
1167 margin: 1.714285714rem 0;
1169 .comments-area article header {
1171 margin: 0 0 3.428571429rem;
1175 .comments-area article header img {
1180 .comments-area article header cite,
1181 .comments-area article header time {
1184 margin-left: 6.071428571rem;
1186 .comments-area article header cite {
1189 font-size: 1.071428571rem;
1190 line-height: 1.42857143;
1192 .comments-area article header time {
1193 line-height: 1.714285714;
1194 text-decoration: none;
1196 font-size: 0.857142857rem;
1199 .comments-area article header a {
1200 text-decoration: none;
1203 .comments-area article header a:hover {
1206 .comments-area article header cite a {
1209 .comments-area article header cite a:hover {
1210 text-decoration: underline;
1212 .comments-area article header h4 {
1217 padding: 0.428571429rem 0.857142857rem;
1219 font-size: 0.857142857rem;
1220 font-weight: normal;
1222 background-color: #0088d0;
1223 background-repeat: repeat-x;
1224 background-image: -moz-linear-gradient(top, #009cee, #0088d0);
1225 background-image: -ms-linear-gradient(top, #009cee, #0088d0);
1226 background-image: -webkit-linear-gradient(top, #009cee, #0088d0);
1227 background-image: -o-linear-gradient(top, #009cee, #0088d0);
1228 background-image: linear-gradient(top, #009cee, #0088d0);
1230 border: 1px solid #007cbd;
1232 .comments-area li.bypostauthor cite span {
1235 margin-left: 0.357142857rem;
1237 padding: 0.142857143rem 0.357142857rem;
1239 font-size: 0.714285714rem;
1241 a.comment-reply-link,
1242 a.comment-edit-link {
1245 font-size: 0.928571429rem;
1246 line-height: 1.846153846;
1248 a.comment-reply-link:hover,
1249 a.comment-edit-link:hover {
1252 .commentlist .pingback {
1253 line-height: 1.714285714;
1254 margin-bottom: 24px;
1255 margin-bottom: 1.714285714rem;
1261 margin-top: 3.428571429rem;
1263 #respond h3#reply-title {
1265 font-size: 1.142857143rem;
1268 #respond h3#reply-title #cancel-comment-reply-link {
1270 margin-left: 0.714285714rem;
1271 font-weight: normal;
1273 font-size: 0.857142857rem;
1277 margin: 1.714285714rem 0;
1281 margin: 0.785714286rem 0;
1283 #respond form p.logged-in-as {
1284 margin-bottom: 24px;
1285 margin-bottom: 1.714285714rem;
1287 #respond form label {
1289 line-height: 1.714285714;
1291 #respond form input[type="text"],
1292 #respond form textarea {
1293 -moz-box-sizing: border-box;
1294 box-sizing: border-box;
1296 font-size: 0.857142857rem;
1297 line-height: 1.714285714;
1299 padding: 0.714285714rem;
1302 #respond form p.form-allowed-tags {
1305 font-size: 0.857142857rem;
1314 /* =Front page template
1315 -------------------------------------------------------------- */
1318 margin-bottom: 14px;
1319 margin-bottom: 1rem;
1321 .template-front-page .site-content article {
1325 .template-front-page .widget-area {
1330 padding-top: 1.714285714rem;
1331 border-top: 1px solid #ededed;
1333 .template-front-page .widget-area .widget li {
1335 margin: 0.571428571rem 0 0;
1337 font-size: 0.928571429rem;
1338 line-height: 1.714285714;
1339 list-style-type: square;
1340 list-style-position: inside;
1342 .template-front-page .widget-area .widget li a {
1345 .template-front-page .widget-area .widget li a:hover {
1348 .template-front-page .widget-area .widget_text img {
1350 margin: 8px 24px 8px 0;
1351 margin: 0.571428571rem 1.714285714rem 0.571428571rem 0;
1356 -------------------------------------------------------------- */
1358 .widget-area .widget ul ul {
1360 margin-left: 0.857142857rem;
1364 margin: 0.857142857rem 0;
1366 .widget_recent_entries .post-date,
1367 .widget_rss .rss-date {
1370 font-size: 0.785714286rem;
1372 margin-left: 0.857142857rem;
1378 font-size: 0.928571429rem;
1379 line-height: 1.846153846;
1384 #wp-calendar caption {
1387 #wp-calendar #next {
1388 padding-right: 24px;
1389 padding-right: 1.714285714rem;
1392 .widget_search label {
1395 font-size: 0.928571429rem;
1396 line-height: 1.846153846;
1398 .widget_twitter li {
1399 list-style-type: none;
1401 .widget_twitter .timesince {
1408 ----------------------------------------------- */
1412 margin: 0 auto 24px;
1413 margin: 0 auto 1.714285714rem;
1418 -------------------------------------------------------------- */
1420 /* Minimum width of 600 pixels. */
1421 @media screen and (min-width: 600px) {
1425 margin-top: 0.571428571rem;
1427 .author-description {
1434 max-width: 68.571428571rem;
1439 width: 65.104166667%;
1441 body.template-front-page .site-content,
1442 body.single-attachment .site-content,
1443 body.full-width .site-content {
1448 width: 26.041666667%;
1456 font-size: 1.857142857rem;
1457 line-height: 1.846153846;
1460 .main-navigation ul.nav-menu,
1461 .main-navigation div.nav-menu > ul {
1462 border-bottom: 1px solid #ededed;
1463 border-top: 1px solid #ededed;
1464 display: inline-block !important;
1468 .main-navigation ul {
1472 .main-navigation li a,
1473 .main-navigation li {
1474 display: inline-block;
1475 text-decoration: none;
1477 .main-navigation li a {
1480 line-height: 3.692307692;
1481 text-transform: uppercase;
1482 white-space: nowrap;
1484 .main-navigation li a:hover {
1487 .main-navigation li {
1489 margin: 0 2.857142857rem 0 0;
1492 .main-navigation li ul {
1500 .main-navigation li ul ul {
1504 .main-navigation ul li:hover > ul {
1508 .main-navigation li ul li a {
1509 background: #efefef;
1510 border-bottom: 1px solid #ededed;
1513 font-size: 0.785714286rem;
1514 line-height: 2.181818182;
1516 padding: 0.571428571rem 0.714285714rem;
1518 width: 12.85714286rem;
1519 white-space: normal;
1521 .main-navigation li ul li a:hover {
1522 background: #e3e3e3;
1525 .main-navigation .current-menu-item > a,
1526 .main-navigation .current-menu-ancestor > a,
1527 .main-navigation .current_page_item > a,
1528 .main-navigation .current_page_ancestor > a {
1535 .entry-header .entry-title {
1537 font-size: 1.571428571rem;
1539 #respond form input[type="text"] {
1540 width: 46.333333333%;
1542 #respond form textarea.blog-textarea {
1543 width: 79.666666667%;
1545 .template-front-page .site-content,
1546 .template-front-page article {
1549 .template-front-page.has-post-thumbnail article {
1551 width: 47.916666667%;
1556 width: 47.916666667%;
1558 .template-front-page .widget-area .widget,
1559 .template-front-page.two-sidebars .widget-area .front-widgets {
1562 margin-bottom: 24px;
1563 margin-bottom: 1.714285714rem;
1565 .template-front-page .widget-area .widget:nth-child(odd) {
1568 .template-front-page .widget-area .widget:nth-child(even),
1569 .template-front-page.two-sidebars .widget-area .front-widgets + .front-widgets {
1573 margin: 0 0 1.714285714rem;
1575 .template-front-page.two-sidebars .widget,
1576 .template-front-page.two-sidebars .widget:nth-child(even) {
1580 .commentlist .children {
1582 margin-left: 3.428571429rem;
1586 /* Minimum width of 960 pixels. */
1587 @media screen and (min-width: 960px) {
1589 background-color: #e6e6e6;
1593 padding: 0 2.857142857rem;
1595 margin-top: 3.428571429rem;
1596 margin-bottom: 48px;
1597 margin-bottom: 3.428571429rem;
1598 box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
1600 body.custom-background-empty {
1601 background-color: #fff;
1603 body.custom-background-empty .site,
1604 body.custom-background-white .site {
1614 ----------------------------------------------- */
1618 background: none !important;
1622 footer a[rel=bookmark]:link:after,
1623 footer a[rel=bookmark]:visited:after {
1624 content: " [" attr(href) "] "; /* Show URLs */
1627 text-decoration: none;
1630 .comment-content img,
1637 clear: both !important;
1638 display: block !important;
1639 float: none !important;
1641 position: relative !important;
1644 margin-bottom: 72px;
1645 margin-bottom: 5.142857143rem;
1665 .commentlist .comment-edit-link,
1666 .commentlist .reply,
1667 .entry-header .comments-link,
1668 .entry-meta .edit-link a,
1684 .singular .entry-header .entry-meta {
1687 .singular .site-content,
1688 .singular .entry-header,
1689 .singular .entry-content,
1690 .singular footer.entry-meta,
1691 .singular .comments-title {
1695 .entry-header .entry-title,
1697 .singular .entry-title {
1701 footer.entry-meta a {
1705 .author-description {
1711 .commentlist > li.comment {
1716 .commentlist .avatar {
1722 .comments-area article header cite,
1723 .comments-area article header time {
1725 margin-left: 3.57142857rem;