/*
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, fluid-layout, responsive-layout, 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.
/* Assistive text */
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
+ overflow: hidden;
position: absolute !important;
+ height: 1px;
+ width: 1px;
}
.screen-reader-text:focus {
margin-right: auto;
}
+figure.wp-caption.alignleft,
img.alignleft {
margin: 5px 20px 5px 0;
}
margin: 5px 10px 5px 0;
}
+figure.wp-caption.alignright,
img.alignright {
margin: 5px 0 5px 20px;
}
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,
}
.wp-caption.alignleft + ul,
-.wp-caption.alignleft + ol {
+.wp-caption.alignleft + ol {
list-style-position: inside;
}
}
.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;
}
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,
}
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,
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 {
color: #ea9629;
}
+.entry-content .more-link {
+ white-space: nowrap;
+}
+
.entry-content blockquote {
font-size: 24px;
}
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;
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;
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
/* Does the same thing as <meta name="viewport" content="width=device-width">,
* 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 http://core.trac.wordpress.org/ticket/25888.
+ * the meta tag. See https://core.trac.wordpress.org/ticket/25888.
*/
@-ms-viewport {
width: device-width;
/* 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;
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;
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;
/* 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;
}
.comment-reply-login {
color: #333;
}
-}
\ No newline at end of file
+}