Twenty Eleven fixes - see #17198

* RTL tweaks and fixes
* Misc style fixes
* Fix tags output, comment links, and remove trailing spaces from translatable strings


git-svn-id: http://svn.automattic.com/wordpress/trunk@17791 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
lancewillett 2011-05-04 00:45:50 +00:00
parent b89437791b
commit 32fd5672a4
12 changed files with 106 additions and 88 deletions

View File

@ -392,12 +392,18 @@ section.recent-posts .other-recent-posts .comments-link a:hover {
background: #000;
border-color: #222;
}
.rtl .commentlist .children li.comment {
border-color: #222;
}
.comment-meta {
color: #999;
}
.commentlist > li:before {
content: url(../images/comment-arrow-dark.png);
}
.rtl .commentlist > li:before {
content: url(../images/comment-arrow-dark-rtl.png);
}
/* Post author highlighting */
.commentlist > li.bypostauthor {
@ -407,6 +413,9 @@ section.recent-posts .other-recent-posts .comments-link a:hover {
.commentlist > li.bypostauthor:before {
content: url(../images/comment-arrow-bypostauthor-dark.png);
}
.rtl .commentlist > li.bypostauthor:before {
content: url(../images/comment-arrow-bypostauthor-dark-rtl.png);
}
/* Post Author threaded comments */
.commentlist .children > li.bypostauthor {
@ -424,20 +433,28 @@ section.recent-posts .other-recent-posts .comments-link a:hover {
#respond textarea {
background: #000;
border: 4px solid #111;
-webkit-box-shadow: inset 0 1px 3px #333;
-moz-box-shadow: inset 0 1px 3px #333;
box-shadow: inset 0 1px 3px #333;
-webkit-box-shadow: inset 0 1px 3px rgba(51,51,51,0.95);
-moz-box-shadow: inset 0 1px 3px rgba(51,51,51,0.95);
box-shadow: inset 0 1px 3px rgba(51,51,51,0.95);
}
#respond .comment-form-author label,
#respond .comment-form-email label,
#respond .comment-form-url label,
#respond .comment-form-comment label {
background: #111;
-webkit-box-shadow: 1px 1px 2px #333;
-moz-box-shadow: 1px 1px 2px #333;
box-shadow: 1px 1px 2px #333;
-webkit-box-shadow: 1px 2px 2px rgba(51,51,51,0.8);
-moz-box-shadow: 1px 2px 2px rgba(51,51,51,0.8);
box-shadow: 1px 1px 2px rgba(51,51,51,0.8);
color: #aaa;
}
.rtl #respond .comment-form-author label,
.rtl #respond .comment-form-email label,
.rtl #respond .comment-form-url label,
.rtl #respond .comment-form-comment label {
-webkit-box-shadow: -1px 2px 2px rgba(51,51,51,0.8);
-moz-box-shadow: -1px 2px 2px rgba(51,51,51,0.8);
box-shadow: -1px 1px 2px rgba(51,51,51,0.8);
}
#respond .comment-form-author .required,
#respond .comment-form-email .required {
color: #42caff;

View File

@ -3,7 +3,7 @@
* The template for displaying posts in the Gallery Post Format on index and archive pages
*
* Learn more: http://codex.wordpress.org/Post_Formats
*
*
* @package WordPress
* @subpackage Twenty Eleven
* @since Twenty Eleven 1.0
@ -65,10 +65,14 @@
<?php endif; ?>
<footer class="entry-meta">
<span class="cat-links"><span class="entry-utility-prep entry-utility-prep-cat-links"><?php _e( 'Posted in ', 'twentyeleven' ); ?></span><?php the_category( ', ' ); ?></span>
<span class="cat-links"><span class="entry-utility-prep entry-utility-prep-cat-links"><?php _e( 'Posted in', 'twentyeleven' ); ?></span> <?php the_category( ', ' ); ?></span>
<?php the_tags( '<span class="sep"> | </span> <span class="tag-links"><span class="entry-utility-prep entry-utility-prep-tag-links">' . __( 'Tagged', 'twentyeleven' ) . '</span> ', ', ', '</span>' ); ?>
<?php if ( comments_open() ) : ?>
<span class="sep"> | </span>
<?php the_tags( '<span class="tag-links">' . __( 'Tagged ', 'twentyeleven' ) . '</span>', ', ', '<span class="sep"> | </span>' ); ?>
<span class="comments-link"><?php comments_popup_link( __( 'Leave a reply', 'twentyeleven' ), __( '1 reply', 'twentyeleven' ), __( '% replies', 'twentyeleven' ) ); ?></span>
<span class="comments-link"><?php comments_popup_link( __( '<span class="leave-reply">Leave a reply</span>', 'twentyeleven' ), __( '<b>1</b> Reply', 'twentyeleven' ), __( '<b>%</b> Replies', 'twentyeleven' ) ); ?></span>
<?php endif; ?>
<?php edit_post_link( __( 'Edit', 'twentyeleven' ), '<span class="edit-link">', '</span>' ); ?>
</footer><!-- #entry-meta -->
</article><!-- #post-<?php the_ID(); ?> -->

View File

@ -3,7 +3,7 @@
* The template for displaying posts in the Image Post Format on index and archive pages
*
* Learn more: http://codex.wordpress.org/Post_Formats
*
*
* @package WordPress
* @subpackage Twenty Eleven
* @since Twenty Eleven 1.0
@ -50,11 +50,13 @@
?>
</div><!-- .entry-meta -->
<div class="entry-meta">
<span class="cat-links"><span class="entry-utility-prep entry-utility-prep-cat-links"><?php _e( 'Posted in ', 'twentyeleven' ); ?></span><?php the_category( ', ' ); ?></span><br />
<?php the_tags( '<span class="tag-links">' . __( 'Tagged ', 'twentyeleven' ) . '</span>', ', ', '' ); ?><br />
<span class="cat-links"><span class="entry-utility-prep entry-utility-prep-cat-links"><?php _e( 'Posted in ', 'twentyeleven' ); ?></span><?php the_category( ', ' ); ?></span>
<?php the_tags( '<span class="tag-links"><span class="entry-utility-prep entry-utility-prep-tag-links">' . __( 'Tagged', 'twentyeleven' ) . '</span> ', ', ', '</span>' ); ?>
<?php if ( comments_open() ) : ?>
<span class="comments-link"><?php comments_popup_link( __( '<span class="leave-reply">Leave a reply</span>', 'twentyeleven' ), __( '<b>1</b> Reply', 'twentyeleven' ), __( '<b>%</b> Replies', 'twentyeleven' ) ); ?></span>
<?php endif; ?>
</div><!-- .entry-meta -->
<?php endif; ?>
<?php edit_post_link( __( 'Edit', 'twentyeleven' ), '<span class="edit-link">', '</span>' ); ?>
</footer><!-- #entry-meta -->

View File

@ -50,8 +50,8 @@
<footer class="entry-meta">
<?php if ( 'post' == $post->post_type ) : // Hide category and tag text for pages on Search ?>
<span class="cat-links"><span class="entry-utility-prep entry-utility-prep-cat-links"><?php _e( 'Posted in ', 'twentyeleven' ); ?></span><?php the_category( ', ' ); ?></span>
<?php the_tags( '<span class="sep"> | </span><span class="tag-links">' . __( 'Tagged ', 'twentyeleven' ) . '</span>', ', ', '' ); ?>
<span class="cat-links"><span class="entry-utility-prep entry-utility-prep-cat-links"><?php _e( 'Posted in', 'twentyeleven' ); ?></span> <?php the_category( ', ' ); ?></span>
<?php the_tags( '<span class="sep"> | </span> <span class="tag-links"><span class="entry-utility-prep entry-utility-prep-tag-links">' . __( 'Tagged', 'twentyeleven' ) . '</span> ', ', ', '</span>' ); ?>
<?php endif; ?>
<?php if ( comments_open() ) : ?>

View File

@ -47,8 +47,8 @@
<footer class="entry-meta">
<?php if ( 'post' == $post->post_type ) : // Hide category and tag text for pages on Search ?>
<span class="cat-links"><span class="entry-utility-prep entry-utility-prep-cat-links"><?php _e( 'Posted in ', 'twentyeleven' ); ?></span><?php the_category( ', ' ); ?></span>
<?php the_tags( '<span class="sep"> | </span><span class="tag-links">' . __( 'Tagged ', 'twentyeleven' ) . '</span>', ', ', '' ); ?>
<span class="cat-links"><span class="entry-utility-prep entry-utility-prep-cat-links"><?php _e( 'Posted in', 'twentyeleven' ); ?></span> <?php the_category( ', ' ); ?></span>
<?php the_tags( '<span class="sep"> | </span> <span class="tag-links"><span class="entry-utility-prep entry-utility-prep-tag-links">' . __( 'Tagged', 'twentyeleven' ) . '</span> ', ', ', '</span>' ); ?>
<?php endif; ?>
<?php if ( comments_open() ) : ?>

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.0 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 399 B

After

Width:  |  Height:  |  Size: 3.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.0 KiB

View File

@ -45,23 +45,24 @@ textarea {
#access ul ul {
float: right;
right: 0;
right: auto;
}
#access ul ul ul {
right: 100%;
right: auto;
}
/* Search Form */
#branding #searchform {
left: 7.6%;
text-align: left;
left: auto;
}
#branding #s {
float: left;
padding: 4px 28px 4px 10px;
width: 8%;
}
#branding #s:focus {
width: 26%;
}
@ -114,7 +115,6 @@ textarea {
}
.singular .entry-header .entry-meta {
right: 0;
right: auto;
}
.singular .pull.alignright {
margin: 0 -22.25% 0 1.625em;
@ -188,7 +188,6 @@ textarea {
/* Intro */
article.intro .edit-link a {
left: 20px;
left: auto;
}
/* Featured post */
@ -202,7 +201,6 @@ section.featured-post .attachment-small-feature {
float: left;
margin: -10px 0 1.625em -8.9%;
left: -35px;
left: auto;
border-right: none;
}
article.feature-image.small {
@ -211,14 +209,12 @@ article.feature-image.small {
article.feature-image.small .entry-summary p a {
right: -23.8%;
padding: 4px 85px 4px 26px;
right: auto;
}
/* Large featured post */
section.feature-image.large .hentry {
right: 9%;
margin: 1.625em 0 0 9%;
right: auto;
}
/* Featured Slider */
@ -228,11 +224,9 @@ section.feature-image.large .hentry {
}
.featured-posts section.featured-post {
right: 0;
right: auto;
}
#content .feature-slider {
right: 8.9%;
right: auto;
}
.feature-slider li {
float: right;
@ -247,7 +241,6 @@ section.recent-posts .other-recent-posts .comments-link > span {
padding: 0.3125em 1em 0.3125em 0;
left: 0;
text-align: left;
left: auto;
}
@ -260,7 +253,6 @@ section.recent-posts .other-recent-posts .comments-link > span {
.wp-caption .wp-caption-text:before {
margin-left: 5px;
right: 10px;
right: auto;
margin-right: auto;
}
@ -279,7 +271,7 @@ section.recent-posts .other-recent-posts .comments-link > span {
/* Singular navigation */
#nav-single {
left: 0;
left: auto;
right: auto;
}
#nav-single .nav-next {
padding-right: .5em;
@ -308,8 +300,8 @@ section.recent-posts .other-recent-posts .comments-link > span {
.commentlist .children li.comment {
border-right: 1px solid #ddd;
-moz-border-radius: 0 0 3px 3px;
border-radius: 0 0 3px 3px;
-moz-border-radius: 3px 0 0 3px;
border-radius: 3px 0 0 3px;
border-left: none;
}
.commentlist .children li.comment .comment-meta {
@ -318,15 +310,16 @@ section.recent-posts .other-recent-posts .comments-link > span {
}
.commentlist .avatar {
right: -102px;
right: auto;
}
.commentlist > li:before {
content: url(images/comment-arrow-rtl.png);
right: -21px;
right: auto;
}
.commentlist > li.bypostauthor:before {
content: url(images/comment-arrow-bypostauthor-rtl.png);
}
.commentlist .children .avatar {
right: 2.2em;
right: auto;
}
/* Comment Form */
@ -335,12 +328,10 @@ section.recent-posts .other-recent-posts .comments-link > span {
#respond .comment-form-url label,
#respond .comment-form-comment label {
right: 4px;
right: auto;
}
#respond .comment-form-author .required,
#respond .comment-form-email .required {
right: 68%;
right: auto;
}
#respond .form-submit {
float: left;
@ -348,7 +339,6 @@ section.recent-posts .other-recent-posts .comments-link > span {
#respond input#submit {
right: 30px;
padding: 5px 22px 5px 42px;
right: auto;
}
#respond #cancel-comment-reply-link {
margin-right: 10px;
@ -356,7 +346,6 @@ section.recent-posts .other-recent-posts .comments-link > span {
}
#cancel-comment-reply-link {
left: 1.625em;
left: auto;
}
@ -395,7 +384,6 @@ article.feature-image.small {
}
article.feature-image.small .entry-summary a {
right: -9%;
right: auto;
}
@ -404,43 +392,35 @@ article.feature-image.small .entry-summary a {
@media (max-width: 800px) {
/* Three Footer Widget Areas */
#supplementary.three .widget-area {
float: right;
margin-left: 3.7%;
margin-right: auto;
}
#supplementary.three .widget-area + .widget-area + .widget-area {
margin-left: 0;
margin-right: auto;
}
/* Three Footer Widget Areas */
#supplementary.three .widget-area {
float: right;
margin-left: 3.7%;
margin-right: auto;
}
#supplementary.three .widget-area + .widget-area + .widget-area {
margin-left: 0;
margin-right: auto;
}
/* Simplify the showcase template when small feature */
section.featured-post .attachment-small-feature,
.one-column section.featured-post .attachment-small-feature {
float: right;
}
article.feature-image.small {
float: left;
}
article.feature-image.small .entry-summary a {
right: -9%;
right: auto;
}
}
/* Simplify the showcase template when small feature */
section.featured-post .attachment-small-feature,
.one-column section.featured-post .attachment-small-feature {
float: right;
}
article.feature-image.small {
float: left;
}
article.feature-image.small .entry-summary a {
right: -9%;
}
/* Make sure the logo and search form don't collide */
#branding #searchform {
left: 1px;
/* Make sure the logo and search form don't collide */
#branding #searchform {
left: 1px;
}
}
@media (max-width: 650px) {
/* Remove the margin on singular articles */
/* =Responsive Structure
----------------------------------------------- */
@media (max-width: 800px) {
/* Three Footer Widget Areas */
@ -470,7 +450,6 @@ article.feature-image.small .entry-summary a {
/* Make sure the logo and search form don't collide */
#branding #searchform {
left: 1px;
left: auto;
}
}
@ -480,7 +459,6 @@ article.feature-image.small .entry-summary a {
}
.commentlist .avatar {
right: 2.2em;
right: auto;
}
}
@ -496,7 +474,6 @@ article.feature-image.small .entry-summary a {
/* Comments */
.commentlist .avatar {
right: 2.2em;
right: auto;
}
}

View File

@ -471,7 +471,7 @@ a:hover {
border-top: 2px solid #bbb;
padding-bottom: 10px;
position: relative;
z-index: 1;
z-index: 2;
}
#site-title {
padding: 4em 0 0;
@ -836,7 +836,7 @@ dl.gallery-item {
color: #777;
font-size: 18px;
font-weight: 300;
line-height: 46px;
line-height: 48px;
overflow: hidden;
position: absolute;
text-align: center;
@ -854,7 +854,9 @@ dl.gallery-item {
.entry-header .comments-link .leave-reply {
font-size: 14px;
font-weight: bold;
position: relative;
text-transform: lowercase;
top: -1px;
}
/*
Post Formats Headings
@ -1034,6 +1036,7 @@ article.format-status .entry-content {
margin-right: 2px;
margin-top: -6px;
padding: 20px 30px;
overflow: hidden;
}
.format-image div.entry-meta {
display: inline-block;
@ -1044,6 +1047,11 @@ article.format-status .entry-content {
float: none;
width: 65%;
}
.format-image .entry-meta span.cat-links,
.format-image .entry-meta span.tag-links,
.format-image .entry-meta span.comments-link {
display: block;
}
.format-image .wp-caption {
background: #111;
margin-bottom: 0;
@ -1493,6 +1501,7 @@ p img,
position: absolute;
top: -4px;
right: 0;
z-index: 1;
}
#nav-single .nav-previous,
#nav-single .nav-next {
@ -1788,9 +1797,9 @@ a.comment-reply-link {
border: 4px solid #eee;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: inset 0 1px 3px #ccc;
-moz-box-shadow: inset 0 1px 3px #ccc;
box-shadow: inset 0 1px 3px #ccc;
-webkit-box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);
-moz-box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);
box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);
position: relative;
padding: 10px;
text-indent: 80px;
@ -1806,9 +1815,9 @@ a.comment-reply-link {
#respond .comment-form-url label,
#respond .comment-form-comment label {
background: #eee;
-webkit-box-shadow: 1px 1px 2px #ccc;
-moz-box-shadow: 1px 1px 2px #ccc;
box-shadow: 1px 1px 2px #ccc;
-webkit-box-shadow: 1px 2px 2px rgba(204,204,204,0.8);
-moz-box-shadow: 1px 2px 2px rgba(204,204,204,0.8);
box-shadow: 1px 2px 2px rgba(204,204,204,0.8);
color: #555;
display: inline-block;
font-size: 13px;
@ -1816,9 +1825,17 @@ a.comment-reply-link {
min-width: 60px;
padding: 4px 10px;
position: relative;
top: 41px;
top: 40px;
z-index: 1;
}
.rtl #respond .comment-form-author label,
.rtl #respond .comment-form-email label,
.rtl #respond .comment-form-url label,
.rtl #respond .comment-form-comment label {
-webkit-box-shadow: -1px 2px 2px rgba(204,204,204,0.8);
-moz-box-shadow: -1px 2px 2px rgba(204,204,204,0.8);
box-shadow: -1px 2px 2px rgba(204,204,204,0.8);
}
#respond input[type="text"]:focus,
#respond textarea:focus {
text-indent: 0;
@ -1832,9 +1849,9 @@ a.comment-reply-link {
color: #bd3500;
font-size: 22px;
font-weight: bold;
left: 68%;
left: 75%;
position: absolute;
top: 52px;
top: 45px;
z-index: 1;
}
#respond .comment-notes,
@ -1911,6 +1928,7 @@ a.comment-reply-link {
}
#respond input[type=text] {
display: block;
height: 24px;
width: 75%;
}
#respond p {