WordPress.org
Get WordPress

Make WordPress Core

Changeset 25610


Ignore:
Timestamp:
09/24/2013 10:19:08 PM (13 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.