WordPress.org

Making WordPress.org

Changeset 1615


Ignore:
Timestamp:
05/24/2015 08:06:47 PM (4 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.