WordPress.org

Make WordPress Core

Changeset 18255


Ignore:
Timestamp:
06/10/11 23:10:23 (3 years ago)
Author:
nacin
Message:

New comment bubble styling! props matveb, iandstewart, fixes #17741.

Location:
trunk/wp-content/themes/twentyeleven
Files:
2 added
1 deleted
3 edited

Legend:

Unmodified
Added
Removed
  • trunk/wp-content/themes/twentyeleven/colors/dark.css

    r18204 r18255  
    206206/* Comments link */ 
    207207.entry-header .comments-link a { 
    208     background: #242424; 
     208    background: #282828 url(../images/comment-bubble-dark.png) no-repeat; 
    209209    border-color: #222; 
    210210    color: #888; 
    211 } 
    212 .entry-header .comments-link a .leave-reply { 
    213     background-position-y: -24px; 
    214211} 
    215212 
  • trunk/wp-content/themes/twentyeleven/inc/theme-options.php

    r18253 r18255  
    371371        .entry-header .comments-link a:active, 
    372372        .feature-slider a.active { 
    373             background: <?php echo $link_color; ?>; 
     373            background-color: <?php echo $link_color; ?>; 
    374374        } 
    375375    </style> 
  • trunk/wp-content/themes/twentyeleven/style.css

    r18244 r18255  
    993993/* Comments link */ 
    994994.entry-header .comments-link a { 
    995     background: #eee; 
    996     border: 1px solid #ddd; 
    997     -moz-border-radius: 24px; 
    998     border-radius: 24px; 
    999     color: #777; 
    1000     font-size: 18px; 
    1001     font-weight: 300; 
    1002     line-height: 48px;   
     995    background: #eee url(images/comment-bubble.png) no-repeat; 
     996    color: #666; 
     997    font-size: 13px; 
     998    font-weight: normal; 
     999    line-height: 36px; 
    10031000    overflow: hidden; 
     1001    padding: 0 0 0; 
    10041002    position: absolute; 
     1003    top: 1.5em; 
     1004    right: 0; 
    10051005    text-align: center; 
    10061006    text-decoration: none; 
    1007     top: .5em; 
    1008     right: 0; 
    1009     width: 48px; 
    1010     height: 48px; 
     1007    width: 43px; 
     1008    height: 36px; 
    10111009} 
    10121010.entry-header .comments-link a:hover, 
    10131011.entry-header .comments-link a:focus, 
    10141012.entry-header .comments-link a:active { 
    1015     background: #1982d1; 
    1016     border-color: #1573bb; 
    1017     border-color: rgba(0,0,0,0.2); 
     1013    background-color: #1982d1; 
    10181014    color: #fff; 
    10191015    color: rgba(255,255,255,0.8); 
    10201016} 
    10211017.entry-header .comments-link .leave-reply { 
    1022     background: url(images/icon-comment.png) no-repeat; 
    1023     color: transparent; 
    1024     display: inline-block; 
    1025     font-family: "Arial Unicode MS", "Helvetica Neue", Helvetica, Arial, sans-serif; 
    1026     font-size: 26px; 
    1027     height: 24px; 
    1028     line-height: 12px; 
    1029     opacity: 0.25; 
    1030     position: relative; 
    1031     width: 24px; 
    1032 } 
    1033 .entry-header .comments-link a:hover .leave-reply { 
    1034     background-position-y: -24px; 
    1035     opacity: 0.5; 
    1036 } 
     1018     visibility: hidden; 
     1019} 
     1020 
    10371021/* 
    10381022    Post Formats Headings 
     
    12151199----------------------------------------------- */ 
    12161200 
     1201.indexed.format-image .entry-header { 
     1202    min-height: 61px; /* Prevent the comment icon from colliding with the image when there is no title */ 
     1203} 
    12171204.indexed.format-image .entry-content { 
    12181205    padding-top: 0.5em; 
Note: See TracChangeset for help on using the changeset viewer.