X-Git-Url: https://scripts.mit.edu/gitweb/autoinstalls/wordpress.git/blobdiff_plain/fa11948979fd6a4ea5705dc613b239699a459db3..46588ee871246a923d972538dbc93b26f4fda932:/wp-content/themes/twentythirteen/style.css diff --git a/wp-content/themes/twentythirteen/style.css b/wp-content/themes/twentythirteen/style.css index 71646fcb..1322f48c 100644 --- a/wp-content/themes/twentythirteen/style.css +++ b/wp-content/themes/twentythirteen/style.css @@ -1,13 +1,13 @@ /* Theme Name: Twenty Thirteen -Theme URI: http://wordpress.org/themes/twentythirteen +Theme URI: https://wordpress.org/themes/twentythirteen/ Author: the WordPress team -Author URI: http://wordpress.org/ +Author URI: https://wordpress.org/ 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. -Version: 1.1 +Version: 1.5 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html -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 +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 Text Domain: twentythirteen This theme, like WordPress, is licensed under the GPL. @@ -539,7 +539,10 @@ hr { /* Assistive text */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); + overflow: hidden; position: absolute !important; + height: 1px; + width: 1px; } .screen-reader-text:focus { @@ -709,6 +712,7 @@ video { margin-right: auto; } +figure.wp-caption.alignleft, img.alignleft { margin: 5px 20px 5px 0; } @@ -717,6 +721,7 @@ img.alignleft { margin: 5px 10px 5px 0; } +figure.wp-caption.alignright, img.alignright { margin: 5px 0 5px 20px; } @@ -740,6 +745,15 @@ img.alignnone { font-size: 18px; font-style: italic; font-weight: 300; + margin: 0 0 24px; +} + +div.wp-caption.alignright img[class*="wp-image-"] { + float: right; +} + +div.wp-caption.alignright .wp-caption-text { + padding-left: 10px; } img.wp-smiley, @@ -753,7 +767,7 @@ img.wp-smiley, } .wp-caption.alignleft + ul, -.wp-caption.alignleft + ol { +.wp-caption.alignleft + ol { list-style-position: inside; } @@ -867,7 +881,9 @@ div.nav-menu > ul { } .nav-menu li:hover > a, -.nav-menu li a:hover { +.nav-menu li a:hover, +.nav-menu li:focus > a, +.nav-menu li a:focus { background-color: #220e10; color: #fff; } @@ -877,11 +893,14 @@ div.nav-menu > ul { background-color: #220e10; border: 2px solid #f7f5e7; border-top: 0; - display: none; padding: 0; position: absolute; left: -2px; z-index: 99999; + height: 1px; + width: 1px; + overflow: hidden; + clip: rect(1px, 1px, 1px, 1px); } .nav-menu .sub-menu ul, @@ -899,13 +918,20 @@ ul.nav-menu ul a, } ul.nav-menu ul a:hover, -.nav-menu ul ul a:hover { +.nav-menu ul ul a:hover, +ul.nav-menu ul a:focus, +.nav-menu ul ul a:focus { background-color: #db572f; } ul.nav-menu li:hover > ul, -.nav-menu ul li:hover > ul { - display: block; +.nav-menu ul li:hover > ul, +ul.nav-menu .focus > ul, +.nav-menu .focus > ul { + clip: inherit; + overflow: inherit; + height: inherit; + width: inherit; } .nav-menu .current_page_item > a, @@ -948,7 +974,7 @@ ul.nav-menu li:hover > ul, position: relative; -webkit-transition: width 400ms ease, background 400ms ease; transition: width 400ms ease, background 400ms ease; - width: 0; + width: 1px; } .site-header .search-field:focus { @@ -1116,6 +1142,10 @@ ul.nav-menu li:hover > ul, color: #ea9629; } +.entry-content .more-link { + white-space: nowrap; +} + .entry-content blockquote { font-size: 24px; } @@ -1301,6 +1331,13 @@ footer.entry-meta { margin-right: 0; } +.gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1), +.gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1), +.gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1), +.gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1) { + clear: left; +} + .gallery-caption { background-color: rgba(0, 0, 0, 0.7); box-sizing: border-box; @@ -1525,6 +1562,14 @@ footer.entry-meta { display: inline; } +/* Standard */ +.format-standard .wp-video, +.format-standard .wp-audio-shortcode, +.format-audio .wp-audio-shortcode, +.format-standard .video-player { + margin-bottom: 24px; +} + /* Quote */ .format-quote { background-color: #210d10; @@ -1825,6 +1870,18 @@ footer.entry-meta { display: none; } +.attachment .entry-content .mejs-audio { + max-width: 400px; + margin: 0 auto; +} + +.attachment .entry-content .wp-video { + margin: 0 auto; +} + +.attachment .entry-content .mejs-container { + margin-bottom: 24px; +} /** * 5.7 Post/Paging Navigation @@ -2577,6 +2634,18 @@ footer.entry-meta { * ---------------------------------------------------------------------------- */ +/* Does the same thing as , + * but in the future W3C standard way. -ms- prefix is required for IE10+ to + * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor + * the meta tag. See https://core.trac.wordpress.org/ticket/25888. + */ +@-ms-viewport { + width: device-width; +} +@viewport { + width: device-width; +} + @media (max-width: 1599px) { .site { border: 0; @@ -2734,6 +2803,13 @@ footer.entry-meta { /* Collapse oversized image and pulled images after iPad breakpoint. */ @media (max-width: 767px) { + .site-header .home-link { + min-height: 0; + } + .site-title { + font-size: 36px; + padding: 8px 0 10px; + } .entry-content img.alignleft, .entry-content .wp-caption.alignleft { margin-left: 0; @@ -2792,9 +2868,22 @@ footer.entry-meta { display: inline-block; font: bold 16px/1.3 "Source Sans Pro", Helvetica, sans-serif; margin: 0; + } + + .menu-toggle, + .menu-toggle:hover, + .menu-toggle:focus, + .menu-toggle:active { + background: none; + border: none; + color: #141412; padding: 12px 0 12px 20px; } + .menu-toggle:focus { + outline: thin dotted; + } + .menu-toggle:after { content: "\f502"; font-size: 12px; @@ -2841,12 +2930,18 @@ footer.entry-meta { color: #141412; } - .toggled-on .nav-menu li a:hover, - .toggled-on .nav-menu ul a:hover { + .toggled-on .nav-menu > li a:hover, + .toggled-on .nav-menu > ul a:hover { background-color: #db572f; color: #fff; } + .toggled-on .nav-menu > li a:focus, + .toggled-on .nav-menu > ul a:focus { + background-color: #220e10; + color: #fff; + } + ul.nav-menu, div.nav-menu > ul { display: none; @@ -2931,6 +3026,13 @@ footer.entry-meta { /* Mobile devices */ @media (max-width: 359px) { + .site-title { + font-weight: normal; + } + .site-description { + clip: rect(1px, 1px, 1px, 1px); + position: absolute; + } .gallery { margin-left: 0; } @@ -3122,4 +3224,4 @@ footer.entry-meta { .comment-reply-login { color: #333; } -} \ No newline at end of file +}