Changeset 25060
- Timestamp:
- 08/20/2013 05:30:18 PM (11 years ago)
- Location:
- trunk/src/wp-content/themes/twentyfourteen
- Files:
-
- 4 edited
Legend:
- Unmodified
- Added
- Removed
-
trunk/src/wp-content/themes/twentyfourteen/js/theme.js
r24832 r25060 5 5 var $primaryNaviClone, 6 6 $secondaryNaviClone, 7 $masthead = $( ' header#masthead' ),8 $secondaryTop = $( ' div#secondary-top' ),9 $mobileNavigations = $( ' div#mobile-navigations'),7 $masthead = $( '#masthead' ), 8 $secondaryTop = $( '#secondary-top' ), 9 $mobileNavigations = $( '#mobile-navigations'), 10 10 $socialLinksWrapper = $( 'div.social-links-wrapper' ), 11 11 $searchBoxWrapper = $( 'div.search-box-wrapper' ), … … 17 17 function menuToggle() { 18 18 $( 'span#nav-toggle' ).toggleClass( 'active' ); 19 $masthead.find( ' div#mobile-navigations' ).toggleClass( 'hide' );19 $masthead.find( '#mobile-navigations' ).toggleClass( 'hide' ); 20 20 } 21 21 … … 49 49 function mobileHeader() { 50 50 // Check if the toggler exists. If not add it. 51 if ( ! $( ' span#nav-toggle' ).length )51 if ( ! $( '#nav-toggle' ).length ) 52 52 $( '<span id="nav-toggle" class="genericon" />' ).appendTo( $masthead ); 53 53 … … 105 105 var $mastheadOffset = -1, 106 106 $toolbarOffset = $( 'body' ).is( '.admin-bar' ) ? 32 : 0, 107 $maindiv = $( ' div#main' );107 $maindiv = $( '#main' ); 108 108 109 109 $( window ).on( 'scroll', false, function() { -
trunk/src/wp-content/themes/twentyfourteen/rtl.css
r25023 r25060 108 108 } 109 109 110 .search-box #searchform input[type="text"]{110 .search-box .search-field { 111 111 float: left; 112 112 } … … 260 260 .post-navigation .nav-previous, 261 261 .post-navigation .nav-next, 262 #image-navigation .previous-image,263 #image-navigation .next-image {262 .image-navigation .previous-image, 263 .image-navigation .next-image { 264 264 text-align: right; 265 265 } … … 316 316 } 317 317 318 #comments li #respond {318 .comment .comment-respond { 319 319 margin-right: 47px; 320 320 margin-right: 4.7rem; … … 340 340 341 341 /* Caledar widget*/ 342 .widget_calendar #wp-calendarcaption {342 .widget_calendar caption { 343 343 text-align: right; 344 344 } 345 345 346 .widget_calendar #wp-calendar tfoot td#prev {346 .widget_calendar#prev { 347 347 padding-right: 5px; 348 348 padding-right: 0.5rem; … … 350 350 } 351 351 352 .widget_calendar # wp-calendar tfoot td#next {352 .widget_calendar #next { 353 353 border-left: 1px solid rgba(255, 255, 255, 0.2); 354 354 padding-left: 5px; … … 363 363 ----------------------------------------------- */ 364 364 365 #content-sidebar .widget .children,366 #content-sidebar .widget .sub-menu {365 .content-sidebar .widget .children, 366 .content-sidebar .widget .sub-menu { 367 367 margin:0 20px 0 0; 368 368 margin:0 2.0rem 0 0; 369 369 } 370 370 371 #content-sidebar .widget .widgets-multi-column-grid li {371 .content-sidebar .widget .widgets-multi-column-grid li { 372 372 padding: 0 0 6px 8px; 373 373 padding: 0 0 0.6rem 0.8rem; … … 388 388 389 389 @media screen and (min-width: 400px) { 390 #primary.featured-post:before,391 #primary.post-format a:before,392 #primary .post-format + span.entry-date a:before,393 #primary span.entry-date a:before,394 #primary.byline a:before,395 #primary.comments-link a:before,390 .content-area .featured-post:before, 391 .content-area .post-format a:before, 392 .content-area .post-format + .entry-date a:before, 393 .content-area .entry-date a:before, 394 .content-area .byline a:before, 395 .content-area .comments-link a:before, 396 396 .entry-comment .edit-link a:before, 397 .attachment span.entry-date:before,398 #primary.full-size-link a:before,399 #primary.parent-post-link a:before {397 .attachment .entry-date:before, 398 .content-area .full-size-link a:before, 399 .content-area .parent-post-link a:before { 400 400 margin: 0 0 0 2px; 401 401 margin: 0 0 0 0.2rem; 402 402 } 403 403 404 #primary.entry-meta > span {404 .content-area .entry-meta > span { 405 405 margin-left: 10px; 406 406 margin-left: 1.0rem; … … 408 408 } 409 409 410 #primary.format-video .post-format a:before {410 .content-area .format-video .post-format a:before { 411 411 margin: -1px 0 0 2px; 412 412 margin: -0.1rem 0 0 0.2rem; 413 413 } 414 414 415 #primary.format-image .post-format a:before {415 .content-area .format-image .post-format a:before { 416 416 margin: -1px 0 0 2px; 417 417 margin: -0.1rem 0 0 0.2rem; 418 418 } 419 419 420 #primary.format-gallery .post-format a:before {420 .content-area .format-gallery .post-format a:before { 421 421 margin: -1px 0 0 4px; 422 422 margin: -0.1rem 0 0 0.4rem; 423 423 } 424 424 425 #primary.featured-post:before {425 .content-area .featured-post:before { 426 426 margin: -1px 0 0 3px; 427 427 margin: -0.1rem 0 0 0.3rem; 428 428 } 429 429 430 #primary .post-format + span.entry-date a:before,431 #primary span.entry-date a:before,432 .attachment span.entry-date:before {430 .content-area .post-format + .entry-date a:before, 431 .content-area .entry-date a:before, 432 .attachment .entry-date:before { 433 433 margin: 0 0 0 1px; 434 434 margin: 0 0 0 0.1rem; 435 435 } 436 436 437 #primary.comments-link a:before {437 .content-area .comments-link a:before { 438 438 margin: -1px 0 0 2px; 439 439 margin: -0.1rem 0 0 0.2rem; … … 452 452 453 453 @media screen and (min-width: 672px) { 454 #primary{454 .content-area { 455 455 float: right; 456 456 } … … 495 495 .comments-title, 496 496 .nocomments, 497 #comments #respond,497 .comment-respond, 498 498 .comments-area article, 499 .comment-list li.trackback,500 .comment-list li.pingback,499 .comment-list .trackback, 500 .comment-list .pingback, 501 501 .post-navigation [rel="prev"], 502 502 .post-navigation [rel="next"] { … … 510 510 } 511 511 512 #image-navigation .previous-image,513 #image-navigation .next-image,512 .image-navigation .previous-image, 513 .image-navigation .next-image, 514 514 .full-width .comment-navigation, 515 515 .full-width .comments-title, 516 .full-width #comments #respond,516 .full-width .comment-respond, 517 517 .full-width .comments-area article, 518 518 .full-width .comment-list li.trackback, … … 531 531 532 532 @media screen and (min-width: 870px) { 533 #primary.entry-header {533 .content-area .entry-header { 534 534 margin-left: 8.03571428%; 535 535 margin-right: 12.5%; 536 536 } 537 537 538 #primary.entry-content,539 #primary.entry-summary {538 .content-area .entry-content, 539 .content-area .entry-summary { 540 540 margin-left: 8.03571428%; 541 541 margin-right: 12.5%; 542 542 } 543 543 544 #primaryfooter.entry-meta {544 .content-area footer.entry-meta { 545 545 margin: 12px 12.5% 24px 8.03571428%; 546 546 margin: 1.2rem 12.5% 2.4rem 8.03571428%; 547 547 } 548 548 549 .page #primary.entry-header,550 .error404 #primary.entry-header {549 .page .content-area .entry-header, 550 .error404 .content-area .entry-header { 551 551 margin: 0 12.5% 0 8.03571428%; 552 552 } … … 559 559 .comments-title, 560 560 .nocomments, 561 #comments #respond,561 .comment-respond, 562 562 .comments-area article, 563 563 .comment-list li.trackback, … … 569 569 } 570 570 571 #comments #respond {571 .comment-respond { 572 572 padding-left: 13.8900862%; 573 573 } … … 590 590 } 591 591 592 #image-navigation .previous-image,593 #image-navigation .next-image,592 .image-navigation .previous-image, 593 .image-navigation .next-image, 594 594 .full-width .comment-navigation, 595 595 .full-width .comments-title, 596 .full-width #comments #respond,596 .full-width .comment-respond, 597 597 .full-width .comments-area article, 598 .full-width .comment-list li.trackback,599 .full-width .comment-list li.pingback {598 .full-width .comment-list .trackback, 599 .full-width .comment-list .pingback { 600 600 padding-left: 11.30926724%; 601 601 padding-right: 11.30926724%; … … 612 612 } 613 613 614 #primary.no-results .entry-header {614 .content-area .no-results .entry-header { 615 615 margin-right: 12.5%; 616 616 margin-left: 8.03571428%; 617 617 } 618 618 619 #primary.no-results .entry-content {619 .content-area .no-results .entry-content { 620 620 margin-right: 12.5%; 621 621 margin-left: 8.03571428%; … … 624 624 625 625 @media screen and (min-width: 1008px) { 626 #page:before {626 .site:before { 627 627 right: 0; 628 628 left: auto; … … 661 661 } 662 662 663 #content-sidebar,663 .content-sidebar, 664 664 .post-formatted-posts { 665 665 margin: 0 -27.31707317% 0 0; … … 672 672 } 673 673 674 #colophon{674 .site-footer { 675 675 padding-right: 27px; 676 676 padding-right: 2.7rem; … … 692 692 .comments-title, 693 693 .nocomments, 694 #comments #respond,694 .comment-respond, 695 695 .comments-area article, 696 .comment-list li.trackback,697 .comment-list li.pingback,696 .comment-list .trackback, 697 .comment-list .pingback, 698 698 .post-navigation [rel="prev"], 699 699 .post-navigation [rel="next"] { … … 713 713 } 714 714 715 #image-navigation .previous-image,716 #image-navigation .next-image,715 .image-navigation .previous-image, 716 .image-navigation .next-image, 717 717 .full-width .comment-navigation, 718 718 .full-width .comments-title, 719 .full-width #comments #respond,719 .full-width .comment-respond, 720 720 .full-width .comments-area article, 721 .full-width .comment-list li.trackback,722 .full-width .comment-list li.pingback {721 .full-width .comment-list .trackback, 722 .full-width .comment-list .pingback { 723 723 padding-left: 5.882236%; 724 724 padding-right: 5.882236%; … … 746 746 747 747 @media screen and (min-width: 1150px) { 748 #primary.entry-header {748 .content-area .entry-header { 749 749 margin: -48px 12.5% 0 8.03571428%; 750 750 margin: -4.8rem 12.5% 0 8.03571428%; 751 751 } 752 752 753 #primary.entry-content,754 #primary.entry-summary {753 .content-area .entry-content, 754 .content-area .entry-summary { 755 755 margin: 0 12.5% 0 8.03571428%; 756 756 } 757 757 758 #primaryfooter.entry-meta {758 .content-area footer.entry-meta { 759 759 margin: 12px 12.5% 24px 8.03571428%; 760 760 margin: 1.2rem 12.5% 2.4rem 8.03571428%; … … 763 763 .comments-title, 764 764 .nocomments, 765 #comments #respond,765 .comment-respond, 766 766 .comments-area article, 767 .comment-list li.trackback,768 .comment-list li.pingback,767 .comment-list .trackback, 768 .comment-list .pingback, 769 769 .post-navigation [rel="prev"], 770 770 .post-navigation [rel="next"] { … … 773 773 } 774 774 775 #comments #respond {775 .comment-respond { 776 776 padding-left: 13.73697916%; 777 777 } … … 794 794 } 795 795 796 .page #primary.entry-header,797 .error404 #primary.entry-header {796 .page .content-area .entry-header, 797 .error404 .content-area .entry-header { 798 798 margin: 0 12.5% 0 8.03571428%; 799 799 } 800 800 801 #image-navigation .previous-image,802 #image-navigation .next-image,801 .image-navigation .previous-image, 802 .image-navigation .next-image, 803 803 .full-width .comment-navigation, 804 804 .full-width .comments-title, 805 .full-width #comments #respond,805 .full-width .comment-respond, 806 806 .full-width .comments-area article, 807 .full-width .comment-list li.trackback,808 .full-width .comment-list li.pingback {807 .full-width .comment-list .trackback, 808 .full-width .comment-list .pingback { 809 809 padding-left: 11.21868265%; 810 810 padding-right: 11.21868265%; 811 811 } 812 812 813 #primary.entry-content .wp-caption.alignright .wp-caption-text {813 .content-area .entry-content .wp-caption.alignright .wp-caption-text { 814 814 padding-right: 10px; 815 815 padding-right: 1.0rem; … … 829 829 830 830 @media screen and (min-width: 1230px) { 831 #content-sidebar,831 .content-sidebar, 832 832 .post-formatted-posts { 833 833 padding-left: 0; 834 834 } 835 835 836 #primary.full-width .entry-header,837 #primary.full-width .entry-content,838 #primary.full-width footer.entry-meta {836 .content-area .full-width .entry-header, 837 .content-area .full-width .entry-content, 838 .content-area .full-width footer.entry-meta { 839 839 margin: 0 11.21868265% 0 0; 840 840 } 841 841 842 #image-navigation .previous-image,843 #image-navigation .next-image,842 .image-navigation .previous-image, 843 .image-navigation .next-image, 844 844 .full-width .comment-navigation, 845 845 .full-width .comments-title, 846 .full-width #comments #respond,846 .full-width .comment-respond, 847 847 .full-width .comments-area article, 848 .full-width .comment-list li.trackback,849 .full-width .comment-list li.pingback {850 padding-left: 0; 851 } 852 } 848 .full-width .comment-list .trackback, 849 .full-width .comment-list .pingback { 850 padding-left: 0; 851 } 852 } -
trunk/src/wp-content/themes/twentyfourteen/sidebar-content.php
r25023 r25060 7 7 */ 8 8 ?> 9 <div id="content-sidebar" class=" widget-area" role="complementary">9 <div id="content-sidebar" class="content-sidebar widget-area" role="complementary"> 10 10 <?php do_action( 'before_sidebar' ); ?> 11 11 -
trunk/src/wp-content/themes/twentyfourteen/style.css
r25023 r25060 221 221 list-style: decimal; 222 222 } 223 ul ul, ol ol, ul ol, ol ul { 223 li > ul, 224 li > ol { 224 225 margin-bottom: 0; 225 226 margin-left: 20px; … … 450 451 } 451 452 /* Animated elements */ 452 #page a,453 .site a, 453 454 .more-link .meta-nav, 454 455 .more-formatted-posts-link .meta-nav, … … 460 461 html input[type="button"], 461 462 input[type="reset"], 462 input[type="submit"], 463 #infinite-handle span { 463 input[type="submit"] { 464 464 -webkit-transition: all 0.2s ease-out; 465 465 -moz-transition: all 0.2s ease-out; … … 544 544 text-rendering: optimizeLegibility; 545 545 } 546 #page {546 .site { 547 547 background-color: #fff; 548 548 max-width: 1230px; … … 550 550 position: relative; 551 551 } 552 #main {552 .site-main { 553 553 max-width: 1230px; 554 554 max-width: 123.0rem; 555 555 } 556 #primary{556 .content-area { 557 557 padding-top:24px; 558 558 padding-top:2.4rem; … … 568 568 z-index: 2; 569 569 } 570 #content-sidebar {570 .content-sidebar { 571 571 -moz-box-sizing: border-box; 572 572 box-sizing: border-box; … … 584 584 z-index: 3; 585 585 } 586 #colophon{586 .site-footer { 587 587 background-color: #000; 588 588 color: rgba(255, 255, 255, 0.4); … … 599 599 ----------------------------------------------- */ 600 600 601 #masthead{601 .site-header { 602 602 background-color: #000; 603 603 max-width: 1230px; … … 609 609 610 610 /* Fixed Header */ 611 #masthead.masthead-fixed {611 .site-header.masthead-fixed { 612 612 box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2); 613 613 position: fixed; 614 614 top: 0; 615 615 } 616 .admin-bar #masthead.masthead-fixed {616 .admin-bar .site-header.masthead-fixed { 617 617 top: 32px; 618 618 } … … 1050 1050 } 1051 1051 .post-formatted-posts .entry-title:after, 1052 #primaryspan + span.entry-date:before,1052 .content-area span + span.entry-date:before, 1053 1053 span + .byline:before, 1054 1054 span + .comments-link:before, … … 1103 1103 } 1104 1104 1105 /* #primaryspecific styles */1106 #primary.entry-header,1107 #primary.page-header {1105 /* .content-area specific styles */ 1106 .content-area .entry-header, 1107 .content-area .page-header { 1108 1108 background-color: #fff; 1109 1109 padding: 24px 10px 12px; 1110 1110 padding: 2.4rem 1.0rem 1.2rem; 1111 1111 } 1112 #primary.entry-title,1113 #primary.page-title {1112 .content-area .entry-title, 1113 .content-area .page-title { 1114 1114 font-size: 33px; 1115 1115 font-size: 3.3rem; … … 1120 1120 text-transform: uppercase; 1121 1121 } 1122 #primary.entry-meta {1122 .content-area .entry-meta { 1123 1123 background-color: #fff; 1124 1124 margin-bottom: 8px; … … 1126 1126 text-transform: uppercase; 1127 1127 } 1128 #primary.entry-content,1129 #primary.page-content,1130 #primary.entry-summary {1128 .content-area .entry-content, 1129 .content-area .page-content, 1130 .content-area .entry-summary { 1131 1131 background-color: #fff; 1132 1132 padding: 12px 10px 0; 1133 1133 padding: 1.2rem 1.0rem 0; 1134 1134 } 1135 #primaryfooter.entry-meta {1135 .content-area footer.entry-meta { 1136 1136 margin-top: 12px; 1137 1137 margin-top: 1.2rem; … … 1139 1139 padding: 0 1.0rem; 1140 1140 } 1141 #primaryfooter.entry-meta .entry-meta {1141 .content-area footer.entry-meta .entry-meta { 1142 1142 margin-bottom: 24px; 1143 1143 margin-bottom: 2.4rem; 1144 1144 } 1145 #primaryfooter.entry-meta .entry-title {1145 .content-area footer.entry-meta .entry-title { 1146 1146 font-size: 12px; 1147 1147 font-size: 1.2rem; … … 1152 1152 text-transform: none; 1153 1153 } 1154 #primaryfooter.entry-meta .entry-title a {1154 footer.entry-meta .entry-title a { 1155 1155 color: #8c8c8c; 1156 1156 } 1157 #primaryfooter.entry-meta .entry-title a:hover {1157 footer.entry-meta .entry-title a:hover { 1158 1158 color: #2b2b2b; 1159 1159 } 1160 #primary.format-aside,1161 #primary.format-quote,1162 #primary.format-link,1163 #primary.format-image,1164 #primary.format-video {1160 .format-aside, 1161 .format-quote, 1162 .format-link, 1163 .format-image, 1164 .format-video { 1165 1165 border-top: 1px solid rgba(0, 0, 0, 0.1); 1166 1166 } 1167 #primary .format-aside .entry-header.entry-title,1168 #primary .format-quote .entry-header.entry-title,1169 #primary .format-link .entry-header.entry-title {1167 .format-aside .entry-title, 1168 .format-quote .entry-title, 1169 .format-link .entry-title { 1170 1170 display: none; 1171 1171 } 1172 #primary.format-aside .entry-content,1173 #primary.format-aside .entry-summary,1174 #primary.format-quote .entry-content,1175 #primary.format-quote .entry-summary,1176 #primary.format-link .entry-content,1177 #primary.format-link.entry-summary {1172 .format-aside .entry-content, 1173 .format-aside .entry-summary, 1174 .format-quote .entry-content, 1175 .format-quote .entry-summary, 1176 .format-link .entry-content, 1177 .format-link.entry-summary { 1178 1178 padding-top: 0; 1179 1179 } 1180 1180 1181 1181 /* Single specific styles */ 1182 .single #primary.format-aside .entry-header,1183 .single #primary.format-quote .entry-header,1184 .single #primary.format-link .entry-header,1185 .single #primary.format-image .entry-header,1186 .single #primary.format-video .entry-header {1182 .single .format-aside .entry-header, 1183 .single .format-quote .entry-header, 1184 .single .format-link .entry-header, 1185 .single .format-image .entry-header, 1186 .single .format-video .entry-header { 1187 1187 padding-top: 0; 1188 1188 } 1189 .single #primary.format-aside,1190 .single #primary.format-quote,1191 .single #primary.format-link,1192 .single #primary.format-image,1193 .single #primary.format-video {1189 .single .format-aside, 1190 .single .format-quote, 1191 .single .format-link, 1192 .single .format-image, 1193 .single .format-video { 1194 1194 border-top: none; 1195 1195 } 1196 1196 1197 1197 /* Page specific styles */ 1198 .page #primary.entry-header,1199 . error404 #primary .page-header,1200 . single-attachment #primary .entry-header,1201 . page #primary .entry-content,1202 . error404 #primary .page-content,1203 .single-attachment #primary.entry-content {1198 .page .entry-header, 1199 .page .entry-content, 1200 .error404 .page-header, 1201 .error404 .page-content, 1202 .single-attachment .entry-header, 1203 .single-attachment .entry-content { 1204 1204 padding-top: 0; 1205 1205 } 1206 .single-attachment #primaryfooter.entry-meta {1206 .single-attachment footer.entry-meta { 1207 1207 text-transform: none; 1208 1208 } … … 1265 1265 height: auto; 1266 1266 } 1267 #page .tag-links a {1267 .site .tag-links a { 1268 1268 -webkit-transition: all 0s ease-out; 1269 1269 -moz-transition: all 0s ease-out; … … 1588 1588 margin-bottom: 3.6rem; 1589 1589 } 1590 .error404 .page-content .widget-title, 1591 .error404 .page-content .widgettitle { 1590 .error404 .page-content .widget-title { 1592 1591 border-top: 5px solid #000; 1593 1592 color: #2b2b2b; … … 1604 1603 height: auto; 1605 1604 } 1606 #site-header img,1605 .site-header img, 1607 1606 .attachment-featured-thumbnail-large, 1608 1607 .entry-content img, … … 1664 1663 text-align: left; 1665 1664 } 1666 #content .gallery a img {1665 .site-content .gallery a img { 1667 1666 border: none; 1668 1667 height: auto; … … 1672 1671 line-height: 1; /* Remove a little margin bottom */ 1673 1672 } 1674 #content .gallery .gallery-item {1673 .site-content .gallery .gallery-item { 1675 1674 margin: 0 0 12px 0; 1676 1675 margin: 0 0 1.2rem 0; 1677 1676 } 1678 #content .gallery {1677 .site-content .gallery { 1679 1678 margin-bottom: 12px; 1680 1679 margin-bottom: 1.2rem; … … 1776 1775 } 1777 1776 .post-navigation, 1778 #image-navigation {1777 .image-navigation { 1779 1778 border-top: 1px solid rgba(0, 0, 0, 0.1); 1780 1779 margin: 24px 0 0; … … 1783 1782 .post-navigation [rel="prev"], 1784 1783 .post-navigation [rel="next"], 1785 #image-navigation .previous-image,1786 #image-navigation .next-image {1784 .image-navigation .previous-image, 1785 .image-navigation .next-image { 1787 1786 border-bottom: 1px solid rgba(0, 0, 0, 0.1); 1788 1787 -moz-box-sizing: border-box; … … 1807 1806 } 1808 1807 .site-content .post-navigation a, 1809 .site-content #image-navigation a {1808 .site-content .image-navigation a { 1810 1809 color: #2b2b2b; 1811 1810 display: block; … … 1817 1816 } 1818 1817 .site-content .post-navigation a:hover, 1819 .site-content #image-navigation a:hover {1818 .site-content .image-navigation a:hover { 1820 1819 background-color: rgba(0, 0, 0, 0.01); 1821 1820 color: #41a62a; … … 1849 1848 ----------------------------------------------- */ 1850 1849 1851 #comments{1850 .comments-area { 1852 1851 margin-top: 36px; 1853 1852 margin-top: 3.6rem; 1854 1853 } 1855 1854 .comments-title, 1856 #reply-title {1855 .comment-reply-title { 1857 1856 font-size: 16px; 1858 1857 font-size: 1.6rem; … … 1864 1863 text-transform: uppercase; 1865 1864 } 1866 #commentform {1865 .comment-form { 1867 1866 background: #fff; 1868 1867 padding: 0 10px; … … 1894 1893 .comment-author a:hover, 1895 1894 .comment-meta a:hover, 1896 .comment-list li.trackback a:hover,1897 .comment-list li.pingback a:hover {1895 .comment-list .trackback a:hover, 1896 .comment-list .pingback a:hover { 1898 1897 color: #41a62a; 1899 1898 text-decoration: none; … … 1905 1904 } 1906 1905 .comments-area article, 1907 .comment-list li.trackback,1908 .comment-list li.pingback {1906 .comment-list .trackback, 1907 .comment-list .pingback { 1909 1908 border-top: 1px solid rgba(0, 0, 0, 0.1); 1910 1909 margin-bottom: 24px; … … 1940 1939 height: 2.2rem; 1941 1940 } 1942 .bypostauthor > article.comment-author .comment-author-avatar {1941 .bypostauthor .comment-author .comment-author-avatar { 1943 1942 background-color: #41a62a; 1944 1943 } … … 1982 1981 border: none; 1983 1982 } 1984 #comments #respond {1983 .comment-respond { 1985 1984 padding: 0; 1986 1985 margin-bottom: 24px; 1987 1986 margin-bottom: 2.4rem; 1988 1987 } 1989 #comments li #respond {1988 .comment .comment-respond { 1990 1989 margin-left: 47px; 1991 1990 margin-left: 4.7rem; 1992 1991 } 1993 #comments #respond h3 {1992 .comment-respond h3 { 1994 1993 margin-top: 0; 1995 1994 margin-bottom: 24px; … … 2008 2007 text-transform: uppercase; 2009 2008 } 2010 #commentform {2009 .comment-form { 2011 2010 padding: 0 10px; 2012 2011 padding: 0 1.0rem; 2013 2012 } 2014 #commentform label {2013 .comment-form label { 2015 2014 display: block; 2016 2015 } 2017 #commentform input[type=text] {2016 .comment-form input[type=text] { 2018 2017 width: 100%; 2019 2018 } … … 2021 2020 display: none; 2022 2021 } 2023 #commentform p:last-child {2022 .comment-form p:last-child { 2024 2023 margin-bottom: 0; 2025 2024 } … … 2040 2039 ----------------------------------------------- */ 2041 2040 2042 #colophona {2041 .site-footer a { 2043 2042 color: rgba(255, 255, 255, 0.4); 2044 2043 } 2045 #colophona:hover {2044 .site-footer a:hover { 2046 2045 color: #fff; 2047 2046 } … … 2080 2079 margin: 0 0 0 1.0rem; 2081 2080 } 2082 .widget-title, 2083 .widgettitle { 2081 .widget-title { 2084 2082 font-size: 14px; 2085 2083 font-size: 1.4rem; … … 2138 2136 .widget p:last-child, 2139 2137 #secondary .widget p:last-child, 2140 #content-sidebar .widget p:last-child {2138 .content-sidebar .widget p:last-child { 2141 2139 margin-bottom: 0; 2142 2140 } 2143 2141 2144 2142 /* Caledar widget*/ 2145 .widget_calendar #wp-calendar a { 2146 display: block; 2147 } 2148 .widget_calendar #wp-calendar tbody a { 2143 .widget_calendar a { 2149 2144 background-color: #41a62a; 2150 2145 color: #fff; 2151 2146 display: block; 2152 2147 } 2153 .widget_calendar #wp-calendar tbodya:hover {2148 .widget_calendar a:hover { 2154 2149 background-color: #35921f; 2155 2150 } 2156 .widget_calendar #wp-calendar{2151 .widget_calendar table { 2157 2152 border: 1px solid rgba(255, 255, 255, 0.2); 2158 2153 border-width: 1px 0 1px 1px; … … 2160 2155 margin: 0; 2161 2156 } 2162 .widget_calendar #wp-calendarcaption {2157 .widget_calendar caption { 2163 2158 color: #fff; 2164 2159 font-weight: 700; … … 2169 2164 text-transform: uppercase; 2170 2165 } 2171 .widget_calendar #wp-calendarthead th,2172 .widget_calendar #wp-calendartbody td {2166 .widget_calendar thead th, 2167 .widget_calendar tbody td { 2173 2168 border: 1px solid rgba(255, 255, 255, 0.2); 2174 2169 border-width: 0 1px 1px 0; 2175 2170 text-align: center; 2176 2171 } 2177 .widget_calendar # wp-calendar tfoot td#prev {2172 .widget_calendar #prev { 2178 2173 padding-left: 5px; 2179 2174 padding-left: 0.5rem; 2180 2175 } 2181 .widget_calendar # wp-calendar tfoot td#next {2176 .widget_calendar #next { 2182 2177 border-right: 1px solid rgba(255, 255, 255, 0.2); 2183 2178 padding-right: 5px; … … 2210 2205 .widget_recent_comments tr { 2211 2206 } 2212 .widget_recent_comments td.recentcommentsavatartop,2213 .widget_recent_comments td.recentcommentsavatarend {2207 .widget_recent_comments .recentcommentsavatartop, 2208 .widget_recent_comments .recentcommentsavatarend { 2214 2209 padding: 8px 8px 8px 0; 2215 2210 padding: 0.8rem 0.8rem 0.8rem 0; 2216 2211 } 2217 .widget_recent_comments td.recentcommentstexttop,2218 .widget_recent_comments td.recentcommentstextend {2212 .widget_recent_comments .recentcommentstexttop, 2213 .widget_recent_comments .recentcommentstextend { 2219 2214 line-height: 1.2857142857; 2220 2215 padding: 8px 0 8px 8px; … … 2237 2232 ----------------------------------------------- */ 2238 2233 2239 #content-sidebar {2234 .content-sidebar { 2240 2235 color: #8c8c8c; 2241 2236 font-size: 14px; … … 2243 2238 line-height: 1.2857142857; 2244 2239 } 2245 #content-sidebar p {2240 .content-sidebar p { 2246 2241 margin-bottom: 18px; 2247 2242 margin-bottom: 1.8rem; 2248 2243 } 2249 #content-sidebar a {2244 .content-sidebar a { 2250 2245 color: #2b2b2b; 2251 2246 } 2252 #content-sidebar a:hover {2247 .content-sidebar a:hover { 2253 2248 color: #41a62a; 2254 2249 } 2255 #content-sidebar button,2256 #content-sidebar html input[type="button"],2257 #content-sidebar input[type="reset"],2258 #content-sidebar input[type="submit"] {2250 .content-sidebar button, 2251 .content-sidebar html input[type="button"], 2252 .content-sidebar input[type="reset"], 2253 .content-sidebar input[type="submit"] { 2259 2254 background-color: #000; 2260 2255 font-size: 12px; … … 2263 2258 padding: 0.6rem 2.4rem; 2264 2259 } 2265 #content-sidebar button:hover,2266 #content-sidebar html input[type="button"]:hover,2267 #content-sidebar input[type="reset"]:hover,2268 #content-sidebar input[type="submit"]:hover,2269 #content-sidebar button:focus,2270 #content-sidebar html input[type="button"]:focus,2271 #content-sidebar input[type="reset"]:focus,2272 #content-sidebar input[type="submit"]:focus {2260 .content-sidebar button:hover, 2261 .content-sidebar html input[type="button"]:hover, 2262 .content-sidebar input[type="reset"]:hover, 2263 .content-sidebar input[type="submit"]:hover, 2264 .content-sidebar button:focus, 2265 .content-sidebar html input[type="button"]:focus, 2266 .content-sidebar input[type="reset"]:focus, 2267 .content-sidebar input[type="submit"]:focus { 2273 2268 background-color: #41a62a; 2274 2269 } 2275 #content-sidebar button:active,2276 #content-sidebar html input[type="button"]:active,2277 #content-sidebar input[type="reset"]:active,2278 #content-sidebar input[type="submit"]:active {2270 .content-sidebar button:active, 2271 .content-sidebar html input[type="button"]:active, 2272 .content-sidebar input[type="reset"]:active, 2273 .content-sidebar input[type="submit"]:active { 2279 2274 background-color: #5FF23D; 2280 2275 } 2281 #content-sidebar input[type="text"],2282 #content-sidebar input[type="email"],2283 #content-sidebar input[type="password"],2284 #content-sidebar textarea {2276 .content-sidebar input[type="text"], 2277 .content-sidebar input[type="email"], 2278 .content-sidebar input[type="password"], 2279 .content-sidebar textarea { 2285 2280 background-color: #fff; 2286 2281 border: 1px solid rgba(0, 0, 0, 0.1); … … 2289 2284 padding: 0.4rem; 2290 2285 } 2291 #content-sidebar .widget-title {2286 .content-sidebar .widget-title { 2292 2287 border-top: 5px solid #000; 2293 2288 color: #2b2b2b; … … 2301 2296 text-transform: uppercase; 2302 2297 } 2303 #content-sidebar .widget li {2298 .content-sidebar .widget li { 2304 2299 border-top: 1px solid rgba(0, 0, 0, 0.1); 2305 2300 padding: 8px 0 9px; 2306 2301 padding: 0.8rem 0 0.9rem; 2307 2302 } 2308 #content-sidebar .widget li:first-child {2303 .content-sidebar .widget li:first-child { 2309 2304 border-top: none; 2310 2305 } 2311 #content-sidebar .widget .children,2312 #content-sidebar .widget .sub-menu {2306 .content-sidebar .widget .children, 2307 .content-sidebar .widget .sub-menu { 2313 2308 margin:0 0 0 20px; 2314 2309 margin:0 0 0 2.0rem; 2315 2310 } 2316 #content-sidebar .widget li li {2311 .content-sidebar .widget li li { 2317 2312 border-top: none; 2318 2313 padding-bottom: 0; 2319 2314 } 2320 #content-sidebar .widget_calendar #wp-calendar,2321 #content-sidebar .widget_calendar #wp-calendar thead th,2322 #content-sidebar .widget_calendar #wp-calendar tbody td,2323 #content-sidebar .widget_calendar #wp-calendar tfoot td#next {2315 .content-sidebar .widget_calendar table, 2316 .content-sidebar .widget_calendar thead th, 2317 .content-sidebar .widget_calendar tbody td, 2318 .content-sidebar .widget_calendar #next { 2324 2319 border-color: rgba(0, 0, 0, 0.1); 2325 2320 } 2326 #content-sidebar .widget_calendar #wp-calendar caption {2321 .content-sidebar .widget_calendar caption { 2327 2322 color: #2b2b2b; 2328 2323 font-size: 14px; … … 2330 2325 font-weight: 900; 2331 2326 } 2332 #content-sidebar .widget_calendar #wp-calendar thead th {2327 .content-sidebar .widget_calendar thead th { 2333 2328 background-color: rgba(0, 0, 0, 0.02); 2334 2329 } 2335 #content-sidebar .widget_rss li {2330 .content-sidebar .widget_rss li { 2336 2331 margin-bottom: 0; 2337 2332 } … … 2351 2346 /* Mobile list style */ 2352 2347 @media screen and (max-width: 400px) { 2353 .list-view #primary{2348 .list-view .content-area { 2354 2349 padding: 12px 10px; 2355 2350 padding: 1.2rem 1.0rem; 2356 2351 } 2357 .list-view #primary.hentry {2352 .list-view .content-area .hentry { 2358 2353 border-bottom: 1px solid rgba(0, 0, 0, 0.1); 2359 2354 margin-bottom: 12px; … … 2364 2359 padding-bottom: 0.9rem; 2365 2360 } 2366 .list-view #primary.cat-links,2367 .list-view #primary.entry-content,2368 .list-view #primary.entry-summary,2369 .list-view #primaryfooter.entry-meta {2361 .list-view .content-area .cat-links, 2362 .list-view .content-area .entry-content, 2363 .list-view .content-area .entry-summary, 2364 .list-view .content-area footer.entry-meta { 2370 2365 display: none; 2371 2366 } … … 2383 2378 width: 8.4rem; 2384 2379 } 2385 .list-view #primary.entry-header {2380 .list-view .content-area .entry-header { 2386 2381 background-color: transparent; 2387 2382 padding: 0; 2388 2383 } 2389 .list-view #primary.entry-title {2384 .list-view .content-area .entry-title { 2390 2385 font-size: 15px; 2391 2386 font-size: 1.5rem; … … 2396 2391 text-transform: none; 2397 2392 } 2398 .list-view #primary.entry-meta {2393 .list-view .content-area .entry-meta { 2399 2394 background-color: transparent; 2400 2395 clear: none; … … 2402 2397 text-transform: none; 2403 2398 } 2404 .list-view #primary.format-aside,2405 .list-view #primary.format-quote,2406 .list-view #primary.format-link,2407 .list-view #primary.format-image,2408 .list-view #primary.format-video {2399 .list-view .content-area .format-aside, 2400 .list-view .content-area .format-quote, 2401 .list-view .content-area .format-link, 2402 .list-view .content-area .format-image, 2403 .list-view .content-area .format-video { 2409 2404 border-top: 0; 2410 2405 } 2411 .list-view #primary .format-aside .entry-header.entry-title,2412 .list-view #primary .format-quote .entry-header.entry-title,2413 .list-view #primary .format-link .entry-header.entry-title {2406 .list-view .content-area .format-aside .entry-title, 2407 .list-view .content-area .format-quote .entry-title, 2408 .list-view .content-area .format-link .entry-title { 2414 2409 display: block; 2415 2410 } … … 2418 2413 /* Enable Genricons */ 2419 2414 @media screen and (min-width: 400px) { 2420 a.attachment-featured-thumbnail:hover img {2415 .attachment-featured-thumbnail:hover img { 2421 2416 opacity: 0.8; 2422 2417 } 2423 #primary span + span.entry-date:before,2424 #primaryspan + .byline:before,2425 #primaryspan + .comments-link:before,2426 #primaryspan + .edit-link:before,2418 .content-area span + .entry-date:before, 2419 .content-area span + .byline:before, 2420 .content-area span + .comments-link:before, 2421 .content-area span + .edit-link:before, 2427 2422 .full-size-link:before, 2428 2423 .parent-post-link:before { 2429 2424 content: ''; 2430 2425 } 2431 #primary.featured-post:before,2432 #primary.post-format a:before,2433 #primary .post-format + span.entry-date a:before,2434 #primary span.entry-date a:before,2435 #primary.byline a:before,2436 #primary.comments-link a:before,2437 #primary.edit-link a:before,2438 .attachment span.entry-date:before,2439 #primary.full-size-link a:before,2440 #primary.parent-post-link a:before {2426 .content-area .featured-post:before, 2427 .content-area .post-format a:before, 2428 .content-area .post-format + .entry-date a:before, 2429 .content-area .entry-date a:before, 2430 .content-area .byline a:before, 2431 .content-area .comments-link a:before, 2432 .content-area .edit-link a:before, 2433 .attachment .entry-date:before, 2434 .content-area .full-size-link a:before, 2435 .content-area .parent-post-link a:before { 2441 2436 display: inline-block; 2442 2437 -webkit-font-smoothing: antialiased; … … 2448 2443 vertical-align: top; 2449 2444 } 2450 #primary.entry-meta > span {2445 .content-area .entry-meta > span { 2451 2446 margin-right: 10px; 2452 2447 margin-right: 1.0rem; 2453 2448 } 2454 #primary.format-video .post-format a:before {2449 .content-area .format-video .post-format a:before { 2455 2450 content: '\F104'; 2456 2451 margin: -1px 2px 0 0; 2457 2452 margin: -0.1rem 0.2rem 0 0; 2458 2453 } 2459 #primary.format-image .post-format a:before {2454 .content-area .format-image .post-format a:before { 2460 2455 content: '\F102'; 2461 2456 margin: -1px 2px 0 0; 2462 2457 margin: -0.1rem 0.2rem 0 0; 2463 2458 } 2464 #primary.format-quote .post-format a:before {2459 .content-area .format-quote .post-format a:before { 2465 2460 content: '\F106'; 2466 2461 } 2467 #primary.format-gallery .post-format a:before {2462 .content-area .format-gallery .post-format a:before { 2468 2463 content: '\F103'; 2469 2464 margin: -1px 4px 0 0; 2470 2465 margin: -0.1rem 0.4rem 0 0; 2471 2466 } 2472 #primary.format-aside .post-format a:before {2467 .content-area .format-aside .post-format a:before { 2473 2468 content: '\F101'; 2474 2469 } 2475 #primary.format-link .post-format a:before {2470 .content-area .format-link .post-format a:before { 2476 2471 content: '\F107'; 2477 2472 } 2478 #primary.featured-post:before {2473 .content-area .featured-post:before { 2479 2474 content: '\F308'; 2480 2475 margin: -1px 3px 0 0; 2481 2476 margin: -0.1rem 0.3rem 0 0; 2482 2477 } 2483 #primary .post-format + span.entry-date a:before,2484 #primary span.entry-date a:before,2485 .attachment span.entry-date:before {2478 .content-area .post-format + .entry-date a:before, 2479 .content-area .entry-date a:before, 2480 .attachment .entry-date:before { 2486 2481 content: '\F303'; 2487 2482 margin: 0 1px 0 0; 2488 2483 margin: 0 0.1rem 0 0; 2489 2484 } 2490 #primary.byline a:before {2485 .content-area .byline a:before { 2491 2486 content: '\F304'; 2492 2487 margin: -1px 0 0 0; 2493 2488 margin: -0.1rem 0 0 0; 2494 2489 } 2495 #primary.comments-link a:before {2490 .content-area .comments-link a:before { 2496 2491 content: '\F300'; 2497 2492 margin: -1px 2px 0 0; 2498 2493 margin: -0.1rem 0.2rem 0 0; 2499 2494 } 2500 #primary.edit-link a:before {2495 .content-area .edit-link a:before { 2501 2496 content: '\F411'; 2502 2497 margin: -1px 2px 0 0; 2503 2498 margin: -0.1rem 0.2rem 0 0; 2504 2499 } 2505 #primary.full-size-link a:before {2500 .content-area .full-size-link a:before { 2506 2501 content: '\F402'; 2507 2502 } 2508 #primary.parent-post-link a:before {2503 .content-area .parent-post-link a:before { 2509 2504 content: '\F301'; 2510 2505 } 2511 .page #primary.edit-link a:before {2506 .page .content-area .edit-link a:before { 2512 2507 margin: 5px 2px 0 0; 2513 2508 margin: 0.5rem 0.2rem 0 0; 2514 }2515 #infinite-handle {2516 margin: 48px 10px 0;2517 margin: 4.8rem 1.0rem 0;2518 2509 } 2519 2510 } … … 2530 2521 margin: 0; 2531 2522 } 2532 #primary{2523 .content-area { 2533 2524 float: left; 2534 2525 padding: 36px 0; … … 2539 2530 margin: 0 33.33333333% 0 0; 2540 2531 } 2541 #content-sidebar {2532 .content-sidebar { 2542 2533 float: right; 2543 2534 margin: 0 0 0 -30.35714285%; … … 2575 2566 2576 2567 @media screen and (min-width: 740px) { 2577 #primary.entry-header {2568 .content-area .entry-header { 2578 2569 margin: -48px 4.59183673% 0; 2579 2570 margin: -4.8rem 4.59183673% 0; … … 2581 2572 padding: 2.4rem 4.46428571% 1.2rem; 2582 2573 } 2583 #primary.entry-content,2584 #primary.entry-summary {2574 .content-area .entry-content, 2575 .content-area .entry-summary { 2585 2576 margin: 0 4.59183673%; 2586 2577 padding: 12px 4.46428571% 0; 2587 2578 padding: 1.2rem 4.46428571% 0; 2588 2579 } 2589 #primaryfooter.entry-meta {2580 .content-area footer.entry-meta { 2590 2581 margin: 12px 4.59183673% 24px; 2591 2582 margin: 1.2rem 4.59183673% 2.4rem; … … 2597 2588 padding: 0 4.46428571%; 2598 2589 } 2599 .page #primary.entry-header,2600 .error404 #primary.page-header {2590 .page .content-area .entry-header, 2591 .error404 .content-area .page-header { 2601 2592 margin: 0 4.59183673%; 2602 2593 padding: 0 4.46428571% 12px; 2603 2594 padding: 0 4.46428571% 1.2rem; 2604 2595 } 2605 #primary.full-width .entry-header {2596 .content-area .full-width .entry-header { 2606 2597 margin: 0 6.04307432%; 2607 2598 padding: 0 0 12px; 2608 2599 padding: 0 0 1.2rem; 2609 2600 } 2610 #primary.full-width .entry-content {2601 .content-area .full-width .entry-content { 2611 2602 margin: 0 6.04307432%; 2612 2603 padding: 0; 2613 2604 } 2614 #primary.full-width footer.entry-meta {2605 .content-area .full-width footer.entry-meta { 2615 2606 margin: 0 6.04307432%; 2616 2607 padding: 0; 2617 2608 } 2618 #primary.format-aside .entry-header,2619 #primary.format-quote .entry-header,2620 #primary.format-link .entry-header,2621 #primary.format-video .entry-header,2622 #primary.format-image .entry-header {2609 .content-area .format-aside .entry-header, 2610 .content-area .format-quote .entry-header, 2611 .content-area .format-link .entry-header, 2612 .content-area .format-video .entry-header, 2613 .content-area .format-image .entry-header { 2623 2614 margin-top: 12px; 2624 2615 margin-top: 1.2rem; 2625 2616 } 2626 .single #primary.format-aside .entry-header,2627 .single #primary.format-quote .entry-header,2628 .single #primary.format-link .entry-header,2629 .single #primary.format-image .entry-header,2630 .single #primary.format-video .entry-header {2617 .single .content-area .format-aside .entry-header, 2618 .single .content-area .format-quote .entry-header, 2619 .single .content-area .format-link .entry-header, 2620 .single .content-area .format-image .entry-header, 2621 .single .content-area .format-video .entry-header { 2631 2622 margin-top: 0; 2632 2623 } … … 2657 2648 .comments-title, 2658 2649 .no-comments, 2659 #comments #respond,2650 .comment-respond, 2660 2651 .comments-area article, 2661 2652 .comment-list li.trackback, … … 2666 2657 padding-left: 9.12778904%; 2667 2658 } 2668 #reply-title,2669 #respond #commentform {2659 .comment-reply-title, 2660 .comment-form { 2670 2661 padding: 0; 2671 2662 } … … 2673 2664 padding-left: 9.12778904%; 2674 2665 } 2675 #image-navigation .previous-image,2676 #image-navigation .next-image,2666 .image-navigation .previous-image, 2667 .image-navigation .next-image, 2677 2668 .full-width .comment-navigation, 2678 2669 .full-width .comments-title, 2679 .full-width #comments #respond,2670 .full-width .comment-respond, 2680 2671 .full-width .comments-area article, 2681 2672 .full-width .comment-list li.trackback, … … 2684 2675 padding-left: 6.04307432%; 2685 2676 } 2686 .full-width #reply-title,2687 .full-width #commentform {2677 .full-width .comment-reply-title, 2678 .full-width .comment-form { 2688 2679 padding: 0; 2689 2680 } 2690 #infinite-handle { 2691 margin: 48px 0 0; 2692 margin: 4.8rem 0 0; 2693 } 2694 #infinite-handle span { 2695 display: inline; 2696 } 2697 #primary .no-results .entry-header { 2681 .content-area .no-results .entry-header { 2698 2682 margin: 0 4.59183673%; 2699 2683 padding: 0 4.46428571%; … … 2711 2695 2712 2696 @media screen and (min-width: 870px) { 2713 #primary{2697 .content-area { 2714 2698 padding-top: 72px; 2715 2699 padding-top: 7.2rem; 2716 2700 } 2717 .home #primary{2701 .home .content-area { 2718 2702 padding-top: 36px; 2719 2703 padding-top: 3.6rem; 2720 2704 } 2721 #primary.entry-header {2705 .content-area .entry-header { 2722 2706 margin-right: 8.03571428%; 2723 2707 margin-left: 12.5%; 2724 2708 } 2725 #primary.entry-content,2726 #primary.entry-summary {2709 .content-area .entry-content, 2710 .content-area .entry-summary { 2727 2711 margin-right: 8.03571428%; 2728 2712 margin-left: 12.5%; 2729 2713 } 2730 #primaryfooter.entry-meta {2714 .content-area footer.entry-meta { 2731 2715 margin: 12px 8.03571428% 24px 12.5%; 2732 2716 margin: 1.2rem 8.03571428% 2.4rem 12.5%; 2733 2717 } 2734 .page #primary.entry-header,2735 .error404 #primary.page-header {2718 .page .content-area .entry-header, 2719 .error404 .content-area .page-header { 2736 2720 margin: 0 8.03571428% 0 12.5%; 2737 2721 } 2738 #primary.full-width .entry-header,2739 #primary.full-width .entry-content,2740 #primary.full-width footer.entry-meta {2722 .content-area .full-width .entry-header, 2723 .content-area .full-width .entry-content, 2724 .content-area .full-width footer.entry-meta { 2741 2725 margin: 0 11.30926724%; 2742 2726 } … … 2745 2729 margin: 0 8.03571428% 2.4rem 12.5%; 2746 2730 } 2747 #content-sidebar {2731 .content-sidebar { 2748 2732 padding-top: 72px; 2749 2733 padding-top: 7.2rem; … … 2760 2744 .comments-title, 2761 2745 .no-comments, 2762 #comments #respond,2746 .comment-respond, 2763 2747 .comments-area article, 2764 2748 .comment-list li.trackback, … … 2769 2753 padding-left: 17.06896551%; 2770 2754 } 2771 #comments #respond {2755 .comment-respond { 2772 2756 padding-right: 13.8900862%; 2773 2757 } … … 2780 2764 padding-left: 17.06896551%; 2781 2765 } 2782 #image-navigation .previous-image,2783 #image-navigation .next-image,2766 .image-navigation .previous-image, 2767 .image-navigation .next-image, 2784 2768 .full-width .comment-navigation, 2785 2769 .full-width .comments-title, 2786 .full-width #comments #respond,2770 .full-width .comment-respond, 2787 2771 .full-width .comments-area article, 2788 2772 .full-width .comment-list li.trackback, … … 2797 2781 margin-right: -20%; 2798 2782 } 2799 #primary.no-results .entry-header {2783 .content-area .no-results .entry-header { 2800 2784 margin-right: 8.03571428%; 2801 2785 margin-left: 12.5%; 2802 2786 } 2803 #primary.no-results .entry-content {2787 .content-area .no-results .entry-content { 2804 2788 margin-right: 8.03571428%; 2805 2789 margin-left: 12.5%; … … 2809 2793 /* Secondary starts appear on the left */ 2810 2794 @media screen and (min-width: 1008px) { 2811 #page:before {2795 .site:before { 2812 2796 background-color: #000; 2813 2797 content: ''; … … 2861 2845 margin: 0 27.31707317% 0 22.2rem; 2862 2846 } 2863 #content-sidebar,2847 .content-sidebar, 2864 2848 .post-formatted-posts { 2865 2849 margin: 0 0 0 -27.31707317%; 2866 2850 width: 24.87804878%; 2867 2851 } 2868 #primary.entry-header,2869 #primary.page-header {2852 .content-area .entry-header, 2853 .content-area .page-header { 2870 2854 margin: -48px 4.59183673% 0; 2871 2855 margin: -4.8rem 4.59183673% 0; … … 2873 2857 padding: 2.4rem 4.46428571% 1.2rem; 2874 2858 } 2875 #primary.entry-content,2876 #primary.page-content,2877 #primary.entry-summary {2859 .content-area .entry-content, 2860 .content-area .page-content, 2861 .content-area .entry-summary { 2878 2862 margin: 0 4.59183673%; 2879 2863 padding: 12px 4.46428571% 0; 2880 2864 padding: 1.2rem 4.46428571% 0; 2881 2865 } 2882 #primaryfooter.entry-meta {2866 .content-area footer.entry-meta { 2883 2867 margin: 12px 4.59183673% 24px; 2884 2868 margin: 1.2rem 4.59183673% 2.4rem; … … 2893 2877 padding-left: 22.2rem; 2894 2878 } 2895 #colophon{2879 .site-footer { 2896 2880 padding-left: 27px; 2897 2881 padding-left: 2.7rem; … … 2933 2917 display: block; 2934 2918 } 2935 .page #primary.entry-header,2936 .error404 #primary.page-header {2919 .page .content-area .entry-header, 2920 .error404 .content-area .page-header { 2937 2921 margin: 0 4.59183673%; 2938 2922 padding: 0 4.46428571% 12px; … … 2943 2927 margin-left: 22.2rem; 2944 2928 } 2945 #primary.full-width .entry-header {2929 .content-area .full-width .entry-header { 2946 2930 padding: 0 0 12px; 2947 2931 padding: 0 0 1.2rem; 2948 2932 } 2949 #primary.full-width .entry-header,2950 #primary.full-width .entry-content,2951 #primary.full-width .page-content,2952 #primary.full-width footer.entry-meta {2933 .content-area .full-width .entry-header, 2934 .content-area .full-width .entry-content, 2935 .content-area .full-width .page-content, 2936 .content-area .full-width footer.entry-meta { 2953 2937 margin: 0 5.882236%; 2954 2938 } 2955 2939 .comments-title, 2956 2940 .no-comments, 2957 #comments #respond,2941 .comment-respond, 2958 2942 .comments-area article, 2959 2943 .comment-list li.trackback, … … 2971 2955 padding-left: 9.19765166%; 2972 2956 } 2973 #image-navigation .previous-image,2974 #image-navigation .next-image,2957 .image-navigation .previous-image, 2958 .image-navigation .next-image, 2975 2959 .full-width .comment-navigation, 2976 2960 .full-width .comments-title, 2977 .full-width #comments #respond,2961 .full-width .comment-respond, 2978 2962 .full-width .comments-area article, 2979 2963 .full-width .comment-list li.trackback, … … 3032 3016 3033 3017 @media screen and (min-width: 1150px) { 3034 #primary.entry-header,3035 #primary.page-header {3018 .content-area .entry-header, 3019 .content-area .page-header { 3036 3020 margin: -48px 8.03571428% 0 12.5%; 3037 3021 margin: -4.8rem 8.03571428% 0 12.5%; 3038 3022 } 3039 #primary.entry-content,3040 #primary.page-content,3041 #primary.entry-summary {3023 .content-area .entry-content, 3024 .content-area .page-content, 3025 .content-area .entry-summary { 3042 3026 margin: 0 8.03571428% 0 12.5%; 3043 3027 } 3044 #primaryfooter.entry-meta {3028 .content-area footer.entry-meta { 3045 3029 margin: 12px 8.03571428% 24px 12.5%; 3046 3030 margin: 1.2rem 8.03571428% 2.4rem 12.5%; … … 3048 3032 .comments-title, 3049 3033 .no-comments, 3050 #comments #respond,3034 .comment-respond, 3051 3035 .comments-area article, 3052 3036 .comment-list li.trackback, … … 3057 3041 padding-left: 16.77524429%; 3058 3042 } 3059 #comments #respond {3043 .comment-respond { 3060 3044 padding-right: 13.73697916%; 3061 3045 } … … 3072 3056 margin: 0 8.03571428% 2.4rem 12.5%; 3073 3057 } 3074 .page #primary.entry-header,3075 .error404 #primary.page-header {3058 .page .content-area .entry-header, 3059 .error404 .content-area .page-header { 3076 3060 margin: 0 8.03571428% 0 12.5%; 3077 3061 } 3078 #primary.full-width .entry-header,3079 #primary.full-width .entry-content,3080 #primary.full-width .page-content,3081 #primary.full-width footer.entry-meta {3062 .content-area .full-width .entry-header, 3063 .content-area .full-width .entry-content, 3064 .content-area .full-width .page-content, 3065 .content-area .full-width footer.entry-meta { 3082 3066 margin: 0 11.21868265%; 3083 3067 } 3084 #image-navigation .previous-image,3085 #image-navigation .next-image,3068 .image-navigation .previous-image, 3069 .image-navigation .next-image, 3086 3070 .full-width .comment-navigation, 3087 3071 .full-width .comments-title, 3088 .full-width #comments #respond,3072 .full-width .comment-respond, 3089 3073 .full-width .comments-area article, 3090 3074 .full-width .comment-list li.trackback, … … 3093 3077 padding-left: 11.21868265%; 3094 3078 } 3095 #primary.entry-content .wp-caption.alignleft .wp-caption-text {3079 .content-area .entry-content .wp-caption.alignleft .wp-caption-text { 3096 3080 padding-left: 10px; 3097 3081 padding-left: 1.0rem; … … 3106 3090 3107 3091 @media screen and (min-width: 1230px) { 3108 #page,3109 #masthead,3110 .home #main {3092 .site, 3093 .site-header, 3094 .home .site-main { 3111 3095 max-width: 1260px; 3112 3096 max-width: 126.0rem; 3113 3097 } 3114 #content-sidebar,3098 .content-sidebar, 3115 3099 .post-formatted-posts { 3116 3100 padding-right: 0; 3117 3101 } 3118 #primary.full-width .entry-header,3119 #primary.full-width .entry-content,3120 #primary.full-width .page-content,3121 #primary.full-width footer.entry-meta {3102 .content-area .full-width .entry-header, 3103 .content-area .full-width .entry-content, 3104 .content-area .full-width .page-content, 3105 .content-area .full-width footer.entry-meta { 3122 3106 margin: 0 0 0 11.21868265%; 3123 3107 } 3124 #image-navigation .previous-image,3125 #image-navigation .next-image,3108 .image-navigation .previous-image, 3109 .image-navigation .next-image, 3126 3110 .full-width .comment-navigation, 3127 3111 .full-width .comments-title, 3128 .full-width #comments #respond,3112 .full-width .comment-respond, 3129 3113 .full-width .comments-area article, 3130 3114 .full-width .comment-list li.trackback,
Note: See TracChangeset
for help on using the changeset viewer.