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

View File

@ -3,7 +3,7 @@
* The template for displaying posts in the Gallery Post Format on index and archive pages * The template for displaying posts in the Gallery Post Format on index and archive pages
* *
* Learn more: http://codex.wordpress.org/Post_Formats * Learn more: http://codex.wordpress.org/Post_Formats
* *
* @package WordPress * @package WordPress
* @subpackage Twenty Eleven * @subpackage Twenty Eleven
* @since Twenty Eleven 1.0 * @since Twenty Eleven 1.0
@ -65,10 +65,14 @@
<?php endif; ?> <?php endif; ?>
<footer class="entry-meta"> <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> <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( __( '<span class="leave-reply">Leave a reply</span>', 'twentyeleven' ), __( '<b>1</b> Reply', 'twentyeleven' ), __( '<b>%</b> Replies', 'twentyeleven' ) ); ?></span>
<span class="comments-link"><?php comments_popup_link( __( 'Leave a reply', 'twentyeleven' ), __( '1 reply', 'twentyeleven' ), __( '% replies', 'twentyeleven' ) ); ?></span> <?php endif; ?>
<?php edit_post_link( __( 'Edit', 'twentyeleven' ), '<span class="edit-link">', '</span>' ); ?> <?php edit_post_link( __( 'Edit', 'twentyeleven' ), '<span class="edit-link">', '</span>' ); ?>
</footer><!-- #entry-meta --> </footer><!-- #entry-meta -->
</article><!-- #post-<?php the_ID(); ?> --> </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 * The template for displaying posts in the Image Post Format on index and archive pages
* *
* Learn more: http://codex.wordpress.org/Post_Formats * Learn more: http://codex.wordpress.org/Post_Formats
* *
* @package WordPress * @package WordPress
* @subpackage Twenty Eleven * @subpackage Twenty Eleven
* @since Twenty Eleven 1.0 * @since Twenty Eleven 1.0
@ -50,11 +50,13 @@
?> ?>
</div><!-- .entry-meta --> </div><!-- .entry-meta -->
<div class="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 /> <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">' . __( 'Tagged ', 'twentyeleven' ) . '</span>', ', ', '' ); ?><br /> <?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; ?> <?php endif; ?>
</div><!-- .entry-meta --> </div><!-- .entry-meta -->
<?php endif; ?>
<?php edit_post_link( __( 'Edit', 'twentyeleven' ), '<span class="edit-link">', '</span>' ); ?> <?php edit_post_link( __( 'Edit', 'twentyeleven' ), '<span class="edit-link">', '</span>' ); ?>
</footer><!-- #entry-meta --> </footer><!-- #entry-meta -->

View File

@ -50,8 +50,8 @@
<footer class="entry-meta"> <footer class="entry-meta">
<?php if ( 'post' == $post->post_type ) : // Hide category and tag text for pages on Search ?> <?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> <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>', ', ', '' ); ?> <?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 endif; ?>
<?php if ( comments_open() ) : ?> <?php if ( comments_open() ) : ?>

View File

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

View File

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