Merge Twenty Ten 1.1 to the 3.0 branch.

git-svn-id: http://svn.automattic.com/wordpress/branches/3.0@16628 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
nacin 2010-11-30 20:29:25 +00:00
parent 3ccbe586c3
commit c051fdc952
8 changed files with 254 additions and 116 deletions

View File

@ -12,13 +12,105 @@ get_header(); ?>
<div id="container" class="single-attachment"> <div id="container" class="single-attachment">
<div id="content" role="main"> <div id="content" role="main">
<?php if ( have_posts() ) while ( have_posts() ) : the_post(); ?>
<?php if ( ! empty( $post->post_parent ) ) : ?>
<p class="page-title"><a href="<?php echo get_permalink( $post->post_parent ); ?>" title="<?php esc_attr( printf( __( 'Return to %s', 'twentyten' ), get_the_title( $post->post_parent ) ) ); ?>" rel="gallery"><?php
/* translators: %s - title of parent post */
printf( __( '<span class="meta-nav">&larr;</span> %s', 'twentyten' ), get_the_title( $post->post_parent ) );
?></a></p>
<?php endif; ?>
<div id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
<h2 class="entry-title"><?php the_title(); ?></h2>
<div class="entry-meta">
<?php <?php
/* Run the loop to output the attachment. printf(__('<span class="%1$s">By</span> %2$s', 'twentyten'),
* If you want to overload this in a child theme then include a file 'meta-prep meta-prep-author',
* called loop-attachment.php and that will be used instead. sprintf( '<span class="author vcard"><a class="url fn n" href="%1$s" title="%2$s">%3$s</a></span>',
*/ get_author_posts_url( get_the_author_meta( 'ID' ) ),
get_template_part( 'loop', 'attachment' ); sprintf( esc_attr__( 'View all posts by %s', 'twentyten' ), get_the_author() ),
get_the_author()
)
);
?> ?>
<span class="meta-sep">|</span>
<?php
printf( __('<span class="%1$s">Published</span> %2$s', 'twentyten'),
'meta-prep meta-prep-entry-date',
sprintf( '<span class="entry-date"><abbr class="published" title="%1$s">%2$s</abbr></span>',
esc_attr( get_the_time() ),
get_the_date()
)
);
if ( wp_attachment_is_image() ) {
echo ' <span class="meta-sep">|</span> ';
$metadata = wp_get_attachment_metadata();
printf( __( 'Full size is %s pixels', 'twentyten'),
sprintf( '<a href="%1$s" title="%2$s">%3$s &times; %4$s</a>',
wp_get_attachment_url(),
esc_attr( __('Link to full-size image', 'twentyten') ),
$metadata['width'],
$metadata['height']
)
);
}
?>
<?php edit_post_link( __( 'Edit', 'twentyten' ), '<span class="meta-sep">|</span> <span class="edit-link">', '</span>' ); ?>
</div><!-- .entry-meta -->
<div class="entry-content">
<div class="entry-attachment">
<?php if ( wp_attachment_is_image() ) :
$attachments = array_values( get_children( array( 'post_parent' => $post->post_parent, 'post_status' => 'inherit', 'post_type' => 'attachment', 'post_mime_type' => 'image', 'order' => 'ASC', 'orderby' => 'menu_order ID' ) ) );
foreach ( $attachments as $k => $attachment ) {
if ( $attachment->ID == $post->ID )
break;
}
$k++;
// If there is more than 1 image attachment in a gallery
if ( count( $attachments ) > 1 ) {
if ( isset( $attachments[ $k ] ) )
// get the URL of the next image attachment
$next_attachment_url = get_attachment_link( $attachments[ $k ]->ID );
else
// or get the URL of the first image attachment
$next_attachment_url = get_attachment_link( $attachments[ 0 ]->ID );
} else {
// or, if there's only 1 image attachment, get the URL of the image
$next_attachment_url = wp_get_attachment_url();
}
?>
<p class="attachment"><a href="<?php echo $next_attachment_url; ?>" title="<?php echo esc_attr( get_the_title() ); ?>" rel="attachment"><?php
$attachment_size = apply_filters( 'twentyten_attachment_size', 900 );
echo wp_get_attachment_image( $post->ID, array( $attachment_size, 9999 ) ); // filterable image width with, essentially, no limit for image height.
?></a></p>
<div id="nav-below" class="navigation">
<div class="nav-previous"><?php previous_image_link( false ); ?></div>
<div class="nav-next"><?php next_image_link( false ); ?></div>
</div><!-- #nav-below -->
<?php else : ?>
<a href="<?php echo wp_get_attachment_url(); ?>" title="<?php echo esc_attr( get_the_title() ); ?>" rel="attachment"><?php echo basename( get_permalink() ); ?></a>
<?php endif; ?>
</div><!-- .entry-attachment -->
<div class="entry-caption"><?php if ( !empty( $post->post_excerpt ) ) the_excerpt(); ?></div>
<?php the_content( __( 'Continue reading <span class="meta-nav">&rarr;</span>', 'twentyten' ) ); ?>
<?php wp_link_pages( array( 'before' => '<div class="page-link">' . __( 'Pages:', 'twentyten' ), 'after' => '</div>' ) ); ?>
</div><!-- .entry-content -->
<div class="entry-utility">
<?php twentyten_posted_in(); ?>
<?php edit_post_link( __( 'Edit', 'twentyten' ), ' <span class="edit-link">', '</span>' ); ?>
</div><!-- .entry-utility -->
</div><!-- #post-## -->
<?php comments_template(); ?>
<?php endwhile; ?>
</div><!-- #content --> </div><!-- #content -->
</div><!-- #container --> </div><!-- #container -->

View File

@ -1,13 +1,15 @@
/* /*
Theme Name: Twenty Ten Theme Name: Twenty Ten
Description: Used to style the TinyMCE editor. */
/*
Used to style the TinyMCE editor.
*/ */
html .mceContentBody { html .mceContentBody {
max-width: 640px; max-width:640px;
} }
* { * {
color: #444;
font-family: Georgia, "Bitstream Charter", serif; font-family: Georgia, "Bitstream Charter", serif;
color: #444;
line-height: 1.5; line-height: 1.5;
} }
p, p,
@ -38,10 +40,10 @@ body, input, textarea {
} }
hr { hr {
background-color: #e7e7e7; background-color: #e7e7e7;
border: 0; border:0;
clear: both;
height: 1px; height: 1px;
margin-bottom: 18px; margin-bottom: 18px;
clear:both;
} }
/* Text elements */ /* Text elements */
p { p {
@ -56,22 +58,22 @@ ol {
margin: 0 0 18px 1.5em; margin: 0 0 18px 1.5em;
} }
ol ol { ol ol {
list-style: upper-alpha; list-style:upper-alpha;
} }
ol ol ol { ol ol ol {
list-style: lower-roman; list-style:lower-roman;
} }
ol ol ol ol { ol ol ol ol {
list-style: lower-alpha; list-style:lower-alpha;
} }
ul ul, ul ul,
ol ol, ol ol,
ul ol, ul ol,
ol ul { ol ul {
margin-bottom: 0; margin-bottom:0;
} }
dl { dl {
margin: 0 0 24px 0; margin:0 0 24px 0;
} }
dt { dt {
font-weight: bold; font-weight: bold;
@ -80,20 +82,20 @@ dd {
margin-bottom: 18px; margin-bottom: 18px;
} }
strong { strong {
color: #000;
font-weight: bold; font-weight: bold;
color: #000;
} }
cite, cite,
em, em,
i { i {
border: none;
font-style: italic; font-style: italic;
border: none;
} }
big { big {
font-size: 131.25%; font-size: 131.25%;
} }
ins { ins {
background: #ffc; background: #ffffcc;
border: none; border: none;
color: #333; color: #333;
} }
@ -127,11 +129,11 @@ ins {
} }
sup, sup,
sub { sub {
font-size: 10px;
height: 0; height: 0;
line-height: 1; line-height: 1;
position: relative;
vertical-align: baseline; vertical-align: baseline;
position: relative;
font-size: 10px;
} }
sup { sup {
bottom: 1ex; bottom: 1ex;
@ -140,10 +142,10 @@ sub {
top: .5ex; top: .5ex;
} }
a:link { a:link {
color: #06c; color:#0066cc;
} }
a:visited { a:visited {
color: #743399; color:#743399;
} }
a:active, a:active,
a:hover { a:hover {
@ -155,13 +157,13 @@ ol,
dd, dd,
pre, pre,
hr { hr {
margin-bottom: 24px; margin-bottom:24px;
} }
ul ul, ul ul,
ol ol, ol ol,
ul ol, ul ol,
ol ul { ol ul {
margin-bottom: 0; margin-bottom:0;
} }
pre, pre,
kbd, kbd,
@ -186,9 +188,9 @@ h4,
h5, h5,
h6 { h6 {
color: #000; color: #000;
font-weight: normal;
line-height: 1.5em;
margin: 0 0 20px 0; margin: 0 0 20px 0;
line-height: 1.5em;
font-weight: normal;
} }
h1 { h1 {
font-size: 2.4em; font-size: 2.4em;
@ -210,11 +212,11 @@ h6 {
} }
table { table {
border: 1px solid #e7e7e7 !important; border: 1px solid #e7e7e7 !important;
text-align: left;
margin: 0 -1px 24px 0;
width: 100%;
border-collapse: collapse; border-collapse: collapse;
border-spacing: 0; border-spacing: 0;
margin: 0 -1px 24px 0;
text-align: left;
width: 100%;
} }
tr th, tr th,
thead th { thead th {
@ -230,15 +232,11 @@ tr td {
border-top: 1px solid #e7e7e7 !important; border-top: 1px solid #e7e7e7 !important;
padding: 6px 24px; padding: 6px 24px;
} }
img { img {
margin: 0; margin: 0;
} max-width: 640px;
img.size-auto,
img.size-large,
img.size-full,
img.size-medium {
max-width: 100%;
height: auto;
} }
.alignleft, .alignleft,
img.alignleft { img.alignleft {
@ -267,19 +265,18 @@ img.aligncenter {
margin-bottom: 12px; margin-bottom: 12px;
} }
.wp-caption { .wp-caption {
background: #f1f1f1;
border: none; border: none;
-khtml-border-radius: 0; background: #f1f1f1;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
color: #888; color: #888;
font-size: 12px; font-size: 12px;
line-height: 18px; line-height: 18px;
margin-bottom: 20px;
max-width: 632px !important; /* prevent too-wide images from breaking layout */
padding: 4px;
text-align: center; text-align: center;
margin-bottom: 20px;
padding: 4px;
-moz-border-radius: 0;
-khtml-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
} }
.wp-caption img { .wp-caption img {
margin: 5px; margin: 5px;
@ -288,5 +285,5 @@ img.aligncenter {
margin: 0 0 4px; margin: 0 0 4px;
} }
.wp-smiley { .wp-smiley {
margin: 0; margin:0;
} }

View File

@ -73,7 +73,7 @@
$image[1] >= HEADER_IMAGE_WIDTH ) : $image[1] >= HEADER_IMAGE_WIDTH ) :
// Houston, we have a new header image! // Houston, we have a new header image!
echo get_the_post_thumbnail( $post->ID, 'post-thumbnail' ); echo get_the_post_thumbnail( $post->ID, 'post-thumbnail' );
elseif ( get_header_image() ) : ?> else : ?>
<img src="<?php header_image(); ?>" width="<?php echo HEADER_IMAGE_WIDTH; ?>" height="<?php echo HEADER_IMAGE_HEIGHT; ?>" alt="" /> <img src="<?php header_image(); ?>" width="<?php echo HEADER_IMAGE_WIDTH; ?>" height="<?php echo HEADER_IMAGE_HEIGHT; ?>" alt="" />
<?php endif; ?> <?php endif; ?>
</div><!-- #branding --> </div><!-- #branding -->

View File

@ -17,13 +17,20 @@ get_header(); ?>
<div id="container" class="one-column"> <div id="container" class="one-column">
<div id="content" role="main"> <div id="content" role="main">
<?php <?php if ( have_posts() ) while ( have_posts() ) : the_post(); ?>
/* Run the loop to output the page.
* If you want to overload this in a child theme then include a file <div id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
* called loop-page.php and that will be used instead. <h1 class="entry-title"><?php the_title(); ?></h1>
*/ <div class="entry-content">
get_template_part( 'loop', 'page' ); <?php the_content(); ?>
?> <?php wp_link_pages( array( 'before' => '<div class="page-link">' . __( 'Pages:', 'twentyten' ), 'after' => '</div>' ) ); ?>
<?php edit_post_link( __( 'Edit', 'twentyten' ), '<span class="edit-link">', '</span>' ); ?>
</div><!-- .entry-content -->
</div><!-- #post-## -->
<?php comments_template( '', true ); ?>
<?php endwhile; ?>
</div><!-- #content --> </div><!-- #content -->
</div><!-- #container --> </div><!-- #container -->

View File

@ -17,13 +17,25 @@ get_header(); ?>
<div id="container"> <div id="container">
<div id="content" role="main"> <div id="content" role="main">
<?php <?php if ( have_posts() ) while ( have_posts() ) : the_post(); ?>
/* Run the loop to output the page.
* If you want to overload this in a child theme then include a file <div id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
* called loop-page.php and that will be used instead. <?php if ( is_front_page() ) { ?>
*/ <h2 class="entry-title"><?php the_title(); ?></h2>
get_template_part( 'loop', 'page' ); <?php } else { ?>
?> <h1 class="entry-title"><?php the_title(); ?></h1>
<?php } ?>
<div class="entry-content">
<?php the_content(); ?>
<?php wp_link_pages( array( 'before' => '<div class="page-link">' . __( 'Pages:', 'twentyten' ), 'after' => '</div>' ) ); ?>
<?php edit_post_link( __( 'Edit', 'twentyten' ), '<span class="edit-link">', '</span>' ); ?>
</div><!-- .entry-content -->
</div><!-- #post-## -->
<?php comments_template( '', true ); ?>
<?php endwhile; ?>
</div><!-- #content --> </div><!-- #content -->
</div><!-- #container --> </div><!-- #container -->

View File

@ -120,9 +120,6 @@ blockquote {
float: left; float: left;
font-style: normal; font-style: normal;
} }
#branding img {
float: right;
}
/* =Menu /* =Menu
-------------------------------------------------------------- */ -------------------------------------------------------------- */

View File

@ -12,13 +12,56 @@ get_header(); ?>
<div id="container"> <div id="container">
<div id="content" role="main"> <div id="content" role="main">
<?php <?php if ( have_posts() ) while ( have_posts() ) : the_post(); ?>
/* Run the loop to output the post.
* If you want to overload this in a child theme then include a file <div id="nav-above" class="navigation">
* called loop-single.php and that will be used instead. <div class="nav-previous"><?php previous_post_link( '%link', '<span class="meta-nav">' . _x( '&larr;', 'Previous post link', 'twentyten' ) . '</span> %title' ); ?></div>
*/ <div class="nav-next"><?php next_post_link( '%link', '%title <span class="meta-nav">' . _x( '&rarr;', 'Next post link', 'twentyten' ) . '</span>' ); ?></div>
get_template_part( 'loop', 'single' ); </div><!-- #nav-above -->
?>
<div id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
<h1 class="entry-title"><?php the_title(); ?></h1>
<div class="entry-meta">
<?php twentyten_posted_on(); ?>
</div><!-- .entry-meta -->
<div class="entry-content">
<?php the_content(); ?>
<?php wp_link_pages( array( 'before' => '<div class="page-link">' . __( 'Pages:', 'twentyten' ), 'after' => '</div>' ) ); ?>
</div><!-- .entry-content -->
<?php if ( get_the_author_meta( 'description' ) ) : // If a user has filled out their description, show a bio on their entries ?>
<div id="entry-author-info">
<div id="author-avatar">
<?php echo get_avatar( get_the_author_meta( 'user_email' ), apply_filters( 'twentyten_author_bio_avatar_size', 60 ) ); ?>
</div><!-- #author-avatar -->
<div id="author-description">
<h2><?php printf( esc_attr__( 'About %s', 'twentyten' ), get_the_author() ); ?></h2>
<?php the_author_meta( 'description' ); ?>
<div id="author-link">
<a href="<?php echo get_author_posts_url( get_the_author_meta( 'ID' ) ); ?>">
<?php printf( __( 'View all posts by %s <span class="meta-nav">&rarr;</span>', 'twentyten' ), get_the_author() ); ?>
</a>
</div><!-- #author-link -->
</div><!-- #author-description -->
</div><!-- #entry-author-info -->
<?php endif; ?>
<div class="entry-utility">
<?php twentyten_posted_in(); ?>
<?php edit_post_link( __( 'Edit', 'twentyten' ), '<span class="edit-link">', '</span>' ); ?>
</div><!-- .entry-utility -->
</div><!-- #post-## -->
<div id="nav-below" class="navigation">
<div class="nav-previous"><?php previous_post_link( '%link', '<span class="meta-nav">' . _x( '&larr;', 'Previous post link', 'twentyten' ) . '</span> %title' ); ?></div>
<div class="nav-next"><?php next_post_link( '%link', '%title <span class="meta-nav">' . _x( '&rarr;', 'Next post link', 'twentyten' ) . '</span>' ); ?></div>
</div><!-- #nav-below -->
<?php comments_template( '', true ); ?>
<?php endwhile; // end of the loop. ?>
</div><!-- #content --> </div><!-- #content -->
</div><!-- #container --> </div><!-- #container -->

View File

@ -3,8 +3,8 @@ Theme Name: Twenty Ten
Theme URI: http://wordpress.org/ Theme URI: http://wordpress.org/
Description: The 2010 theme for WordPress is stylish, customizable, simple, and readable -- make it yours with a custom menu, header image, and background. Twenty Ten supports six widgetized areas (two in the sidebar, four in the footer) and featured images (thumbnails for gallery posts and custom header images for posts and pages). It includes stylesheets for print and the admin Visual Editor, special styles for posts in the "Asides" and "Gallery" categories, and has an optional one-column page template that removes the sidebar. Description: The 2010 theme for WordPress is stylish, customizable, simple, and readable -- make it yours with a custom menu, header image, and background. Twenty Ten supports six widgetized areas (two in the sidebar, four in the footer) and featured images (thumbnails for gallery posts and custom header images for posts and pages). It includes stylesheets for print and the admin Visual Editor, special styles for posts in the "Asides" and "Gallery" categories, and has an optional one-column page template that removes the sidebar.
Author: the WordPress team Author: the WordPress team
Version: 1.2-RC1 Version: 1.1
Tags: black, blue, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style, custom-menu Tags: black, blue, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style
*/ */
@ -139,9 +139,7 @@ h3#reply-title,
.pingback p, .pingback p,
.reply, .reply,
.widget-title, .widget-title,
.wp-caption-text { .wp-caption-text,
font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;
}
input[type=submit] { input[type=submit] {
font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif; font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;
} }
@ -352,7 +350,7 @@ a:hover {
clear: right; clear: right;
float: right; float: right;
font-style: italic; font-style: italic;
margin: 15px 0 18px 0; margin: 14px 0 18px 0;
width: 220px; width: 220px;
} }
@ -360,8 +358,8 @@ a:hover {
#branding img { #branding img {
border-top: 4px solid #000; border-top: 4px solid #000;
border-bottom: 1px solid #000; border-bottom: 1px solid #000;
clear: both;
display: block; display: block;
float: left;
} }
@ -761,91 +759,86 @@ body.page .edit-link {
/* =Images /* =Images
-------------------------------------------------------------- */ -------------------------------------------------------------- */
/* #content img {
Resize images to fit the main content area. margin: 0;
- Applies only to images uploaded via WordPress by targeting size-* classes. height: auto;
- Other images will be left alone. Use "size-auto" class to apply to other images. max-width: 640px;
*/ width: auto;
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img {
max-width: 100%; /* When images are too wide for containing element, force them to fit. */
height: auto; /* Override height to match resized width for correct aspect ratio. */
} }
.alignleft, #content .attachment img {
img.alignleft { max-width: 900px;
}
#content .alignleft,
#content img.alignleft {
display: inline; display: inline;
float: left; float: left;
margin-right: 24px; margin-right: 24px;
margin-top: 4px; margin-top: 4px;
} }
.alignright, #content .alignright,
img.alignright { #content img.alignright {
display: inline; display: inline;
float: right; float: right;
margin-left: 24px; margin-left: 24px;
margin-top: 4px; margin-top: 4px;
} }
.aligncenter, #content .aligncenter,
img.aligncenter { #content img.aligncenter {
clear: both; clear: both;
display: block; display: block;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
} }
img.alignleft, #content img.alignleft,
img.alignright, #content img.alignright,
img.aligncenter { #content img.aligncenter {
margin-bottom: 12px; margin-bottom: 12px;
} }
.wp-caption { #content .wp-caption {
background: #f1f1f1; background: #f1f1f1;
line-height: 18px; line-height: 18px;
margin-bottom: 20px; margin-bottom: 20px;
max-width: 632px !important; /* prevent too-wide images from breaking layout */
padding: 4px; padding: 4px;
text-align: center; text-align: center;
} }
.wp-caption img { #content .wp-caption img {
margin: 5px 5px 0; margin: 5px 5px 0;
} }
.wp-caption p.wp-caption-text { #content .wp-caption p.wp-caption-text {
color: #888; color: #888;
font-size: 12px; font-size: 12px;
margin: 5px; margin: 5px;
} }
.wp-smiley { #content .wp-smiley {
margin: 0; margin: 0;
} }
.gallery { #content .gallery {
margin: 0 auto 18px; margin: 0 auto 18px;
} }
.gallery .gallery-item { #content .gallery .gallery-item {
float: left; float: left;
margin-top: 0; margin-top: 0;
text-align: center; text-align: center;
width: 33%; width: 33%;
} }
.gallery img { #content .gallery img {
border: 2px solid #cfcfcf; border: 2px solid #cfcfcf;
} }
.gallery .gallery-caption { #content .gallery .gallery-caption {
color: #888; color: #888;
font-size: 12px; font-size: 12px;
margin: 0 0 12px; margin: 0 0 12px;
} }
.gallery dl { #content .gallery dl {
margin: 0; margin: 0;
} }
.gallery img { #content .gallery img {
border: 10px solid #f1f1f1; border: 10px solid #f1f1f1;
} }
.gallery br+br { #content .gallery br+br {
display: none; display: none;
} }
#content .attachment img {/* single attachment images should be centered */ #content .attachment img { /* single attachment images should be centered */
display: block; display: block;
margin: 0 auto; margin: 0 auto;
} }
@ -1094,9 +1087,6 @@ h3#reply-title {
list-style: square; list-style: square;
margin-left: 1.3em; margin-left: 1.3em;
} }
.widget-area select {
max-width: 100%;
}
.widget_search #s {/* This keeps the search inputs in line */ .widget_search #s {/* This keeps the search inputs in line */
width: 60%; width: 60%;
} }