Author: the WordPress team
Author URI: http://wordpress.org/
Description: In 2014, our default theme lets you create a responsive magazine website with a sleek, modern design. Feature your favorite homepage content in either a grid or a slider. Use the three widget areas to customize your website, and change your content's layout with a full-width page template and a contributor page to show off your authors. Creating a magazine website with WordPress has never been easier.
-Version: 1.0
+Version: 1.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, green, white, light, dark, two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
-Text Domain: twentyfourteen
+Text Domain: twentyfourteen
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
}
/* Support a widely-adopted but non-standard selector for text selection styles
- * to achieve a better experience. See http://core.trac.wordpress.org/ticket/25898.
+ * to achieve a better experience. See https://core.trac.wordpress.org/ticket/25898.
*/
::selection {
background: #24890d;
/* Buttons */
button,
-.contributor-posts-link,
+.button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
button:hover,
button:focus,
-.contributor-posts-link:hover,
+.button:hover,
+.button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
}
button:active,
-.contributor-posts-link:active,
+.button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
}
blockquote.alignleft,
+figure.wp-caption.alignleft,
img.alignleft {
margin: 7px 24px 7px 0;
}
}
blockquote.alignright,
+figure.wp-caption.alignright,
img.alignright {
margin: 7px 0 7px 24px;
}
font-style: italic;
line-height: 1.5;
margin: 9px 0;
+}
+
+div.wp-caption .wp-caption-text {
padding-right: 10px;
}
+div.wp-caption.alignright img[class*="wp-image-"],
+div.wp-caption.alignright .wp-caption-text {
+ padding-left: 10px;
+ padding-right: 0;
+}
+
.wp-smiley {
border: 0;
margin-bottom: 0;
.footer-sidebar:after,
.hentry:before,
.hentry:after,
+.gallery:before,
+.gallery:after,
.slider-direction-nav:before,
.slider-direction-nav:after,
.contributor-info:before,
.footer-sidebar:after,
.hentry:after,
+.gallery:after,
.slider-direction-nav:after,
.contributor-info:after,
.search-box:after,
*/
/* Ensure that there is no gap between the header and
- the admin bar for WordPress versions before 3.8. */
+ the admin bar for WordPress versions before 3.8. */
#wpadminbar {
min-height: 32px;
}
font-weight: 700;
line-height: 48px;
margin: 0;
+
+ /* Nav-toggle width + search-toggle width - gutter = 86px */
+ max-width: -webkit-calc(100% - 86px);
+ max-width: calc(100% - 86px);
}
.site-title a,
.site-title a:hover {
color: #fff;
+ display: block;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
}
/* Search in the header */
}
.menu-toggle {
+ background-color: #000;
+ border-radius: 0;
cursor: pointer;
- font-size: 0;
height: 48px;
margin: 0;
overflow: hidden;
+ padding: 0;
position: absolute;
top: 0;
right: 0;
.menu-toggle:before {
color: #fff;
content: "\f419";
- margin-top: 16px;
+ padding: 16px;
+}
+
+.menu-toggle:active,
+.menu-toggle:focus,
+.menu-toggle:hover {
+ background-color: #444;
+}
+
+.menu-toggle:focus {
+ outline: 1px dotted;
}
.entry-content a:hover,
.entry-summary a:hover,
.page-content a:hover,
-.comment-content a:hover {
+.comment-content a:hover,
+.entry-content a.button,
+.entry-summary a.button,
+.page-content a.button,
+.comment-content a.button {
text-decoration: none;
}
color: #41a62a;
}
+.entry-content .more-link {
+ white-space: nowrap;
+}
+
/* Mediaelements */
.hentry .mejs-container {
.hentry .mejs-controls .mejs-time-rail .mejs-time-total,
.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
- background: rgba(255,255,255,.33);
+ background: rgba(255, 255, 255, .33);
}
.hentry .mejs-container .mejs-controls .mejs-time {
background: transparent;
}
+.hentry .mejs-overlay-button {
+ background-color: #fff;
+ background-image: none;
+ border-radius: 2px;
+ box-shadow: 1px 1px 1px rgba(0,0,0,.8);
+ color: #000;
+ height: 36px;
+ margin-left: -24px;
+ width: 48px;
+}
+
+.hentry .mejs-overlay-button:before {
+ -webkit-font-smoothing: antialiased;
+ content: '\f452';
+ display: inline-block;
+ font: normal 32px/1.125 Genericons;
+ position: absolute;
+ top: 1px;
+ left: 10px;
+}
+
+.hentry .mejs-controls .mejs-button button:focus {
+ outline: none;
+}
+
+.hentry .mejs-controls .mejs-button button {
+ -webkit-font-smoothing: antialiased;
+ background: none;
+ color: #fff;
+ display: inline-block;
+ font: normal 16px/1 Genericons;
+}
+
+.hentry .mejs-playpause-button.mejs-play button:before {
+ content: '\f452';
+}
+
+.hentry .mejs-playpause-button.mejs-pause button:before {
+ content: '\f448';
+}
+
+.hentry .mejs-volume-button.mejs-mute button:before {
+ content: '\f109';
+ font-size: 20px;
+ position: absolute;
+ top: -2px;
+ left: 0;
+}
+
+.hentry .mejs-volume-button.mejs-unmute button:before {
+ content: '\f109';
+ left: 0;
+ position: absolute;
+ top: 0;
+}
+
+.hentry .mejs-fullscreen-button button:before {
+ content: '\f474';
+}
+
+.hentry .mejs-fullscreen-button.mejs-unfullscreen button:before {
+ content: '\f406';
+}
+
+.hentry .mejs-overlay:hover .mejs-overlay-button {
+ background-color: #24890d;
+ color: #fff;
+}
+
+.hentry .mejs-controls .mejs-button button:hover {
+ color: #41a62a;
+}
+
+.content-sidebar .wp-playlist-item .wp-playlist-caption {
+ color: #000;
+}
+
/* Page links */
.page-links {
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);
-webkit-box-sizing: border-box;
margin-bottom: 18px;
}
-.widget input,
-.widget textarea {
+.widget-area .widget input,
+.widget-area .widget textarea {
background-color: rgba(255, 255, 255, 0.1);
border-color: rgba(255, 255, 255, 0.2);
color: #fff;
padding: 1px 2px 2px 4px;
}
-.widget input:focus,
-.widget textarea:focus {
+.widget-area .widget input:focus,
+.widget-area .widget textarea:focus {
border-color: rgba(255, 255, 255, 0.3);
}
.widget button,
+.widget .button,
.widget input[type="button"],
.widget input[type="reset"],
.widget input[type="submit"] {
/* 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;
}
.list-view .site-content .cat-links,
- .list-view .site-content .entry-content,
- .list-view .site-content .entry-summary,
+ .list-view .site-content .type-post .entry-content,
+ .list-view .site-content .type-page .entry-content,
+ .list-view .site-content .type-post .entry-summary,
+ .list-view .site-content .type-page .entry-summary,
.list-view .site-content footer.entry-meta {
display: none;
}
}
.full-width .site-content .has-post-thumbnail .entry-header,
- .full-width.singular .site-content .hentry.has-post-thumbnail {
+ .full-width .site-content .hentry.has-post-thumbnail:first-child {
margin-top: -48px;
}
float: right;
margin-left: -33.33333333%;
padding: 48px 30px 24px;
+ position: relative;
width: 33.33333333%;
}
}
@media screen and (min-width: 783px) {
+ .site-title {
+ /* Search-toggle width = 48px */
+ max-width: -webkit-calc(100% - 48px);
+ max-width: calc(100% - 48px);
+ }
+
.header-main {
padding-right: 0;
}
margin-left: 20px;
}
- .full-width.singular .site-content .hentry.has-post-thumbnail {
+ .full-width .site-content .hentry.has-post-thumbnail:first-child {
margin-top: -72px;
}
.site-description {
display: block;
- margin: -3px 0 21px;
+ margin: 0 0 18px;
}
.site-description:empty {