WordPress.org
Get WordPress

Make WordPress Core

Changeset 25979


Ignore:
Timestamp:
10/29/2013 04:28:11 PM (11 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.