2 Theme Name: Twenty Thirteen
\r
3 Theme URI: https://wordpress.org/themes/twentythirteen/
\r
4 Author: the WordPress team
\r
5 Author URI: https://wordpress.org/
\r
6 Description: The 2013 theme for WordPress takes us back to the blog, featuring a full range of post formats, each displayed beautifully in their own unique way. Design details abound, starting with a vibrant color scheme and matching header images, beautiful typography and icons, and a flexible layout that looks great on any device, big or small.
\r
8 License: GNU General Public License v2 or later
\r
9 License URI: http://www.gnu.org/licenses/gpl-2.0.html
\r
10 Tags: black, brown, orange, tan, white, yellow, light, one-column, two-columns, right-sidebar, fluid-layout, responsive-layout, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready, accessibility-ready
\r
11 Text Domain: twentythirteen
\r
13 This theme, like WordPress, is licensed under the GPL.
\r
14 Use it to make something cool, have fun, and share what you've learned with others.
\r
19 * Table of Contents:
\r
22 * 2.0 - Repeatable Patterns
\r
23 * 3.0 - Basic Structure
\r
28 * 5.1 - Entry Header
\r
30 * 5.3 - Entry Content
\r
32 * 5.5 - Post Formats
\r
34 * 5.7 - Post/Paging Navigation
\r
37 * 5.10 - Search Results/No posts
\r
44 * 8.0 - Media Queries
\r
46 * ----------------------------------------------------------------------------
\r
53 * Modified from Normalize.css to provide cross-browser consistency and a smart
\r
54 * default styling of HTML elements.
\r
56 * @see http://git.io/normalize
\r
57 * ----------------------------------------------------------------------------
\r
61 -webkit-box-sizing: border-box;
\r
62 -moz-box-sizing: border-box;
\r
63 box-sizing: border-box;
\r
82 display: inline-block;
\r
85 audio:not([controls]) {
\r
97 -webkit-text-size-adjust: 100%;
\r
98 -ms-text-size-adjust: 100%;
\r
106 font-family: "Source Sans Pro", Helvetica, sans-serif;
\r
117 text-decoration: none;
\r
125 outline: thin dotted;
\r
135 text-decoration: underline;
\r
145 font-family: Bitter, Georgia, serif;
\r
180 font-style: italic;
\r
185 border-bottom: 1px dotted;
\r
194 font-style: italic;
\r
210 font-family: monospace, serif;
\r
212 -webkit-hyphens: none;
\r
213 -moz-hyphens: none;
\r
219 background: #f5f5f5;
\r
221 font-family: monospace;
\r
227 white-space: pre-wrap;
\r
228 word-wrap: break-word;
\r
233 -webkit-hyphens: none;
\r
234 -moz-hyphens: none;
\r
250 font-style: italic;
\r
255 blockquote blockquote {
\r
262 font-weight: normal;
\r
263 text-transform: uppercase;
\r
268 font-style: normal;
\r
278 font-size: smaller;
\r
285 position: relative;
\r
286 vertical-align: baseline;
\r
313 padding: 0 0 0 40px;
\r
317 list-style-type: square;
\r
323 list-style-image: none;
\r
332 -ms-interpolation-mode: bicubic;
\r
334 vertical-align: middle;
\r
350 border: 1px solid #c0c0c0;
\r
352 padding: 0.35em 0.625em 0.75em;
\r
358 white-space: normal;
\r
368 vertical-align: baseline;
\r
373 line-height: normal;
\r
377 html input[type="button"],
\r
378 input[type="reset"],
\r
379 input[type="submit"] {
\r
380 -webkit-appearance: button;
\r
389 input[type="checkbox"],
\r
390 input[type="radio"] {
\r
394 input[type="search"] {
\r
395 -webkit-appearance: textfield;
\r
396 padding-right: 2px; /* Don't cut off the webkit search cancel button */
\r
400 input[type="search"]::-webkit-search-decoration {
\r
401 -webkit-appearance: none;
\r
404 button::-moz-focus-inner,
\r
405 input::-moz-focus-inner {
\r
412 vertical-align: top;
\r
416 border-bottom: 1px solid #ededed;
\r
417 border-collapse: collapse;
\r
428 font-weight: normal;
\r
439 text-transform: uppercase;
\r
443 border-top: 1px solid #ededed;
\r
444 padding: 6px 10px 6px 0;
\r
452 background: #fff9c0;
\r
453 text-decoration: none;
\r
457 background: url(images/dotted-line.png) repeat center top;
\r
458 background-size: 4px 4px;
\r
466 * 2.0 Repeatable Patterns
\r
467 * ----------------------------------------------------------------------------
\r
471 .menu-toggle:after,
\r
472 .featured-post:before,
\r
474 .entry-meta .author a:before,
\r
475 .format-audio .entry-content:before,
\r
476 .comments-link a:before,
\r
477 .tags-links a:first-child:before,
\r
478 .categories-links a:first-child:before,
\r
479 .edit-link a:before,
\r
480 .attachment .entry-title:before,
\r
481 .attachment-meta:before,
\r
482 .attachment-meta a:before,
\r
483 .comment-awaiting-moderation:before,
\r
484 .comment-reply-link:before,
\r
485 .comment-reply-login:before,
\r
486 .comment-reply-title small a:before,
\r
487 .bypostauthor > .comment-body .fn:before,
\r
488 .error404 .page-title:before {
\r
489 -webkit-font-smoothing: antialiased;
\r
490 display: inline-block;
\r
491 font: normal 16px/1 Genericons;
\r
492 vertical-align: text-bottom;
\r
495 /* Clearing floats */
\r
497 .attachment .entry-header:after,
\r
498 .site-footer .widget-area:after,
\r
499 .entry-content:after,
\r
500 .page-content:after,
\r
504 .comment-form-author:after,
\r
505 .comment-form-email:after,
\r
506 .comment-form-url:after,
\r
507 .comment-body:after {
\r
513 .attachment .entry-header:before,
\r
514 .attachment .entry-header:after,
\r
515 .site-footer .widget-area:before,
\r
516 .site-footer .widget-area:after,
\r
517 .entry-content:before,
\r
518 .entry-content:after,
\r
519 .page-content:before,
\r
520 .page-content:after,
\r
521 .navigation:before,
\r
527 .comment-form-author:before,
\r
528 .comment-form-author:after,
\r
529 .comment-form-email:before,
\r
530 .comment-form-email:after,
\r
531 .comment-form-url:before,
\r
532 .comment-form-url:after,
\r
533 .comment-body:before,
\r
534 .comment-body:after {
\r
539 /* Assistive text */
\r
540 .screen-reader-text {
\r
541 clip: rect(1px, 1px, 1px, 1px);
\r
543 position: absolute !important;
\r
548 .screen-reader-text:focus {
\r
549 background-color: #f1f1f1;
\r
550 border-radius: 3px;
\r
551 box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
\r
552 clip: auto !important;
\r
558 line-height: normal;
\r
559 padding: 15px 23px 14px;
\r
560 position: absolute;
\r
563 text-decoration: none;
\r
565 z-index: 100000; /* Above WP toolbar */
\r
568 /* Form fields, general styles first. */
\r
572 border: 2px solid #d4d0ba;
\r
573 font-family: inherit;
\r
584 border: 2px solid #c3c0ab;
\r
590 input[type="submit"],
\r
591 input[type="button"],
\r
592 input[type="reset"] {
\r
593 background: #e05d22; /* Old browsers */
\r
594 background: -webkit-linear-gradient(top, #e05d22 0%, #d94412 100%); /* Chrome 10+, Safari 5.1+ */
\r
595 background: linear-gradient(to bottom, #e05d22 0%, #d94412 100%); /* W3C */
\r
597 border-bottom: 3px solid #b93207;
\r
598 border-radius: 2px;
\r
600 display: inline-block;
\r
601 padding: 11px 24px 10px;
\r
602 text-decoration: none;
\r
607 input[type="submit"]:hover,
\r
608 input[type="button"]:hover,
\r
609 input[type="reset"]:hover,
\r
610 input[type="submit"]:focus,
\r
611 input[type="button"]:focus,
\r
612 input[type="reset"]:focus {
\r
613 background: #ed6a31; /* Old browsers */
\r
614 background: -webkit-linear-gradient(top, #ed6a31 0%, #e55627 100%); /* Chrome 10+, Safari 5.1+ */
\r
615 background: linear-gradient(to bottom, #ed6a31 0%, #e55627 100%); /* W3C */
\r
620 input[type="submit"]:active,
\r
621 input[type="button"]:active,
\r
622 input[type="reset"]:active {
\r
623 background: #d94412; /* Old browsers */
\r
624 background: -webkit-linear-gradient(top, #d94412 0%, #e05d22 100%); /* Chrome 10+, Safari 5.1+ */
\r
625 background: linear-gradient(to bottom, #d94412 0%, #e05d22 100%); /* W3C */
\r
627 border-top: 3px solid #b93207;
\r
628 padding: 10px 24px 11px;
\r
631 .post-password-required input[type="submit"] {
\r
632 padding: 7px 24px 4px;
\r
633 vertical-align: bottom;
\r
636 .post-password-required input[type="submit"]:active {
\r
637 padding: 5px 24px 6px;
\r
640 /* Placeholder text color -- selectors need to be separate to work. */
\r
641 ::-webkit-input-placeholder {
\r
645 :-moz-placeholder {
\r
649 ::-moz-placeholder {
\r
653 :-ms-input-placeholder {
\r
658 * Responsive images
\r
660 * Fluid images for posts, comments, and widgets
\r
662 .entry-content img,
\r
663 .entry-summary img,
\r
664 .comment-content img,
\r
670 /* Make sure images with WordPress-added height and width attributes are scaled correctly. */
\r
671 .entry-content img,
\r
672 .entry-summary img,
\r
673 .comment-content img[height],
\r
674 img[class*="align"],
\r
675 img[class*="wp-image-"],
\r
676 img[class*="attachment-"] {
\r
682 img.wp-post-image {
\r
687 /* Make sure videos and embeds fit their containers. */
\r
695 /* Override the Twitter embed fixed width. */
\r
696 .entry-content .twitter-tweet-rendered {
\r
697 max-width: 100% !important;
\r
712 margin-right: auto;
\r
715 figure.wp-caption.alignleft,
\r
717 margin: 5px 20px 5px 0;
\r
720 .wp-caption.alignleft {
\r
721 margin: 5px 10px 5px 0;
\r
724 figure.wp-caption.alignright,
\r
726 margin: 5px 0 5px 20px;
\r
729 .wp-caption.alignright {
\r
730 margin: 5px 0 5px 10px;
\r
741 .wp-caption .wp-caption-text,
\r
746 font-style: italic;
\r
751 div.wp-caption.alignright img[class*="wp-image-"] {
\r
755 div.wp-caption.alignright .wp-caption-text {
\r
756 padding-left: 10px;
\r
769 .wp-caption.alignleft + ul,
\r
770 .wp-caption.alignleft + ol {
\r
771 list-style-position: inside;
\r
776 * 3.0 Basic Structure
\r
777 * ----------------------------------------------------------------------------
\r
781 background-color: #fff;
\r
782 border-left: 1px solid #f2f2f2;
\r
783 border-right: 1px solid #f2f2f2;
\r
790 position: relative;
\r
793 .site-main .sidebar-container {
\r
795 position: absolute;
\r
801 .site-main .sidebar-inner {
\r
809 * ----------------------------------------------------------------------------
\r
814 * ----------------------------------------------------------------------------
\r
818 position: relative;
\r
821 .site-header .home-link {
\r
828 text-decoration: none;
\r
832 .site-header .site-title:hover {
\r
833 text-decoration: underline;
\r
841 padding: 58px 0 10px;
\r
844 .site-description {
\r
845 font: 300 italic 24px "Source Sans Pro", Helvetica, sans-serif;
\r
852 * ----------------------------------------------------------------------------
\r
860 position: relative;
\r
864 div.nav-menu > ul {
\r
866 padding: 0 40px 0 0;
\r
870 display: inline-block;
\r
871 position: relative;
\r
879 padding: 15px 20px;
\r
880 text-decoration: none;
\r
883 .nav-menu li:hover > a,
\r
884 .nav-menu li a:hover,
\r
885 .nav-menu li:focus > a,
\r
886 .nav-menu li a:focus {
\r
887 background-color: #220e10;
\r
891 .nav-menu .sub-menu,
\r
892 .nav-menu .children {
\r
893 background-color: #220e10;
\r
894 border: 2px solid #f7f5e7;
\r
897 position: absolute;
\r
903 clip: rect(1px, 1px, 1px, 1px);
\r
906 .nav-menu .sub-menu ul,
\r
907 .nav-menu .children ul {
\r
914 .nav-menu ul ul a {
\r
920 ul.nav-menu ul a:hover,
\r
921 .nav-menu ul ul a:hover,
\r
922 ul.nav-menu ul a:focus,
\r
923 .nav-menu ul ul a:focus {
\r
924 background-color: #db572f;
\r
927 ul.nav-menu li:hover > ul,
\r
928 .nav-menu ul li:hover > ul,
\r
929 ul.nav-menu .focus > ul,
\r
930 .nav-menu .focus > ul {
\r
937 .nav-menu .current_page_item > a,
\r
938 .nav-menu .current_page_ancestor > a,
\r
939 .nav-menu .current-menu-item > a,
\r
940 .nav-menu .current-menu-ancestor > a {
\r
942 font-style: italic;
\r
951 background-color: #f7f5e7;
\r
957 .site-header .search-form {
\r
958 position: absolute;
\r
963 .site-header .search-field {
\r
964 background-color: transparent;
\r
965 background-image: url(images/search-icon.png);
\r
966 background-position: 5px center;
\r
967 background-repeat: no-repeat;
\r
968 background-size: 24px 24px;
\r
973 padding: 0 0 0 34px;
\r
974 position: relative;
\r
975 -webkit-transition: width 400ms ease, background 400ms ease;
\r
976 transition: width 400ms ease, background 400ms ease;
\r
980 .site-header .search-field:focus {
\r
981 background-color: #fff;
\r
982 border: 2px solid #c3c0ab;
\r
991 * ----------------------------------------------------------------------------
\r
1003 /*max-width: 604px;*/
\r
1007 .sidebar .entry-header,
\r
1008 .sidebar .entry-content,
\r
1009 .sidebar .entry-summary,
\r
1010 .sidebar .entry-meta {
\r
1011 max-width: 1040px;
\r
1012 padding: 0 376px 0 60px;
\r
1017 * 5.1 Entry Header
\r
1018 * ----------------------------------------------------------------------------
\r
1021 .sidebar .entry-header .entry-meta {
\r
1025 .entry-thumbnail img {
\r
1027 margin: 0 auto 10px;
\r
1031 margin-bottom: 30px;
\r
1035 font-weight: normal;
\r
1043 .entry-title a:hover {
\r
1050 * ----------------------------------------------------------------------------
\r
1062 .entry-meta a:hover {
\r
1066 .entry-meta > span {
\r
1067 margin-right: 20px;
\r
1070 .entry-meta > span:last-child {
\r
1074 .featured-post:before {
\r
1076 margin-right: 2px;
\r
1079 .entry-meta .date a:before {
\r
1083 .comments-link a:before {
\r
1085 margin-right: 2px;
\r
1086 position: relative;
\r
1090 .entry-meta .author a:before {
\r
1092 position: relative;
\r
1096 .categories-links a:first-child:before {
\r
1100 .tags-links a:first-child:before {
\r
1102 position: relative;
\r
1106 .edit-link a:before {
\r
1108 position: relative;
\r
1112 .single-author .entry-meta .author,
\r
1113 .sticky.format-standard .entry-meta .date,
\r
1114 .sticky.format-audio .entry-meta .date,
\r
1115 .sticky.format-chat .entry-meta .date,
\r
1116 .sticky.format-image .entry-meta .date,
\r
1117 .sticky.format-gallery .entry-meta .date {
\r
1123 * 5.3 Entry Content
\r
1124 * ----------------------------------------------------------------------------
\r
1128 -webkit-hyphens: auto;
\r
1129 -moz-hyphens: auto;
\r
1130 -ms-hyphens: auto;
\r
1132 word-wrap: break-word;
\r
1136 .comment-content a {
\r
1140 .entry-content a:hover,
\r
1141 .comment-content a:hover {
\r
1145 .entry-content .more-link {
\r
1146 white-space: nowrap;
\r
1149 .entry-content blockquote {
\r
1153 .entry-content blockquote cite,
\r
1154 .entry-content blockquote small {
\r
1158 .entry-content img.alignleft,
\r
1159 .entry-content .wp-caption.alignleft {
\r
1160 margin-left: -60px;
\r
1163 .entry-content img.alignright,
\r
1164 .entry-content .wp-caption.alignright {
\r
1165 margin-right: -60px;
\r
1168 footer.entry-meta {
\r
1172 .format-standard footer.entry-meta {
\r
1180 font-style: italic;
\r
1181 font-weight: normal;
\r
1184 text-transform: uppercase;
\r
1188 .page-links > span {
\r
1190 border: 1px solid #fff;
\r
1191 padding: 5px 10px;
\r
1192 text-decoration: none;
\r
1195 .format-status .entry-content .page-links a,
\r
1196 .format-gallery .entry-content .page-links a,
\r
1197 .format-chat .entry-content .page-links a,
\r
1198 .format-quote .entry-content .page-links a,
\r
1200 background: #e63f2a;
\r
1201 border: 1px solid #e63f2a;
\r
1205 .format-gallery .entry-content .page-links a:hover,
\r
1206 .format-audio .entry-content .page-links a:hover,
\r
1207 .format-status .entry-content .page-links a:hover,
\r
1208 .format-video .entry-content .page-links a:hover,
\r
1209 .format-chat .entry-content .page-links a:hover,
\r
1210 .format-quote .entry-content .page-links a:hover,
\r
1211 .page-links a:hover {
\r
1216 .format-status .entry-content .page-links > span,
\r
1217 .format-quote .entry-content .page-links > span {
\r
1221 .page-links .page-links-title {
\r
1222 background: transparent;
\r
1224 margin-right: 20px;
\r
1228 /* Mediaelements */
\r
1229 .hentry .mejs-mediaelement,
\r
1230 .hentry .mejs-container .mejs-controls {
\r
1231 background: #220e10;
\r
1234 .hentry .mejs-controls .mejs-time-rail .mejs-time-loaded,
\r
1235 .hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
\r
1239 .hentry .mejs-controls .mejs-time-rail .mejs-time-current {
\r
1240 background: #ea9629;
\r
1243 .hentry .mejs-controls .mejs-time-rail .mejs-time-total,
\r
1244 .hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
\r
1245 background: #595959;
\r
1248 .hentry .mejs-controls .mejs-time-rail span,
\r
1249 .hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
\r
1250 .hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
\r
1257 * ----------------------------------------------------------------------------
\r
1261 margin-bottom: 20px;
\r
1262 margin-left: -4px;
\r
1267 margin: 0 4px 4px 0;
\r
1269 position: relative;
\r
1272 .gallery-columns-1.gallery-size-medium,
\r
1273 .gallery-columns-1.gallery-size-thumbnail,
\r
1274 .gallery-columns-2.gallery-size-thumbnail,
\r
1275 .gallery-columns-3.gallery-size-thumbnail {
\r
1277 margin: 0 auto 20px;
\r
1280 .gallery-columns-1 .gallery-item,
\r
1281 .gallery-columns-2 .gallery-item,
\r
1282 .gallery-columns-3 .gallery-item {
\r
1283 text-align: center;
\r
1286 .gallery-columns-4 .gallery-item {
\r
1288 max-width: -webkit-calc(25% - 4px);
\r
1289 max-width: calc(25% - 4px);
\r
1292 .gallery-columns-5 .gallery-item {
\r
1294 max-width: -webkit-calc(20% - 4px);
\r
1295 max-width: calc(20% - 4px);
\r
1298 .gallery-columns-6 .gallery-item {
\r
1300 max-width: -webkit-calc(16.7% - 4px);
\r
1301 max-width: calc(16.7% - 4px);
\r
1304 .gallery-columns-7 .gallery-item {
\r
1306 max-width: -webkit-calc(14.28% - 4px);
\r
1307 max-width: calc(14.28% - 4px);
\r
1310 .gallery-columns-8 .gallery-item {
\r
1312 max-width: -webkit-calc(12.5% - 4px);
\r
1313 max-width: calc(12.5% - 4px);
\r
1316 .gallery-columns-9 .gallery-item {
\r
1318 max-width: -webkit-calc(11.1% - 4px);
\r
1319 max-width: calc(11.1% - 4px);
\r
1322 .gallery-columns-1 .gallery-item:nth-of-type(1n),
\r
1323 .gallery-columns-2 .gallery-item:nth-of-type(2n),
\r
1324 .gallery-columns-3 .gallery-item:nth-of-type(3n),
\r
1325 .gallery-columns-4 .gallery-item:nth-of-type(4n),
\r
1326 .gallery-columns-5 .gallery-item:nth-of-type(5n),
\r
1327 .gallery-columns-6 .gallery-item:nth-of-type(6n),
\r
1328 .gallery-columns-7 .gallery-item:nth-of-type(7n),
\r
1329 .gallery-columns-8 .gallery-item:nth-of-type(8n),
\r
1330 .gallery-columns-9 .gallery-item:nth-of-type(9n) {
\r
1334 .gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1),
\r
1335 .gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1),
\r
1336 .gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1),
\r
1337 .gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1) {
\r
1341 .gallery-caption {
\r
1342 background-color: rgba(0, 0, 0, 0.7);
\r
1343 box-sizing: border-box;
\r
1351 position: absolute;
\r
1355 -webkit-transition: opacity 400ms ease;
\r
1356 transition: opacity 400ms ease;
\r
1360 .gallery-caption:before {
\r
1361 box-shadow: 0 -10px 15px #000 inset;
\r
1365 position: absolute;
\r
1371 .gallery-item:hover .gallery-caption {
\r
1375 .gallery-columns-7 .gallery-caption,
\r
1376 .gallery-columns-8 .gallery-caption,
\r
1377 .gallery-columns-9 .gallery-caption {
\r
1383 * 5.5 Post Formats
\r
1384 * ----------------------------------------------------------------------------
\r
1389 background-color: #f7f5e7;
\r
1392 .blog .format-aside:first-of-type,
\r
1393 .single .format-aside:first-of-type,
\r
1394 .format-aside + .format-aside,
\r
1395 .format-aside + .format-link,
\r
1396 .format-link + .format-aside {
\r
1397 box-shadow: inset 0 2px 2px rgba(173, 165, 105, 0.2);
\r
1400 .format-aside .entry-meta {
\r
1404 .format-aside blockquote {
\r
1406 font-weight: normal;
\r
1409 .format-aside cite {
\r
1411 text-transform: none;
\r
1414 .format-aside cite:before {
\r
1416 margin-right: 5px;
\r
1421 background-color: #db572f;
\r
1424 .format-audio .entry-title {
\r
1426 font-weight: bold;
\r
1429 .format-audio .entry-content:before {
\r
1433 position: relative;
\r
1437 .format-audio .entry-content a,
\r
1438 .format-audio .entry-meta a,
\r
1439 .format-audio .entry-content a:hover,
\r
1440 .format-audio .entry-meta a:hover {
\r
1444 .format-audio .audio-content {
\r
1445 background: url(images/dotted-line.png) repeat-y left top;
\r
1446 background-size: 4px 4px;
\r
1448 padding-left: 35px;
\r
1450 width: -webkit-calc(100% - 85px);
\r
1451 width: calc(100% - 85px);
\r
1454 .format-audio .wp-audio-shortcode {
\r
1455 height: 30px !important; /* Override mediaelement.js style */
\r
1457 max-width: 400px !important; /* Override mediaelement.js style */
\r
1460 .format-audio audio {
\r
1461 max-width: 100% !important; /* Avoid player width overflow. */
\r
1466 background-color: #eadaa6;
\r
1469 .format-chat .entry-title {
\r
1471 font-weight: bold;
\r
1474 .format-chat .entry-meta a,
\r
1475 .format-chat .entry-content a {
\r
1479 .format-chat .entry-meta .date a:before {
\r
1481 margin-right: 2px;
\r
1484 .format-chat .entry-meta .author {
\r
1488 .format-chat .chat {
\r
1492 .format-chat .chat .chat-timestamp {
\r
1496 font-weight: normal;
\r
1497 margin: 5px 10px 0;
\r
1500 .format-chat .chat .fn {
\r
1501 font-style: normal;
\r
1506 background-color: #fbca3c;
\r
1509 .format-gallery .entry-header {
\r
1510 margin-bottom: 15px;
\r
1513 .format-gallery .entry-title {
\r
1519 .format-gallery .entry-meta a,
\r
1520 .format-gallery .entry-content a {
\r
1525 .format-image .entry-title {
\r
1527 font-weight: bold;
\r
1530 .format-image .categories-links,
\r
1531 .format-image .tags-links {
\r
1537 background-color: #f7f5e7;
\r
1540 .blog .format-link:first-of-type,
\r
1541 .single .format-link:first-of-type {
\r
1542 box-shadow: inset 0 2px 2px rgba(173, 165, 105, 0.2);
\r
1545 .format-link .entry-header,
\r
1546 .format-link .entry-content p:last-child {
\r
1550 .format-link .entry-title {
\r
1553 font: 300 italic 20px "Source Sans Pro", Helvetica, sans-serif;
\r
1554 margin-right: 20px;
\r
1557 .format-link .entry-title a {
\r
1561 .format-link div.entry-meta {
\r
1566 .format-standard .wp-video,
\r
1567 .format-standard .wp-audio-shortcode,
\r
1568 .format-audio .wp-audio-shortcode,
\r
1569 .format-standard .video-player {
\r
1570 margin-bottom: 24px;
\r
1575 background-color: #210d10;
\r
1578 .format-quote .entry-content,
\r
1579 .format-quote .entry-meta {
\r
1583 .format-quote .entry-content blockquote {
\r
1588 .format-quote .entry-content a,
\r
1589 .format-quote .entry-meta a,
\r
1590 .format-quote .linked {
\r
1594 .format-quote .entry-content cite a {
\r
1595 border-bottom: 1px dotted #fff;
\r
1599 .format-quote .entry-content cite a:hover {
\r
1600 text-decoration: none;
\r
1603 .format-quote blockquote small,
\r
1604 .format-quote blockquote cite {
\r
1609 .format-quote blockquote {
\r
1610 font-style: italic;
\r
1612 padding-left: 75px;
\r
1613 position: relative;
\r
1616 .format-quote blockquote:before {
\r
1621 padding-right: 25px;
\r
1622 position: absolute;
\r
1627 .format-quote .entry-meta .author {
\r
1633 background-color: #722d19;
\r
1637 .format-status .entry-content,
\r
1638 .format-status .entry-meta {
\r
1639 padding-left: 35px;
\r
1640 position: relative;
\r
1643 .format-status .entry-content a {
\r
1647 .format-status .entry-meta a {
\r
1651 .sidebar .format-status .entry-content,
\r
1652 .sidebar .format-status .entry-meta {
\r
1653 padding-left: 95px;
\r
1656 .format-status .entry-content:before,
\r
1657 .format-status .entry-meta:before {
\r
1658 background: url(images/dotted-line.png) repeat-y left bottom;
\r
1659 background-size: 4px 4px;
\r
1663 position: absolute;
\r
1669 .sidebar .format-status .entry-content:before,
\r
1670 .sidebar .format-status .entry-meta:before {
\r
1674 .format-status .categories-links,
\r
1675 .format-status .tags-links {
\r
1679 /* Ensures the dots in the dot background are in lockstep. */
\r
1680 .format-status .entry-meta:before {
\r
1681 background-position: left top;
\r
1684 .format-status .entry-content {
\r
1687 font-style: italic;
\r
1689 padding-bottom: 30px;
\r
1690 padding-top: 40px;
\r
1691 position: relative;
\r
1694 .format-status .entry-content p:first-child:before {
\r
1695 background-color: rgba(0, 0, 0, 0.65);
\r
1699 position: absolute;
\r
1704 .sidebar .format-status .entry-content > p:first-child:before {
\r
1708 .format-status .entry-content p:last-child {
\r
1712 .format-status .entry-meta {
\r
1714 padding-bottom: 40px;
\r
1717 .format-status .entry-meta .date a:before {
\r
1723 background-color: #db572f;
\r
1726 .format-video .entry-content a,
\r
1727 .format-video .entry-meta a,
\r
1728 .format-video .entry-content a:hover,
\r
1729 .format-video .entry-meta a:hover {
\r
1733 .format-video .entry-title {
\r
1738 .format-video .entry-meta {
\r
1745 * ----------------------------------------------------------------------------
\r
1748 .attachment .hentry {
\r
1749 background-color: #e8e5ce;
\r
1754 .attachment .entry-header {
\r
1756 max-width: 1040px;
\r
1760 .attachment .entry-title {
\r
1761 display: inline-block;
\r
1763 font: 300 italic 30px "Source Sans Pro", Helvetica, sans-serif;
\r
1767 .attachment .entry-title:before {
\r
1770 margin-right: 10px;
\r
1773 .attachment .entry-meta {
\r
1779 text-align: right;
\r
1782 .hentry.attachment:not(.image-attachment) .entry-meta {
\r
1786 .attachment footer.entry-meta {
\r
1790 .attachment-meta:before {
\r
1794 .full-size-link a:before {
\r
1798 .full-size-link:before {
\r
1802 .attachment .entry-meta a,
\r
1803 .attachment .entry-meta .edit-link:before,
\r
1804 .attachment .full-size-link:before {
\r
1808 .attachment .entry-content {
\r
1809 background-color: #fff;
\r
1814 .image-navigation {
\r
1816 max-width: 1040px;
\r
1817 position: relative;
\r
1820 .image-navigation a:hover {
\r
1821 text-decoration: none;
\r
1824 .image-navigation .nav-previous,
\r
1825 .image-navigation .nav-next {
\r
1826 position: absolute;
\r
1830 .image-navigation .nav-previous {
\r
1834 .image-navigation .nav-next {
\r
1838 .image-navigation .meta-nav {
\r
1841 vertical-align: -4px;
\r
1844 .attachment .entry-attachment,
\r
1845 .attachment .type-attachment p {
\r
1848 text-align: center;
\r
1851 .attachment .entry-attachment .attachment {
\r
1852 display: inline-block;
\r
1855 .attachment .entry-caption {
\r
1859 .attachment .entry-description {
\r
1860 margin: 20px auto 0;
\r
1864 .attachment .entry-caption p:last-child,
\r
1865 .attachment .entry-description p:last-child {
\r
1869 .attachment .site-main .sidebar-container {
\r
1873 .attachment .entry-content .mejs-audio {
\r
1878 .attachment .entry-content .wp-video {
\r
1882 .attachment .entry-content .mejs-container {
\r
1883 margin-bottom: 24px;
\r
1887 * 5.7 Post/Paging Navigation
\r
1888 * ----------------------------------------------------------------------------
\r
1891 .navigation .nav-previous {
\r
1895 .navigation .nav-next {
\r
1903 .navigation a:hover {
\r
1905 text-decoration: none;
\r
1908 .paging-navigation {
\r
1909 background-color: #e8e5ce;
\r
1913 .paging-navigation .nav-links {
\r
1919 .sidebar .paging-navigation .nav-links {
\r
1920 max-width: 1040px;
\r
1921 padding: 0 376px 0 60px;
\r
1924 .paging-navigation .nav-next {
\r
1928 .paging-navigation a {
\r
1930 font-style: italic;
\r
1934 .paging-navigation .meta-nav {
\r
1935 background-color: #e63f2a;
\r
1936 border-radius: 50%;
\r
1938 display: inline-block;
\r
1940 padding: 3px 0 8px;
\r
1941 text-align: center;
\r
1945 .paging-navigation .nav-previous .meta-nav {
\r
1946 margin-right: 10px;
\r
1947 padding: 17px 0 23px;
\r
1951 .paging-navigation .nav-next .meta-nav {
\r
1952 margin-left: 10px;
\r
1955 .paging-navigation a:hover .meta-nav {
\r
1956 background-color: #ea9629;
\r
1957 text-decoration: none;
\r
1960 .post-navigation {
\r
1961 background-color: #fff;
\r
1964 font-style: italic;
\r
1969 .post-navigation .nav-links {
\r
1971 max-width: 1040px;
\r
1974 .sidebar .post-navigation .nav-links {
\r
1975 padding: 0 376px 0 60px;
\r
1978 .post-navigation a[rel="next"] {
\r
1980 text-align: right;
\r
1986 * ----------------------------------------------------------------------------
\r
1992 padding: 30px 0 10px;
\r
1993 text-align: left; /* gallery & video post formats */
\r
1997 .author.sidebar .author-info {
\r
1998 max-width: 1040px;
\r
1999 padding: 30px 376px 10px 60px;
\r
2002 .single .author-info {
\r
2003 padding: 50px 0 0;
\r
2006 .author-avatar .avatar {
\r
2008 margin: 0 30px 30px 0;
\r
2011 .single-format-status .author-description {
\r
2015 .author-description .author-title {
\r
2017 font: 300 italic 20px "Source Sans Pro", Helvetica, sans-serif;
\r
2026 .author.archive .author-link {
\r
2033 * ----------------------------------------------------------------------------
\r
2037 background-color: #e8e5ce;
\r
2042 font: 300 italic 30px "Source Sans Pro", Helvetica, sans-serif;
\r
2044 max-width: 1040px;
\r
2051 font-style: normal;
\r
2052 font-weight: normal;
\r
2053 margin-top: -15px;
\r
2054 padding: 0 0 11px;
\r
2057 .sidebar .archive-meta {
\r
2058 padding-right: 316px;
\r
2063 * 5.10 Search Results/No posts
\r
2064 * ----------------------------------------------------------------------------
\r
2068 background-color: #e8e5ce;
\r
2072 font: 300 italic 30px "Source Sans Pro", Helvetica, sans-serif;
\r
2074 max-width: 1040px;
\r
2086 .sidebar .page-content {
\r
2088 max-width: 1040px;
\r
2089 padding: 40px 376px 40px 60px;
\r
2095 * ----------------------------------------------------------------------------
\r
2098 .error404 .page-header {
\r
2099 background-color: #fff;
\r
2102 .error404 .page-title {
\r
2106 position: relative;
\r
2107 text-align: center;
\r
2111 .error404 .page-title:before {
\r
2117 position: absolute;
\r
2122 .error404 .page-wrapper {
\r
2123 background-color: #e8e5ce;
\r
2126 .error404 .page-header,
\r
2127 .error404 .page-content {
\r
2129 max-width: 1040px;
\r
2130 padding-bottom: 40px;
\r
2137 * ----------------------------------------------------------------------------
\r
2142 .comment-reply-title,
\r
2144 .comment-respond .comment-form,
\r
2145 .comment-respond iframe {
\r
2147 margin-left: auto;
\r
2148 margin-right: auto;
\r
2153 .sidebar .comments-title,
\r
2154 .sidebar .comment-list,
\r
2155 .sidebar .must-log-in,
\r
2156 .sidebar .comment-reply-title,
\r
2157 .sidebar .comment-navigation,
\r
2158 .sidebar .comment-respond .comment-form {
\r
2159 max-width: 1040px;
\r
2160 padding-left: 60px;
\r
2161 padding-right: 376px;
\r
2165 font: 300 italic 28px "Source Sans Pro", Helvetica, sans-serif;
\r
2169 .comment-list .children {
\r
2170 list-style-type: none;
\r
2174 .comment-list .children {
\r
2175 margin-left: 20px;
\r
2178 .comment-list > li:after,
\r
2179 .comment-list .children > li:before {
\r
2180 background: url(images/dotted-line.png) repeat left top;
\r
2181 background-size: 4px 4px;
\r
2188 .comment-list > li:last-child:after {
\r
2194 position: relative;
\r
2202 .comment-author .avatar {
\r
2204 margin-bottom: 10px;
\r
2207 .comment-author .fn {
\r
2208 word-wrap: break-word;
\r
2211 .comment-author .fn,
\r
2212 .comment-author .url,
\r
2213 .comment-reply-link,
\r
2214 .comment-reply-login {
\r
2217 font-style: normal;
\r
2218 font-weight: normal;
\r
2225 .no-avatars .comment-author {
\r
2228 position: relative;
\r
2231 .no-avatars .comment-metadata,
\r
2232 .no-avatars .comment-content,
\r
2233 .no-avatars .comment-list .reply {
\r
2237 .bypostauthor > .comment-body .fn:before {
\r
2239 vertical-align: text-top;
\r
2242 .comment-list .edit-link {
\r
2243 margin-left: 20px;
\r
2246 .comment-metadata,
\r
2247 .comment-awaiting-moderation,
\r
2249 .comment-list .reply {
\r
2252 width: -webkit-calc(100% - 124px);
\r
2253 width: calc(100% - 124px);
\r
2254 word-wrap: break-word;
\r
2263 .comment-meta a:hover {
\r
2267 .comment-metadata {
\r
2268 margin-bottom: 20px;
\r
2277 .comment-awaiting-moderation {
\r
2281 .comment-awaiting-moderation:before {
\r
2283 margin-right: 5px;
\r
2284 position: relative;
\r
2288 .comment-reply-link:before,
\r
2289 .comment-reply-login:before {
\r
2291 margin-right: 3px;
\r
2294 /* Comment form */
\r
2295 .comment-respond {
\r
2296 background-color: #f7f5e7;
\r
2300 .comment .comment-respond {
\r
2301 margin-bottom: 20px;
\r
2305 .comment-reply-title {
\r
2306 font: 300 italic 28px "Source Sans Pro", Helvetica, sans-serif;
\r
2309 .comment-reply-title small a {
\r
2311 display: inline-block;
\r
2318 .comment-reply-title small a:hover {
\r
2320 text-decoration: none;
\r
2323 .comment-reply-title small a:before {
\r
2325 vertical-align: top;
\r
2328 .sidebar .comment-list .comment-reply-title,
\r
2329 .sidebar .comment-list .comment-respond .comment-form {
\r
2333 .comment-form .comment-notes {
\r
2334 margin-bottom: 15px;
\r
2337 .comment-form .comment-form-author,
\r
2338 .comment-form .comment-form-email,
\r
2339 .comment-form .comment-form-url {
\r
2340 margin-bottom: 8px;
\r
2343 .comment-form [for="author"],
\r
2344 .comment-form [for="email"],
\r
2345 .comment-form [for="url"],
\r
2346 .comment-form [for="comment"] {
\r
2352 .comment-form .required {
\r
2356 .comment-form input[type="text"],
\r
2357 .comment-form input[type="email"],
\r
2358 .comment-form input[type="url"] {
\r
2363 .comment-form textarea {
\r
2367 .form-allowed-tags,
\r
2368 .form-allowed-tags code {
\r
2373 .form-allowed-tags code {
\r
2378 .comment-list .pingback,
\r
2379 .comment-list .trackback {
\r
2380 padding-top: 24px;
\r
2383 .comment-navigation {
\r
2385 font-style: italic;
\r
2389 padding: 20px 0 30px;
\r
2394 background-color: #f7f5e7;
\r
2396 font-style: italic;
\r
2400 text-align: center;
\r
2403 .sidebar .no-comments {
\r
2404 padding-left: 60px;
\r
2405 padding-right: 376px;
\r
2411 * ----------------------------------------------------------------------------
\r
2414 .site-main .mu_register {
\r
2424 .site-main .mu_register input[type="submit"],
\r
2425 .site-main .mu_register #blog_title,
\r
2426 .site-main .mu_register #user_email,
\r
2427 .site-main .mu_register #blogname,
\r
2428 .site-main .mu_register #user_name {
\r
2429 font-size: inherit;
\r
2433 .site-main .mu_register input[type="submit"] {
\r
2440 * ----------------------------------------------------------------------------
\r
2443 .site-main .widget-area {
\r
2451 * ----------------------------------------------------------------------------
\r
2455 background-color: rgba(247, 245, 231, 0.7);
\r
2457 -webkit-hyphens: auto;
\r
2458 -moz-hyphens: auto;
\r
2459 -ms-hyphens: auto;
\r
2463 word-wrap: break-word;
\r
2466 .widget .widget-title {
\r
2467 font: 300 italic 20px "Source Sans Pro", Helvetica, sans-serif;
\r
2473 list-style-type: none;
\r
2482 .widget .children li:last-child {
\r
2483 padding-bottom: 0;
\r
2488 margin-left: 20px;
\r
2499 /* Search widget */
\r
2500 .search-form .search-submit {
\r
2505 .widget_rss .rss-date {
\r
2509 .widget_rss .rss-date,
\r
2510 .widget_rss li > cite {
\r
2514 /* Calendar Widget */
\r
2515 .widget_calendar table,
\r
2516 .widget_calendar td {
\r
2518 border-collapse: separate;
\r
2519 border-spacing: 1px;
\r
2522 .widget_calendar caption {
\r
2527 .widget_calendar th,
\r
2528 .widget_calendar td {
\r
2530 text-align: center;
\r
2533 .widget_calendar a {
\r
2537 .widget_calendar a:hover {
\r
2538 background-color: rgba(0, 0, 0, 0.15);
\r
2541 .widget_calendar tbody td {
\r
2542 background-color: rgba(255, 255, 255, 0.5);
\r
2545 .site-footer .widget_calendar tbody td {
\r
2546 background-color: rgba(255, 255, 255, 0.05);
\r
2549 .widget_calendar tbody .pad, .site-footer .widget_calendar tbody .pad {
\r
2550 background-color: transparent;
\r
2556 * ----------------------------------------------------------------------------
\r
2560 background-color: #e8e5ce;
\r
2563 text-align: center;
\r
2566 .site-footer .widget-area,
\r
2567 .sidebar .site-footer {
\r
2575 .site-footer .sidebar-container {
\r
2576 background-color: #220e10;
\r
2580 .site-footer .widget-area {
\r
2582 max-width: 1040px;
\r
2586 .sidebar .site-footer .widget-area {
\r
2588 position: relative;
\r
2592 .site-footer .widget {
\r
2593 background: transparent;
\r
2596 margin-right: 20px;
\r
2600 .sidebar .site-footer .widget {
\r
2604 .sidebar .site-footer .widget:nth-of-type(4),
\r
2605 .sidebar .site-footer .widget:nth-of-type(3) {
\r
2609 .site-footer .widget a {
\r
2613 .site-footer .widget-title,
\r
2614 .site-footer .widget-title a,
\r
2615 .site-footer .wp-caption-text {
\r
2621 max-width: 1040px;
\r
2628 margin: -10px auto 0;
\r
2633 * 8.0 Media Queries
\r
2634 * ----------------------------------------------------------------------------
\r
2637 /* Does the same thing as <meta name="viewport" content="width=device-width">,
\r
2638 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
\r
2639 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
\r
2640 * the meta tag. See https://core.trac.wordpress.org/ticket/25888.
\r
2643 width: device-width;
\r
2646 width: device-width;
\r
2649 @media (max-width: 1599px) {
\r
2655 @media (max-width: 1069px) {
\r
2656 .sidebar img.alignleft,
\r
2657 .sidebar .wp-caption.alignleft {
\r
2661 .sidebar img.alignright,
\r
2662 .sidebar .wp-caption.alignright {
\r
2666 .error404 .page-header {
\r
2667 margin-left: auto;
\r
2673 .search .page-header,
\r
2674 .archive .page-header,
\r
2675 .blog .page-header,
\r
2676 .error404 .page-content,
\r
2677 .search .page-content,
\r
2678 .archive .page-content,
\r
2679 .attachment .entry-header,
\r
2680 .attachment .entry-content,
\r
2681 .post-navigation .nav-links,
\r
2682 .sidebar .site-info,
\r
2683 .site-footer .widget-area {
\r
2684 padding-left: 20px;
\r
2685 padding-right: 20px;
\r
2688 .error404 .page-title {
\r
2693 .error404 .page-title:before {
\r
2697 .attachment .image-navigation {
\r
2701 .image-navigation .nav-previous,
\r
2702 .image-navigation .nav-next {
\r
2706 .site-main .widget-area {
\r
2707 margin-right: 60px;
\r
2711 @media (max-width: 999px) {
\r
2712 .sidebar .entry-header,
\r
2713 .sidebar .entry-content,
\r
2714 .sidebar .entry-summary,
\r
2715 .sidebar .entry-meta,
\r
2716 .sidebar .comment-list,
\r
2717 .sidebar .comment-reply-title,
\r
2718 .sidebar .comment-navigation,
\r
2719 .sidebar .comment-respond .comment-form,
\r
2720 .sidebar .featured-gallery,
\r
2721 .sidebar .post-navigation .nav-links,
\r
2722 .author.sidebar .author-info {
\r
2728 .sidebar .site-info,
\r
2729 .search.sidebar .page-content,
\r
2730 .blog.sidebar .page-content,
\r
2731 .attachment .entry-header,
\r
2732 .sidebar .comments-title {
\r
2736 .sidebar .archive-meta,
\r
2737 .attachment .entry-header,
\r
2738 .search.sidebar .page-content,
\r
2739 .blog.sidebar .page-content,
\r
2740 .sidebar .site-info,
\r
2741 .sidebar .comments-title,
\r
2742 .sidebar .no-comments {
\r
2747 .attachment .entry-meta {
\r
2753 .attachment .entry-content {
\r
2758 .format-status .entry-content {
\r
2759 padding-top: 40px;
\r
2762 .format-status .entry-meta {
\r
2763 padding-bottom: 40px;
\r
2766 .sidebar .format-status .entry-content,
\r
2767 .sidebar .format-status .entry-meta {
\r
2768 padding-left: 35px;
\r
2771 .sidebar .format-status .entry-content:before,
\r
2772 .sidebar .format-status .entry-meta:before {
\r
2776 .sidebar .format-status .entry-content p:first-child:before {
\r
2780 .sidebar .paging-navigation .nav-links {
\r
2784 .site-main .sidebar-container {
\r
2788 position: relative;
\r
2792 .site-main .widget-area {
\r
2798 .sidebar .site-footer .widget-area {
\r
2804 /* Collapse oversized image and pulled images after iPad breakpoint. */
\r
2805 @media (max-width: 767px) {
\r
2806 .site-header .home-link {
\r
2811 padding: 8px 0 10px;
\r
2813 .entry-content img.alignleft,
\r
2814 .entry-content .wp-caption.alignleft {
\r
2818 .entry-content img.alignright,
\r
2819 .entry-content .wp-caption.alignright {
\r
2823 .attachment .image-navigation,
\r
2824 .attachment .entry-attachment .attachment {
\r
2830 .gallery-caption {
\r
2835 @media (max-width: 643px) {
\r
2840 #content .entry-header,
\r
2841 #content .entry-content,
\r
2842 #content .entry-summary,
\r
2843 #content footer.entry-meta,
\r
2844 #content .featured-gallery,
\r
2845 .search.sidebar .page-content,
\r
2846 .blog.sidebar .page-content,
\r
2847 .sidebar .post-navigation .nav-links,
\r
2848 .paging-navigation .nav-links,
\r
2849 #content .author-info,
\r
2850 .comments-area .comments-title,
\r
2851 .comments-area .comment-list,
\r
2852 .comments-area .comment-navigation,
\r
2854 .sidebar .site-info,
\r
2855 .sidebar .paging-navigation .nav-links {
\r
2856 padding-left: 20px;
\r
2857 padding-right: 20px;
\r
2860 #content .format-status .entry-content,
\r
2861 #content .format-status .entry-met {
\r
2862 padding-left: 35px;
\r
2868 display: inline-block;
\r
2869 font: bold 16px/1.3 "Source Sans Pro", Helvetica, sans-serif;
\r
2874 .menu-toggle:hover,
\r
2875 .menu-toggle:focus,
\r
2876 .menu-toggle:active {
\r
2880 padding: 12px 0 12px 20px;
\r
2883 .menu-toggle:focus {
\r
2884 outline: thin dotted;
\r
2887 .menu-toggle:after {
\r
2890 padding-left: 8px;
\r
2891 vertical-align: -4px;
\r
2894 .toggled-on .menu-toggle:after {
\r
2896 vertical-align: 2px;
\r
2899 .toggled-on .nav-menu,
\r
2900 .toggled-on .nav-menu > ul {
\r
2908 .toggled-on .children {
\r
2912 .toggled-on .nav-menu li > ul {
\r
2913 background-color: transparent;
\r
2916 margin-left: 20px;
\r
2917 position: relative;
\r
2922 .toggled-on .nav-menu li > ul a {
\r
2927 .toggled-on .nav-menu li:hover > a,
\r
2928 .toggled-on .nav-menu .children a {
\r
2929 background-color: transparent;
\r
2933 .toggled-on .nav-menu > li a:hover,
\r
2934 .toggled-on .nav-menu > ul a:hover {
\r
2935 background-color: #db572f;
\r
2939 .toggled-on .nav-menu > li a:focus,
\r
2940 .toggled-on .nav-menu > ul a:focus {
\r
2941 background-color: #220e10;
\r
2946 div.nav-menu > ul {
\r
2950 #content .featured-gallery {
\r
2951 padding-left: 24px;
\r
2954 .gallery-columns-1 .gallery-item {
\r
2960 .format-chat .entry-title,
\r
2961 .format-image .entry-title,
\r
2962 .format-gallery .entry-title,
\r
2963 .format-video .entry-title {
\r
2965 font-weight: bold;
\r
2968 .format-quote blockquote,
\r
2969 .format-status .entry-content {
\r
2973 .format-quote blockquote small,
\r
2974 .format-quote blockquote cite {
\r
2978 .error404 .page-title {
\r
2979 padding: 40px 0 0;
\r
2982 .error404 .page-title:before {
\r
2987 margin-right: 30px;
\r
2990 .comment-author .avatar {
\r
2995 .comment-metadata,
\r
2997 .comment-list .reply {
\r
2999 width: -webkit-calc(100% - 104px);
\r
3000 width: calc(100% - 104px);
\r
3003 .comment-form input[type="text"],
\r
3004 .comment-form input[type="email"],
\r
3005 .comment-form input[type="url"] {
\r
3006 width: -webkit-calc(100% - 120px);
\r
3007 width: calc(100% - 120px);
\r
3010 .comment-form textarea {
\r
3011 height: 80px; /* Smaller field for mobile. */
\r
3015 .format-audio .entry-content:before {
\r
3019 .format-audio .audio-content {
\r
3020 background-image: none;
\r
3027 /* Mobile devices */
\r
3028 @media (max-width: 359px) {
\r
3030 font-weight: normal;
\r
3032 .site-description {
\r
3033 clip: rect(1px, 1px, 1px, 1px);
\r
3034 position: absolute;
\r
3040 .gallery .gallery-item,
\r
3041 .gallery-columns-2.gallery-size-thumbnail .gallery-item {
\r
3044 width: -webkit-calc(50% - 4px);
\r
3045 width: calc(50% - 4px);
\r
3048 .gallery-columns-1.gallery-size-medium,
\r
3049 .gallery-columns-1.gallery-size-thumbnail,
\r
3050 .gallery-columns-2.gallery-size-thumbnail,
\r
3051 .gallery-columns-3.gallery-size-thumbnail {
\r
3055 .gallery-columns-1 .gallery-item,
\r
3056 .gallery-columns-1.gallery-size-medium .gallery-item,
\r
3057 .gallery-columns-1.gallery-size-thumbnail .gallery-item {
\r
3058 text-align: center;
\r
3060 width: -webkit-calc(100% - 4px);
\r
3061 width: calc(100% - 4px);
\r
3064 .gallery-columns-3 .gallery-item:nth-of-type(3n),
\r
3065 .gallery-columns-5 .gallery-item:nth-of-type(5n),
\r
3066 .gallery-columns-7 .gallery-item:nth-of-type(7n),
\r
3067 .gallery-columns-9 .gallery-item:nth-of-type(9n) {
\r
3068 margin-right: 4px;
\r
3075 .gallery .gallery-item:nth-of-type(even) {
\r
3085 .comment-author .avatar {
\r
3087 margin: 0 5px 0 0;
\r
3091 .comment-metadata,
\r
3093 .comment-list .reply {
\r
3101 * ----------------------------------------------------------------------------
\r
3104 /* Retina-specific styles. */
\r
3106 (-o-min-device-pixel-ratio: 5/4),
\r
3107 (-webkit-min-device-pixel-ratio: 1.25),
\r
3108 (min-resolution: 120dpi) {
\r
3110 .site-header .search-field {
\r
3111 background-image: url(images/search-icon-2x.png);
\r
3114 .format-audio .audio-content,
\r
3115 .format-status .entry-content:before,
\r
3116 .format-status .entry-meta:before,
\r
3117 .comment-list > li:after,
\r
3118 .comment-list .children > li:before {
\r
3119 background-image: url(images/dotted-line-2x.png);
\r
3125 background: none !important;
\r
3130 footer a[rel="bookmark"]:link:after,
\r
3131 footer a[rel="bookmark"]:visited:after {
\r
3132 content: " [" attr(href) "] "; /* Show URLs */
\r
3140 background-image: none !important;
\r
3143 .site-header .home-link {
\r
3153 .site-description {
\r
3160 .comments-area .comment-edit-link,
\r
3161 .comments-area .reply,
\r
3163 .entry-meta .edit-link,
\r
3165 .site-content nav,
\r
3192 .entry-content img.alignleft,
\r
3193 .entry-content .wp-caption.alignleft {
\r
3197 .entry-content img.alignright,
\r
3198 .entry-content .wp-caption.alignright {
\r
3202 .format-image .entry-content .size-full {
\r
3206 /* Remove colors from post formats */
\r
3208 background-color: #fff;
\r
3212 .comments-area > li.comment {
\r
3214 position: relative;
\r
3218 .comment-metadata {
\r
3222 .comment-author .fn,
\r
3223 .comment-reply-link,
\r
3224 .comment-reply-login {
\r