Ticket #25366: 25366.diff
File 25366.diff, 30.0 KB (added by , 11 years ago) |
---|
-
wp-content/themes/twentyfourteen/style.css
96 96 color: #2b2b2b; 97 97 font-family: lato, sans-serif; 98 98 font-size: 16px; 99 font-size: 1.6rem;100 99 font-weight: 400; 101 100 line-height: 1.5; 102 101 } … … 118 117 clear: both; 119 118 font-weight: 700; 120 119 margin: 36px 0 12px; 121 margin: 3.6rem 0 1.2rem;122 120 } 123 121 h1 { 124 122 font-size: 26px; 125 font-size: 2.6rem;126 123 line-height: 1.3846153846; 127 124 } 128 125 h2 { 129 126 font-size: 24px; 130 font-size: 2.4rem;131 127 line-height: 1; 132 128 } 133 129 h3 { 134 130 font-size: 22px; 135 font-size: 2.2rem;136 131 line-height: 1.0909090909; 137 132 } 138 133 h4 { 139 134 font-size: 20px; 140 font-size: 2.0rem;141 135 line-height: 1.2; 142 136 } 143 137 h5 { 144 138 font-size: 18px; 145 font-size: 1.8rem;146 139 line-height: 1.3333333333; 147 140 } 148 141 h6 { 149 142 font-size: 16px; 150 font-size: 1.6rem;151 143 line-height: 1.5; 152 144 } 153 145 h1 a, … … 172 164 background-color: rgba(0, 0, 0, 0.1); 173 165 border: 0; 174 166 height: 1px; 175 height: 0.1rem;176 167 margin-bottom: 23px; 177 margin-bottom: 2.3rem;178 168 } 179 169 180 170 /* Text elements */ 181 171 p { 182 172 margin-bottom: 24px; 183 margin-bottom: 2.4rem;184 173 } 185 174 ul, ol { 186 175 margin: 0 0 24px 22px; 187 margin: 0 0 2.4rem 2.2rem;188 176 } 189 177 ul { 190 178 list-style: disc; … … 196 184 li > ol { 197 185 margin-bottom: 0; 198 186 margin-left: 20px; 199 margin-left: 2.0rem;200 187 } 201 188 dt { 202 189 font-weight: bold; 203 190 } 204 191 dd { 205 192 margin: 0 0 24px; 206 margin: 0 0 2.4rem;207 193 } 208 194 b, strong { 209 195 font-weight: bold; … … 215 201 font-style: italic; 216 202 font-weight: 300; 217 203 margin: 0 0 24px; 218 margin: 0 0 2.4rem;219 204 } 220 205 blockquote em, blockquote i, blockquote cite { 221 206 font-style: normal; … … 223 208 blockquote p { 224 209 color: #767676; 225 210 font-size: 19px; 226 font-size: 1.9rem;227 211 line-height: 1.2631578947; 228 212 } 229 213 blockquote cite { 230 214 color: #2b2b2b; 231 215 font-size: 16px; 232 font-size: 1.6rem;233 216 font-weight: 400; 234 217 line-height: 1.5; 235 218 } 236 219 address { 237 220 margin: 0 0 24px; 238 margin: 0 0 2.4rem;239 221 } 240 222 pre { 241 223 background: #eee; 242 224 font-family: 'Courier 10 Pitch', Courier, monospace; 243 225 font-size: 15px; 244 font-size: 1.5rem;245 226 line-height: 1.6; 246 227 margin-bottom: 24px; 247 margin-bottom: 2.4rem;248 228 padding: 12px; 249 padding: 1.2rem;250 229 overflow: auto; 251 230 max-width: 100%; 252 231 } 253 232 code, kbd, tt, var { 254 233 font: 15px/1.6 Monaco, Consolas, 'Andale Mono', 'DejaVu Sans Mono', monospace; 255 font-size: 1.5rem;256 234 } 257 235 abbr, acronym { 258 236 border-bottom: 1px dotted rgba(0, 0, 0, 0.1); … … 287 265 } 288 266 table { 289 267 margin: 0 0 24px; 290 margin: 0 0 2.4rem;291 268 width: 100%; 292 269 } 293 270 th { … … 315 292 border-radius: 2px; 316 293 color: #fff; 317 294 font-size: 12px; 318 font-size: 1.2rem;319 295 font-weight: 700; 320 296 line-height: 1; 321 297 padding: 13px 33px 11px; 322 padding: 1.3rem 3.3rem 1.1rem;323 298 text-transform: uppercase; 324 299 vertical-align: top; 325 300 } … … 392 367 input[type="search"], 393 368 input[type="password"] { 394 369 padding: 8px 10px; 395 padding: 0.8rem 1.0rem;396 370 } 397 371 textarea { 398 372 overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */ 399 373 padding: 8px 10px; 400 padding: 0.8rem 1.0rem;401 374 vertical-align: top; /* Improves readability and alignment in all browsers */ 402 375 width: 100%; 403 376 } … … 435 408 display: inline; 436 409 float: left; 437 410 margin-right: 24px; 438 margin-right: 2.4rem;439 411 } 440 412 .alignright { 441 413 display: inline; 442 414 float: right; 443 415 margin-left: 24px; 444 margin-left: 2.4rem;445 416 } 446 417 .aligncenter { 447 418 clear: both; … … 533 504 clear: both; 534 505 color: rgba(255, 255, 255, 0.55); 535 506 padding: 48px 10px 0; 536 padding: 4.8rem 1.0rem 0;537 507 position: relative; 538 508 z-index: 2; 539 509 } … … 542 512 -moz-box-sizing: border-box; 543 513 box-sizing: border-box; 544 514 padding: 36px 10px 0; 545 padding: 3.6rem 1.0rem 0;546 515 position: relative; 547 516 } 548 517 #supplementary { … … 550 519 border-bottom: 1px solid rgba(255, 255, 255, 0.2); 551 520 color: #949a92; 552 521 padding: 48px 10px 0; 553 padding: 4.8rem 1.0rem 0;554 522 position: relative; 555 523 z-index: 3; 556 524 } … … 558 526 background-color: #000; 559 527 color: rgba(255, 255, 255, 0.55); 560 528 font-size: 12px; 561 font-size: 1.2rem;562 529 padding: 15px 10px; 563 padding: 1.5rem 1.0rem;564 530 position: relative; 565 531 z-index: 3; 566 532 } … … 595 561 } 596 562 .header-main { 597 563 margin-right: 48px; 598 margin-right: 4.8rem;599 564 min-height: 48px; 600 min-height: 4.8rem;601 565 padding-left: 10px; 602 padding-left: 1.0rem;603 566 } 604 567 .header-extra { 605 568 background-color: #24890d; … … 609 572 display: inline-block; 610 573 float: left; 611 574 font-size: 18px; 612 font-size: 1.8rem;613 575 font-weight: 700; 614 576 line-height: 48px; 615 577 margin: 0; … … 620 582 #nav-toggle { 621 583 background-color: #000; 622 584 padding: 16px; 623 padding: 1.6rem;624 585 position: absolute; 625 586 top:0; 626 587 right: 0; … … 642 603 display: block; 643 604 float: left; 644 605 font-size: 10px; 645 font-size: 1.0rem;646 606 min-width: 70px; 647 min-width: 7.0rem;648 607 min-height: 48px; 649 min-height: 4.8rem;650 608 padding: 25px 10px 0; 651 padding: 2.5rem 1.0rem 0;652 609 position: relative; 653 610 text-align: center; 654 611 text-transform: uppercase; … … 664 621 color: #fff; 665 622 content: '\f400'; 666 623 margin-left: -8px; 667 margin-left: -0.8rem;668 624 position: absolute; 669 625 top: 9px; 670 top: 0.9rem;671 626 left: 50%; 672 627 } 673 628 .search-box-wrapper { … … 685 640 background-color: #fff; 686 641 float: right; 687 642 font-size: 13px; 688 font-size: 1.3rem;689 643 margin: 12px 10px; 690 margin: 1.2rem 1.0rem;691 644 padding: 3px 6px; 692 padding: 0.3rem 0.6rem;693 645 width: 326px; 694 width: 32.6rem;695 646 } 696 647 697 648 … … 703 654 display: none; 704 655 float: right; 705 656 font-size: 11px; 706 font-size: 1.1rem;707 657 font-weight: 700; 708 658 line-height: 1.6363636363; 709 659 margin: 0 10px 0 -10px; 710 margin: 0 1.0rem 0 -1.0rem;711 660 text-transform: uppercase; 712 661 } 713 662 .primary-navigation ul { … … 721 670 box-sizing: border-box; 722 671 display: inline-block; 723 672 height: 48px; 724 height: 4.8rem;725 673 line-height: 48px; 726 line-height: 4.8rem;727 674 position: relative; 728 675 } 729 676 .primary-navigation a { 730 677 color: #fff; 731 678 display: inline-block; 732 679 padding: 0 10px; 733 padding: 0 1.0rem;734 680 text-decoration: none; 735 681 white-space: nowrap; 736 682 } … … 740 686 float: left; 741 687 position: absolute; 742 688 top: 48px; 743 top: 4.8rem;744 689 left: 0; 745 690 z-index: 99999; 746 691 } … … 755 700 } 756 701 .primary-navigation ul ul a { 757 702 padding: 9px 12px; 758 padding: 0.9rem 1.2rem;759 703 width: 148px; 760 width: 14.8rem;761 704 white-space: normal; 762 705 } 763 706 .primary-navigation ul ul li { … … 783 726 .secondary-navigation { 784 727 border-bottom: 1px solid rgba(255, 255, 255, 0.4); 785 728 font-size: 14px; 786 font-size: 1.4rem;787 729 margin: 0 auto 48px; 788 730 max-width: 474px; 789 731 } … … 792 734 color: #fff; 793 735 font-weight: 700; 794 736 padding: 7px 0 7px; 795 padding: 0.7rem 0 0.7rem;796 737 text-transform: uppercase; 797 738 } 798 739 .secondary-navigation a:hover { … … 804 745 } 805 746 .secondary-navigation ul ul { 806 747 margin: 0 0 0 20px; 807 margin: 0 0 0 2.0rem;808 748 } 809 749 .secondary-navigation li { 810 750 border-top: 1px solid rgba(255, 255, 255, 0.4); … … 828 768 -moz-box-sizing: border-box; 829 769 box-sizing: border-box; 830 770 font-size: 14px; 831 font-size: 1.4rem;832 771 font-weight: 700; 833 772 padding: 24px 10px 0; 834 padding: 2.4rem 1.0rem 0;835 773 text-transform: uppercase; 836 774 } 837 775 .mobile-navigation ul { … … 846 784 } 847 785 .mobile-navigation ul ul li { 848 786 margin-left: 15px; 849 margin-left: 1.5rem;850 787 } 851 788 .mobile-navigation a { 852 789 color: rgba(255, 255, 255, 1); 853 790 display: block; 854 791 padding: 7px 0 7px; 855 padding: 0.7rem 0 0.7rem;856 792 text-decoration: none; 857 793 } 858 794 .mobile-navigation a:hover { … … 868 804 } 869 805 .hentry { 870 806 margin-bottom: 24px; 871 margin-bottom: 2.4rem;872 807 max-width: 672px; 873 max-width: 67.2rem;874 808 } 875 809 .attachment-featured-thumbnail { 876 810 background: #767676 url(images/pattern.png) repeat 0 0; … … 879 813 float: none; 880 814 margin: 0; 881 815 min-height: 180px; 882 min-height: 18.0rem;883 816 position: relative; 884 817 width: 100%; 885 818 height: auto; … … 896 829 .entry-title { 897 830 clear: none; 898 831 font-size: 15px; 899 font-size: 1.5rem;900 832 font-weight: 900; 901 833 line-height: 18px; 902 line-height: 1.8rem;903 834 margin: 0 0 6px 0; 904 margin: 0 0 0.6rem 0;905 835 } 906 836 .entry-title a { 907 837 color: #2b2b2b; … … 913 843 clear: both; 914 844 color: #767676; 915 845 font-size: 12px; 916 font-size: 1.2rem;917 846 font-weight:400; 918 847 line-height: 1.3333333333; 919 848 } … … 966 895 border: 1px solid rgba(0, 0, 0, 0.1); 967 896 border-width: 1px 0 1px 1px; 968 897 font-size: 14px; 969 font-size: 1.4rem;970 898 line-height: 1.2857142857; 971 899 margin-bottom: 24px; 972 margin-bottom: 2.4rem;973 900 } 974 901 .entry-content th, 975 902 .comment-content th { 976 903 border-right: 1px solid rgba(0, 0, 0, 0.1); 977 904 font-weight: 700; 978 905 padding: 8px; 979 padding: 0.8rem;980 906 text-transform: uppercase; 981 907 } 982 908 .entry-content td, … … 984 910 border-top: 1px solid rgba(0, 0, 0, 0.1); 985 911 border-right: 1px solid rgba(0, 0, 0, 0.1); 986 912 padding: 8px; 987 padding: 0.8rem;988 913 } 989 914 .site-content blockquote.alignleft, 990 915 .site-content blockquote.alignright { 991 916 border-top: 1px solid rgba(0, 0, 0, 0.1); 992 917 border-bottom: 1px solid rgba(0, 0, 0, 0.1); 993 918 padding-top: 17px; 994 padding-top: 1.7rem;995 919 width: 50%; 996 920 } 997 921 .site-content blockquote.alignleft p, 998 922 .site-content blockquote.alignright p { 999 923 margin-bottom: 17px; 1000 margin-bottom: 1.7rem;1001 924 } 1002 925 .entry-content .video-player, 1003 926 .entry-content .PDS_Poll { 1004 927 margin-bottom: 24px; 1005 margin-bottom: 2.4rem;1006 928 } 1007 929 footer.entry-meta { 1008 930 margin-bottom: 36px; 1009 margin-bottom: 3.6rem;1010 931 } 1011 932 1012 933 /* .content-area specific styles */ … … 1021 942 .content-area .entry-header { 1022 943 background-color: #fff; 1023 944 padding: 24px 10px 12px; 1024 padding: 2.4rem 1.0rem 1.2rem;1025 945 } 1026 946 .content-area .entry-title { 1027 947 font-size: 33px; 1028 font-size: 3.3rem;1029 948 font-weight: 300; 1030 949 line-height: 1.0909090909; 1031 950 margin-bottom: 12px; 1032 margin-bottom: 1.2rem;1033 951 text-transform: uppercase; 1034 952 } 1035 953 .content-area .entry-meta { 1036 954 background-color: #fff; 1037 955 margin-bottom: 8px; 1038 margin-bottom: 0.8rem;1039 956 text-transform: uppercase; 1040 957 } 1041 958 .content-area .entry-content, … … 1043 960 .content-area .entry-summary { 1044 961 background-color: #fff; 1045 962 padding: 12px 10px 0; 1046 padding: 1.2rem 1.0rem 0;1047 963 } 1048 964 .content-area footer.entry-meta { 1049 965 margin-top: 12px; 1050 margin-top: 1.2rem;1051 966 padding: 0 10px; 1052 padding: 0 1.0rem;1053 967 } 1054 968 .content-area footer.entry-meta { 1055 969 margin-bottom: 36px; 1056 margin-bottom: 3.6rem;1057 970 } 1058 971 .content-area footer.entry-meta .entry-title { 1059 972 font-size: 12px; 1060 font-size: 1.2rem;1061 973 font-weight: 400; 1062 974 line-height: 1.3333333333; 1063 975 margin-bottom: 8px; 1064 margin-bottom: 0.8rem;1065 976 text-transform: none; 1066 977 } 1067 978 footer.entry-meta .entry-title a { … … 1116 1027 .more-link, 1117 1028 .post-format-archive-link { 1118 1029 font-size: 14px; 1119 font-size: 1.4rem;1120 1030 text-transform: uppercase; 1121 1031 white-space: pre; 1122 1032 } … … 1132 1042 .more-link:hover .meta-nav, 1133 1043 .post-format-archive-link:hover .meta-nav { 1134 1044 left: 5px; 1135 left: 0.5rem;1136 1045 } 1137 1046 .page-links { 1138 1047 clear: both; 1139 1048 font-size: 12px; 1140 font-size: 1.2rem;1141 1049 font-weight: 900; 1142 1050 line-height: 2; 1143 1051 margin: 0 0 24px; 1144 margin: 0 0 2.4rem;1145 1052 text-transform: uppercase; 1146 1053 } 1147 1054 .page-links a, … … 1181 1088 color: #fff; 1182 1089 display: inline-block; 1183 1090 font-size: 11px; 1184 font-size: 1.1rem;1185 1091 font-weight: 700; 1186 1092 line-height: 1.2727272727; 1187 1093 margin: 0 4px 4px 10px; 1188 margin: 0 0.4rem 0.4rem 1.0rem;1189 1094 padding: 3px 7px; 1190 padding: 0.3rem 0.7rem;1191 1095 position: relative; 1192 1096 text-transform: uppercase; 1193 1097 } … … 1205 1109 position: absolute; 1206 1110 top: 0; 1207 1111 left: -8px; 1208 left: -0.8rem;1209 1112 width: 0; 1210 1113 height: 0; 1211 1114 } … … 1214 1117 .tag-links a:before { 1215 1118 border-right: 10px solid #767676; 1216 1119 left: -10px; 1217 left: -1.0rem;1218 1120 } 1219 1121 } 1220 1122 .tag-links a:hover:before, … … 1227 1129 content: ''; 1228 1130 position: absolute; 1229 1131 top: 8px; 1230 top: 0.8rem;1231 1132 left: -2px; 1232 left: -0.2rem;1233 1133 width: 4px; 1234 width: 0.4rem;1235 1134 height: 4px; 1236 height: 0.4rem;1237 1135 } 1238 1136 .archive-header, 1239 1137 .page-header { … … 1243 1141 .archive-title, 1244 1142 .page-title { 1245 1143 font-size: 16px; 1246 font-size: 1.6rem;1247 1144 font-weight: 900; 1248 1145 line-height: 1.5; 1249 1146 margin-bottom: 24px; 1250 margin-bottom: 2.4rem;1251 1147 } 1252 1148 .taxonomy-description { 1253 1149 color: #767676; 1254 1150 font-size: 12px; 1255 font-size: 1.2rem;1256 1151 line-height: 1.5; 1257 1152 margin-bottom: 18px; 1258 margin-bottom: 1.8rem;1259 1153 } 1260 1154 .taxonomy-description p:last-child { 1261 1155 margin: 0; … … 1279 1173 1280 1174 .error404 .page-content .search-form { 1281 1175 margin-bottom: 36px; 1282 margin-bottom: 3.6rem;1283 1176 } 1284 1177 .error404 .page-content .widget-title { 1285 1178 border-top: 5px solid #000; 1286 1179 color: #2b2b2b; 1287 1180 padding-top: 7px; 1288 padding-top: 0.7rem;1289 1181 } 1290 1182 1291 1183 … … 1319 1211 background-color: #2b2b2b; 1320 1212 display: block; 1321 1213 min-height: 168px; 1322 min-height: 16.8rem;1323 1214 } 1324 1215 .attachment-featured-featured:hover img { 1325 1216 opacity: 0.8; … … 1328 1219 background-color: #000; 1329 1220 overflow: hidden; 1330 1221 padding: 12px 10px; 1331 padding: 1.2rem 1.0rem;1332 1222 } 1333 1223 #featured-content .entry-meta a, 1334 1224 #featured-content .entry-title a { … … 1340 1230 } 1341 1231 #featured-content .entry-meta { 1342 1232 font-size: 11px; 1343 font-size: 1.1rem;1344 1233 font-weight: 700; 1345 1234 line-height: 1.0909090909; 1346 1235 } … … 1349 1238 } 1350 1239 #featured-content .entry-title { 1351 1240 font-size: 18px; 1352 font-size: 1.8rem;1353 1241 font-weight: 300; 1354 1242 line-height: 1.3333333333; 1355 1243 margin-bottom: 0; … … 1359 1247 background-color: transparent; 1360 1248 color: rgba(255, 255, 255, 0.75); 1361 1249 padding-bottom: 12px; 1362 padding-bottom: 1.2rem;1363 1250 } 1364 1251 #featured-content .entry-summary p { 1365 1252 font-size: 11px; 1366 font-size: 1.1rem;1367 1253 line-height: 1.6363636363; 1368 1254 margin-top: 9px; 1369 margin-top: 0.9rem;1370 1255 margin-bottom: 0; 1371 1256 } 1372 1257 #featured-content .more-link { 1373 1258 color: #5FF23D; 1374 1259 font-size: 11px; 1375 font-size: 1.1rem;1376 1260 } 1377 1261 1378 1262 … … 1389 1273 margin: 0 auto; 1390 1274 max-width: 494px; 1391 1275 padding: 23px 10px 0; 1392 padding: 2.3rem 1.0rem 0;1393 1276 } 1394 1277 .ephemera .widget-title { 1395 1278 border-top: 5px solid #000; 1396 1279 color: #2b2b2b; 1397 1280 font-size: 14px; 1398 font-size: 1.4rem;1399 1281 font-weight: 900; 1400 1282 line-height: 1.2857142857; 1401 1283 margin-bottom: 18px; 1402 margin-bottom: 1.8rem;1403 1284 padding-top: 1px; 1404 1285 text-transform: uppercase; 1405 1286 } … … 1411 1292 color: #fff; 1412 1293 margin-top: -1px; 1413 1294 margin-right: 10px; 1414 margin-right: 1.0rem;1415 1295 padding: 6px 0 9px; 1416 padding: 0.6rem 0 0.9rem;1417 1296 text-align: center; 1418 1297 vertical-align: middle; 1419 1298 width: 36px; 1420 width: 3.6rem;1421 1299 } 1422 1300 .ephemera .video.widget-title:before { 1423 1301 content: '\F104'; … … 1440 1318 .ephemera .hentry { 1441 1319 border-bottom: 1px solid rgba(0, 0, 0, 0.1); 1442 1320 margin-bottom: 18px; 1443 margin-bottom: 1.8rem;1444 1321 } 1445 1322 .ephemera .hentry:last-of-type { 1446 1323 margin-bottom: 9px; 1447 margin-bottom: 0.9rem;1448 1324 } 1449 1325 .ephemera .entry-title { 1450 1326 display: inline; 1451 1327 font-size: 12px; 1452 font-size: 1.2rem;1453 1328 font-weight: 400; 1454 1329 line-height: 1.5; 1455 1330 margin: 0 0 6px 0; 1456 margin: 0 0 0.6rem 0;1457 1331 } 1458 1332 .ephemera .entry-meta { 1459 1333 color: rgba(0, 0, 0, 0.2); 1460 1334 line-height: 1.5; 1461 1335 margin-bottom: 18px; 1462 margin-bottom: 1.8rem;1463 1336 } 1464 1337 .ephemera .entry-meta a { 1465 1338 color: #767676; … … 1469 1342 } 1470 1343 .ephemera .entry-content p:not(.wp-caption-text) { 1471 1344 font-size: 13px; 1472 font-size: 1.3rem;1473 1345 line-height: 1.3846153846; 1474 1346 margin-bottom: 18px; 1475 margin-bottom: 1.8rem;1476 1347 } 1477 1348 .ephemera .entry-content blockquote p cite { 1478 1349 font-size: 13px; 1479 font-size: 1.3rem;1480 1350 line-height: 1.3846153846; 1481 1351 } 1482 1352 .ephemera .wp-caption { 1483 1353 margin-bottom: 18px; 1484 margin-bottom: 1.8rem;1485 1354 } 1486 1355 .ephemera .wp-caption-text { 1487 1356 line-height: 1.5; 1488 1357 margin: 6px 0 0; 1489 margin: 0.6rem 0 0;1490 1358 padding: 0; 1491 1359 } 1492 1360 .ephemera .format-gallery .wp-caption-text { 1493 1361 margin-bottom: 18px; 1494 margin-bottom: 1.8rem;1495 1362 } 1496 1363 .ephemera .more-link { 1497 1364 font-size: 12px; 1498 font-size: 1.2rem;1499 1365 line-height: 1.5; 1500 1366 } 1501 1367 .ephemera .post-format-archive-link { 1502 1368 display: inline-block; 1503 1369 font-size: 12px; 1504 font-size: 1.2rem;1505 1370 font-weight: 900; 1506 1371 line-height: 1.5; 1507 1372 margin-bottom: 36px; 1508 margin-bottom: 3.6rem;1509 1373 } 1510 1374 1511 1375 … … 1533 1397 .wp-caption.alignleft, 1534 1398 blockquote.alignleft { 1535 1399 margin: 7px 24px 7px 0; 1536 margin: 0.7rem 2.4rem 0.7rem 0;1537 1400 } 1538 1401 img.alignright, 1539 1402 .wp-caption.alignright, 1540 1403 blockquote.alignright { 1541 1404 margin: 7px 0 7px 24px; 1542 margin: 0.7rem 0 0.7rem 2.4rem;1543 1405 } 1544 1406 img.aligncenter, 1545 1407 .wp-caption.aligncenter { 1546 1408 margin-top: 7px; 1547 margin-top: 0.7rem;1548 1409 margin-bottom: 7px; 1549 margin-bottom: 0.7rem;1550 1410 } 1551 1411 .wp-smiley { 1552 1412 border: none; … … 1556 1416 } 1557 1417 .wp-caption { 1558 1418 margin-bottom: 24px; 1559 margin-bottom: 2.4rem;1560 1419 max-width: 100%; 1561 1420 } 1562 1421 .wp-caption img[class*="wp-image-"] { … … 1570 1429 -moz-box-sizing: border-box; 1571 1430 box-sizing: border-box; 1572 1431 font-size: 12px; 1573 font-size: 1.2rem;1574 1432 font-style: italic; 1575 1433 line-height: 1.6666666666; 1576 1434 margin: 4px 0; 1577 margin: 0.4em 0;1578 1435 padding: 0 10px 0 0; /* Avoid the caption to overflow the width of the image because wp-caption has 10px wider width */ 1579 padding: 0 1.0rem 0 0;1580 1436 text-align: left; 1581 1437 } 1582 1438 .site-content .gallery a img { … … 1589 1445 } 1590 1446 .site-content .gallery .gallery-item { 1591 1447 margin: 0 0 12px 0; 1592 margin: 0 0 1.2rem 0;1593 1448 } 1594 1449 .site-content .gallery { 1595 1450 margin-bottom: 12px; 1596 margin-bottom: 1.2rem;1597 1451 } 1598 1452 .site-content .gallery dd { 1599 1453 margin: 4px 0 0 0; /* Reset the margin and add a bit of margin-top to captions */ 1600 margin: 0.4rem 0 0 0;1601 1454 } 1602 1455 .gallery-caption { 1603 1456 padding: 0; … … 1607 1460 } 1608 1461 .hentry .tiled-gallery { 1609 1462 margin-bottom: 24px; 1610 margin-bottom: 2.4rem;1611 1463 } 1612 1464 .site-content .gallery-columns-1 a img { 1613 1465 max-width: 100%; … … 1632 1484 } 1633 1485 .entry-attachment .attachment { 1634 1486 margin-bottom: 24px; 1635 margin-bottom: 2.4rem;1636 1487 } 1637 1488 1638 1489 /* Mediaelements */ 1639 1490 .hentry .mejs-container { 1640 1491 margin: 12px 0 18px; 1641 margin: 1.2rem 0 1.8rem;1642 1492 } 1643 1493 1644 1494 .hentry .mejs-mediaelement, … … 1662 1512 1663 1513 .hentry .mejs-container .mejs-controls .mejs-time { 1664 1514 padding-top: 9px; 1665 padding-top: .9rem;1666 1515 } 1667 1516 1668 1517 .hentry .mejs-controls .mejs-time-rail span, … … 1681 1530 object, 1682 1531 video { 1683 1532 margin-bottom: 24px; 1684 margin-bottom: 2.4rem;1685 1533 max-width: 100%; 1686 1534 } 1687 1535 p > embed, … … 1700 1548 .paging-navigation { 1701 1549 border-top: 1px solid rgba(0, 0, 0, 0.1); 1702 1550 margin: 36px 0; 1703 margin: 3.6rem 0;1704 1551 } 1705 1552 .paging-navigation .loop-pagination { 1706 1553 margin-top: -1px; 1707 margin-top: -0.1rem;1708 1554 text-align: center; 1709 1555 } 1710 1556 .paging-navigation .page-numbers { 1711 1557 border-top: 1px solid transparent; 1712 1558 display: inline-block; 1713 1559 font-size: 12px; 1714 font-size: 1.2rem;1715 1560 font-weight: 900; 1716 1561 margin-right: 5px; 1717 margin-right: 0.5rem;1718 1562 padding: 9px 15px; 1719 padding: 0.9rem 1.5rem;1720 1563 text-transform: uppercase; 1721 1564 } 1722 1565 .paging-navigation .page-numbers.current { … … 1759 1602 color: #767676; 1760 1603 display: block; 1761 1604 font-size: 12px; 1762 font-size: 1.2rem;1763 1605 line-height: 2; 1764 1606 font-weight: 900; 1765 1607 text-transform: uppercase; … … 1769 1611 color: #2b2b2b; 1770 1612 display: block; 1771 1613 font-size: 14px; 1772 font-size: 1.4rem;1773 1614 font-weight: 700; 1774 1615 line-height: 1.7142857142; 1775 1616 text-transform: none; … … 1782 1623 .comment-navigation { 1783 1624 color: rgba(0, 0, 0, 0.2); 1784 1625 font-size: 12px; 1785 font-size: 1.2rem;1786 1626 line-height: 2; 1787 1627 margin-bottom: 48px; 1788 margin-bottom: 4.8rem;1789 1628 text-transform: uppercase; 1790 1629 } 1791 1630 .comment-navigation .nav-previous, … … 1797 1636 } 1798 1637 #comment-nav-above { 1799 1638 margin-top: 36px; 1800 margin-top: 3.6rem;1801 1639 margin-bottom: 0; 1802 1640 } 1803 1641 … … 1807 1645 1808 1646 .comments-area { 1809 1647 margin: 36px auto; 1810 margin: 3.6rem auto;1811 1648 max-width: 474px; 1812 max-width: 47.4rem;1813 1649 padding: 0 10px; 1814 padding: 0 1.0rem;1815 1650 } 1816 1651 .comments-title, 1817 1652 .comment-reply-title { 1818 1653 font-size: 16px; 1819 font-size: 1.6rem;1820 1654 font-weight: 900; 1821 1655 line-height: 1.5; 1822 1656 margin-bottom: 0; … … 1828 1662 .comment-list { 1829 1663 list-style: none; 1830 1664 margin: 0 0 48px 0; 1831 margin: 0 0 4.8rem 0;1832 1665 } 1833 1666 .comment-author { 1834 1667 font-size: 14px; 1835 font-size: 1.4rem;1836 1668 line-height: 1.7142857142; 1837 1669 text-transform: uppercase; 1838 1670 } 1839 1671 .comment-metadata, 1840 1672 .comment-list .reply { 1841 1673 font-size: 12px; 1842 font-size: 1.2rem;1843 1674 line-height: 2; 1844 1675 text-transform: uppercase; 1845 1676 } … … 1867 1698 .comment-list .pingback { 1868 1699 border-top: 1px solid rgba(0, 0, 0, 0.1); 1869 1700 margin-bottom: 24px; 1870 margin-bottom: 2.4rem;1871 1701 padding-top: 24px; 1872 1702 } 1873 1703 .comment-list li:first-child article { … … 1876 1706 .comments-area article { 1877 1707 background: none; 1878 1708 min-height: 48px; 1879 min-height: 4.8rem;1880 1709 } 1881 1710 .comment-author { 1882 1711 padding-left: 36px; 1883 padding-left: 3.6rem;1884 1712 position: relative; 1885 1713 } 1886 1714 .comment-author .avatar { 1887 1715 border: 1px solid rgba(0, 0, 0, 0.1); 1888 1716 padding: 2px; 1889 padding: 0.2rem;1890 1717 position: absolute; 1891 1718 top: 0; 1892 1719 left: 0; 1893 1720 width: 18px; 1894 width: 1.8rem;1895 1721 height: 18px; 1896 height: 1.8rem;1897 1722 } 1898 1723 .bypostauthor .avatar { 1899 1724 background-color: #000; … … 1908 1733 .comment-content, 1909 1734 .comment-list .reply { 1910 1735 padding-left: 36px; 1911 padding-left: 3.6rem;1912 1736 } 1913 1737 .comment-edit-link:before, 1914 1738 .comment-reply-link:before, … … 1916 1740 display: inline-block; 1917 1741 -webkit-font-smoothing: antialiased; 1918 1742 font: normal 16px/1 'Genericons'; 1919 font-size:1.6rem;1920 1743 vertical-align: top; 1921 1744 } 1922 1745 .comment-edit-link { 1923 1746 margin-left: 10px; 1924 margin-left: 1.0rem;1925 1747 } 1926 1748 .comment-edit-link:before { 1927 1749 content: "\f411"; 1928 1750 margin: 3px 2px 0 0; 1929 margin: 0.3rem 0.2rem 0 0;1930 1751 } 1931 1752 .comment-reply-link:before, 1932 1753 .comment-reply-login:before { 1933 1754 content: "\f412"; 1934 1755 margin: 3px 3px 0 0; 1935 margin: 0.3rem 0.3rem 0 0;1936 1756 } 1937 1757 .comment-content { 1938 1758 word-wrap: break-word; … … 1940 1760 .comment-content ul, 1941 1761 .comment-content ol { 1942 1762 margin: 0 0 24px 22px; 1943 margin: 0 0 2.4rem 2.2rem;1944 1763 } 1945 1764 .comment-content li > ul, 1946 1765 .comment-content li > ol { … … 1956 1775 .comment-respond { 1957 1776 padding: 0; 1958 1777 margin-bottom: 24px; 1959 margin-bottom: 2.4rem;1960 1778 } 1961 1779 .comment .comment-respond { 1962 1780 margin-left: 36px; 1963 margin-left: 3.6rem;1964 1781 } 1965 1782 .comment-respond h3 { 1966 1783 margin-top: 0; 1967 1784 margin-bottom: 24px; 1968 margin-bottom: 2.4rem;1969 1785 } 1970 1786 .no-comments { 1971 1787 color: #767676; 1972 1788 font-size: 16px; 1973 font-size: 1.6rem;1974 1789 font-weight: 900; 1975 1790 line-height: 1.5; 1976 1791 margin-top: 24px; 1977 margin-top: 2.4rem;1978 1792 padding: 0 10px; 1979 padding: 0 1.0rem;1980 1793 text-transform: uppercase; 1981 1794 } 1982 1795 .comment-form label { … … 2000 1813 color: rgba(255, 255, 255, 0.55); 2001 1814 display: none; 2002 1815 font-size: 11px; 2003 font-size: 1.1rem;2004 1816 font-weight: 400; 2005 1817 } 2006 1818 … … 2021 1833 2022 1834 .widget-area p { 2023 1835 margin-bottom: 18px; 2024 margin-bottom: 1.8rem;2025 1836 } 2026 1837 .widget-area a { 2027 1838 color: rgba(255, 255, 255, 0.75); … … 2046 1857 .widget li > ul, 2047 1858 .widget li > ol { 2048 1859 margin: 0 0 0 10px; 2049 margin: 0 0 0 1.0rem;2050 1860 } 2051 1861 .widget-title { 2052 1862 font-size: 14px; 2053 font-size: 1.4rem;2054 1863 font-weight: 900; 2055 1864 line-height: 1.7142857142; 2056 1865 margin: 0 0 24px 0; 2057 margin: 0 0 2.4rem 0;2058 1866 text-transform: uppercase; 2059 1867 } 2060 1868 .widget-area button, … … 2063 1871 .widget-area input[type="submit"] { 2064 1872 background-color: #24890d; 2065 1873 font-size: 11px; 2066 font-size: 1.1rem;2067 1874 padding: 6px 24px; 2068 padding: 0.6rem 2.4rem;2069 1875 } 2070 1876 .widget-area button:hover, 2071 1877 .widget-area html input[type="button"]:hover, … … 2094 1900 color: #fff; 2095 1901 max-width: 100%; 2096 1902 padding: 4px; 2097 padding: 0.4rem;2098 1903 } 2099 1904 .widget select, 2100 1905 .widget iframe { 2101 1906 max-width: 99%; 2102 1907 margin-left: 1px; 2103 margin-left: 0.1rem;2104 1908 } 2105 1909 .widget table:last-child, 2106 1910 .widget iframe:last-child, … … 2130 1934 font-weight: 700; 2131 1935 line-height: 1.7142857142; 2132 1936 margin-bottom: 18px; 2133 margin-bottom: 1.8rem;2134 1937 text-align: left; 2135 1938 text-transform: uppercase; 2136 1939 } … … 2142 1945 } 2143 1946 .widget_calendar #prev { 2144 1947 padding-left: 5px; 2145 padding-left: 0.5rem;2146 1948 } 2147 1949 .widget_calendar #next { 2148 1950 border-right: 1px solid rgba(255, 255, 255, 0.2); 2149 1951 padding-right: 5px; 2150 padding-right: 0.5rem;2151 1952 text-align: right; 2152 1953 } 2153 1954 … … 2160 1961 /* RSS Widget */ 2161 1962 .widget_rss li { 2162 1963 margin-bottom: 18px; 2163 margin-bottom: 1.8rem;2164 1964 } 2165 1965 .widget_rss li:last-child { 2166 1966 margin-bottom: 0; … … 2173 1973 .widget_recent_comments .avatar { 2174 1974 max-width: none; 2175 1975 } 2176 .widget_recent_comments tr {2177 }2178 1976 .widget_recent_comments .recentcommentsavatartop, 2179 1977 .widget_recent_comments .recentcommentsavatarend { 2180 1978 padding: 8px 8px 8px 0; 2181 padding: 0.8rem 0.8rem 0.8rem 0;2182 1979 } 2183 1980 .widget_recent_comments .recentcommentstexttop, 2184 1981 .widget_recent_comments .recentcommentstextend { 2185 1982 line-height: 1.2857142857; 2186 1983 padding: 8px 0 8px 8px; 2187 padding: 0.8rem 0 0.8rem 0.8rem;2188 1984 vertical-align: top; 2189 1985 } 2190 1986 … … 2205 2001 .content-sidebar { 2206 2002 color: #767676; 2207 2003 font-size: 14px; 2208 font-size: 1.4rem;2209 2004 line-height: 1.2857142857; 2210 2005 } 2211 2006 .content-sidebar p { 2212 2007 margin-bottom: 18px; 2213 margin-bottom: 1.8rem;2214 2008 } 2215 2009 .content-sidebar a { 2216 2010 color: #2b2b2b; … … 2224 2018 .content-sidebar input[type="submit"] { 2225 2019 background-color: #000; 2226 2020 font-size: 12px; 2227 font-size: 1.2rem;2228 2021 padding: 6px 24px; 2229 padding: 0.6rem 2.4rem;2230 2022 } 2231 2023 .content-sidebar button:hover, 2232 2024 .content-sidebar html input[type="button"]:hover, … … 2254 2046 border: 1px solid rgba(0, 0, 0, 0.1); 2255 2047 color: #2b2b2b; 2256 2048 padding: 4px; 2257 padding: 0.4rem;2258 2049 } 2259 2050 .content-sidebar .widget-title { 2260 2051 border-top: 5px solid #000; 2261 2052 color: #2b2b2b; 2262 2053 font-size: 14px; 2263 font-size: 1.4rem;2264 2054 font-weight: 900; 2265 2055 margin: 0 0 18px 0; 2266 margin: 0 0 1.8rem 0;2267 2056 padding-top: 7px; 2268 padding-top: 0.7rem;2269 2057 text-transform: uppercase; 2270 2058 } 2271 2059 .content-sidebar .widget li { 2272 2060 border-top: 1px solid rgba(0, 0, 0, 0.1); 2273 2061 padding: 8px 0 9px; 2274 padding: 0.8rem 0 0.9rem;2275 2062 } 2276 2063 .content-sidebar .widget li:first-child { 2277 2064 border-top: none; … … 2279 2066 .content-sidebar .widget .children, 2280 2067 .content-sidebar .widget .sub-menu { 2281 2068 margin:0 0 0 20px; 2282 margin:0 0 0 2.0rem;2283 2069 } 2284 2070 .content-sidebar .widget li li { 2285 2071 border-top: none; … … 2294 2080 .content-sidebar .widget_calendar caption { 2295 2081 color: #2b2b2b; 2296 2082 font-size: 14px; 2297 font-size: 1.4rem;2298 2083 font-weight: 900; 2299 2084 } 2300 2085 .content-sidebar .widget_calendar thead th { … … 2336 2121 .contributor-avatar { 2337 2122 float: left; 2338 2123 padding: 2px; 2339 padding: 0.2rem;2340 2124 border: 1px solid rgba(0, 0, 0, 0.1); 2341 2125 margin: 0 30px 20px 0; 2342 2126 } … … 2345 2129 } 2346 2130 .contributor-name { 2347 2131 font-size: 16px; 2348 font-size: 1.6rem;2349 2132 font-weight: 900; 2350 2133 line-height: 1.5; 2351 2134 margin: 0; … … 2370 2153 @media screen and (max-width: 400px) { 2371 2154 .list-view .content-area { 2372 2155 padding: 12px 10px; 2373 padding: 1.2rem 1.0rem;2374 2156 } 2375 2157 .list-view .content-area .hentry { 2376 2158 border-bottom: 1px solid rgba(0, 0, 0, 0.1); 2377 2159 margin-bottom: 12px; 2378 margin-bottom: 1.2rem;2379 2160 min-height: 60px; 2380 min-height: 6.0rem;2381 2161 padding-bottom: 9px; 2382 padding-bottom: 0.9rem;2383 2162 } 2384 2163 .list-view .content-area .cat-links, 2385 2164 .list-view .content-area .entry-content, … … 2396 2175 .list-view .attachment-featured-thumbnail img { 2397 2176 float: left; 2398 2177 margin: 0 10px 3px 0; 2399 margin: 0 1.0rem 0.3rem 0;2400 2178 width: 84px; 2401 width: 8.4rem;2402 2179 } 2403 2180 .list-view .content-area .entry-header { 2404 2181 background-color: transparent; … … 2406 2183 } 2407 2184 .list-view .content-area .entry-title { 2408 2185 font-size: 15px; 2409 font-size: 1.5rem;2410 2186 font-weight: 900; 2411 2187 line-height: 1.2; 2412 2188 margin-bottom: 6px; 2413 margin-bottom: 0.6rem;2414 2189 text-transform: none; 2415 2190 } 2416 2191 .list-view .content-area .entry-meta { … … 2435 2210 .page-header { 2436 2211 border-bottom: 1px solid rgba(0, 0, 0, 0.1); 2437 2212 padding-top: 12px; 2438 padding-top: 1.2rem;2439 2213 } 2440 2214 .error404 .page-header { 2441 2215 border-bottom: 0; 2442 2216 padding: 0 10px; 2443 padding: 0 1.0rem;2444 2217 } 2445 2218 } 2446 2219 … … 2469 2242 display: inline-block; 2470 2243 -webkit-font-smoothing: antialiased; 2471 2244 font: normal 16px/1 'Genericons'; 2472 font-size:1.6rem;2473 2245 margin: 0 2px 0 0; 2474 margin: 0 0.2rem 0 0;2475 2246 text-transform: none; 2476 2247 } 2477 2248 .content-area .entry-meta > span { 2478 2249 margin-right: 10px; 2479 margin-right: 1.0rem;2480 2250 } 2481 2251 .content-area .format-video .post-format a:before { 2482 2252 content: '\F104'; 2483 2253 margin: -1px 2px 0 0; 2484 margin: -0.1rem 0.2rem 0 0;2485 2254 } 2486 2255 .content-area .format-image .post-format a:before { 2487 2256 content: '\F102'; 2488 2257 margin: -1px 2px 0 0; 2489 margin: -0.1rem 0.2rem 0 0;2490 2258 } 2491 2259 .content-area .format-quote .post-format a:before { 2492 2260 content: '\F106'; … … 2494 2262 .content-area .format-gallery .post-format a:before { 2495 2263 content: '\F103'; 2496 2264 margin: -1px 4px 0 0; 2497 margin: -0.1rem 0.4rem 0 0;2498 2265 } 2499 2266 .content-area .format-aside .post-format a:before { 2500 2267 content: '\F101'; … … 2505 2272 .content-area .featured-post:before { 2506 2273 content: '\F308'; 2507 2274 margin: -1px 3px 0 0; 2508 margin: -0.1rem 0.3rem 0 0;2509 2275 } 2510 2276 .content-area .post-format + .entry-date a:before, 2511 2277 .content-area .entry-date a:before, 2512 2278 .attachment span.entry-date:before { 2513 2279 content: '\F303'; 2514 2280 margin: 0 1px 0 0; 2515 margin: 0 0.1rem 0 0;2516 2281 } 2517 2282 .content-area .byline a:before { 2518 2283 content: '\F304'; 2519 2284 margin: -1px 0 0 0; 2520 margin: -0.1rem 0 0 0;2521 2285 } 2522 2286 .content-area .comments-link a:before { 2523 2287 content: '\F300'; 2524 2288 margin: -1px 2px 0 0; 2525 margin: -0.1rem 0.2rem 0 0;2526 2289 } 2527 2290 .entry-meta .edit-link a:before { 2528 2291 content: '\F411'; 2529 2292 margin: -1px 2px 0 0; 2530 margin: -0.1rem 0.2rem 0 0;2531 2293 } 2532 2294 .content-area .full-size-link a:before { 2533 2295 content: '\F402'; … … 2581 2343 .image-navigation, 2582 2344 .comments-area { 2583 2345 padding-right: 30px; 2584 padding-right: 3.0rem;2585 2346 padding-left: 30px; 2586 padding-left: 3.0rem;2587 2347 } 2588 2348 .content-sidebar, 2589 2349 .ephemera { … … 2608 2368 } 2609 2369 #featured-content .entry-wrap { 2610 2370 height: 96px; 2611 height: 9.6rem;2612 2371 } 2613 2372 .full-width .site-content { 2614 2373 margin-right: 0; … … 2677 2436 .content-area .format-video .entry-header, 2678 2437 .content-area .format-image .entry-header { 2679 2438 margin-top: 12px; 2680 margin-top: 1.2rem;2681 2439 } 2682 2440 .single .content-area .format-aside .entry-header, 2683 2441 .single .content-area .format-quote .entry-header, … … 2690 2448 .comment-list .trackback, 2691 2449 .comment-list .pingback { 2692 2450 margin-bottom: 36px; 2693 margin-bottom: 3.6rem;2694 2451 padding-top: 36px; 2695 padding-top: 3.6rem;2696 2452 } 2697 2453 .comment-author .avatar { 2698 2454 top: 2px; … … 2710 2466 } 2711 2467 .comment .comment-respond { 2712 2468 margin-left: 60px; 2713 margin-left: 6.0rem;2714 2469 } 2715 2470 .content-sidebar { 2716 2471 padding-top: 72px; 2717 padding-top: 7.2rem;2718 2472 } 2719 2473 #featured-content .hentry { 2720 2474 width: 33.3333333%; … … 2782 2536 line-height: 1.6363636363; 2783 2537 margin: 0 0 0 -100%; 2784 2538 padding: 0 27px; 2785 padding: 0 2.7rem;2786 2539 width: 128px; 2787 2540 } 2788 2541 .site-description { 2789 2542 display: block; 2790 2543 line-height: 1.6363636363; 2791 2544 margin: -3px 0 21px; 2792 margin: -0.3rem 0 2.1rem;2793 2545 } 2794 2546 .secondary-navigation { 2795 2547 border-bottom: 1px solid rgba(255, 255, 255, 0.2); 2796 2548 font-size: 11px; 2797 font-size: 1.1rem;2798 2549 } 2799 2550 .secondary-navigation ul, 2800 2551 .secondary-navigation ul ul { … … 2807 2558 } 2808 2559 .secondary-navigation a { 2809 2560 padding: 8px 0 9px; 2810 padding: 0.8rem 0 0.9rem;2811 2561 } 2812 2562 .secondary-navigation ul ul { 2813 2563 background: rgba(0, 0, 0, 0.9); 2814 2564 display: none; 2815 2565 position: absolute; 2816 2566 top: -1px; 2817 top: -0.1rem;2818 2567 left: 128px; 2819 2568 width: 128px; 2820 2569 z-index: 9999; … … 2828 2577 #secondary .widget, 2829 2578 #supplementary .widget { 2830 2579 margin-bottom: 48px; 2831 margin-bottom: 4.8rem;2832 2580 } 2833 2581 #secondary .widget-title, 2834 2582 #supplementary .widget-title { 2835 2583 font-size: 11px; 2836 font-size: 1.1rem;2837 2584 font-weight: 700; 2838 2585 line-height: 1.6363636363; 2839 2586 margin-bottom: 18px; 2840 margin-bottom: 1.8rem;2841 2587 } 2842 2588 #supplementary { 2843 2589 font-size: 11px; 2844 font-size: 1.1rem;2845 2590 line-height: 1.6363636363; 2846 2591 padding-right: 0; 2847 2592 padding-left: 0;