WordPress.org
Get WordPress

Make WordPress Core

Changeset 25979 for trunk/src


Ignore:
Timestamp:
10/29/2013 04:28:11 PM (13 years ago)
Author:
lancewillett
Message:

Twenty Fourteen: implement an alternate "slider" view for home page featured content. Props iamtakashi for the design and implementation. Slider JavaScript code adapted from FlexSlider v2.2.0 props WooThemes and mbmufffin. See #25550.

Location:
trunk/src/wp-content/themes/twentyfourteen
Files:
1 added
8 edited

Legend:

Unmodified
Added
Removed

  • trunk/src/wp-content/themes/twentyfourteen/content-featured-post.php

    r25971 r25979  
    1010
    1111<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
    12         <a class="attachment-featured-featured" href="<?php the_permalink(); ?>" rel="<?php the_ID(); ?>">
    13                 <?php
    14                         if ( has_post_thumbnail() ) :
     12        <a class="post-thumbnail" href="<?php the_permalink(); ?>" rel="<?php the_ID(); ?>">
     13        <?php
     14                if ( has_post_thumbnail() ) :
     15                        if ( 'grid' == get_theme_mod( 'featured_content_layout' ) )
    1516                                the_post_thumbnail( 'post-thumbnail-grid' );
    16 
    17                         else :
    18                                 $images = get_children( array(
    19                                         'post_parent'    => get_the_ID(),
    20                                         'post_type'      => 'attachment',
    21                                         'post_mime_type' => 'image',
    22                                         'orderby'        => 'menu_order',
    23                                         'order'          => 'ASC',
    24                                         'numberposts'    => 1,
    25                                 ) );
    26 
    27                                 if ( $images ) :
    28                                         $image = array_shift( $images );
    29                                         echo wp_get_attachment_image( $image->ID, 'post-thumbnail-grid' );
    30                                 endif;
    31                         endif;
    32                 ?>
     17                        else
     18                                the_post_thumbnail( 'post-thumbnail-slider' );
     19                endif;
     20        ?>
    3321        </a>
    3422
    35         <div class="entry-wrap">
    36                 <header class="entry-header">
    37                         <?php if ( in_array( 'category', get_object_taxonomies( get_post_type() ) ) && twentyfourteen_categorized_blog() ) : ?>
    38                         <div class="entry-meta">
    39                                 <span class="cat-links"><?php echo get_the_category_list( _x( ', ', 'Used between list items, there is a space after the comma.', 'twentyfourteen' ) ); ?></span>
    40                         </div><!-- .entry-meta -->
    41                         <?php endif; ?>
     23        <header class="entry-header">
     24                <?php if ( in_array( 'category', get_object_taxonomies( get_post_type() ) ) &&twentyfourteen_categorized_blog() ) : ?>
     25                <div class="entry-meta">
     26                        <span class="cat-links"><?php echo get_the_category_list( _x( ', ', 'Used between list items, there is a space after the comma.', 'twentyfourteen' ) ); ?></span>
     27                </div><!-- .entry-meta -->
     28                <?php endif; ?>
    4229
    43                         <?php the_title( '<h1 class="entry-title"><a href="' . esc_url( get_permalink() ) . '" rel="bookmark">', '</a></h1>' ); ?>
    44                 </header><!-- .entry-header -->
    45         </div>
     30                <?php the_title( '<h1 class="entry-title"><a href="' . esc_url( get_permalink() ) . '" rel="bookmark">','</a></h1>' ); ?>
     31        </header><!-- .entry-header -->
    4632</article><!-- #post-## -->

  • trunk/src/wp-content/themes/twentyfourteen/featured-content.php

    r25769 r25979  
    1212
    1313<div id="featured-content" class="featured-content">
    14 
     14        <div class="featured-content-inner">
    1515        <?php
    1616                do_action( 'twentyfourteen_featured_posts_before' );
    … …  
    2727                wp_reset_postdata();
    2828        ?>
    29 
     29        </div><!-- .featured-content-inner -->
    3030</div><!-- #featured-content .featured-content -->

  • trunk/src/wp-content/themes/twentyfourteen/functions.php

    r25971 r25979  
    6969
    7070        // Add several sizes for Post Thumbnails.
     71        add_image_size( 'post-thumbnail-slider', 1038, 576, true );
    7172        add_image_size( 'post-thumbnail-grid', 672, 372, true );
    7273        add_image_size( 'post-thumbnail', 672, 0 );
    … …  
    220221 */
    221222function twentyfourteen_scripts() {
    222 
    223223        // Add Lato font, used in the main stylesheet.
    224         wp_enqueue_style( 'twentyfourteen-lato' );
     224        wp_enqueue_style( 'twentyfourteen-lato', twentyfourteen_font_url(), array(), null );
    225225
    226226        // Add Genericons font, used in the main stylesheet.
    … …  
    239239                wp_enqueue_script( 'jquery-masonry' );
    240240
     241        if ( 'slider' == get_theme_mod( 'featured_content_layout' ) )
     242                wp_enqueue_script( 'twentyfourteen-slider', get_template_directory_uri() . '/js/slider.js', array( 'jquery' ), '20131028', true );
     243
    241244        wp_enqueue_script( 'twentyfourteen-script', get_template_directory_uri() . '/js/functions.js', array( 'jquery' ), '20131011', true );
    242 
    243         // Add Lato font used in the main stylesheet.
    244         wp_enqueue_style( 'twentyfourteen-lato', twentyfourteen_font_url(), array(), null );
    245245}
    246246add_action( 'wp_enqueue_scripts', 'twentyfourteen_scripts' );
    … …  
    366366 * 5. Presence of footer widgets.
    367367 * 6. Single views.
     368 * 7. Featured content layout.
    368369 *
    369370 * @since Twenty Fourteen 1.0
    … …  
    396397                $classes[] = 'singular';
    397398
     399        if ( is_front_page() && 'slider' == get_theme_mod( 'featured_content_layout' ) )
     400                $classes[] = 'slider';
     401        elseif ( is_front_page() )
     402                $classes[] = 'grid';
     403
    398404        return $classes;
    399405}

  • trunk/src/wp-content/themes/twentyfourteen/inc/customizer.php

    r25864 r25979  
    3131                'settings' => 'accent_color',
    3232        ) ) );
     33
     34        // Add the featured content section.
     35        $wp_customize->add_section( 'featured_content', array(
     36                'title'    => __( 'Featured Content', 'twentyfourteen' ),
     37                'priority' => 120,
     38        ) );
     39
     40        // Add the featured content layout setting and control.
     41        $wp_customize->add_setting( 'featured_content_layout', array(
     42                'default'    => 'grid',
     43                'type'       => 'theme_mod',
     44                'capability' => 'edit_theme_options',
     45        ) );
     46
     47        $wp_customize->add_control( 'featured_content_layout', array(
     48                'label'   => __( 'Layout', 'twentyfourteen' ),
     49                'section' => 'featured_content',
     50                'type'    => 'select',
     51                'choices' => array(
     52                        'grid'   => __( 'Grid', 'twentyfourteen' ),
     53                        'slider' => __( 'Slider', 'twentyfourteen' ),
     54                ),
     55        ) );
    3356}
    3457add_action( 'customize_register', 'twentyfourteen_customize_register' );

  • trunk/src/wp-content/themes/twentyfourteen/inc/widgets.php

    r25970 r25979  
    158158
    159159                                                                        if ( has_post_thumbnail() ) :
    160                                                                                 $featured_image = get_the_post_thumbnail( get_the_ID(), 'featured-thumbnail-formatted' );
     160                                                                                $post_thumbnail = get_the_post_thumbnail( get_the_ID(), 'post-thumbnail' );
    161161                                                                        elseif ( $total_images > 0 ) :
    162162                                                                                $image          = array_shift( $images );
    163                                                                                 $featured_image = wp_get_attachment_image( $image, 'featured-thumbnail-formatted' );
     163                                                                                $post_thumbnail = wp_get_attachment_image( $image, 'post-thumbnail' );
    164164                                                                        endif;
    165165
    166                                                                         if ( ! empty ( $featured_image ) ) :
     166                                                                        if ( ! empty ( $post_thumbnail ) ) :
    167167                                                ?>
    168                                                                         <a href="<?php the_permalink(); ?>"><?php echo $featured_image; ?></a>
     168                                                                        <a href="<?php the_permalink(); ?>"><?php echo $post_thumbnail; ?></a>
    169169                                                                <?php
    170170                                                                        endif;

  • trunk/src/wp-content/themes/twentyfourteen/js/functions.js

    r25864 r25979  
    33            _window = $( window );
    44
    5         /**
    6          * Enables menu toggle for small screens.
    7          */
     5        // Enable menu toggle for small screens.
    86        ( function() {
    97                var nav = $( '#primary-navigation' ), button, menu;
    … …  
    2725        } )();
    2826
    29         /**
     27        /*
    3028         * Makes "skip to content" link work correctly in IE9 and Chrome for better
    3129         * accessibility.
    … …  
    4543
    4644        $( function() {
    47                 /**
    48                 * Search toggle.
    49                 */
     45                // Search toggle.
    5046                $( '.search-toggle' ).on( 'click.twentyfourteen', function() {
    5147                        var that    = $( this ),
    … …  
    5955                } );
    6056
    61                 /**
     57                /*
    6258                 * Fixed navbar.
    6359                 *
    … …  
    7773                }
    7874
    79                 /**
    80                  * Focus styles for primary menu.
    81                  */
     75                // Focus styles for primary menu.
    8276                $( '.primary-navigation' ).find( 'a' ).on( 'focus.twentyfourteen blur.twentyfourteen', function() {
    8377                        $( this ).parents().toggleClass( 'focus' );
    … …  
    8579        } );
    8680
    87         /**
    88          * Arranges footer widgets vertically.
    89          */
     81        // Arrange footer widgets vertically.
    9082        if ( $.isFunction( $.fn.masonry ) ) {
    9183                $( '#footer-sidebar' ).masonry( {
    … …  
    9890                        isRTL: $( 'body' ).is( '.rtl' )
    9991                } );
    100         }
     92        };
     93
     94        // Initialize Featured Content slider.
     95        _window.load( function() {
     96                if ( body.is( '.slider' ) ) {
     97                        $( '.featured-content' ).featuredslider( {
     98                                selector:  '.featured-content-inner > article',
     99                                controlsContainer: '.featured-content'
     100                        } );
     101                }
     102        } );
    101103} )( jQuery );

  • trunk/src/wp-content/themes/twentyfourteen/sidebar.php

    r25788 r25979  
    99?>
    1010<div id="secondary">
    11         <div id="secondary-top">
    12                 <?php
    13                         $description = get_bloginfo( 'description' );
    14                         if ( ! empty ( $description ) ) :
    15                 ?>
    16                 <h2 class="site-description"><?php echo esc_html( $description ); ?></h2>
    17                 <?php endif; ?>
     11        <?php
     12                $description = get_bloginfo( 'description' );
     13                if ( ! empty ( $description ) ) :
     14        ?>
     15        <h2 class="site-description"><?php echo esc_html( $description ); ?></h2>
     16        <?php endif; ?>
    1817
    19                 <?php if ( has_nav_menu( 'secondary' ) ) : ?>
    20                 <nav role="navigation" class="navigation site-navigation secondary-navigation">
    21                         <?php wp_nav_menu( array( 'theme_location' => 'secondary' ) ); ?>
    22                 </nav>
    23                 <?php endif; ?>
    24         </div><!-- #secondary-top -->
     18        <?php if ( has_nav_menu( 'secondary' ) ) : ?>
     19        <nav role="navigation" class="navigation site-navigation secondary-navigation">
     20                <?php wp_nav_menu( array( 'theme_location' => 'secondary' ) ); ?>
     21        </nav>
     22        <?php endif; ?>
    2523
    2624        <?php if ( is_active_sidebar( 'sidebar-1' ) ) : ?>
    … …  
    3028                        dynamic_sidebar( 'sidebar-1' );
    3129                ?>
    32         </div><!-- #secondary-bottom -->
     30        </div><!-- #primary-sidebar .primary-sidebar -->
    3331        <?php endif; ?>
    3432</div><!-- #secondary -->

  • trunk/src/wp-content/themes/twentyfourteen/style.css

    r25971 r25979  
    557557img.size-full,
    558558img.size-large,
    559 img.wp-post-image {
    560         height: auto;
    561         max-width: 100%;
    562 }
    563 
    564 .attachment-featured-featured img,
     559img.wp-post-image,
    565560.post-thumbnail img {
    566561        height: auto;
    … …  
    709704.hentry:before,
    710705.hentry:after,
     706.slider-direction-nav:before,
     707.slider-direction-nav:after,
    711708[class*="content"]:before,
    712709[class*="content"]:after,
    … …  
    720717.footer-sidebar:after,
    721718.hentry:after,
     719.slider-direction-nav:after,
    722720[class*="content"]:after,
    723721[class*="site"]:after {
    … …  
    733731.menu-toggle:before,
    734732.search-toggle:before,
     733.slider-direction-nav a:before,
    735734.widget_twentyfourteen_ephemera .widget-title:before {
    736735        -webkit-font-smoothing: antialiased;
    … …  
    781780
    782781.site-header {
    783         background-color: #000;
    784782        max-width: 1260px;
    785783        position: relative;
    786784        width: 100%;
    787         z-index: 3;
     785        z-index: 4;
    788786}
    789787
    790788.header-main {
     789        background-color: #000;
    791790        min-height: 48px;
    792791        padding: 0 10px;
    … …  
    813812        float: right;
    814813        height: 48px;
    815         margin-right: 38px;
     814        margin-right: 48px;
    816815        text-align: center;
    817816        width: 48px;
    … …  
    846845        background-color: #fff;
    847846        float: right;
    848         font-size: 13px;
     847        font-size: 16px;
    849848        margin: 12px 10px;
    850         padding: 3px 2px 3px 6px;
    851         width: 240px;
     849        padding: 1px 2px 2px 6px;
     850        width: 300px;
    852851}
    853852
    … …  
    930929        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    931930        font-size: 14px;
    932         margin: 48px 0 0;
     931        margin: 48px 0;
    933932}
    934933
    … …  
    10071006        height: auto;
    10081007        margin: 0;
    1009         min-height: 180px;
     1008        min-height: 192px;
    10101009        position: relative;
    10111010        width: 100%;
    … …  
    19791978        background-color: #000;
    19801979        border-top: 1px solid #000;
     1980        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    19811981        clear: both;
    19821982        color: rgba(255, 255, 255, 0.55);
    … …  
    19981998.primary-sidebar {
    19991999        padding-top: 48px;
     2000}
     2001.secondary-navigation + .primary-sidebar {
     2002        padding-top: 0;
    20002003}
    20012004
    … …  
    20802083.widget-area input[type="submit"] {
    20812084        font-size: 11px;
    2082         padding: 6px 24px;
     2085        padding: 6px 15px;
    20832086}
    20842087
    … …  
    24472450
    24482451.footer-sidebar {
    2449         border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    24502452        padding-top: 48px;
    24512453}
    … …  
    24542456        color: rgba(255, 255, 255, 0.75);
    24552457        padding: 15px 10px;
     2458}
     2459
     2460#supplementary + .site-info {
     2461        border-top: 1px solid rgba(255, 255, 255, 0.2);
    24562462}
    24572463
    … …  
    24752481        -moz-box-sizing:    border-box;
    24762482        box-sizing:         border-box;
     2483        position: relative;
    24772484        width: 100%;
     2485}
     2486
     2487.featured-content-inner {
     2488        overflow: hidden;
    24782489}
    24792490
    … …  
    24812492        color: #fff;
    24822493        margin: 0;
     2494        max-width: 100%;
    24832495        width: 100%;
    24842496}
    24852497
    2486 .attachment-featured-featured {
     2498.featured-content .post-thumbnail,
     2499.featured-content .post-thumbnail:hover {
     2500        background: transparent;
     2501}
     2502
     2503.featured-content .post-thumbnail {
     2504        display: block;
     2505        min-height: 0;
     2506        position: relative;
     2507        padding-top: 55.357142857%;
     2508}
     2509
     2510.featured-content .post-thumbnail img {
     2511        left: 0;
     2512        position: absolute;
     2513        top: 0;
     2514}
     2515
     2516.featured-content .entry-header {
    24872517        background-color: #000;
    2488         display: block;
    2489         overflow: hidden;
    2490 }
    2491 
    2492 .attachment-featured-featured:hover img {
    2493         opacity: 0.85;
    2494 }
    2495 
    2496 .featured-content .entry-wrap {
    2497         background-color: #000;
    2498         border-color: #000;
    2499         border-style: solid;
    2500         border-width: 12px 10px;
    25012518        -webkit-box-sizing: border-box;
    25022519        -moz-box-sizing:    border-box;
    … …  
    25042521        min-height: 96px;
    25052522        overflow: hidden;
     2523        padding: 24px 10px;
    25062524}
    25072525
    … …  
    25342552
    25352553
     2554/* Slider */
     2555
     2556.slider .featured-content .hentry {
     2557        display: none;
     2558        -webkit-backface-visibility: hidden;
     2559        position: relative;
     2560}
     2561
     2562.slider .featured-content .post-thumbnail {
     2563        padding-top: 55.49132947%;
     2564}
     2565
     2566.slider-control-paging {
     2567        background-color: #000;
     2568        -webkit-box-sizing: border-box;
     2569        -moz-box-sizing:    border-box;
     2570        box-sizing:         border-box;
     2571        float: left;
     2572        list-style: none;
     2573        margin: -24px 0 0 0;
     2574        position: relative;
     2575        width: 100%;
     2576        z-index: 3;
     2577}
     2578
     2579.slider-control-paging li {
     2580        float: left;
     2581        margin: 2px 4px 2px 0;
     2582}
     2583
     2584.slider-control-paging li:last-child {
     2585        margin-right: 0;
     2586}
     2587
     2588.slider-control-paging a {
     2589        cursor: pointer;
     2590        display: block;
     2591        height: 44px;
     2592        position: relative;
     2593        text-indent: -999em;
     2594        width: 44px;
     2595}
     2596
     2597.slider-control-paging a:before {
     2598        background-color: #4d4d4d;
     2599        content: "";
     2600        height: 12px;
     2601        left: 10px;
     2602        position: absolute;
     2603        top: 16px;
     2604        width: 12px;
     2605}
     2606
     2607.slider-control-paging a:hover:before {
     2608        background-color: #24890d;
     2609}
     2610
     2611.slider-control-paging a.slider-active:before {
     2612        background-color: #41a62a;
     2613}
     2614
     2615.slider-direction-nav {
     2616        clear: both;
     2617        list-style: none;
     2618        margin: 0;
     2619        position: relative;
     2620        width: 100%;
     2621        z-index: 3;
     2622}
     2623
     2624.slider-direction-nav li {
     2625        border-color: #fff;
     2626        border-style: solid;
     2627        border-width: 2px 1px 0 0;
     2628        -webkit-box-sizing: border-box;
     2629        -moz-box-sizing:    border-box;
     2630        box-sizing:         border-box;
     2631        float: left;
     2632        text-align: center;
     2633        width: 50%;
     2634}
     2635
     2636.slider-direction-nav li:last-child {
     2637        border-width: 2px 0 0 1px;
     2638}
     2639
     2640.slider-direction-nav a {
     2641        background-color: #000;
     2642        display: block;
     2643        font-size: 0;
     2644        height: 46px;
     2645}
     2646
     2647.slider-direction-nav a:hover {
     2648        background-color: #24890d;
     2649}
     2650
     2651.slider-direction-nav a:before {
     2652        content: "\f430";
     2653        color: #fff;
     2654        font-size: 32px;
     2655        line-height: 46px;
     2656}
     2657
     2658.slider-direction-nav a.slider-next:before {
     2659        content: "\f429";
     2660}
     2661
     2662.slider-direction-nav .slider-disabled {
     2663        display: none;
     2664}
     2665
    25362666/**
    25372667 * 10.0 Media Queries
    … …  
    25402670
    25412671@media screen and (max-width: 400px) {
    2542         .list-view .post-thumbnail {
     2672        .list-view .site-content .post-thumbnail {
    25432673                background: none;
    25442674                min-height: 0;
    … …  
    25472677        }
    25482678
    2549         .list-view .post-thumbnail img {
     2679        .list-view .site-content .post-thumbnail img {
    25502680                float: left;
    25512681                margin: 0 10px 3px 0;
    … …  
    27462876
    27472877@media screen and (min-width: 673px) {
     2878        .header-main {
     2879                padding: 0 0 0 30px;
     2880        }
     2881
    27482882        .content-area {
    27492883                float: left;
    … …  
    27962930        }
    27972931
     2932        #secondary,
     2933        #supplementary {
     2934                padding: 0 30px;
     2935        }
     2936
    27982937        .content-sidebar {
    27992938                border: 0;
    … …  
    28042943        }
    28052944
    2806         .featured-content .hentry {
     2945        .grid .featured-content .hentry {
    28072946                float: left;
    28082947                width: 50%;
    28092948        }
    28102949
    2811         .featured-content .hentry:nth-child( 2n+1 ) {
     2950        .grid .featured-content .hentry:nth-child( 2n+1 ) {
    28122951                clear: both;
    28132952        }
    28142953
    2815         .featured-content .entry-wrap {
     2954        .grid .featured-content .entry-header {
     2955                border-color: #000;
     2956                border-style: solid;
     2957                border-width: 12px 10px;
    28162958                height: 96px;
    2817         }
    2818 
    2819         .attachment-featured-featured {
    2820                 height: 186px;
     2959                padding: 0;
     2960        }
     2961
     2962        .slider .featured-content .entry-title {
     2963                font-size: 22px;
     2964                line-height: 1.0909090909;
     2965        }
     2966
     2967        .slider .featured-content .entry-header {
     2968                bottom: 0;
     2969                min-height: inherit;
     2970                padding: 24px 30px 48px;
     2971                position: absolute;
     2972                width: 50%;
     2973                z-index: 3;
     2974        }
     2975
     2976        .slider-control-paging {
     2977                background: transparent;
     2978                margin-top: -48px;
     2979                padding-left: 20px;
     2980                width: 50%;
     2981        }
     2982
     2983        .slider-direction-nav {
     2984                clear: none;
     2985                float: right;
     2986                margin-top: -48px;
     2987                width: 98px;
     2988        }
     2989
     2990        .slider-direction-nav li {
     2991                border: none;
     2992                padding: 0 1px; 0 0;
     2993        }
     2994
     2995        .slider-direction-nav li:last-child {
     2996                padding: 0 0 0 1px;
     2997        }
     2998
     2999        .slider-direction-nav a {
     3000                height: 48px;
     3001        }
     3002
     3003        .slider-direction-nav a:before {
     3004                line-height: 48px;
     3005        }
     3006
     3007        .site-info {
     3008                padding: 15px 30px;
    28213009        }
    28223010}
    28233011
    28243012@media screen and (min-width: 782px) {
    2825         .header-main {
    2826                 padding: 0 0 0 30px;
    2827         }
    2828 
    28293013        .search-toggle {
    28303014                margin-right: 0;
    … …  
    29463130                background-color: #000;
    29473131        }
    2948 
    2949         .attachment-featured-featured {
    2950                 height: 213px;
    2951         }
    29523132}
    29533133
    … …  
    29933173                float: left;
    29943174        }
    2995 
    2996         .attachment-featured-featured {
    2997                 height: 224px;
    2998         }
    29993175}
    30003176
    … …  
    30573233        .featured-content {
    30583234                margin-bottom: -24px;
    3059         }
    3060 
    3061         .attachment-featured-featured {
    3062                 height: 241px;
    30633235        }
    30643236}
    … …  
    31023274        #secondary {
    31033275                background-color: transparent;
    3104                 border-top: 0;
     3276                border: 0;
    31053277                clear: none;
    31063278                float: left;
    … …  
    31093281                margin: 0 0 0 -100%;
    31103282                min-height: 100vh;
    3111                 padding: 0 30px;
    31123283                width: 122px;
    31133284        }
    … …  
    31463317                border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    31473318                font-size: 11px;
    3148                 margin: 0 0 48px;
     3319                margin-top: 0;
    31493320        }
    31503321
    … …  
    32043375        }
    32053376
    3206         .site-info {
    3207                 padding: 15px 30px;
    3208         }
    3209 
    32103377        .front-page-content-wrapper {
    32113378                float: left;
    … …  
    32163383        }
    32173384
    3218         .featured-content .hentry {
     3385        .grid .featured-content .hentry {
    32193386                width: 33.3333333%;
    32203387        }
    32213388
    3222         .featured-content .hentry:nth-child( 2n+1 ) {
     3389        .grid .featured-content .hentry:nth-child( 2n+1 ) {
    32233390                clear: none;
    32243391        }
    32253392
    3226         .featured-content .hentry:nth-child( 3n+1 ) {
     3393        .grid .featured-content .hentry:nth-child( 3n+1 ) {
    32273394                clear: both;
    32283395        }
    32293396
    3230         .featured-content .entry-wrap {
     3397        .grid .featured-content .entry-header {
    32313398                height: 120px;
    3232         }
    3233 
    3234         .attachment-featured-featured {
    3235                 height: 152px;
    32363399        }
    32373400}
    … …  
    32743437                padding-left: 30px;
    32753438        }
    3276 
    3277         .attachment-featured-featured {
    3278                 height: 158px;
    3279         }
    32803439}
    32813440
    … …  
    33013460        .secondary-navigation ul ul {
    33023461                left: 162px;
     3462        }
     3463
     3464        .slider .featured-content .entry-title {
     3465                font-size: 33px;
     3466        }
     3467
     3468        .slider .featured-content .entry-header,
     3469        .slider-control-paging {
     3470                width: 534px;
     3471        }
     3472
     3473        .slider-control-paging {
     3474                padding-left: 24px;
     3475        }
     3476
     3477        .slider-control-paging li {
     3478                margin: 12px 12px 12px 0
     3479        }
     3480
     3481        .slider-control-paging a {
     3482                height: 24px;
     3483                width: 24px;
     3484        }
     3485
     3486        .slider-control-paging a:before {
     3487                left: 6px;
     3488                top: 6px;
    33033489        }
    33043490}
    … …  
    33183504                padding-left: 30px;
    33193505        }
    3320 
    3321         .attachment-featured-featured {
    3322                 height: 164px;
    3323         }
    33243506}
    33253507
    … …  
    33503532                margin-right: auto;
    33513533        }
    3352 
    3353         .attachment-featured-featured {
    3354                 height: 184px;
    3355         }
    33563534}
    33573535
    … …  
    33703548                margin-right: -18%;
    33713549        }
    3372 
    3373         .attachment-featured-featured {
    3374                 height: 192px;
    3375         }
    3376 }
     3550}
Note: See TracChangeset for help on using the changeset viewer.