wp/wp-content/themes/twentythirteen/style.css
changeset 5 5e2f62d02dcd
parent 0 d970ebf37754
child 7 cf61fcea0001
--- a/wp/wp-content/themes/twentythirteen/style.css	Mon Jun 08 16:11:51 2015 +0000
+++ b/wp/wp-content/themes/twentythirteen/style.css	Tue Jun 09 03:35:32 2015 +0200
@@ -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 @@
 /* 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 @@
 	margin-right: auto;
 }
 
+figure.wp-caption.alignleft,
 img.alignleft {
 	margin: 5px 20px 5px 0;
 }
@@ -717,6 +721,7 @@
 	margin: 5px 10px 5px 0;
 }
 
+figure.wp-caption.alignright,
 img.alignright {
 	margin: 5px 0 5px 20px;
 }
@@ -740,6 +745,15 @@
 	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 @@
 }
 
 .wp-caption.alignleft + ul,
-.wp-caption.alignleft + ol  {
+.wp-caption.alignleft + ol {
 	list-style-position: inside;
 }
 
@@ -867,7 +881,9 @@
 }
 
 .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 @@
 	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: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 @@
 	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 @@
 	color: #ea9629;
 }
 
+.entry-content .more-link {
+	white-space: nowrap;
+}
+
 .entry-content blockquote {
 	font-size: 24px;
 }
@@ -1301,6 +1331,13 @@
 	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 @@
 	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 @@
 	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 @@
  * ----------------------------------------------------------------------------
  */
 
+/* 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 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 @@
 
 /* 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 @@
 		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 @@
 		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 @@
 
 /* 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 @@
 	.comment-reply-login {
 		color: #333;
 	}
-}
\ No newline at end of file
+}