WordPress.org

Make WordPress Core

Changeset 18255


Ignore:
Timestamp:
06/10/2011 11:10:23 PM (7 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.