New comment bubble styling! props matveb, iandstewart, fixes #17741.
git-svn-id: https://develop.svn.wordpress.org/trunk@18255 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
parent
46d96c7704
commit
b5b775f852
|
@ -205,13 +205,10 @@ a:active img[class*="wp-image-"] {
|
|||
|
||||
/* Comments link */
|
||||
.entry-header .comments-link a {
|
||||
background: #242424;
|
||||
background: #282828 url(../images/comment-bubble-dark.png) no-repeat;
|
||||
border-color: #222;
|
||||
color: #888;
|
||||
}
|
||||
.entry-header .comments-link a .leave-reply {
|
||||
background-position-y: -24px;
|
||||
}
|
||||
|
||||
/* Singular content styles for Posts and Pages */
|
||||
.singular .entry-title {
|
||||
|
|
Binary file not shown.
After Width: | Height: | Size: 965 B |
Binary file not shown.
After Width: | Height: | Size: 925 B |
Binary file not shown.
Before Width: | Height: | Size: 306 B |
|
@ -370,7 +370,7 @@ function twentyeleven_print_link_color_style() {
|
|||
.entry-header .comments-link a:focus,
|
||||
.entry-header .comments-link a:active,
|
||||
.feature-slider a.active {
|
||||
background: <?php echo $link_color; ?>;
|
||||
background-color: <?php echo $link_color; ?>;
|
||||
}
|
||||
</style>
|
||||
<?php
|
||||
|
|
|
@ -992,48 +992,32 @@ a:active img[class*="wp-image-"] {
|
|||
|
||||
/* Comments link */
|
||||
.entry-header .comments-link a {
|
||||
background: #eee;
|
||||
border: 1px solid #ddd;
|
||||
-moz-border-radius: 24px;
|
||||
border-radius: 24px;
|
||||
color: #777;
|
||||
font-size: 18px;
|
||||
font-weight: 300;
|
||||
line-height: 48px;
|
||||
background: #eee url(images/comment-bubble.png) no-repeat;
|
||||
color: #666;
|
||||
font-size: 13px;
|
||||
font-weight: normal;
|
||||
line-height: 36px;
|
||||
overflow: hidden;
|
||||
padding: 0 0 0;
|
||||
position: absolute;
|
||||
top: 1.5em;
|
||||
right: 0;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
top: .5em;
|
||||
right: 0;
|
||||
width: 48px;
|
||||
height: 48px;
|
||||
width: 43px;
|
||||
height: 36px;
|
||||
}
|
||||
.entry-header .comments-link a:hover,
|
||||
.entry-header .comments-link a:focus,
|
||||
.entry-header .comments-link a:active {
|
||||
background: #1982d1;
|
||||
border-color: #1573bb;
|
||||
border-color: rgba(0,0,0,0.2);
|
||||
background-color: #1982d1;
|
||||
color: #fff;
|
||||
color: rgba(255,255,255,0.8);
|
||||
}
|
||||
.entry-header .comments-link .leave-reply {
|
||||
background: url(images/icon-comment.png) no-repeat;
|
||||
color: transparent;
|
||||
display: inline-block;
|
||||
font-family: "Arial Unicode MS", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
font-size: 26px;
|
||||
height: 24px;
|
||||
line-height: 12px;
|
||||
opacity: 0.25;
|
||||
position: relative;
|
||||
width: 24px;
|
||||
}
|
||||
.entry-header .comments-link a:hover .leave-reply {
|
||||
background-position-y: -24px;
|
||||
opacity: 0.5;
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
/*
|
||||
Post Formats Headings
|
||||
To hide the headings, display: none the ".entry-header .entry-format" selector,
|
||||
|
@ -1214,6 +1198,9 @@ blockquote.pull {
|
|||
/* =Image
|
||||
----------------------------------------------- */
|
||||
|
||||
.indexed.format-image .entry-header {
|
||||
min-height: 61px; /* Prevent the comment icon from colliding with the image when there is no title */
|
||||
}
|
||||
.indexed.format-image .entry-content {
|
||||
padding-top: 0.5em;
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue