WordPress.org

Make WordPress Core

Changeset 25610


Ignore:
Timestamp:
09/24/2013 10:19:08 PM (7 years ago)
Author:
lancewillett
Message:

Twenty Fourteen: redo the featured image background pattern with CSS plus minor style adjustments. Props iamtakashi, fixes #25300. This also fixes #25363, props buffler.

File:
1 edited

Legend:

Unmodified
Added
Removed
  • trunk/src/wp-content/themes/twentyfourteen/style.css

    r25603 r25610  
    393393.more-link .meta-nav,
    394394.post-format-archive-link .meta-nav,
    395 .attachment-featured-featured img,
    396 .attachment-featured-thumbnail img,
    397395.search-toggle,
    398396button,
     
    808806}
    809807.attachment-featured-thumbnail {
    810     background: #767676 url(images/pattern.png) repeat 0 0;
    811     background-size: 5px 5px;
     808    background: #767676;
     809    background-attachment: fixed;
     810    background-image: -webkit-linear-gradient(135deg, #767676 12.5%, #fff 12.5%, #fff 50%, #767676 50%, #767676 62.5%, #fff 62.5%);
     811    background-image:         linear-gradient(135deg, #767676 12.5%, #fff 12.5%, #fff 50%, #767676 50%, #767676 62.5%, #fff 62.5%);
     812    background-size: 4px 4px;
    812813    display: block;
    813814    float: none;
     
    818819    height: auto;
    819820    z-index: 0;
     821}
     822.attachment-featured-thumbnail:hover {
     823    background: #919191;
     824    background-attachment: fixed;
     825    background-image: -webkit-linear-gradient(135deg, #919191 12.5%, #fff 12.5%, #fff 50%, #919191 50%, #919191 62.5%, #fff 62.5%);
     826    background-image:         linear-gradient(135deg, #919191 12.5%, #fff 12.5%, #fff 50%, #919191 50%, #919191 62.5%, #fff 62.5%);
     827    background-size: 4px 4px;
    820828}
    821829.full-width .attachment-featured-thumbnail img {
     
    11941202
    11951203#featured-content {
    1196     background: #000 url(images/pattern-dark.png) repeat 0 0;
    1197     background-size: 5px 5px;
     1204    background: #000;
     1205    background-attachment: fixed;
     1206    background-image: -webkit-linear-gradient(135deg, #4d4d4d 12.5%, #000 12.5%, #000 50%, #4d4d4d 50%, #4d4d4d 62.5%, #000 62.5%);
     1207    background-image:         linear-gradient(135deg, #4d4d4d 12.5%, #000 12.5%, #000 50%, #4d4d4d 50%, #4d4d4d 62.5%, #000 62.5%);
     1208    background-size: 4px 4px;
    11981209    -webkit-box-sizing: border-box;
    11991210    -moz-box-sizing:    border-box;
     
    12141225}
    12151226.attachment-featured-featured:hover img {
    1216     opacity: 0.8;
     1227    opacity: 0.85;
    12171228}
    12181229#featured-content .entry-wrap {
     
    13921403    height: auto;
    13931404    max-width: 100%;
    1394     vertical-align: middle;
    13951405}
    13961406img.alignleft,
     
    22202230@media screen and (min-width: 401px) {
    22212231    .attachment-featured-thumbnail:hover img {
    2222         opacity: 0.8;
     2232        opacity: 0.85;
    22232233    }
    22242234    .content-area span + .entry-date:before,
Note: See TracChangeset for help on using the changeset viewer.