WordPress.org
Get WordPress

Making WordPress.org

Changeset 1615


Ignore:
Timestamp:
05/24/2015 08:06:47 PM (11 years ago)
Author:
ocean90
Message:

Rosetta Theme: Responsive and other improvements.

  • Add template for 404 error.
  • Add template for front page which was previously the index template.
  • Update index template to support static front page and page for posts.
  • Update comments template to use wp_list_comments() and comment_form().
  • Update styling of blog posts.

see #1049.

Location:
sites/trunk/global.wordpress.org/public_html/wp-content/themes/rosetta
Files:
4 added
8 edited

Legend:

Unmodified
Added
Removed

  • sites/trunk/global.wordpress.org/public_html/wp-content/themes/rosetta/comments.php

    r1560 r1615  
    1 <?php if ( $comments ) : ?>
    2 <h2 id="commentheader" class="fancy"><?php _e('Comments', 'rosetta'); ?></h2>
    3 <ol id="comments" class="commentlist">
    4         <?php foreach ($comments as $comment) : ?>
    5                 <li id="comment-<?php comment_ID() ?>" class="comment">
    6                         <div class="narrow">
    7                                 <span class="author"><?php comment_author_link(); ?></span>
    8                                 <span class="date"><?php comment_date(__('F j, Y', 'rosetta')) ?>,&nbsp;<?php comment_time(__('g:i a', 'rosetta')) ?></span>
    9                                 <span class="permlink"><a href="#comment-<?php comment_ID() ?>" title="<?php esc_attr_e('Permanent link to this comment', 'rosetta'); ?>">#</a></span>
    10                                 <?php edit_comment_link(__("Edit&nbsp;This", 'rosetta'), ''); ?>
    11                         </div>
    12                         <div class="wide">
    13                                 <?php comment_text() ?>
    14                         </div>
    15                 </li>
    16         <?php endforeach; ?>
    17 </ol>
    18 <?php endif; ?>
     1<?php
     2/*
     3 * If the current post is protected by a password and
     4 * the visitor has not yet entered the password we will
     5 * return early without loading the comments.
     6 */
     7if ( post_password_required() ) {
     8        return;
     9}
     10?>
    1911
    20 <?php if ( comments_open() ) : ?>
     12<div id="comments" class="comments-area">
    2113
    22 <form id="commentform" action="<?php echo get_option('siteurl'); ?>/wp-comments-post.php" method="post">
    23         <h3><?php _e('Add a Comment', 'rosetta'); ?></h3>
     14        <?php if ( have_comments() ) : ?>
     15                <h2 class="comments-title">
     16                        <?php
     17                                printf( _nx( 'One thought on &ldquo;%2$s&rdquo;', '%1$s thoughts on &ldquo;%2$s&rdquo;', get_comments_number(), 'comments title', 'rosetta' ),
     18                                        number_format_i18n( get_comments_number() ), get_the_title() );
     19                        ?>
     20                </h2>
    2421
    25         <?php if ( $user_ID ) : ?>
     22                <ol class="comment-list">
     23                        <?php
     24                                wp_list_comments( array(
     25                                        'style'       => 'ol',
     26                                        'short_ping'  => true,
     27                                        'avatar_size' => 56,
     28                                ) );
     29                        ?>
     30                </ol>
    2631
    27         <div id="loggedin"><?php printf(__('Logged in as %s.', 'rosetta'), '<a href="' . admin_url( 'profile.php' ) .'">'.$user_identity.'</a>'); ?> <a href="<?php echo get_option('siteurl'); ?>/wp-login.php?action=logout" title="<?php esc_attr_e('Log out of this account.', 'rosetta') ?>"><?php _e('Logout &raquo;', 'rosetta'); ?></a></div>
     32        <?php endif; ?>
    2833
    29         <?php else : ?>
     34        <?php
     35                // If comments are closed and there are comments, let's leave a little note, shall we?
     36                if ( ! comments_open() && get_comments_number() ) :
     37        ?>
     38                <p class="no-comments"><?php _e( 'Comments are closed.', 'rosetta' ); ?></p>
     39        <?php endif; ?>
    3040
    31         <div class="narrow">
    32                 <input id="author" name="author" type="text" value="<?php echo esc_attr( $comment_author ) ?>" tabindex="1" />
    33                 <label for="author"><?php _e('Name <em>(required)</em>', 'rosetta') ?></label>
     41        <?php comment_form(); ?>
    3442
    35                 <input id="email" name="email" type="text" value="<?php echo esc_attr( $comment_author_email ) ?>" tabindex="2" />
    36                 <label for="email"><?php _e('Email <em>(required)</em>', 'rosetta') ?></label>
    37 
    38                 <input id="url" name="url" type="text" value="<?php echo esc_attr( $comment_author_url ) ?>" tabindex="3" />
    39                 <label for="url"><?php _e('Web Site', 'rosetta') ?></label>
    40         </div>
    41 
    42 <?php endif; ?>
    43 
    44         <div class="wide">
    45                 <textarea id="comment" name="comment" cols="45" rows="8" tabindex="4"></textarea>
    46                 <input id="submit" name="submit" type="submit" value="<?php esc_attr_e('Post Comment &raquo;', 'rosetta') ?>" tabindex="5" /><input type="hidden" name="comment_post_ID" value="<?php echo $id; ?>" />
    47         </div>
    48 
    49 <?php do_action('comment_form', $post->ID); ?>
    50 
    51 </form> <!-- end commentform -->
    52 
    53 <?php else : // Comments are closed ?>
    54 <?php endif; ?>
     43</div>

  • sites/trunk/global.wordpress.org/public_html/wp-content/themes/rosetta/download-sidebar.php

    r465 r1615  
    11<?php
    2         $latest_release = $rosetta->rosetta->get_latest_release();
    3         if (false !== $latest_release):
     2global $rosetta;
     3$latest_release = $rosetta->rosetta->get_latest_release();
     4if ( false !== $latest_release ) :
     5        ?>
     6        <p class="download-meta">
     7                <a class="button download-button button-large button-large" href="<?php echo $latest_release['zip_url']; ?>">
     8                        <strong><?php
     9                                echo apply_filters( 'no_orphans',
     10                                        sprintf(
     11                                                __( 'Download WordPress %s', 'rosetta' ),
     12                                                $latest_release['version']
     13                                        )
     14                                );
     15                        ?></strong>
     16                </a>
     17                <span><?php printf( __( '.zip &mdash; %s MB', 'rosetta' ), $latest_release['zip_size_mb'] ); ?></span>
     18        </p>
     19
     20        <p class="download-tar">
     21                <a href="<?php echo $latest_release['targz_url']; ?>"><?php printf(
     22                        __( 'Download .tar.gz &mdash; %s MB', 'rosetta' ),
     23                        $latest_release['tar_size_mb'] );
     24                ?></a>
     25        </p>
     26
     27        <h3><?php _e( 'More download options', 'rosetta' ); ?></h3>
     28        <ul>
     29                <li><a href="/releases/#latest"><?php _e( 'Other file formats', 'rosetta' ); ?></a></li>
     30                <li><a href="/releases/#older"><?php _e( 'Older versions', 'rosetta' ); ?></a></li>
     31                <li><a href="/releases/#beta"><?php _e( 'Beta &amp; RC versions', 'rosetta' ); ?></a></li>
     32        </ul>
     33        <?php
     34endif;
    435?>
    536
    6                                         <a class="download-button" href="<?php echo $latest_release['zip_url']; ?>">
    7                                                 <strong><?php echo apply_filters( 'no_orphans', sprintf(__('Download WordPress %s', 'rosetta'), $latest_release['version']) ); ?></strong>
    8                                                 <br />
    9                                                 <span><?php printf(__('.zip &mdash; %s MB', 'rosetta'), $latest_release['zip_size_mb']); ?></span>
    10                                         </a>
    11                                         <p class="download-tar"><a href="<?php echo $latest_release['targz_url']; ?>"><?php printf(__('Download .tar.gz &mdash; %s MB', 'rosetta'), $latest_release['tar_size_mb']);?></a></p>
     37<h3><?php _e( 'Resources', 'rosetta' ); ?></h3>
    1238
    13                                         <h5><?php _e("More download options", 'rosetta'); ?></h5>
    14                                         <ul>
    15                                                 <li><a href="/releases/#latest"><?php _e('Other file formats', 'rosetta'); ?></a></li>
    16                                                 <li><a href="/releases/#older"><?php _e('Older versions', 'rosetta'); ?></a></li>
    17                                                 <li><a href="/releases/#beta"><?php _e('Beta &amp; RC versions', 'rosetta'); ?></a></li>
    18                                         </ul>
    19 <?php
    20         endif;
    21 ?>
    22                                         <h5><?php _e('Resources', 'rosetta'); ?></h5>
     39<p><?php _e( 'For help with installing or using WordPress, consult our documentation in your language.', 'rosetta' ); ?></p>
    2340
    24                                         <p><?php _e('For help with installing or using WordPress, consult our documentation in your language.', 'rosetta'); ?></p>
    25 
    26                                         <ul>
    27                                         <?php wp_list_bookmarks('categorize=0&category_before=&category_after=&title_li=&'); ?>
    28                                         </ul>
    29 
     41<ul>
     42        <?php wp_list_bookmarks( 'categorize=0&category_before=&category_after=&title_li=&' ); ?>
     43</ul>

  • sites/trunk/global.wordpress.org/public_html/wp-content/themes/rosetta/download.php

    r1165 r1615  
    66get_header();
    77$releases = $rosetta->rosetta->get_releases_breakdown();
     8
     9the_post();
    810?>
    9         <div class="wrapper">
    10         <div class="section releases">
     11        <div id="headline">
     12                <div class="wrapper">
     13                        <h2><?php the_title(); ?></h2>
     14                </div>
     15        </div>
     16
     17        <div id="pagebody">
     18                <div class="wrapper">
     19                        <div class="col-9">
    1120<?php
    1221        if ( ! empty( $releases ) ):
    1322                if ( isset( $releases['latest'] ) ):
    14                         release_row(null, null, null, true);
     23                        rosetta_release_row( null, null, null, true );
    1524?>
    16                         <h3 id="latest"><?php _e('Latest release', 'rosetta'); ?></h3>
     25                        <h3 id="latest"><?php _e( 'Latest release', 'rosetta' ); ?></h3>
    1726                        <table class="releases latest">
    18                                 <?php echo release_row( $releases['latest'], 'alt' ); ?>
     27                                <?php echo rosetta_release_row( $releases['latest'], 'alt' ); ?>
    1928                        </table>
    2029<?php
    … …  
    2534<?php
    2635                foreach ( $releases['branches'] as $branch => $branch_rels ):
    27                         release_row( null, null, null, true );
     36                        rosetta_release_row( null, null, null, true );
    2837?>
    29                         <h3><?php printf( __('%s Branch', 'rosetta'), $branch );?></h3>
     38                        <h3><?php printf( __( '%s Branch', 'rosetta' ), $branch );?></h3>
    3039                        <table class="releases">
    3140<?php
    3241        foreach ( $branch_rels as $release ):
    3342?>
    34                                 <?php release_row( $release, 'alt' );?>
     43                                <?php rosetta_release_row( $release, 'alt' );?>
    3544<?php
    3645        endforeach;
    … …  
    4251                if ( ! empty( $releases['betas'] ) ):
    4352?>
    44                         <h3 id="betas"><?php _e('Beta &amp; RC releases', 'rosetta'); ?></h3>
     53                        <h3 id="betas"><?php _e( 'Beta &amp; RC releases', 'rosetta' ); ?></h3>
    4554                        <table id="beta" class="releases">
    4655<?php
    47         release_row( null, null, null, true );
     56        rosetta_release_row( null, null, null, true );
    4857        foreach ( $releases['betas'] as $release ):
    4958?>
    50                                 <?php release_row( $release, 'alt', 'beta-first' ); ?>
     59                                <?php rosetta_release_row( $release, 'alt', 'beta-first' ); ?>
    5160<?php
    5261        endforeach;
    … …  
    5867        else: # no releases
    5968?>
    60         <p><?php _e('There are no releases'); ?></p>
     69        <p><?php _e( 'There are no releases, yet.', 'rosetta' ); ?></p>
    6170<?php endif; # if releases?>
     71                        </div>
     72                </div>
    6273        </div>
    63         </div>
    64 <?php get_footer(); ?>
     74<?php
     75get_footer();

  • sites/trunk/global.wordpress.org/public_html/wp-content/themes/rosetta/functions.php

    r1559 r1615  
    11<?php
    22
     3/**
     4 * Set the content width based on the theme's design and stylesheet.
     5 */
     6if ( ! isset( $content_width ) ) {
     7        $content_width = 692;
     8}
     9
     10/**
     11 * Sets up theme defaults and registers support for various WordPress features.
     12 */
    313function rosetta_after_setup_theme() {
    414        add_theme_support( 'automatic-feed-links' );
     15
     16        add_theme_support( 'html5', array(
     17                'search-form', 'comment-form', 'comment-list', 'gallery', 'caption'
     18        ) );
    519
    620        add_theme_support( 'custom-header', array(
    … …  
    3044add_action( 'admin_footer-nav-menus.php', 'rosetta_admin_footer_nav_menus' );
    3145
    32 function release_row( $release, $alt_class=false, $first_of_branch_class=false, $reset = false) {
    33         static $even = true;
    34         static $last_branch='';
    35 
    36         if ($reset) {
    37                 $even = true;
    38                 $last_branch = '';
    39                 return;
    40         }
    41         $classes = array();
    42         if (!$even && $alt_class) {
    43                 $classes[] = $alt_class;
    44         }
    45         $even = !$even;
    46         if ($release['branch'] != $last_branch && $first_of_branch_class) {
    47                 $classes[] = $first_of_branch_class;
    48         }
    49         $last_branch = $release['branch'];
    50         $classes_str = implode(' ', $classes);
    51         print "<tr class='$classes_str'>";
    52         print "\t<td>".$release['version']."</td>";
    53         print "\t<td>".date_i18n(__('Y-M-d', 'rosetta'), $release['builton'])."</td>";
    54         print "\t<td><a href='".$release['zip_url']."'>zip</a> <small>(<a href='".$release['zip_url'].".md5'>md5</a>)</small></td>";
    55         print "\t<td><a href='".$release['targz_url']."'>tar.gz</a> <small>(<a href='".$release['targz_url'].".md5'>md5</a>)</small></td>";
    56         print "</tr>";
    57 
     46function rosetta_body_class( $classes ) {
     47        $classes[] = 'wporg-responsive';
     48        $classes[] = 'wporg-international';
     49        return $classes;
    5850}
     51add_filter( 'body_class', 'rosetta_body_class' );
    5952
    6053function is_locale_css() {
    … …  
    7366}
    7467add_filter( 'no_orphans', 'rosetta_orphan_control' );
     68
     69/**
     70 * Custom template tags for this theme.
     71 */
     72require get_template_directory() . '/inc/template-tags.php';

  • sites/trunk/global.wordpress.org/public_html/wp-content/themes/rosetta/index.php

    r1559 r1615  
    11<?php get_header(); ?>
    2         <div class="outer" id="mid-wrapper">
    3 <?php
    4 $latest_release = $rosetta->rosetta->get_latest_public_release();
    5 if ( false === $latest_release && $rosetta->rosetta->get_latest_release() ) :
    6 ?>
    7                 <div class="wrapper">
    8                         <div class="section">
    9                                 <h3>The <?php echo $rosetta->rosetta->get_glotpress_locale()->english_name; ?> translation of WordPress is inactive</h3>
    10                                 <p><a href="https://wordpress.org/download/">Download the English version instead</a>.</p>
    11                                 <p>If you&#8217;re interested in translating WordPress to <?php echo $rosetta->rosetta->get_glotpress_locale()->english_name; ?>,
    12                                 join <a href="https://make.wordpress.org/polyglots/">the Polyglots team</a> and find out how.</p>
    13                         </div>
     2
     3<div id="pagebody">
     4        <div class="wrapper">
     5                <div class="col-9">
     6                        <?php
     7                        if ( have_posts()) :
     8                                while (have_posts() ) : the_post(); ?>
     9                                        <h2 class="fancy"><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></h2>
     10
     11                                        <div class="meta">
     12                                                <?php rosetta_entry_meta(); ?>
     13                                        </div>
     14
     15                                        <div class="storycontent">
     16                                                <?php the_content('Read on for more &raquo;'); ?>
     17                                        </div>
     18
     19                                        <div class="feedback">
     20                                                <?php comments_popup_link(); ?>
     21                                        </div>
     22
     23                                        <?php comments_template(); ?>
     24                                <?php endwhile;
     25                        else: ?>
     26                                <p><?php _e( 'Sorry, no posts matched your criteria.', 'rosetta' ); ?></p>
     27                        <?php endif; ?>
     28
     29                        <?php posts_nav_link(' &#8212; ', __( '&laquo; Newer Posts', 'rosetta' ), __( 'Older Posts &raquo;', 'rosetta' ) ); ?>
    1430                </div>
    15 <?php endif; ?>
    16 
    17                 <div class="wrapper">
    18                         <div class="section">
    19 <?php
    20         query_posts('pagename=txt-welcome');
    21         while(have_posts()):
    22                 the_post();
    23 ?>
    24                                 <h3><?php the_title(); ?></h3>
    25 
    26                                 <?php
    27                                 if ( $header_image = get_header_image() ) {
    28                                         $hw = image_hwstring( HEADER_IMAGE_WIDTH, HEADER_IMAGE_HEIGHT );
    29                                         printf(
    30                                                 '<img class="shot" %ssrc="%s" alt="" />',
    31                                                 $hw,
    32                                                 esc_url( $header_image )
    33                                         );
    34                                 }
    35 
    36                                 the_content();
    37                                 ?>
    38 <?php endwhile; ?>
     31                <div class="col-3">
     32                        <div class="blog-categories">
     33                                <h4><?php _e( 'Categories', 'rosetta' ); ?></h4>
     34                                <ul>
     35                                        <?php wp_list_categories( 'title_li=&show_count=1&orderby=count&order=DESC&number=10' ); ?>
     36                                </ul>
    3937                        </div>
    4038                </div>
    4139        </div>
    42 <?php
    43         $latest_release = $rosetta->rosetta->get_latest_public_release();
    44         if (false !== $latest_release):
    45 ?>
    46                 <div class="wrapper">
    47                         <div class="section">
    48                                 <div class="main">
    49 <?php
    50         query_posts('pagename=txt-download');
    51         while(have_posts()):
    52                 the_post();
    53 ?>
    54                                 <h3><?php the_title(); ?></h3>
    55                                         <?php the_content(); ?>
    56 <?php endwhile; ?>
    57                                 </div>
    58                                 <div class="sidebar">
    59 <?php
    60         require_once dirname( __FILE__ ) . '/download-sidebar.php';
    61 ?>
    62                                 </div>
    63                         </div>
    64                 </div>
    65 <?php
    66         endif; # at least one no-beta release
    67         $showcase = $rosetta->showcase->front();
    68         if ( $showcase ) :
    69 ?>
    70         <div class="wrapper">
    71                 <div class="section">
    72                         <h3><?php _e( 'Showcase', 'rosetta' ); ?></h3>
    73                         <ul id="showcase">
    74 <?php
    75         foreach ( $showcase as $item ) :
    76                 $url = get_permalink( $item->ID );
    77 ?>
    78         <li>
    79                 <a class="shot" href="<?php echo esc_url( $url ); ?>">
    80                         <img src="<?php echo esc_url( $rosetta->screenshot_url( $url, 230 ) ); ?>" width="230" alt="screenshot" />
    81                 </a>
    82                 <?php echo esc_html( $item->post_title ); ?>
    83                 <br />
    84                 <a href="<?php echo esc_url( $url ); ?>"><?php _e( 'Visit the site &rarr;', 'rosetta' ); ?></a>
    85         </li>
    86 <?php
    87         endforeach;
    88 ?>
    89                         </ul>
    90                 </div>
    91         </div>
    92 <?php
    93         elseif( current_user_can('edit_posts') ):
    94 ?>
    95                 <div class="wrapper">
    96                 <div class="section">
    97                         <h3><?php _e('Showcase', 'rosetta'); ?></h3>
    98                         <span id="showcase-front-slate">You can <a href="<?php echo admin_url('edit.php?post_type=showcase'); ?>">add notable sites</a> in your language and screenshot and description of random three of them will show here.</span>
    99                 </div>
    100                 </div>
    101 <?php
    102         endif;
    103 ?>
    104 <?php
    105         query_posts('pagename=txt-install');
    106         while(have_posts()):
    107                 the_post();
    108 ?>
    109         <div class="wrapper">
    110                 <div class="section">
    111                         <h3><?php the_title(); ?></h3>
    112                                 <?php the_content(); ?>
    113                 </div>
    114         </div>
    115 <?php endwhile; ?>
    116                 <div class="wrapper">
    117                         <div id="blog" class="section">
    118                                 <div class="main">
    119                                         <h3><?php _e('Blog', 'rosetta'); ?></h3>
    120 <?php
    121         wp_reset_query();
    122         while (have_posts()) : the_post();
    123 ?>
    124                                                         <div class="post" id="post-<?php the_ID(); ?>">
    125                                                                 <h4><a href="<?php the_permalink() ?>" rel="bookmark" title="<?php printf( esc_attr__('Permanent Link to %s', 'rosetta'), get_the_title()); ?>"><?php the_title(); ?></a></h4>
    126                                                                 <h6><?php the_time(__('F j, Y', 'rosetta')); ?></h6>
    127                                                                 <div class="entry">
    128                                                                         <?php the_excerpt(); ?>
    129                                                                 </div>
    130                                                         </div>
    131 <?php endwhile; ?>
    132                                 </div>
     40</div>
    13341
    134                                 <div class="sidebar">
    135                                         <h5><?php _e('Blog Archives', 'rosetta'); ?></h5>
    136                                         <ul>
    137                                                 <?php wp_get_archives('type=monthly&limit=12'); ?>
    138                                         </ul>
    139                                 </div>
    140                         </div>
    141                 </div>
    142 
    143 <?php get_footer(); ?>
     42<?php get_footer();

  • sites/trunk/global.wordpress.org/public_html/wp-content/themes/rosetta/page.php

    r465 r1615  
    1 <?php get_header(); ?>
    2         <div class="wrapper">
    3                         <div class="section">
    41<?php
    5         while(have_posts()):
    6                 the_post();
     2get_header();
     3
     4the_post();
    75?>
    8                                 <div class="main">
    9                                 <h3><?php the_title(); ?></h3>
    10 
    11                                         <?php the_content(); ?>
    12                                 </div>
    13 
    14                                 <div class="sidebar">
    15 <?php
    16         include 'download-sidebar.php';
    17 ?>
    18                                 </div>
     6        <div id="headline">
     7                <div class="wrapper">
     8                        <h2><?php the_title(); ?></h2>
     9                </div>
     10        </div>
     11        <div id="pagebody">
     12                <div class="wrapper">
     13                        <div class="col-9">
     14                                <?php the_content(); ?>
     15                        </div>
     16                        <div class="col-3">
     17                                <?php get_template_part( 'download-sidebar' ); ?>
    1918                        </div>
    2019                </div>
     20        </div>
    2121<?php
    22         endwhile;
    23         get_footer();
    24 ?>
     22get_footer();

  • sites/trunk/global.wordpress.org/public_html/wp-content/themes/rosetta/single.php

    r465 r1615  
    11<?php get_header(); ?>
    2         <div class="outer" id="mid-wrapper">
    3                 <div class="wrapper">
    4                         <div class="section blog">
    5                                 <h3><?php _e('Blog', 'rosetta');?></h3>
     2
     3<div id="pagebody">
     4        <div class="wrapper">
     5                <div class="col-9">
     6                        <?php
     7                        if ( have_posts()) :
     8                                while (have_posts() ) : the_post(); ?>
     9                                        <h2 class="fancy"><?php the_title(); ?></h2>
     10
     11                                        <div class="meta">
     12                                                <?php rosetta_entry_meta(); ?>
     13                                        </div>
     14
     15                                        <div class="storycontent">
     16                                                <?php the_content( 'Read on for more &raquo;', 'rosetta' ); ?>
     17                                        </div>
     18
     19                                        <?php comments_template(); ?>
     20                                <?php endwhile;
     21                        else: ?>
     22                                <p><?php _e( 'Sorry, no posts matched your criteria.', 'rosetta' ); ?></p>
     23                        <?php endif; ?>
     24
     25                        <?php posts_nav_link(' &#8212; ', __( '&laquo; Newer Posts', 'rosetta' ), __( 'Older Posts &raquo;', 'rosetta' ) ); ?>
     26                </div>
     27                <div class="col-3">
     28                        <div class="blog-categories">
     29                                <h4><?php _e( 'Categories', 'rosetta' ); ?></h4>
     30                                <ul>
     31                                        <?php wp_list_categories( 'title_li=&show_count=1&orderby=count&order=DESC&number=10' ); ?>
     32                                </ul>
    633                        </div>
    734                </div>
    835        </div>
    9         <?php if (have_posts()) : ?>
    10                 <?php while (have_posts()) : the_post(); ?>
    11                 <div class="wrapper">
    12                 <div class="section blog">
    13                                 <h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
     36</div>
    1437
    15                                 <p><small><em><?php the_time(__('F j, Y', 'rosetta')); ?>, <?php the_author_link(); ?></em></small></p>
    16 
    17                                 <?php the_content(__('Read the rest of this entry &raquo;', 'rosetta')); ?>
    18 
    19                                 <?php comments_template(); ?>
    20                                 <div class="navigation">
    21                                                 <div class="nav-previous"><?php previous_post_link('&larr; %link') ?></div>
    22                                                 <div class="nav-next"><?php next_post_link('%link &rarr;') ?></div>
    23                                 </div>
    24 
    25                 </div>
    26                 </div>
    27 
    28                 <?php endwhile; ?>
    29 
    30         <?php endif; ?>
    31 <?php get_footer(); ?>
     38<?php get_footer();

  • sites/trunk/global.wordpress.org/public_html/wp-content/themes/rosetta/style.css

    r1608 r1615  
    77*/
    88
    9 /* The Reset ---------------------------------- */
    10 /* -------------------------------------------- */
    11 body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,
    12 h6,pre,form,fieldset,input,p,blockquote,table,
    13 th,td { margin: 0; padding: 0; }
    14 fieldset,img,abbr { border: 0; }
    15 address,caption,cite,code,dfn,em,h1,h2,h3,
    16 h4,h5,h6,th,var { font-style: normal; font-weight: normal; }
    17 caption,th { text-align: left; }
    18 q:before,q:after { content: ''; }
    19 a { text-decoration: none; }
    20 ul { list-style: none; }
    21 
    22 /* STRUCTURE AND PAGEBODY */
    23 
    249body {
    25         color: #555;
    26         margin: 0;
    27         padding: 0;
    28         font-size: 16px;
    29         font-family: "Open Sans","Lucida Grande",Verdana,"Bitstream Vera Sans",Arial,sans-serif;
    30 }
    31 pre a { font-weight: normal; }
    32 
    33 a { color: #2583ad; text-decoration: none; font-weight: bold; }
    34 
    35 a:hover, a:active { color: #d54e21; }
    36 
    37 h3 {
     10        font-family: 'Open Sans', sans-serif;
     11}
     12
     13.nextprev {
     14        margin-bottom: 2em;
     15}
     16
     17.blog-categories ul li ul {
     18        margin-bottom: 0 !important;
     19}
     20
     21.storycontent div {
     22        margin-top: 2em;
     23        margin-bottom: 2em;
     24}
     25
     26.storycontent div.googleplus1_button,
     27.storycontent .wp-playlist div,
     28.storycontent .mejs-video div {
     29        margin-top: 0;
     30        margin-bottom: 0;
     31}
     32
     33@media screen and (max-width:692px) {
     34        .col-9 {
     35                width:100%;
     36        }
     37}
     38
     39#pagebody {
     40        font-size: 15px;
     41        line-height: 1.5;
     42}
     43
     44.section .col-9 h3,
     45.section .col-12 h3,
     46#pagebody h2.fancy {
     47        margin-bottom: 20px;
    3848        font-size: 36px;
    39         color: #555;
    40         margin-bottom: 22px;
    41         font-family: "Open Sans",Georgia,Times,"Times New Roman",serif;
    4249        font-weight: 300;
    43 }
    44 h4 {
    45         font-size: 15px;
    46         float: left;
    47         margin-right: 7px;
    48 }
    49 h6 {
    50         padding-top: 2px;
     50        line-height: 1.3;
     51}
     52
     53#pagebody .meta {
     54        margin-bottom: 20px;
     55        font-size: 12px;
    5156        color: #999;
    52         font: 11px/1.8em "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, sans-serif;
    53         float: left;
    54         font-style: italic;
    55 }
    56 h5 {
    57         margin-top: 30px;
     57}
     58
     59.storycontent {
     60        padding-right: 60px;
     61}
     62
     63.storycontent ul li {
     64        margin-bottom: 5px;
     65}
     66
     67.col-3 p, .col-3 ul li {
     68        font-size: 14px;
     69}
     70
     71.feedback {
     72        margin-bottom: 40px;
     73}
     74
     75hr {
     76        margin: 2em 0 3em;
     77}
     78
     79.col-9 h2 {
     80        margin: 15px 0 20px;
     81        font-family: 'Open Sans', sans-serif;
     82        font-size: 26px;
     83}
     84
     85.storycontent h3 {
     86        margin: 0 0 5px 0;
    5887        font-size: 16px;
    5988        font-weight: bold;
    60         padding: 4px 0;
    61 }
    62 p {
    63         font-size: 16px;
    64         line-height: 1.6em;
    65         margin-top: 16px;
    66         margin-bottom: 16px;
    67 }
    68 em {
     89}
     90
     91.col-9 h2.aligncenter,
     92.col-9 h3.aligncenter {
     93        text-align: center;
     94}
     95
     96.col-3 p, .col-3 ul li {
     97        font-size: 13px;
     98}
     99
     100h2.fancy:nth-of-type(1) {
     101        margin-top: 0;
     102}
     103
     104#pagebody ul {
     105        margin-left: 17px;
     106}
     107
     108#pagebody dt {
    69109        font-style: italic;
    70 }
    71 ul {
    72         list-style-type: square;
    73 }
    74 ul, ol {
    75         margin-left: 25px;
    76 }
    77 #wporg-header ul {
    78         margin-left: 0;
    79 }
    80 ul li, ol li {
    81         line-height: 1.6em;
    82 }
    83 blockquote {
    84         margin-left: 40px;
    85         font-style: italic;
    86         font-family: Georgia,Times,"Times New Roman",serif;
    87 }
    88 .wrapper {
    89         width: 960px;
    90         margin: 0 auto;
    91         padding: 0;
    92 }
    93 .outer {
    94         width: 100%;
    95         margin: 0 auto;
    96         padding: 0;
    97 }
     110        margin: 22px 0 10px;
     111}
     112
    98113#mid-wrapper {
    99114        background-color: #f7f7f7;
    100115        border-bottom: 1px solid #dfdfdf;
    101 }
     116        margin-top: -29px;
     117}
     118
    102119.section {
    103120        padding-top: 27px;
    104121        padding-bottom: 17px;
    105122        clear: both;
    106         width: 960px;
    107123        border-bottom: 1px solid #DADADA;
    108124}
     125
     126.section .post h4 {
     127        font-size: 16px;
     128        margin-bottom: 5px;
     129        border-bottom: 0;
     130}
     131
     132.section .post:last-child .entry {
     133        border-bottom: 0;
     134}
     135
     136.wrapper:last-child .section,
    109137#mid-wrapper .section {
    110138        border-bottom: none;
    111139}
     140
    112141.section:after  {
    113142        content: ".";
    … …  
    117146        visibility: hidden;
    118147}
     148
    119149.section img.shot {
    120150        float: right;
    … …  
    123153        margin: 0 0 5px 25px;
    124154}
    125 img.wp-smiley {
    126         border: 0;
    127         display: inline;
    128         float: none;
    129         margin: 0;
    130         padding: 0;
    131         vertical-align: text-top;
    132 }
    133 .main {
    134         width: 685px;
    135         padding-right: 50px;
    136         float: left;
    137 }
    138 .sidebar {
    139         width: 225px;
    140         float: left;
    141         font-family: "Open Sans", "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, sans-serif;
    142 }
     155
     156/**
     157 * Sidebar
     158 */
    143159.sidebar p {
    144160        font-size: 13px;
    … …  
    153169}
    154170
    155 .download-button {
    156         white-space: normal;
    157         height: auto;
    158         display: block;
    159         text-align: center;
    160         line-height: 1.6em;
    161         padding: 8px 10px;
    162 }
    163 
    164 .download-button strong {
    165         font-size: 13px;
    166 }
    167 .download-button span {
    168         font-weight: normal;
    169 }
    170 .download-tar {
    171         font-size: 10px;
    172         text-align: center;
    173         margin-bottom: 14px !important;
    174 }
    175 
    176 form#commentform {
    177         margin-top: 40px;
    178         width: 100%;
    179 }
    180 h2.fancy, h2.fancy a {
    181         font-size: 18px;
    182         color: #555;
    183 }
    184 #commentheader {
    185         margin-top: 40px;
    186 }
    187 #commentform input {
    188         width: 90%;
    189         margin-bottom: 3px;
    190 }
    191 #commentform textarea {
    192         height: 20em;
    193         margin-bottom: 5px;
    194         width: 100%;
    195 }
    196 #commentform label {
    197         padding-bottom: 12px;
    198         display: block;
    199         font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, sans-serif;
    200 }
    201 .narrow {
    202         width: 180px;
    203         margin-right: 20px;
    204         float: left;
    205 }
    206 .wide {
    207         width: 640px;
    208         float: left;
    209 }
    210 #commentform .wide {
    211         margin-bottom: 40px;
    212 }
    213 ol#comments {
    214         list-style: none;
    215         margin: 0;
    216         padding: 0;
    217 }
    218 ol#comments p {
    219         margin-top: 3px;
    220 }
    221 ol#comments .narrow {
    222         font: 11px/1.8em "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, sans-serif;
     171p.download-tar {
    223172        padding-top: 5px;
    224 }
    225 #loggedin {
    226         font: 11px/1.8em "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, sans-serif;
    227         margin-bottom: 5px;
    228 }
    229 ol#comments .narrow .author {
    230         font-size: 14px;
    231 }
    232 li.comment {
    233         clear: both;
    234         padding: 10px 0 20px;
    235         border-bottom: 1px solid #ccc;
    236         height: 100%;
    237 }
    238 li.comment:after {
    239         content: ".";
    240         display: block;
    241         height: 0;
    242         clear: both;
    243         visibility: hidden;
    244 }
    245 input#submit {
    246         width: 150px;
    247 }
     173        font-size: 12px;
     174}
     175
     176/**
     177 * Page Template: Releases
     178 */
    248179table.releases {
    249180        clear: left;
    … …  
    279210        text-decoration: underline;
    280211}
    281 div .entry {
    282         clear: left;
    283 }
    284 .releases h3 {
    285         margin-bottom: 12px;
    286 }
    287 .section.blog h2 {
    288         font-size: 18px;
    289         margin-bottom: 8px;
    290 }
    291 .navigation {
    292         clear: left;
    293 }
    294 .nav-previous {
    295         float: left;
    296 }
    297 .nav-next {
    298         float: right;
    299 }
    300 
    301 table.widefat {
    302         border: 1px solid #ccc;
    303         border-collapse: collapse;
    304         width: 100%;
    305         clear: both;
    306         margin-bottom: 11px;
    307 }
    308 
    309 table.widefat a {
    310         text-decoration: none;
    311 }
    312 
    313 table.widefat tr.alt {
    314         background-color: #f9f9f9;
    315 }
    316 
    317 table.widefat thead {
    318         background-color: #464646;
    319         color: #d7d7d7;
    320 }
    321 
    322 table.widefat td, table.widefat th {
    323         border-bottom-width: 1px;
    324         border-bottom-style: solid;
    325         border-bottom-color: #ccc;
    326         font-size: 12px;
    327         padding: 6px;
    328         vertical-align: text-top;
    329 }
    330 
    331 table.widefat th {
    332         padding-bottom: 4px;
    333         padding-top: 8px;
    334         text-align: left;
    335 }
    336 
    337 table.widefat .check-column {
    338         text-align: center;
    339         vertical-align: text-top;
    340         width: 3%;
    341 }
     212
     213/**
     214 * Page Template: Contact
     215 */
    342216form#contactme td {
    343217        padding: 6px;
    344218}
    345 form#contactme input, textarea {
     219form#contactme input, form#contactme textarea {
    346220        padding: 3px;
    347221}
    … …  
    355229}
    356230
    357 .submit input,
    358 input[type=button],
    359 input[type=submit],
    360 .button,
    361 .button-primary,
    362 .download-button,
    363 .button-secondary {
    364         line-height: 1;
    365 }
    366 
    367231form#contactme .submit input,
    368232form#contactme input[type=button],
    369233form#contactme input[type=submit],
    370234form#contactme .button,
    371 .button-primary,
    372235form#contactme .download-button,
    373236form#contactme .button-secondary {
    … …  
    378241}
    379242
    380 tr.error {
    381         background-color: #E4F2FD;
    382 }
    383 #showcase {
     243/**
     244 * Showcase
     245 */
     246ul#showcase {
    384247        text-align: center;
    385         margin: 0 -7px 0 0;
     248        margin: 0;
    386249        font-size: 85%;
    387250}
     251
    388252#showcase li {
    389         float: left;
    390         list-style-type: none;
    391         display: block;
    392         margin-right: 7px;
    393         width: 235px;
    394 }
     253        display: inline-block;
     254        margin-right: 6%;
     255        width: 20%;
     256}
     257
    395258#showcase li:last-child {
    396259        margin-right: 0;
    397260}
     261
    398262#showcase a.shot {
    399263        display: block;
    … …  
    403267        padding: 0;
    404268}
     269
    405270#showcase a {
    406271        font-size: 110%;
    407272}
     273
    408274span#showcase-front-slate {
    409275        font-style: italic;
    … …  
    411277}
    412278
    413 @media screen and ( max-width: 960px ) {
    414         #wporg-header {
    415                 height: auto;
    416         }
    417 
    418                 #mobile-menu-button {
    419                         display: none;    /* Because the global menu doesn't actually exist */
    420                 }
    421 
    422                 #wporg-header .menu ul li,
    423                 #wporg-header ul.menu li {
    424                         float: left;
    425                 }
    426 
    427                         #wporg-header .menu ul li a,
    428                         #wporg-header ul.menu li a {
    429                                 padding-left: 0;
    430                                 padding-right: 15px;
    431                         }
    432 
    433         #mid-wrapper.outer,
    434         .wrapper,
    435         .section,
    436         .main {
    437                 width: auto;
    438         }
    439 
    440         #mid-wrapper,
    441         .wrapper {
    442                 margin-left: 40px;
    443                 margin-right: 40px;
    444         }
    445 
    446                 form#contactme textarea {
    447                         width: 100%;
    448                 }
    449 }
    450 
    451 @media screen and ( max-width: 768px ) {
    452         #wporg-header h2.rosetta a {
    453                 padding-top: 5px;
    454                 padding-left: 0;
    455         }
    456 }
     279.feedback {
     280        text-align: right;
     281        font-size: 10px;
     282        text-transform: uppercase;
     283        border-bottom: 1px solid #dadada;
     284        padding-bottom: 1px;
     285        margin-bottom: 25px;
     286}
     287
     288.feedback a {
     289        text-decoration: none;
     290}
     291
     292
     293/* Hide visually but not from screen readers */
     294.screen-reader-text,
     295.screen-reader-text span {
     296        position: absolute;
     297        margin: -1px;
     298        padding: 0;
     299        height: 1px;
     300        width: 1px;
     301        overflow: hidden;
     302        clip: rect(0 0 0 0);
     303        border: 0;
     304        word-wrap: normal !important; /* many screen reader and browser combinations announce broken words as they would appear visually */
     305}
     306
     307/**
     308 * Forms
     309 */
     310button,
     311input,
     312select,
     313textarea {
     314        background-color: #fff;
     315        border-radius: 0;
     316        font-size: 14px;
     317        line-height: 1.5;
     318        margin: 0;
     319        max-width: 100%;
     320        vertical-align: baseline;
     321}
     322
     323button,
     324input {
     325        line-height: normal;
     326}
     327
     328input,
     329textarea {
     330        background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)); /* Removing the inner shadow on iOS inputs */
     331        border: 1px solid #ccc;
     332        color: #333;
     333}
     334
     335input[type="text"],
     336input[type="email"],
     337input[type="url"],
     338input[type="password"],
     339input[type="search"],
     340textarea {
     341        padding: 0.375em;
     342        width: 100%;
     343}
     344
     345textarea {
     346        overflow: auto;
     347        vertical-align: top;
     348}
     349
     350/**
     351 * Comments
     352 */
     353.comments-area {
     354        border-top: 1px solid #eaeaea;
     355}
     356
     357.comments-area > :last-child {
     358        margin-bottom: 0;
     359}
     360
     361.comment-list + .comment-respond {
     362        border-top: 1px solid #eaeaea;
     363}
     364
     365.comment-list + .comment-respond,
     366.comment-navigation + .comment-respond {
     367        padding-top: 1.6em;
     368}
     369
     370.comments-title,
     371.comment-reply-title {
     372        font-size: 18px;
     373        line-height: 1.3333;
     374}
     375
     376.comments-title {
     377        margin-bottom: 1.3333em;
     378}
     379
     380#pagebody .comment-list {
     381        list-style: none;
     382        margin: 0;
     383}
     384
     385.comment-list .alt {
     386        background: none;
     387}
     388
     389.comment-list article,
     390.comment-list .pingback,
     391.comment-list .trackback {
     392        border-top: 1px solid #eaeaea;
     393        padding: 1.6em 0;
     394}
     395
     396.comment-list .children {
     397        list-style: none;
     398        margin: 0;
     399}
     400
     401.comment-list .children > li {
     402        padding-left: 0.8em;
     403}
     404
     405.comment-author {
     406        color: #999;
     407        margin-bottom: 0.4em;
     408}
     409
     410.comment-author .avatar {
     411        float: left;
     412        height: 24px;
     413        margin-right: 0.8em;
     414        width: 24px;
     415}
     416
     417.comment-metadata,
     418.pingback .edit-link {
     419        color: #999;
     420        font-size: 12px;
     421        line-height: 1.5;
     422}
     423
     424.comment-metadata a,
     425.pingback .edit-link a {
     426        color: #777;
     427        border-bottom: 1px solid #dfdfdf;
     428}
     429
     430.comment-metadata a:hover,
     431.comment-metadata a:focus,
     432.pingback .edit-link a:hover,
     433.pingback .edit-link a:focus {
     434        color: #d54e21;
     435        border-bottom-color: #d54e21;
     436}
     437
     438.comment-metadata {
     439        margin-bottom: 1.6em;
     440}
     441
     442.comment-metadata .edit-link {
     443        margin-left: 1em;
     444}
     445
     446.pingback .edit-link {
     447        margin-left: 1em;
     448}
     449
     450.pingback .edit-link:before {
     451        top: 5px;
     452}
     453
     454.comment-content ul,
     455.comment-content ol {
     456        margin: 0 0 1.6em 1.3333em;
     457}
     458
     459.comment-content li > ul,
     460.comment-content li > ol {
     461        margin-bottom: 0;
     462}
     463
     464.comment-content > :last-child {
     465        margin-bottom: 0;
     466}
     467
     468.comment-list .reply {
     469        font-size: 12px;
     470}
     471
     472.comment-list .reply a {
     473        border: 1px solid #eaeaea;
     474        color: #707070;
     475        display: inline-block;
     476        font-weight: 700;
     477        line-height: 1;
     478        margin-top: 2em;
     479        padding: 0.4167em 0.8333em;
     480        text-transform: uppercase;
     481}
     482
     483.comment-list .reply a:hover,
     484.comment-list .reply a:focus {
     485        border-color: #333;
     486        color: #333;
     487        outline: 0;
     488}
     489
     490.comment-form {
     491        padding-top: 1.6em;
     492}
     493
     494.comment-form label {
     495        font-size: 12px;
     496        font-weight: 700;
     497        display: block;
     498        letter-spacing: 0.04em;
     499        line-height: 1.5;
     500}
     501
     502.comment-form input[type="text"],
     503.comment-form input[type="email"],
     504.comment-form input[type="url"] {
     505        width: 100%;
     506}
     507
     508.comment-notes,
     509.comment-awaiting-moderation,
     510.logged-in-as,
     511.form-allowed-tags {
     512        font-size: 12px;
     513        line-height: 1.5;
     514        margin-bottom: 2em;
     515}
     516
     517.no-comments {
     518        border-top: 1px solid #eaeaea;
     519        color: #999;
     520        font-weight: 700;
     521        padding-top: 1.6em;
     522}
     523
     524.comment-navigation + .no-comments {
     525        border-top: 0;
     526}
     527
     528.form-allowed-tags code {
     529        font-family: Inconsolata, monospace;
     530}
     531
     532.form-submit {
     533        margin-bottom: 0;
     534}
     535
     536.required {
     537        color: #c0392b;
     538}
     539
     540/**
     541 * Media Queries
     542 */
     543@-ms-viewport {
     544        width: device-width;
     545}
     546
     547@viewport {
     548        width: device-width;
     549}
     550
     551
     552@media screen and (min-width: 620px) {
     553        .comments-area {
     554                border-top: 0;
     555        }
     556
     557        .comment-content ul,
     558        .comment-content ol {
     559                margin-left: 0;
     560        }
     561
     562        .comment-content li > ul,
     563        .comment-content li > ol,
     564        .comment-content blockquote > ul,
     565        .comment-content blockquote > ol {
     566                margin-left: 1.3333em;
     567        }
     568}
     569
     570@media screen and (min-width: 740px) {
     571        .comments-title {
     572                margin-bottom: 1.4em;
     573        }
     574
     575        .comment-list article,
     576        .comment-list .pingback,
     577        .comment-list .trackback {
     578                padding: 1.6471em 0;
     579        }
     580
     581        .comment-list + .comment-respond,
     582        .comment-navigation + .comment-respond {
     583                padding-top: 1.6471em;
     584        }
     585
     586        .comment-list .children > li {
     587                padding-left: 1.2353em;
     588        }
     589
     590        .comment-meta {
     591                position: relative;
     592        }
     593
     594        .comment-author {
     595                margin-bottom: 0;
     596        }
     597
     598        .comment-author .avatar {
     599                height: 42px;
     600                margin-right: 1.64705em;
     601                position: relative;
     602                top: 5px;
     603                width: 42px;
     604        }
     605
     606        .comment-content ul,
     607        .comment-content ol {
     608                margin-bottom: 1.6471em;
     609        }
     610
     611        .comment-list .reply a {
     612                padding: 0.4286em 0.8571em;
     613        }
     614
     615        .comment-form,
     616        .no-comments {
     617                padding-top: 1.6471em;
     618        }
     619}
     620
     621@media screen and (min-width: 880px) {
     622        .comment-form label {
     623                font-size: 15px;
     624        }
     625
     626        .comments-title {
     627                margin-bottom: 1.4545em;
     628        }
     629
     630        .comment-list article,
     631        .comment-list .pingback,
     632        .comment-list .trackback {
     633                padding: 1.6842em 0;
     634        }
     635
     636        .comment-list + .comment-respond,
     637        .comment-navigation + .comment-respond {
     638                padding-top: 1.6842em;
     639        }
     640
     641        .comment-list .children > li {
     642                padding-left: 1.4737em;
     643        }
     644
     645        .comment-author .avatar {
     646                height: 56px;
     647                margin-right: 1.6842em;
     648                top: 3px;
     649                width: 56px;
     650        }
     651
     652        .comment-metadata {
     653                line-height: 2;
     654        }
     655
     656        .comment-content ul,
     657        .comment-content ol {
     658                margin-bottom: 1.6842em;
     659        }
     660
     661        .comment-list .reply a {
     662                padding: 0.4375em 0.875em;
     663        }
     664
     665        .comment-form,
     666        .no-comments {
     667                padding-top: 1.6842em;
     668        }
     669}
Note: See TracChangeset for help on using the changeset viewer.