]> scripts.mit.edu Git - autoinstalls/wordpress.git/blobdiff - wp-content/themes/twentyfourteen/style.css
WordPress 4.1
[autoinstalls/wordpress.git] / wp-content / themes / twentyfourteen / style.css
index 1ed806690705d29d2048249fa9d40d908d9f3927..0bba06068cacfc03f62e1656cff483c91f00cef3 100644 (file)
@@ -4,11 +4,11 @@ Theme URI: http://wordpress.org/themes/twentyfourteen
 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.
@@ -459,7 +459,7 @@ hr {
 }
 
 /* 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;
@@ -502,7 +502,7 @@ textarea:focus {
 /* Buttons */
 
 button,
-.contributor-posts-link,
+.button,
 input[type="button"],
 input[type="reset"],
 input[type="submit"] {
@@ -519,7 +519,8 @@ 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,
@@ -531,7 +532,7 @@ input[type="submit"]:focus {
 }
 
 button:active,
-.contributor-posts-link:active,
+.button:active,
 input[type="button"]:active,
 input[type="reset"]:active,
 input[type="submit"]:active {
@@ -635,6 +636,7 @@ span > object {
 }
 
 blockquote.alignleft,
+figure.wp-caption.alignleft,
 img.alignleft {
        margin: 7px 24px 7px 0;
 }
@@ -644,6 +646,7 @@ img.alignleft {
 }
 
 blockquote.alignright,
+figure.wp-caption.alignright,
 img.alignright {
        margin: 7px 0 7px 24px;
 }
@@ -693,9 +696,18 @@ img.aligncenter,
        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;
@@ -741,6 +753,8 @@ img.aligncenter,
 .footer-sidebar:after,
 .hentry:before,
 .hentry:after,
+.gallery:before,
+.gallery:after,
 .slider-direction-nav:before,
 .slider-direction-nav:after,
 .contributor-info:before,
@@ -757,6 +771,7 @@ img.aligncenter,
 
 .footer-sidebar:after,
 .hentry:after,
+.gallery:after,
 .slider-direction-nav:after,
 .contributor-info:after,
 .search-box:after,
@@ -819,7 +834,7 @@ span + .edit-link:before,
  */
 
 /* 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;
 }
@@ -848,11 +863,19 @@ span + .edit-link:before,
        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 */
@@ -985,11 +1008,13 @@ span + .edit-link:before,
 }
 
 .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;
@@ -1000,7 +1025,17 @@ span + .edit-link:before,
 .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;
 }
 
 
@@ -1256,7 +1291,11 @@ a.post-thumbnail:hover {
 .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;
 }
 
@@ -1297,6 +1336,10 @@ a.post-thumbnail:hover {
        color: #41a62a;
 }
 
+.entry-content .more-link {
+       white-space: nowrap;
+}
+
 /* Mediaelements */
 
 .hentry .mejs-container {
@@ -1319,7 +1362,7 @@ a.post-thumbnail:hover {
 
 .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 {
@@ -1336,6 +1379,83 @@ a.post-thumbnail:hover {
        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 {
@@ -1459,6 +1579,13 @@ a.post-thumbnail:hover {
        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;
@@ -2208,8 +2335,8 @@ a.post-thumbnail:hover {
        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;
@@ -2217,12 +2344,13 @@ a.post-thumbnail:hover {
        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"] {
@@ -2949,7 +3077,7 @@ a.post-thumbnail:hover {
 /* 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;
@@ -2989,8 +3117,10 @@ a.post-thumbnail:hover {
        }
 
        .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;
        }
@@ -3218,7 +3348,7 @@ a.post-thumbnail:hover {
        }
 
        .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;
        }
 
@@ -3232,6 +3362,7 @@ a.post-thumbnail:hover {
                float: right;
                margin-left: -33.33333333%;
                padding: 48px 30px 24px;
+               position: relative;
                width: 33.33333333%;
        }
 
@@ -3304,6 +3435,12 @@ a.post-thumbnail:hover {
 }
 
 @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;
        }
@@ -3544,7 +3681,7 @@ a.post-thumbnail:hover {
                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;
        }
 
@@ -3609,7 +3746,7 @@ a.post-thumbnail:hover {
 
        .site-description {
                display: block;
-               margin: -3px 0 21px;
+               margin: 0 0 18px;
        }
 
        .site-description:empty {