| changeset 5 | 5e2f62d02dcd |
| parent 0 | d970ebf37754 |
| child 7 | cf61fcea0001 |
| 4:346c88efed21 | 5:5e2f62d02dcd |
|---|---|
1 /* |
1 /* |
2 Theme Name: Twenty Thirteen |
2 Theme Name: Twenty Thirteen |
3 Theme URI: http://wordpress.org/themes/twentythirteen |
3 Theme URI: https://wordpress.org/themes/twentythirteen/ |
4 Author: the WordPress team |
4 Author: the WordPress team |
5 Author URI: http://wordpress.org/ |
5 Author URI: https://wordpress.org/ |
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. |
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. |
7 Version: 1.1 |
7 Version: 1.5 |
8 License: GNU General Public License v2 or later |
8 License: GNU General Public License v2 or later |
9 License URI: http://www.gnu.org/licenses/gpl-2.0.html |
9 License URI: http://www.gnu.org/licenses/gpl-2.0.html |
10 Tags: black, brown, orange, tan, white, yellow, light, one-column, two-columns, right-sidebar, flexible-width, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready |
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 |
11 Text Domain: twentythirteen |
11 Text Domain: twentythirteen |
12 |
12 |
13 This theme, like WordPress, is licensed under the GPL. |
13 This theme, like WordPress, is licensed under the GPL. |
14 Use it to make something cool, have fun, and share what you've learned with others. |
14 Use it to make something cool, have fun, and share what you've learned with others. |
15 */ |
15 */ |
537 } |
537 } |
538 |
538 |
539 /* Assistive text */ |
539 /* Assistive text */ |
540 .screen-reader-text { |
540 .screen-reader-text { |
541 clip: rect(1px, 1px, 1px, 1px); |
541 clip: rect(1px, 1px, 1px, 1px); |
542 overflow: hidden; |
|
542 position: absolute !important; |
543 position: absolute !important; |
544 height: 1px; |
|
545 width: 1px; |
|
543 } |
546 } |
544 |
547 |
545 .screen-reader-text:focus { |
548 .screen-reader-text:focus { |
546 background-color: #f1f1f1; |
549 background-color: #f1f1f1; |
547 border-radius: 3px; |
550 border-radius: 3px; |
707 display: block; |
710 display: block; |
708 margin-left: auto; |
711 margin-left: auto; |
709 margin-right: auto; |
712 margin-right: auto; |
710 } |
713 } |
711 |
714 |
715 figure.wp-caption.alignleft, |
|
712 img.alignleft { |
716 img.alignleft { |
713 margin: 5px 20px 5px 0; |
717 margin: 5px 20px 5px 0; |
714 } |
718 } |
715 |
719 |
716 .wp-caption.alignleft { |
720 .wp-caption.alignleft { |
717 margin: 5px 10px 5px 0; |
721 margin: 5px 10px 5px 0; |
718 } |
722 } |
719 |
723 |
724 figure.wp-caption.alignright, |
|
720 img.alignright { |
725 img.alignright { |
721 margin: 5px 0 5px 20px; |
726 margin: 5px 0 5px 20px; |
722 } |
727 } |
723 |
728 |
724 .wp-caption.alignright { |
729 .wp-caption.alignright { |
738 .gallery-caption { |
743 .gallery-caption { |
739 color: #220e10; |
744 color: #220e10; |
740 font-size: 18px; |
745 font-size: 18px; |
741 font-style: italic; |
746 font-style: italic; |
742 font-weight: 300; |
747 font-weight: 300; |
748 margin: 0 0 24px; |
|
749 } |
|
750 |
|
751 div.wp-caption.alignright img[class*="wp-image-"] { |
|
752 float: right; |
|
753 } |
|
754 |
|
755 div.wp-caption.alignright .wp-caption-text { |
|
756 padding-left: 10px; |
|
743 } |
757 } |
744 |
758 |
745 img.wp-smiley, |
759 img.wp-smiley, |
746 .rsswidget img { |
760 .rsswidget img { |
747 border: 0; |
761 border: 0; |
751 margin-top: 0; |
765 margin-top: 0; |
752 padding: 0; |
766 padding: 0; |
753 } |
767 } |
754 |
768 |
755 .wp-caption.alignleft + ul, |
769 .wp-caption.alignleft + ul, |
756 .wp-caption.alignleft + ol { |
770 .wp-caption.alignleft + ol { |
757 list-style-position: inside; |
771 list-style-position: inside; |
758 } |
772 } |
759 |
773 |
760 |
774 |
761 /** |
775 /** |
865 padding: 15px 20px; |
879 padding: 15px 20px; |
866 text-decoration: none; |
880 text-decoration: none; |
867 } |
881 } |
868 |
882 |
869 .nav-menu li:hover > a, |
883 .nav-menu li:hover > a, |
870 .nav-menu li a:hover { |
884 .nav-menu li a:hover, |
885 .nav-menu li:focus > a, |
|
886 .nav-menu li a:focus { |
|
871 background-color: #220e10; |
887 background-color: #220e10; |
872 color: #fff; |
888 color: #fff; |
873 } |
889 } |
874 |
890 |
875 .nav-menu .sub-menu, |
891 .nav-menu .sub-menu, |
876 .nav-menu .children { |
892 .nav-menu .children { |
877 background-color: #220e10; |
893 background-color: #220e10; |
878 border: 2px solid #f7f5e7; |
894 border: 2px solid #f7f5e7; |
879 border-top: 0; |
895 border-top: 0; |
880 display: none; |
|
881 padding: 0; |
896 padding: 0; |
882 position: absolute; |
897 position: absolute; |
883 left: -2px; |
898 left: -2px; |
884 z-index: 99999; |
899 z-index: 99999; |
900 height: 1px; |
|
901 width: 1px; |
|
902 overflow: hidden; |
|
903 clip: rect(1px, 1px, 1px, 1px); |
|
885 } |
904 } |
886 |
905 |
887 .nav-menu .sub-menu ul, |
906 .nav-menu .sub-menu ul, |
888 .nav-menu .children ul { |
907 .nav-menu .children ul { |
889 border-left: 0; |
908 border-left: 0; |
897 margin: 0; |
916 margin: 0; |
898 width: 200px; |
917 width: 200px; |
899 } |
918 } |
900 |
919 |
901 ul.nav-menu ul a:hover, |
920 ul.nav-menu ul a:hover, |
902 .nav-menu ul ul a:hover { |
921 .nav-menu ul ul a:hover, |
922 ul.nav-menu ul a:focus, |
|
923 .nav-menu ul ul a:focus { |
|
903 background-color: #db572f; |
924 background-color: #db572f; |
904 } |
925 } |
905 |
926 |
906 ul.nav-menu li:hover > ul, |
927 ul.nav-menu li:hover > ul, |
907 .nav-menu ul li:hover > ul { |
928 .nav-menu ul li:hover > ul, |
908 display: block; |
929 ul.nav-menu .focus > ul, |
930 .nav-menu .focus > ul { |
|
931 clip: inherit; |
|
932 overflow: inherit; |
|
933 height: inherit; |
|
934 width: inherit; |
|
909 } |
935 } |
910 |
936 |
911 .nav-menu .current_page_item > a, |
937 .nav-menu .current_page_item > a, |
912 .nav-menu .current_page_ancestor > a, |
938 .nav-menu .current_page_ancestor > a, |
913 .nav-menu .current-menu-item > a, |
939 .nav-menu .current-menu-item > a, |
946 margin: 3px 0; |
972 margin: 3px 0; |
947 padding: 0 0 0 34px; |
973 padding: 0 0 0 34px; |
948 position: relative; |
974 position: relative; |
949 -webkit-transition: width 400ms ease, background 400ms ease; |
975 -webkit-transition: width 400ms ease, background 400ms ease; |
950 transition: width 400ms ease, background 400ms ease; |
976 transition: width 400ms ease, background 400ms ease; |
951 width: 0; |
977 width: 1px; |
952 } |
978 } |
953 |
979 |
954 .site-header .search-field:focus { |
980 .site-header .search-field:focus { |
955 background-color: #fff; |
981 background-color: #fff; |
956 border: 2px solid #c3c0ab; |
982 border: 2px solid #c3c0ab; |
1112 } |
1138 } |
1113 |
1139 |
1114 .entry-content a:hover, |
1140 .entry-content a:hover, |
1115 .comment-content a:hover { |
1141 .comment-content a:hover { |
1116 color: #ea9629; |
1142 color: #ea9629; |
1143 } |
|
1144 |
|
1145 .entry-content .more-link { |
|
1146 white-space: nowrap; |
|
1117 } |
1147 } |
1118 |
1148 |
1119 .entry-content blockquote { |
1149 .entry-content blockquote { |
1120 font-size: 24px; |
1150 font-size: 24px; |
1121 } |
1151 } |
1297 .gallery-columns-6 .gallery-item:nth-of-type(6n), |
1327 .gallery-columns-6 .gallery-item:nth-of-type(6n), |
1298 .gallery-columns-7 .gallery-item:nth-of-type(7n), |
1328 .gallery-columns-7 .gallery-item:nth-of-type(7n), |
1299 .gallery-columns-8 .gallery-item:nth-of-type(8n), |
1329 .gallery-columns-8 .gallery-item:nth-of-type(8n), |
1300 .gallery-columns-9 .gallery-item:nth-of-type(9n) { |
1330 .gallery-columns-9 .gallery-item:nth-of-type(9n) { |
1301 margin-right: 0; |
1331 margin-right: 0; |
1332 } |
|
1333 |
|
1334 .gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1), |
|
1335 .gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1), |
|
1336 .gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1), |
|
1337 .gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1) { |
|
1338 clear: left; |
|
1302 } |
1339 } |
1303 |
1340 |
1304 .gallery-caption { |
1341 .gallery-caption { |
1305 background-color: rgba(0, 0, 0, 0.7); |
1342 background-color: rgba(0, 0, 0, 0.7); |
1306 box-sizing: border-box; |
1343 box-sizing: border-box; |
1523 |
1560 |
1524 .format-link div.entry-meta { |
1561 .format-link div.entry-meta { |
1525 display: inline; |
1562 display: inline; |
1526 } |
1563 } |
1527 |
1564 |
1565 /* Standard */ |
|
1566 .format-standard .wp-video, |
|
1567 .format-standard .wp-audio-shortcode, |
|
1568 .format-audio .wp-audio-shortcode, |
|
1569 .format-standard .video-player { |
|
1570 margin-bottom: 24px; |
|
1571 } |
|
1572 |
|
1528 /* Quote */ |
1573 /* Quote */ |
1529 .format-quote { |
1574 .format-quote { |
1530 background-color: #210d10; |
1575 background-color: #210d10; |
1531 } |
1576 } |
1532 |
1577 |
1823 |
1868 |
1824 .attachment .site-main .sidebar-container { |
1869 .attachment .site-main .sidebar-container { |
1825 display: none; |
1870 display: none; |
1826 } |
1871 } |
1827 |
1872 |
1873 .attachment .entry-content .mejs-audio { |
|
1874 max-width: 400px; |
|
1875 margin: 0 auto; |
|
1876 } |
|
1877 |
|
1878 .attachment .entry-content .wp-video { |
|
1879 margin: 0 auto; |
|
1880 } |
|
1881 |
|
1882 .attachment .entry-content .mejs-container { |
|
1883 margin-bottom: 24px; |
|
1884 } |
|
1828 |
1885 |
1829 /** |
1886 /** |
1830 * 5.7 Post/Paging Navigation |
1887 * 5.7 Post/Paging Navigation |
1831 * ---------------------------------------------------------------------------- |
1888 * ---------------------------------------------------------------------------- |
1832 */ |
1889 */ |
2574 |
2631 |
2575 /** |
2632 /** |
2576 * 8.0 Media Queries |
2633 * 8.0 Media Queries |
2577 * ---------------------------------------------------------------------------- |
2634 * ---------------------------------------------------------------------------- |
2578 */ |
2635 */ |
2636 |
|
2637 /* Does the same thing as <meta name="viewport" content="width=device-width">, |
|
2638 * but in the future W3C standard way. -ms- prefix is required for IE10+ to |
|
2639 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor |
|
2640 * the meta tag. See https://core.trac.wordpress.org/ticket/25888. |
|
2641 */ |
|
2642 @-ms-viewport { |
|
2643 width: device-width; |
|
2644 } |
|
2645 @viewport { |
|
2646 width: device-width; |
|
2647 } |
|
2579 |
2648 |
2580 @media (max-width: 1599px) { |
2649 @media (max-width: 1599px) { |
2581 .site { |
2650 .site { |
2582 border: 0; |
2651 border: 0; |
2583 } |
2652 } |
2732 } |
2801 } |
2733 } |
2802 } |
2734 |
2803 |
2735 /* Collapse oversized image and pulled images after iPad breakpoint. */ |
2804 /* Collapse oversized image and pulled images after iPad breakpoint. */ |
2736 @media (max-width: 767px) { |
2805 @media (max-width: 767px) { |
2806 .site-header .home-link { |
|
2807 min-height: 0; |
|
2808 } |
|
2809 .site-title { |
|
2810 font-size: 36px; |
|
2811 padding: 8px 0 10px; |
|
2812 } |
|
2737 .entry-content img.alignleft, |
2813 .entry-content img.alignleft, |
2738 .entry-content .wp-caption.alignleft { |
2814 .entry-content .wp-caption.alignleft { |
2739 margin-left: 0; |
2815 margin-left: 0; |
2740 } |
2816 } |
2741 |
2817 |
2790 .menu-toggle { |
2866 .menu-toggle { |
2791 cursor: pointer; |
2867 cursor: pointer; |
2792 display: inline-block; |
2868 display: inline-block; |
2793 font: bold 16px/1.3 "Source Sans Pro", Helvetica, sans-serif; |
2869 font: bold 16px/1.3 "Source Sans Pro", Helvetica, sans-serif; |
2794 margin: 0; |
2870 margin: 0; |
2871 } |
|
2872 |
|
2873 .menu-toggle, |
|
2874 .menu-toggle:hover, |
|
2875 .menu-toggle:focus, |
|
2876 .menu-toggle:active { |
|
2877 background: none; |
|
2878 border: none; |
|
2879 color: #141412; |
|
2795 padding: 12px 0 12px 20px; |
2880 padding: 12px 0 12px 20px; |
2881 } |
|
2882 |
|
2883 .menu-toggle:focus { |
|
2884 outline: thin dotted; |
|
2796 } |
2885 } |
2797 |
2886 |
2798 .menu-toggle:after { |
2887 .menu-toggle:after { |
2799 content: "\f502"; |
2888 content: "\f502"; |
2800 font-size: 12px; |
2889 font-size: 12px; |
2839 .toggled-on .nav-menu .children a { |
2928 .toggled-on .nav-menu .children a { |
2840 background-color: transparent; |
2929 background-color: transparent; |
2841 color: #141412; |
2930 color: #141412; |
2842 } |
2931 } |
2843 |
2932 |
2844 .toggled-on .nav-menu li a:hover, |
2933 .toggled-on .nav-menu > li a:hover, |
2845 .toggled-on .nav-menu ul a:hover { |
2934 .toggled-on .nav-menu > ul a:hover { |
2846 background-color: #db572f; |
2935 background-color: #db572f; |
2936 color: #fff; |
|
2937 } |
|
2938 |
|
2939 .toggled-on .nav-menu > li a:focus, |
|
2940 .toggled-on .nav-menu > ul a:focus { |
|
2941 background-color: #220e10; |
|
2847 color: #fff; |
2942 color: #fff; |
2848 } |
2943 } |
2849 |
2944 |
2850 ul.nav-menu, |
2945 ul.nav-menu, |
2851 div.nav-menu > ul { |
2946 div.nav-menu > ul { |
2929 } |
3024 } |
2930 } |
3025 } |
2931 |
3026 |
2932 /* Mobile devices */ |
3027 /* Mobile devices */ |
2933 @media (max-width: 359px) { |
3028 @media (max-width: 359px) { |
3029 .site-title { |
|
3030 font-weight: normal; |
|
3031 } |
|
3032 .site-description { |
|
3033 clip: rect(1px, 1px, 1px, 1px); |
|
3034 position: absolute; |
|
3035 } |
|
2934 .gallery { |
3036 .gallery { |
2935 margin-left: 0; |
3037 margin-left: 0; |
2936 } |
3038 } |
2937 |
3039 |
2938 .gallery .gallery-item, |
3040 .gallery .gallery-item, |