WordPress.org

Make WordPress Themes


Ignore:
Location:
colorskin
Files:
3 added
2 deleted
19 edited

Legend:

Unmodified
Added
Removed
  • colorskin/1.0.4/css/blue.css

    r85405 r85405  
    4040} 
    4141 
     42.mobile-nav a:hover, 
     43.mobile-nav li:hover > a, 
     44.mobile-nav li.current_page_item > a, 
     45.mobile-nav li.current-menu-item > a, 
     46.mobile-nav li.current_page_ancestor > a, 
     47.mobile-nav li.current-menu-ancestor > a , 
    4248.main-navigation a:hover, 
    43 .main-navigation .menu-item-has-children > a:hover:after { 
    44     color: #2d5c88; 
    45 } 
    46  
    47 .main-navigation ul ul a:hover, 
    48 .main-navigation ul ul a.focus { 
    49     color: #2d5c88; 
    50 } 
    51  
    52 .main-navigation .current_page_item > a, 
    53 .main-navigation .current-menu-item > a, 
    54 .main-navigation .current_page_ancestor > a { 
     49.main-navigation li:hover > a, 
     50.main-navigation li.current_page_item > a, 
     51.main-navigation li.current-menu-item > a, 
     52.main-navigation li.current_page_ancestor > a, 
     53.main-navigation li.current-menu-ancestor > a { 
    5554    color: #2d5c88; 
    5655} 
    5756 
    58 .slicknav_menu .slicknav_menutxt:hover { 
    59     color: #2d5c88; 
    60 } 
    61  
    62 .slicknav_nav .slicknav_arrow:hover { 
    63     background: #2d5c88; 
    64 } 
    65  
    66 .slicknav_nav { 
    67     border-top: 2px solid #2d5c88; 
    68 } 
    69  
    70 .slicknav_nav a:hover, 
    71 .slicknav_nav .slicknav_row:hover, 
    72 .slicknav_nav .current_page_item > a, 
    73 .slicknav_nav .current-menu-item > a, 
    74 .slicknav_nav .current_page_ancestor > a { 
     57.toggle-bar .fa:hover, 
     58.toggle-bar .fa-chevron-up, 
     59.menu-toggle:hover, 
     60.menu-toggle .fa-times { 
    7561    color: #2d5c88; 
    7662} 
     
    165151    background: #2d5c88; 
    166152} 
    167  
    168 @media only screen and (min-width: 992px) { 
    169      
    170     .main-navigation li::after { 
    171         background: #2d5c88; 
    172     } 
    173      
    174 } 
  • colorskin/1.0.4/css/green.css

    r85405 r85405  
    4040} 
    4141 
     42.mobile-nav a:hover, 
     43.mobile-nav li:hover > a, 
     44.mobile-nav li.current_page_item > a, 
     45.mobile-nav li.current-menu-item > a, 
     46.mobile-nav li.current_page_ancestor > a, 
     47.mobile-nav li.current-menu-ancestor > a , 
    4248.main-navigation a:hover, 
    43 .main-navigation .menu-item-has-children > a:hover:after { 
    44     color: #0b7800; 
    45 } 
    46  
    47 .main-navigation ul ul a:hover, 
    48 .main-navigation ul ul a.focus { 
    49     color: #0b7800; 
    50 } 
    51  
    52 .main-navigation .current_page_item > a, 
    53 .main-navigation .current-menu-item > a, 
    54 .main-navigation .current_page_ancestor > a { 
     49.main-navigation li:hover > a, 
     50.main-navigation li.current_page_item > a, 
     51.main-navigation li.current-menu-item > a, 
     52.main-navigation li.current_page_ancestor > a, 
     53.main-navigation li.current-menu-ancestor > a { 
    5554    color: #0b7800; 
    5655} 
    5756 
    58 .slicknav_menu .slicknav_menutxt:hover { 
    59     color: #0b7800; 
    60 } 
    61  
    62 .slicknav_nav .slicknav_arrow:hover { 
    63     background: #0b7800; 
    64 } 
    65  
    66 .slicknav_nav { 
    67     border-top: 2px solid #0b7800; 
    68 } 
    69  
    70 .slicknav_nav a:hover, 
    71 .slicknav_nav .slicknav_row:hover, 
    72 .slicknav_nav .current_page_item > a, 
    73 .slicknav_nav .current-menu-item > a, 
    74 .slicknav_nav .current_page_ancestor > a { 
     57.toggle-bar .fa:hover, 
     58.toggle-bar .fa-chevron-up, 
     59.menu-toggle:hover, 
     60.menu-toggle .fa-times { 
    7561    color: #0b7800; 
    7662} 
     
    165151    background: #0b7800; 
    166152} 
    167  
    168 @media only screen and (min-width: 992px) { 
    169      
    170     .main-navigation li::after { 
    171         background: #0b7800; 
    172     } 
    173      
    174 } 
  • colorskin/1.0.4/css/red.css

    r85405 r85405  
    4040} 
    4141 
     42.mobile-nav a:hover, 
     43.mobile-nav li:hover > a, 
     44.mobile-nav li.current_page_item > a, 
     45.mobile-nav li.current-menu-item > a, 
     46.mobile-nav li.current_page_ancestor > a, 
     47.mobile-nav li.current-menu-ancestor > a , 
    4248.main-navigation a:hover, 
    43 .main-navigation .menu-item-has-children > a:hover:after { 
    44     color: #d02121; 
    45 } 
    46  
    47 .main-navigation ul ul a:hover, 
    48 .main-navigation ul ul a.focus { 
    49     color: #d02121; 
    50 } 
    51  
    52 .main-navigation .current_page_item > a, 
    53 .main-navigation .current-menu-item > a, 
    54 .main-navigation .current_page_ancestor > a { 
     49.main-navigation li:hover > a, 
     50.main-navigation li.current_page_item > a, 
     51.main-navigation li.current-menu-item > a, 
     52.main-navigation li.current_page_ancestor > a, 
     53.main-navigation li.current-menu-ancestor > a { 
    5554    color: #d02121; 
    5655} 
    5756 
    58 .slicknav_menu .slicknav_menutxt:hover { 
    59     color: #d02121; 
    60 } 
    61  
    62 .slicknav_nav .slicknav_arrow:hover { 
    63     background: #d02121; 
    64 } 
    65  
    66 .slicknav_nav { 
    67     border-top: 2px solid #d02121; 
    68 } 
    69  
    70 .slicknav_nav a:hover, 
    71 .slicknav_nav .slicknav_row:hover, 
    72 .slicknav_nav .current_page_item > a, 
    73 .slicknav_nav .current-menu-item > a, 
    74 .slicknav_nav .current_page_ancestor > a { 
     57.toggle-bar .fa:hover, 
     58.toggle-bar .fa-chevron-up, 
     59.menu-toggle:hover, 
     60.menu-toggle .fa-times { 
    7561    color: #d02121; 
    7662} 
     
    165151    background: #d02121; 
    166152} 
    167  
    168 @media only screen and (min-width: 992px) { 
    169      
    170     .main-navigation li::after { 
    171         background: #d02121; 
    172     } 
    173      
    174 } 
  • colorskin/1.0.4/functions.php

    r85405 r85405  
    7575    // Set up the WordPress core custom logo feature. 
    7676    add_theme_support( 'custom-logo', apply_filters( 'colorskin_custom_logo_args', array( 
    77         'height' => 66, 
     77        'height' => 70, 
    7878        'width' => 250, 
    7979        'flex-height' => true, 
     
    177177    wp_enqueue_script( 'smoothscroll', get_template_directory_uri() . '/js/SmoothScroll.js', array(), '20160809', false ); 
    178178     
    179     wp_enqueue_script( 'colorskin-nav', get_template_directory_uri() . '/js/jquery.slicknav.min.js', array('jquery'),'', true ); 
    180      
    181     wp_enqueue_script( 'colorskin-main', get_template_directory_uri() . '/js/main.js', array('jquery'),'', true ); 
     179    $colorskin_js_settings = array( 
     180        'sticky_header'        => get_theme_mod( 'colorskin_sticky_header', 0 ), 
     181        'sticky_mobile_header' => get_theme_mod( 'colorskin_sticky_mobile_header', 0 ), 
     182    ); 
     183     
     184    wp_enqueue_script( 'colorskin-main', get_template_directory_uri() . '/js/main.js', array('jquery'), '', true ); 
    182185     
    183186    wp_enqueue_script( 'colorskin-skip-link-focus-fix', get_template_directory_uri() . '/js/skip-link-focus-fix.js', array(), '20151215', true ); 
     
    185188    if ( is_singular() && comments_open() && get_option( 'thread_comments' ) ) { 
    186189        wp_enqueue_script( 'comment-reply' ); 
    187          
    188     } 
     190    } 
     191     
     192    wp_localize_script( 'jquery', 'colorskin_js_settings', $colorskin_js_settings ); 
    189193     
    190194} 
  • colorskin/1.0.4/header.php

    r85405 r85405  
    2424    <header id="masthead" class="site-header" role="banner"> 
    2525         
    26         <?php if ( get_theme_mod( 'colorskin_top_info_active', '0' ) == '1' || get_theme_mod( 'colorskin_top_search_active', '0' ) == '1' || get_theme_mod( 'colorskin_social_link_activate', '0' ) == '1' ) : ?> 
    27         <div class="header-top-bar cf"> 
    28             <div class="container"> 
    29                 <?php if( get_theme_mod( 'colorskin_top_info_active', '0' ) == '1' ) : 
    30                     $top_bar_phone = get_theme_mod( 'colorskin_top_bar_phone', ''); 
    31                     $top_bar_email = get_theme_mod( 'colorskin_top_bar_email', ''); 
    32                 ?> 
    33                 <ul class="top-info"> 
    34                     <?php if ( $top_bar_phone != '' ) echo '<li><i class="fa fa-phone"></i> ' . esc_html( $top_bar_phone ) . '</li>'; ?> 
    35                     <?php if ( $top_bar_email != '' ) { ?> 
    36                         <li><i class="fa fa-envelope-o"></i> <a href="mailto:<?php echo antispambot($top_bar_email); ?>"><?php echo antispambot($top_bar_email); ?></a></li> 
    37                     <?php } ?> 
    38                 </ul> 
    39                 <?php endif; ?> 
    40                 <?php if( get_theme_mod( 'colorskin_top_search_active', '0' ) == '1' ) : ?> 
    41                 <div class="search-wrap"> 
    42                     <div class="search-icon"> 
    43                         <i class="fa fa-search"></i> 
    44                     </div> 
    45                     <div class="search-box"> 
    46                         <?php get_search_form(); ?> 
    47                     </div> 
    48                 </div> 
    49                 <?php endif; ?> 
    50                 <?php 
    51                     if( get_theme_mod( 'colorskin_social_link_activate', '0' ) == '1' ) { 
    52                         colorskin_social_links(); 
    53                     } 
    54                 ?> 
     26        <?php 
     27            $top_bar_phone  = get_theme_mod( 'colorskin_top_bar_phone', ''); 
     28            $top_bar_email  = get_theme_mod( 'colorskin_top_bar_email', ''); 
     29            $top_bar_search = get_theme_mod( 'colorskin_top_search_active', 0); 
     30            $top_bar_social = get_theme_mod( 'colorskin_social_link_activate', 0); 
     31            if ( $top_bar_phone != '' || $top_bar_email != '' || $top_bar_search == '1' || $top_bar_social == '1' ) : ?> 
     32             
     33            <div class="header-top-bar cf"> 
     34                <div class="container"> 
     35                    <div class="toggle-bar"><i class="fa fa-chevron-down"></i></div> 
     36                    <ul class="top-bar-inner cf"> 
     37                         
     38                        <?php 
     39                            if ( $top_bar_phone != '' ) echo '<li class="info-phone"><i class="fa fa-phone"></i>' . esc_html( $top_bar_phone ) . '</li>'; 
     40                            if ( $top_bar_email != '' ) { 
     41                        ?> 
     42                            <li class="info-email"><a href="mailto:<?php echo antispambot($top_bar_email); ?>"><i class="fa fa-envelope-o"></i><?php echo antispambot($top_bar_email); ?></a></li> 
     43                        <?php } ?> 
     44                        <?php 
     45                            if( get_theme_mod( 'colorskin_top_search_active', '0' ) == '1' ) { ?><li class="top-search"><?php get_search_form(); ?></li><?php } 
     46                            if( get_theme_mod( 'colorskin_social_link_activate', '0' ) == '1' ) { ?> 
     47                            <li class="top-social"><?php colorskin_social_links(); ?></li> 
     48                        <?php } ?> 
     49                         
     50                    </ul> 
     51                </div> 
    5552            </div> 
    56         </div> 
    5753        <?php endif; ?> 
    5854         
    59         <div class="container"> 
    60             <div class="site-branding cf"> 
    61                 <?php if( ( get_theme_mod( 'colorskin_header_logo_text', 'text' ) == 'both' || get_theme_mod( 'colorskin_header_logo_text', 'text' ) == 'logo' ) ) { ?> 
    62                      
    63                     <?php if ( function_exists( 'has_custom_logo' ) && has_custom_logo() ) : ?> 
    64                         <?php the_custom_logo(); ?> 
    65                     <?php endif; 
    66                      
    67                     if( get_theme_mod( 'colorskin_header_logo_text', 'text' ) != 'logo' ) : ?> 
    68                      
    69                     <div class="header-text-title"> 
    70                         <h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1> 
    71                         <?php 
    72                             $description = get_bloginfo( 'description', 'display' ); 
    73                             if ( $description || is_customize_preview() ) : ?> 
    74                             <p class="site-description"><?php echo $description; /* WPCS: xss ok. */ ?></p><!-- #site-description --> 
    75                         <?php endif; ?> 
    76                     </div> 
    77                      
    78                     <?php endif; 
    79                      
    80                 } ?> 
    81                  
    82                 <?php if( get_theme_mod( 'colorskin_header_logo_text', 'text' ) == 'text' ) : ?> 
    83                     <div class="header-text-title"> 
    84                         <h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1> 
    85                         <?php 
    86                             $description = get_bloginfo( 'description', 'display' ); 
    87                             if ( $description || is_customize_preview() ) : ?> 
    88                             <p class="site-description"><?php echo $description; /* WPCS: xss ok. */ ?></p><!-- #site-description --> 
    89                         <?php endif; ?> 
    90                     </div> 
    91                 <?php endif; ?> 
    92             </div><!-- .site-branding --> 
    93              
    94             <nav id="site-navigation" class="main-navigation cf" role="navigation"> 
    95                 <?php wp_nav_menu( array( 'theme_location' => 'primary', 'menu_id' => 'primary-menu' ) ); ?> 
    96             </nav><!-- #site-navigation --> 
    97             <nav class="mobile-nav"></nav> 
    98         </div> 
     55        <?php 
     56            $header_type = get_theme_mod( 'colorskin_header_type', 'left_logo' ); 
     57            if ( 'center_logo' == $header_type ) : 
     58                get_template_part( '/template-parts/header/header-s1' ); 
     59            else : 
     60                get_template_part( '/template-parts/header/header' ); 
     61            endif; 
     62        ?> 
    9963         
    10064    </header><!-- #masthead --> 
    101     <div class="header-clone"></div> 
    10265     
    10366    <?php if ( get_theme_mod('colorskin_show_pages_image', '0') == '1' && get_header_image() ) : ?> 
  • colorskin/1.0.4/inc/customizer.php

    r85405 r85405  
    1212 */ 
    1313function colorskin_customize_register( $wp_customize ) { 
     14     
     15    $wp_customize->remove_control( 'display_header_text' ); 
     16     
    1417    $wp_customize->get_setting( 'blogname' )->transport         = 'postMessage'; 
    1518    $wp_customize->get_setting( 'blogdescription' )->transport  = 'postMessage'; 
     
    2932        'section' => 'title_tagline', 
    3033        'choices' => array( 
    31             'logo'    => __('Header Logo', 'colorskin'), 
    32             'text'    => __('Header Text', 'colorskin'), 
    33             'both'    => __('Both', 'colorskin'), 
    34             'disable' => __('Disable', 'colorskin') 
     34            'logo'  => __('Header Logo', 'colorskin'), 
     35            'text'  => __('Header Text', 'colorskin'), 
    3536        ) 
    3637    )); 
     
    7576    ) ); 
    7677         
     78        // Header type 
     79        $wp_customize->add_setting( 'colorskin_header_type', array( 
     80            'default'           => 'left_logo', 
     81            'capability'        => 'edit_theme_options', 
     82            'sanitize_callback' => 'colorskin_radio_sanitize' 
     83        )); 
     84        $wp_customize->add_control( 'colorskin_header_type', array( 
     85            'type'    => 'radio', 
     86            'label'   => __('Header Type', 'colorskin'), 
     87            'section' => 'colorskin_general_options', 
     88            'choices' => array( 
     89                'left_logo'   => __('Left Logo', 'colorskin'), 
     90                'center_logo' => __('Center Logo', 'colorskin'), 
     91            ) 
     92        )); 
     93         
    7794        // Sticky Header 
    7895        $wp_customize->add_setting( 'colorskin_sticky_header', array( 
    79             'default'           => 'sticky', 
    80             'capability'        => 'edit_theme_options', 
    81             'sanitize_callback' => 'colorskin_radio_sanitize', 
     96            'default'           => 0, 
     97            'capability'        => 'edit_theme_options', 
     98            'sanitize_callback' => 'colorskin_sanitize_checkbox', 
    8299        )); 
    83100        $wp_customize->add_control( 'colorskin_sticky_header', array( 
    84             'type'    => 'radio', 
     101            'type'    => 'checkbox', 
    85102            'label'   => __('Sticky header', 'colorskin'), 
    86103            'section' => 'colorskin_general_options', 
    87             'choices' => array( 
    88                 'sticky' => __('Sticky', 'colorskin'), 
    89                 'static' => __('Static', 'colorskin'), 
    90             ), 
     104        )); 
     105         
     106        // Sticky Mobile Header 
     107        $wp_customize->add_setting( 'colorskin_sticky_mobile_header', array( 
     108            'default'           => 0, 
     109            'capability'        => 'edit_theme_options', 
     110            'sanitize_callback' => 'colorskin_sanitize_checkbox', 
     111        )); 
     112        $wp_customize->add_control( 'colorskin_sticky_mobile_header', array( 
     113            'type'    => 'checkbox', 
     114            'label'   => __('Sticky Mobile Header', 'colorskin'), 
     115            'section' => 'colorskin_general_options', 
     116            'active_callback' => function(){ 
     117                return get_theme_mod( 'colorskin_sticky_header', 1 ); 
     118            }, 
     119        )); 
     120         
     121        // Blog Title Bar 
     122        $wp_customize->add_setting( 'colorskin_blog_title_bar', array( 
     123            'default'           => 0, 
     124            'capability'        => 'edit_theme_options', 
     125            'sanitize_callback' => 'colorskin_sanitize_checkbox', 
     126        )); 
     127        $wp_customize->add_control( 'colorskin_blog_title_bar', array( 
     128            'type'    => 'checkbox', 
     129            'label'   => __('Disable title bar from blog page', 'colorskin'), 
     130            'section' => 'colorskin_general_options', 
    91131        )); 
    92132         
     
    136176            'panel'    => 'colorskin_top_bar' 
    137177        )); 
    138              
    139             // Show Top Info 
    140             $wp_customize->add_setting( 'colorskin_top_info_active', array( 
    141                 'default'           => 0, 
    142                 'capability'        => 'edit_theme_options', 
    143                 'sanitize_callback' => 'colorskin_sanitize_checkbox' 
    144             )); 
    145             $wp_customize->add_control( 'colorskin_top_info_active', array( 
    146                 'type'    => 'checkbox', 
    147                 'label'   => __('Check to show Emai/Phone on header top bar', 'colorskin'), 
    148                 'section' => 'colorskin_top_info' 
    149             )); 
    150178             
    151179            // Phone 
     
    285313    $custom = ''; 
    286314     
    287     // Header style 
    288     $sticky_menu = get_theme_mod( 'colorskin_sticky_header', 'sticky' ); 
    289     if ($sticky_menu == 'static') { 
    290         $custom .= ".site-header { position: relative;}"."\n"; 
    291         $custom .= ".header-clone { display:none;}"."\n"; 
    292     } 
     315    // Header 
     316    $header_type = get_theme_mod( 'colorskin_header_type', 'left_logo' ); 
     317    $sticky_header = get_theme_mod( 'colorskin_sticky_header', 0 ); 
     318    $sticky_mobile_header = get_theme_mod( 'colorskin_sticky_mobile_header', 0 ); 
     319     
     320    if ( 'center_logo' == $header_type ) { 
     321        $custom .= ".site-header > .container { display: block; }"."\n"; 
     322        $custom .= ".site-branding { 
     323            padding-left: 0; 
     324            padding-right: 0; 
     325        }"."\n"; 
     326        $custom .= ".site-branding, .main-navigation { 
     327            width: 100%; 
     328            text-align: center; 
     329        }"."\n"; 
     330        $custom .= ".main-navigation { 
     331            width: auto; 
     332            float: none; 
     333            padding: 0; 
     334        }"."\n"; 
     335        $custom .= ".main-navigation ul { 
     336            float: none; 
     337            font-size: 0; 
     338        }"."\n"; 
     339        $custom .= ".main-navigation li { 
     340            float: none; 
     341            display: inline-block; 
     342            vertical-align: top; 
     343        }"."\n"; 
     344        $custom .= ".main-navigation ul ul a { text-align: left; }"."\n"; 
     345        $custom .= ".menu-toggle { 
     346            float: none; 
     347            padding: 5px 0; 
     348        }"."\n"; 
     349    } 
     350     
     351    if ( 0 != $sticky_header && 0 == $sticky_mobile_header ) { 
     352        $custom .= "@media only screen and (min-width: 992px) { 
     353            .sticky-header #masthead { 
     354                position: fixed; 
     355            } 
     356        }"."\n"; 
     357        $custom .= "@media only screen and (max-width: 991px) { 
     358            #content { 
     359                margin-top: 0 !important; 
     360            } 
     361        }"."\n"; 
     362    } 
     363     
     364    if ( 0 != $sticky_header && 0 != $sticky_mobile_header ) { 
     365        $custom .= ".sticky-header #masthead { position: fixed; }"."\n"; 
     366        $custom .= "@media only screen and (max-width: 991px) { 
     367            .mobile-nav { 
     368                max-height: 350px; 
     369            } 
     370        }"."\n"; 
     371        $custom .= "@media only screen and (max-width: 600px) { 
     372            #wpadminbar { 
     373                position: fixed; 
     374            } 
     375        }"."\n"; 
     376    } 
     377     
     378    if ( 0 != $sticky_header && 0 != $sticky_mobile_header && 'center_logo' == $header_type ) { 
     379        $custom .= "@media only screen and (max-width: 767px) { 
     380            .sticky-header.small-header .site-branding { display: none; } 
     381        }"."\n"; 
     382    } 
    293383     
    294384    // Output styles 
  • colorskin/1.0.4/inc/template-tags.php

    r85405 r85405  
    2121    ); 
    2222    ?> 
    23     <ul class="social-links cf"> 
    24         <?php $i=0; 
    25             $links_output = ''; 
    26             foreach( $social_links as $key => $value ) { 
    27                 $link = get_theme_mod( $key , '' ); 
    28                 if ( !empty( $link ) ) { 
    29                     if ( get_theme_mod( $key.'_checkbox', 0 ) == 1 ) { $new_tab = 'target="_blank"'; } else { $new_tab = ''; } 
    30                     $links_output .= 
    31                         '<li><a href="'.esc_url( $link ).'" '.$new_tab.'><i class="fa fa-'.strtolower($value).'"></i></a></li>'; 
    32                 } $i++; 
    33             } 
    34             echo $links_output; 
    35         ?> 
    36     </ul><!-- ul.social-links --> 
     23        <div class="social-links"> 
     24            <?php $i=0; 
     25                $links_output = ''; 
     26                foreach( $social_links as $key => $value ) { 
     27                    $link = get_theme_mod( $key , '#' ); 
     28                    if ( !empty( $link ) ) { 
     29                        if ( 0 != get_theme_mod( $key.'_checkbox', 0 ) ) { 
     30                            $new_tab = 'target="_blank"'; 
     31                        } else { 
     32                            $new_tab = ''; 
     33                        } 
     34                        $links_output .= '<a class="social-icon '. esc_attr(strtolower($value)) .'" href="'.esc_url( $link ).'" '.$new_tab.'><i class="fa fa-'.strtolower($value).'"></i></a>'; 
     35                    } $i++; 
     36                } 
     37                echo $links_output; // WPCS: XSS ok. 
     38            ?> 
     39        </div><!-- .social-links --> 
    3740    <?php 
    3841} 
     
    164167        $wp_link = '<a href="'.esc_url( 'https://wordpress.org' ).'" target="_blank" title="' . esc_attr__( 'WordPress', 'colorskin' ) . '"><span>' . __( 'WordPress', 'colorskin' ) . '</span></a>'; 
    165168         
    166         $tg_link =  '<a href="'.esc_url( 'https://profiles.wordpress.org/effpandim' ).'" target="_blank" title="'.esc_attr__( 'colorskin', 'colorskin' ).'" rel="designer"><span>'.__( 'Effpandim', 'colorskin') .'</span></a>'; 
     169        $tg_link =  '<a href="'.esc_url( 'https://profiles.wordpress.org/effpandim' ).'" target="_blank" title="'.esc_attr__( 'colorskin', 'colorskin' ).'" rel="designer"><span>'.__( 'Dimitrakopoulos', 'colorskin') .'</span></a>'; 
    167170         
    168171        $default_footer_value = sprintf( __( 'Copyright &copy; %1$s %2$s.', 'colorskin' ), date( 'Y' ), $site_link ); 
  • colorskin/1.0.4/index.php

    r85405 r85405  
    1212get_header(); ?> 
    1313 
    14 <header class="page-header cf"> 
    15     <div class="container"> 
    16         <h1 class="page-title"><?php echo get_the_title(get_option( 'page_for_posts' )); ?></h1> 
    17     </div> 
    18 </header><!-- .page-header --> 
    19      
     14<?php if( get_theme_mod( 'colorskin_blog_title_bar', '0' ) != '1' ) : ?> 
     15    <header class="page-header cf"> 
     16        <div class="container"> 
     17            <h1 class="page-title"><?php echo get_the_title(get_option( 'page_for_posts' )); ?></h1> 
     18        </div> 
     19    </header><!-- .page-header --> 
     20<?php endif; ?> 
     21 
    2022<div class="container"> 
    2123    <div class="row"> 
  • colorskin/1.0.4/js/main.js

    r85405 r85405  
    11jQuery(function($){ 
    22 
    3     // Sticky Header 
    4     if($('.site-header').length > 0) { 
    5         $(window).scroll(function() { 
    6             if($(window).scrollTop() > 100 ) { 
    7                 $('#masthead').addClass('sticky-header'); 
    8             } else { 
    9                 $('#masthead').removeClass('sticky-header'); 
     3    // Sticky header 
     4    if ( colorskin_js_settings.sticky_header != 0 ) { 
     5         
     6        $( document ).ready( function(){ 
     7             
     8            function stickyHeader() { 
     9                 
     10                var header = $('#masthead'); 
     11                var headerHeight = header.outerHeight(); 
     12                var windowWidth = $(window).width(); 
     13                var wpAdminBar = $('#wpadminbar'); 
     14                 
     15                $('body').addClass('sticky-header'); 
     16                 
     17                if ( colorskin_js_settings.sticky_mobile_header != 0 ) { 
     18                     
     19                    if (windowWidth < 768) { 
     20                        $('#content').css('margin-top', headerHeight); 
     21                    } 
     22                    if (windowWidth <= 991) { 
     23                        $('#content').css('margin-top', headerHeight); 
     24                    } 
     25                     
     26                } 
     27                 
     28                if (windowWidth >= 992) { 
     29                    $('#content').css('margin-top', headerHeight); 
     30                } 
     31                 
     32                if (wpAdminBar.length) { 
     33                    header.css('top', wpAdminBar.height()+'px'); 
     34                } else { 
     35                    header.css('top', 0); 
     36                } 
     37                 
     38            } 
     39            stickyHeader(); 
     40            $(window).resize(stickyHeader); 
     41             
     42            $(window).scroll(function() { 
     43                if( $(window).scrollTop() > 100 ) { 
     44                    $('body').addClass('small-header'); 
     45                } else { 
     46                    $('body').removeClass('small-header'); 
     47                } 
     48            }); 
     49             
     50        }); 
     51         
     52    } 
     53     
     54    $( document ).ready( function() { 
     55        // Mobile menu. 
     56        var $mobileMenu = false; 
     57        $('#mobile-menu-button').click( function(e) { 
     58            e.preventDefault(); 
     59             
     60            var $$ = $(this); 
     61            $$.toggleClass('to-close'); 
     62            var $mobileMenuDiv = $('.mobile-nav'); 
     63             
     64            if( $mobileMenu === false ) { 
     65                $mobileMenu = $mobileMenuDiv 
     66                .append( $('.main-navigation ul').first().clone() ) 
     67                .appendTo( $mobileMenuDiv ).hide(); 
     68            } 
     69             
     70            $mobileMenu.slideToggle('fast'); 
     71             
     72            // Add button to sub-menu parent to show nested pages on the mobile menu 
     73            $mobileMenu.find('.page_item_has_children > a:not(.dropdown-button), .menu-item-has-children > a:not(.dropdown-button)').addClass('dropdown-button').prepend('<div class="dropdown-toggle" aria-expanded="false"><i class="fa fa-plus-square"></i></div>'); 
     74             
     75            // Sub-menu toggle button 
     76            $mobileMenu.find('.page_item_has_children > a, .menu-item-has-children > a').bind( 'click', function() { 
     77                $(this).find('.fa:first').toggleClass('fa-plus-square').toggleClass('fa-minus-square'); 
     78            }); 
     79             
     80        }); 
     81         
     82        $('.mobile-nav').on( 'click', '.dropdown-button', function(e) { 
     83            e.preventDefault(); 
     84            $(this).next('ul.sub-menu').slideToggle('300ms'); 
     85            $(this).next('ul.children').slideToggle('300ms'); 
     86        } ); 
     87         
     88        // Mobile menu toggle button 
     89        $('.menu-toggle').click( function() { 
     90            $(this).find('.fa:first').toggleClass('fa-bars').toggleClass('fa-times'); 
     91        }); 
     92         
     93        /* Menu not fly off the right of the screen */ 
     94        $('.main-navigation').find('li ul.sub-menu li.menu-item-has-children').mouseenter( function() { 
     95            if ( $(this).children('ul.sub-menu').offset().left + 230 > $(window).width() ) { 
     96                $(this).children('ul.sub-menu').css( { right: '100%', left: 'auto' } ); 
    1097            } 
    1198        }); 
    12     } 
     99        $('.main-navigation').find('li ul.children li.page_item_has_children').mouseenter( function() { 
     100            if ( $(this).children('ul.children').offset().left + 230 > $(window).width() ) { 
     101                $(this).children('ul.children').css( { right: '100%', left: 'auto' } ); 
     102            } 
     103        }); 
     104         
     105    }); 
    13106     
    14     // Search top bar 
    15     $('.search-wrap .search-icon').on('click', function() { 
    16         $('.search-wrap .search-box').toggleClass('active'); 
    17     }); 
     107    // Toggle top bar 
     108    $('.toggle-bar .fa').click(function() { 
     109        $('.top-bar-inner').slideToggle('fast'); 
     110        $(this).toggleClass('fa-chevron-down').toggleClass('fa-chevron-up'); 
     111    }); 
    18112     
    19113    // Back To Top 
     
    31125     
    32126    // Sticky Footer 
    33     var sh = jQuery('.site-header').outerHeight(); 
    34     var sf = jQuery('.site-footer').outerHeight(); 
    35     var wh = jQuery(window).outerHeight(); 
    36     var ch = wh - (sh + sf); 
    37     jQuery('#content').css('min-height', ch); 
     127    $(document).ready(function() { 
     128        var wp = $('#wpadminbar').height(); 
     129        var sh = $('.site-header').outerHeight(); 
     130        var sf = $('.site-footer').outerHeight(); 
     131        var wh = $(window).outerHeight(); 
     132        var ch = wh - (sh + sf + wp); 
     133        $('#content').css('min-height', ch); 
     134    }); 
    38135 
    39136}); 
    40  
    41 //Menu dropdown animation 
    42 jQuery(function($) { 
    43     $('.sub-menu').hide(); 
    44     $('.main-navigation .children').hide(); 
    45     $('.menu-item').hover(  
    46         function() { 
    47             $(this).children('.sub-menu').slideDown(); 
    48         },  
    49         function() { 
    50             $(this).children('.sub-menu').hide(); 
    51         } 
    52     ); 
    53     $('.main-navigation li').hover(  
    54         function() { 
    55             $(this).children('.main-navigation .children').slideDown(); 
    56         },  
    57         function() { 
    58             $(this).children('.main-navigation .children').hide(); 
    59         } 
    60     );   
    61 }); 
    62  
    63 //Menu bar 
    64 jQuery(function($) { 
    65     var headerHeight = $('.site-header').outerHeight(); 
    66     $('.header-clone').css('height',headerHeight); 
    67      
    68     $(window).resize(function(){     
    69         var headerHeight = $('.site-header').outerHeight(); 
    70         $('.header-clone').css('height',headerHeight); 
    71     }); 
    72 }); 
    73  
    74 //Mobile menu 
    75 jQuery(function($) { 
    76     $('.main-navigation .menu').slicknav({ 
    77         label: '<i class="fa fa-bars"></i>', 
    78         prependTo: '.mobile-nav', 
    79         closedSymbol: '&#43;', 
    80         openedSymbol: '&#45;', 
    81         allowParentLinks: true 
    82     }); 
    83 });  
  • colorskin/1.0.4/readme.txt

    r85405 r85405  
    66Requires at least: 4.0 
    77Tested up to: 4.8 
    8 Stable tag: 1.0.2 
     8Stable tag: 1.0.4 
    99License: GPLv2 or later 
    1010License URI: http://www.gnu.org/licenses/gpl-2.0.html 
     
    5353 
    5454Unless otherwise specified, all images are licensed under GNU General Public License version 3.0. 
     55 
     56== Changelog == 
     57 
     58= 1.0.4 = 
     59    * Header, menu, social are rewritten 
     60    * New choices are added for mobile sticky header, header type and for disabling title bar from blog page 
  • colorskin/1.0.4/style.css

    r85405 r85405  
    55Author URI: 
    66Description: A simple responsive WordPress theme, blue, green and red colors mainly for blog. 
    7 Version: 1.0.3 
     7Version: 1.0.4 
    88License: GNU General Public License v2 or later 
    99License URI: http://www.gnu.org/licenses/gpl-2.0.html 
     
    614614--------------------------------------------------------------*/ 
    615615.header-top-bar { 
     616    padding: 5px 0; 
    616617    font-size: 14px; 
    617     background: #f1f5f8; 
    618 } 
    619  
    620 /* Info */ 
    621 .top-info { 
     618    background: #eeeeee; 
     619    border-bottom: solid 1px rgba(160, 160, 160, 0.3); 
     620} 
     621 
     622.top-bar-inner li { 
     623    display: block; 
    622624    float: left; 
    623     line-height: 2; 
    624 } 
    625  
    626 .top-info li { 
    627     float: left; 
    628     margin-right: 15px; 
    629     padding: 5px 0; 
    630 } 
    631  
    632 .top-info li:last-child { 
     625    margin-left: 10px; 
     626} 
     627 
     628.top-bar-inner li:first-child { 
     629    margin-left: 0; 
     630} 
     631 
     632.top-bar-inner .top-social, 
     633.top-bar-inner .top-search { 
     634    float: right; 
     635} 
     636 
     637.info-phone, 
     638.info-email { 
     639    line-height: 28px; 
     640} 
     641 
     642.info-phone .fa, 
     643.info-email .fa { 
     644    padding-right: 5px; 
     645} 
     646 
     647/* Social Links */ 
     648.social-icon { 
     649    position: relative; 
     650    display: inline-block; 
     651    margin-right: 5px; 
     652    width: 28px; 
     653    height: 28px; 
     654    text-align: center; 
     655    line-height: 28px; 
     656    color: #919191; 
     657    background: #ffffff; 
     658    vertical-align: top; 
     659    border-radius: 3px; 
     660    cursor: pointer; 
     661} 
     662 
     663.social-icon:last-child { 
    633664    margin-right: 0; 
    634665} 
    635666 
    636 /* Social Links */ 
    637 .social-links { 
    638    float: right; 
    639 } 
    640  
    641 .social-links li { 
    642     float: left; 
    643     margin-left: 5px; 
    644     padding: 5px 0; 
    645     text-align: center; 
    646 } 
    647  
    648 .social-links li:first-child { 
    649     margin-left: 0; 
    650 } 
    651  
    652 .social-links li a { 
    653     display: block; 
    654     padding: 2px; 
     667.social-icon .fa { 
     668    position: absolute; 
    655669    width: 28px; 
    656670    height: 28px; 
     671    top: 0; 
     672    left: 0; 
     673    line-height: 28px; 
     674    background: transparent; 
     675    z-index: 9; 
     676} 
     677 
     678.social-icon:hover { 
     679    color: #ffffff; 
     680} 
     681 
     682.social-icon.facebook:hover { background: #3c599f; } 
     683.social-icon.twitter:hover { background: #32ccfe; } 
     684.social-icon.google-plus:hover { background: #cf3d2e; } 
     685 
     686/* Top Search */ 
     687.top-search input[type="text"] { 
     688    height: 28px; 
     689    line-height: 28px; 
     690    border: none; 
     691} 
     692 
     693.top-search .search-wrap button { 
     694    width: 28px; 
     695    line-height: 22px; 
     696} 
     697 
     698.toggle-bar { 
     699    display: none; 
     700    width: 100%; 
     701    line-height: 1; 
     702    text-align: center; 
     703} 
     704 
     705.toggle-bar .fa { 
     706    cursor: pointer; 
     707} 
     708 
     709.toggle-bar .fa:hover, 
     710.toggle-bar .fa-chevron-up { 
    657711    color: #9d8d65; 
    658     border: 1px solid #9d8d65; 
    659     border-radius: 50%; 
    660 } 
    661  
    662 .social-links li a:hover { 
    663     color: #777777; 
    664     border-color: #777777; 
    665 } 
    666  
    667 /* Top Search */ 
    668 .header-top-bar .search-wrap { 
    669     float: right; 
    670     position: relative; 
    671 } 
    672  
    673 .header-top-bar .search-icon { 
    674     margin: 5px 0 5px 5px; 
    675     padding: 2px; 
    676     height: 28px; 
    677     width: 28px; 
    678     color: #9d8d65; 
    679     text-align: center; 
    680     border: 1px solid #9d8d65; 
    681     cursor: pointer; 
    682     border-radius: 50%; 
    683     -webkit-transition: all 0.3s ease; 
    684     -moz-transition: all 0.3s ease; 
    685     transition: all 0.3s ease; 
    686 } 
    687  
    688 .header-top-bar .search-icon:hover { 
    689     border-color: #777777; 
    690     color: #777777; 
    691 } 
    692  
    693 .header-top-bar .search-box { 
    694     position: absolute; 
    695     padding: 5px; 
    696     width: 238px; 
    697     top: 100%; 
    698     right: -10px; 
    699     opacity: 0; 
    700     visibility: hidden; 
    701     background: #ffffff; 
    702     box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.2); 
    703     -webkit-transition: all 0.3s ease; 
    704     -moz-transition: all 0.3s ease; 
    705     transition: all 0.3s ease; 
    706 } 
    707  
    708 .search-box input[type="text"] { 
    709     height: auto; 
    710 } 
    711  
    712 .search-box button { 
    713     width: 27px !important; 
    714 } 
    715  
    716 .header-top-bar .search-box.active { 
    717     opacity: 1; 
    718     visibility: visible; 
    719     right: 0; 
    720     z-index: 9; 
    721712} 
    722713 
     
    724715# Header 
    725716--------------------------------------------------------------*/ 
    726 .site-header { 
    727     position: fixed; 
     717#masthead { 
    728718    width: 100%; 
    729719    background: #ffffff; 
    730720    border-bottom: solid 1px rgba(160, 160, 160, 0.3); 
    731     z-index: 999; 
    732 } 
    733  
    734 img.custom-logo { 
    735     -moz-transition: height 0.3s ease-in-out, left 0.3s ease-in-out; 
    736     -webkit-transition: height 0.3s ease-in-out, left 0.3s ease-in-out; 
    737     -moz-transition: height 0.3s ease-in-out, left 0.3s ease-in-out; 
    738     -o-transition: height 0.3s ease-in-out, left 0.3s ease-in-out; 
    739     transition: height 0.3s ease-in-out, left 0.3s ease-in-out; 
    740 } 
    741  
    742 .site-branding img.custom-logo { 
     721    z-index: 99; 
     722} 
     723 
     724.site-header > .container { 
     725    display: -ms-flexbox; 
     726    display: -webkit-box; 
     727    display: flex; 
     728    -ms-flex-align: center; 
     729    -webkit-box-align: center; 
     730    align-items: center; 
     731} 
     732 
     733.site-branding { 
     734    width: 30%; 
    743735    float: left; 
     736    padding: 15px 10px 15px 0; 
     737} 
     738 
     739.site-title { 
     740    margin-bottom: 0; 
     741    font-size: 46px; 
     742    line-height: 1; 
     743} 
     744 
     745.site-title a { 
     746    display: inline-block; 
     747    text-shadow: 1px 1px 0px #ffffff, 2px 2px 0px #666666; 
     748} 
     749 
     750.site-description { 
     751    margin: 0; 
     752    font-size: 14px; 
     753    font-style: italic; 
     754} 
     755 
     756.site-title + .site-description { 
     757    margin-top: 5px; 
     758} 
     759 
     760.custom-logo-link { 
     761    display: block; 
     762} 
     763 
     764.custom-logo { 
    744765    width: auto; 
    745     height: 66px; 
    746     max-height: 100%; 
    747     padding-right: 10px; 
    748 } 
    749  
    750 .site-branding { 
    751     padding: 15px 0; 
    752     transition: padding 0.3s ease; 
    753     -moz-transition: padding 0.3s ease; 
    754     -webkit-transition: padding 0.3s ease; 
    755 } 
    756  
    757 .site-branding, 
    758 .header-text-title { 
     766    max-height: 70px; 
     767} 
     768 
     769/*-------------------------------------------------------------- 
     770# Navigation 
     771--------------------------------------------------------------*/ 
     772.main-navigation { 
     773    width: 70%; 
     774    float: right; 
     775    padding: 15px 0 15px 0; 
     776} 
     777 
     778.main-navigation ul { 
     779    float: right; 
     780    margin: 0; 
     781} 
     782 
     783.main-navigation li { 
     784    position: relative; 
    759785    float: left; 
    760 } 
    761  
    762 .site-title { 
    763     margin-bottom: 1px; 
    764     font-size: 34px; 
    765 } 
    766  
    767 .site-title a { 
    768     color: #444444; 
    769     font-weight: bold; 
    770     font-style: italic; 
    771 } 
    772  
    773 .site-title a:hover { 
     786    margin-right: 15px; 
     787} 
     788 
     789.main-navigation li:last-child { 
     790    margin-right: 0; 
     791} 
     792 
     793.main-navigation a { 
     794    display: block; 
     795    padding: 10px 0; 
     796    color: #919191; 
     797    font-size: 14px; 
     798    font-weight: 700; 
     799    text-decoration: none; 
     800} 
     801 
     802.main-navigation ul .menu-item-has-children > a:after, 
     803.main-navigation ul .page_item_has_children > a:after { 
     804    content: "\f107"; 
     805    font-family: FontAwesome; 
     806    margin-left: 5px; 
     807    display: block; 
     808    float: right; 
     809} 
     810 
     811.main-navigation ul ul { 
     812    position: absolute; 
     813    visibility: hidden; 
     814    opacity: 0; 
     815    float: left; 
     816    top: auto; 
     817    background: #ffffff; 
     818    -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2); 
     819    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2); 
     820    -webkit-transition: all 0.3s ease-in-out; 
     821    -o-transition: all 0.3s ease-in-out; 
     822    transition: all 0.3s ease-in-out; 
     823    -webkit-transform-origin: center top; 
     824    -ms-transform-origin: center top; 
     825    transform-origin: center top; 
     826    -webkit-transform: scaleY(0); 
     827    -ms-transform: scaleY(0); 
     828    transform: scaleY(0); 
     829    z-index: 9; 
     830} 
     831 
     832.main-navigation li:hover > ul { 
     833    visibility: visible; 
     834    opacity: 1; 
     835    -webkit-transform: scaleY(1); 
     836    -ms-transform: scaleY(1); 
     837    transform: scaleY(1); 
     838} 
     839 
     840.main-navigation ul ul li { 
     841    margin: 0; 
     842} 
     843 
     844.main-navigation ul ul a { 
     845    min-width: 230px; 
     846    padding: 7px 10px; 
     847} 
     848 
     849.main-navigation ul ul .menu-item-has-children > a:after, 
     850.main-navigation ul ul .page_item_has_children > a:after { 
     851    content: "\f105"; 
     852} 
     853 
     854.main-navigation ul .menu-item-has-children > a:hover:after, 
     855.main-navigation ul .page_item_has_children > a:hover:after, 
     856.main-navigation ul ul .menu-item-has-children > a:hover:after, 
     857.main-navigation ul ul .page_item_has_children > a:hover:after { 
     858    -webkit-transform: rotate(180deg); 
     859    -ms-transform: rotate(180deg); 
     860    transform: rotate(180deg); 
     861} 
     862 
     863.main-navigation ul ul ul { 
     864    left: 100%; 
     865    top: 0; 
     866} 
     867 
     868.main-navigation ul ul a:hover, 
     869.main-navigation ul ul li:hover > a { 
     870    background: #eeeeee; 
     871} 
     872 
     873.main-navigation a:hover, 
     874.main-navigation li:hover > a, 
     875.main-navigation li.current_page_item > a, 
     876.main-navigation li.current-menu-item > a, 
     877.main-navigation li.current_page_ancestor > a, 
     878.main-navigation li.current-menu-ancestor > a { 
    774879    color: #9d8d65; 
    775880} 
    776881 
    777 .site-description { 
     882/* Mobile Nav 
     883---------------------------------------*/ 
     884.menu-toggle { 
     885    float: right; 
     886    display: block; 
    778887    margin-bottom: 0; 
    779     font-size: 16px; 
    780 } 
    781  
    782 .header-image { 
    783     width: 100%; 
    784 } 
    785  
    786 .sticky-header#masthead .site-branding, 
    787 .sticky-header#masthead .main-navigation { 
    788     padding: 5px 0; 
    789 } 
    790  
    791  
    792 /*-------------------------------------------------------------- 
    793 # Navigation 
    794 --------------------------------------------------------------*/ 
    795 .main-navigation { 
    796     display: block; 
    797     float: right; 
    798     padding: 15px 0; 
    799     transition: padding 0.3s ease; 
    800     -moz-transition: padding 0.3s ease; 
    801     -webkit-transition: padding 0.3s ease; 
    802 } 
    803  
    804 .main-navigation ul { 
    805     list-style: none; 
    806     margin: 0; 
    807     padding-left: 0; 
    808     float: right; 
    809 } 
    810  
    811 .main-navigation li { 
    812     float: left; 
     888    color: #919191; 
     889    font-size: 30px; 
     890    line-height: 1; 
     891    cursor: pointer; 
     892} 
     893 
     894.menu-toggle:hover, 
     895.menu-toggle .fa-times { 
     896    color: #9d8d65; 
     897} 
     898 
     899.mobile-nav { 
     900    display: block; 
     901    position: absolute; 
     902    top: auto; 
     903    left: 0; 
     904    right: 0; 
     905    background: #ffffff; 
     906    overflow: auto; 
     907    z-index: 9; 
     908    -webkit-box-shadow: 0 -1px 1px rgba(0,0,0,.2); 
     909    box-shadow: 0 -1px 1px rgba(0,0,0,.2); 
     910} 
     911 
     912.mobile-nav ul { 
     913    margin: 0; 
     914    list-style: none; 
     915} 
     916 
     917.mobile-nav > ul { 
     918    padding: 10px 20px; 
     919    border-bottom: 1px solid #e0e0e0; 
     920} 
     921 
     922.mobile-nav a { 
     923    display: block; 
     924    padding: 5px 10px; 
     925    font-size: 14px; 
     926    color: #919191; 
     927    font-weight: 700; 
     928    text-decoration: none; 
     929} 
     930 
     931.mobile-nav ul li .dropdown-toggle { 
    813932    position: relative; 
    814     padding: 20px 10px; 
    815     font-weight: 300; 
    816 } 
    817  
    818 .main-navigation a { 
    819     display: block; 
    820     font-family: 'Lato', sans-serif; 
    821     text-decoration: none; 
    822     color: #404040; 
    823     -webkit-transition: color 0.3s; 
    824     transition: color 0.3s; 
    825 } 
    826  
    827 .main-navigation a:hover, 
    828 .main-navigation .menu-item-has-children > a:hover:after { 
    829     color: #9d8d65; 
    830 } 
    831  
    832 .main-navigation .menu-item-has-children > a:after { 
    833     display: inline-block; 
    834     margin: 0 0 0 3px; 
    835     color: #0b3344; 
    836     content: '\f107'; 
    837     vertical-align: middle; 
    838     text-decoration: inherit; 
    839     font-size: 16px; 
    840     font-family: FontAwesome; 
    841     line-height: 1; 
    842     -webkit-font-smoothing: antialiased; 
    843     -moz-osx-font-smoothing: grayscale; 
    844 } 
    845  
    846 .main-navigation ul ul .menu-item-has-children > a:after { 
    847     display: inline-block; 
    848933    float: right; 
    849     color: #404040; 
    850     content: '\f107'; 
    851     vertical-align: top; 
    852     text-decoration: inherit; 
    853     font-size: 14px; 
    854     font-family: FontAwesome; 
    855     line-height: 1; 
    856     -webkit-transform: rotate(270deg); 
    857     transform: rotate(270deg); 
    858     -webkit-font-smoothing: antialiased; 
    859     -moz-osx-font-smoothing: grayscale; 
    860 } 
    861  
    862 .main-navigation ul ul { 
    863     float: left; 
    864     position: absolute; 
    865     top: 100%; 
    866     box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.2); 
    867     left: -999em; 
    868     z-index: 99999; 
    869 } 
    870  
    871 .main-navigation ul ul ul { 
    872     left: -999em; 
    873     top: 0; 
    874     padding-top: 0; 
    875 } 
    876  
    877 .main-navigation ul ul a { 
    878     min-width: 200px; 
    879     color: #404040; 
    880 } 
    881  
    882 .main-navigation ul ul li { 
    883     background: #ffffff; 
    884     text-transform: none; 
    885     padding: 10px; 
    886 } 
    887  
    888 .main-navigation li:hover > a, 
    889 .main-navigation li.focus > a { 
    890 } 
    891  
    892 .main-navigation ul ul :hover > a, 
    893 .main-navigation ul ul .focus > a { 
    894 } 
    895  
    896 .main-navigation ul ul a:hover, 
    897 .main-navigation ul ul a.focus { 
    898     color: #9d8d65; 
    899 } 
    900  
    901 .main-navigation ul li:hover > ul, 
    902 .main-navigation ul li.focus > ul { 
    903     left: auto; 
    904 } 
    905  
    906 .main-navigation ul ul li:hover > ul, 
    907 .main-navigation ul ul li.focus > ul { 
    908     left: 100%; 
    909 } 
    910  
    911 .main-navigation .current_page_item > a, 
    912 .main-navigation .current-menu-item > a, 
    913 .main-navigation .current_page_ancestor > a { 
     934    margin-left: 10px; 
     935    cursor: pointer; 
     936} 
     937 
     938.mobile-nav ul ul { 
     939    display: none; 
     940} 
     941 
     942.mobile-nav ul ul a { padding-left: 20px; } 
     943.mobile-nav ul ul ul a { padding-left: 40px; } 
     944.mobile-nav ul ul ul ul a { padding-left: 60px; } 
     945.mobile-nav ul ul ul ul ul a { padding-left: 80px; } 
     946.mobile-nav ul ul ul ul ul ul a { padding-left: 100px; } 
     947 
     948.mobile-nav a:hover, 
     949.mobile-nav li:hover > a { 
     950    background: #eeeeee; 
     951} 
     952 
     953.mobile-nav a:hover, 
     954.mobile-nav li:hover > a, 
     955.mobile-nav li.current_page_item > a, 
     956.mobile-nav li.current-menu-item > a, 
     957.mobile-nav li.current_page_ancestor > a, 
     958.mobile-nav li.current-menu-ancestor > a { 
    914959    color: #9d8d65; 
    915960} 
    916  
    917 /* Mobile menu */ 
    918 .slicknav_menu .slicknav_menutxt { 
    919     display: block; 
    920     color: #404040; 
    921     font-size: 30px; 
    922 } 
    923  
    924 .slicknav_menu .slicknav_menutxt:hover { 
    925     color: #9d8d65; 
    926 } 
    927  
    928 .slicknav_menu .slicknav_icon { 
    929     display: none; 
    930 } 
    931  
    932 .slicknav_menu .slicknav_no-text { 
    933     margin: 0; 
    934 } 
    935  
    936 .slicknav_menu .slicknav_icon-bar { 
    937     display: block; 
    938     width: 1.125em; 
    939     height: 0.125em; 
    940     border-radius: 1px; 
    941 } 
    942  
    943 .slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { 
    944     margin-top: 0.188em; 
    945 } 
    946  
    947 .slicknav_nav ul, 
    948 .slicknav_nav li { 
    949     display: block; 
    950     border: 0; 
    951 } 
    952  
    953 .slicknav_nav .slicknav_item { 
    954     cursor: pointer; 
    955 } 
    956  
    957 .slicknav_nav .slicknav_row, 
    958 .slicknav_nav a { 
    959     display: block; 
    960     border-bottom: 1px dotted #222222; 
    961 } 
    962  
    963 .slicknav_nav .slicknav_item a, 
    964 .slicknav_nav .slicknav_parent-link a { 
    965     display: inline 
    966 }; 
    967  
    968 .slicknav_menu:before, 
    969 .slicknav_menu:after { 
    970     content: " "; 
    971     display: table; 
    972 } 
    973  
    974 .slicknav_menu:after { 
    975     clear: both; 
    976 } 
    977  
    978 .mobile-nav { 
    979     display: none; 
    980 } 
    981  
    982 .slicknav_menu { 
    983     text-align: right; 
    984 } 
    985  
    986 .slicknav_nav .slicknav_arrow { 
    987     float: right; 
    988     width: 21px; 
    989     font-size: 18px; 
    990     line-height: normal; 
    991     color: #ffffff; 
    992     background: #404040; 
    993     vertical-align: middle; 
    994     text-align: center; 
    995 } 
    996  
    997 .slicknav_nav .slicknav_arrow:hover { 
    998     background: #9d8d65; 
    999 } 
    1000  
    1001 .slicknav_btn { 
    1002     margin: 10px 0 6px 5px; 
    1003     border-radius: 4px;   
    1004     display: inline-block; 
    1005 } 
    1006  
    1007 .slicknav_nav { 
    1008     margin-top: 10px; 
    1009     padding-bottom: 5px; 
    1010     position: relative; 
    1011     text-align: left; 
    1012     background: #ffffff; 
    1013     width: 100%; 
    1014     border-top: 2px solid #9d8d65; 
    1015     clear: both; 
    1016     z-index: 999; 
    1017 } 
    1018  
    1019 .slicknav_nav, 
    1020 .slicknav_nav ul { 
    1021     list-style: none; 
    1022     overflow: hidden; 
    1023 } 
    1024  
    1025 .slicknav_nav ul { 
    1026     padding-left: 30px; 
    1027     margin: 0; 
    1028 } 
    1029  
    1030 .slicknav_nav .slicknav_row { 
    1031     padding: 10px 0; 
    1032 } 
    1033  
    1034 .slicknav_nav a{ 
    1035     padding: 10px 0; 
    1036     text-decoration: none; 
    1037     color: #404040; 
    1038 } 
    1039  
    1040 .slicknav_nav .slicknav_item a, 
    1041 .slicknav_nav .slicknav_parent-link a { 
    1042     padding:0; 
    1043     margin:0; 
    1044 } 
    1045  
    1046 .slicknav_nav a:hover, 
    1047 .slicknav_nav .slicknav_row:hover, 
    1048 .slicknav_nav .current_page_item > a, 
    1049 .slicknav_nav .current-menu-item > a, 
    1050 .slicknav_nav .current_page_ancestor > a { 
    1051     color: #9d8d65; 
    1052 } 
    1053  
    1054 .slicknav_nav .slicknav_txtnode { 
    1055     margin-left:15px;    
    1056 } 
    1057  
    1058 .slicknav_row a { 
    1059     border: 0; 
    1060 } 
    1061  
    1062 .slicknav_nav .sub-menu { 
    1063     background: #ffffff; 
    1064     font-size: 13px; 
    1065 } 
    1066  
    1067961/*-------------------------------------------------------------- 
    1068962# Content 
     
    17441638# Media Screen 
    17451639--------------------------------------------------------------*/ 
     1640@media only screen and (min-width: 992px) { 
     1641     
     1642    .sticky-header.small-header .site-branding { 
     1643        padding-top: 5px; 
     1644        padding-bottom: 5px; 
     1645    } 
     1646     
     1647    .sticky-header.small-header .custom-logo { 
     1648        max-height: 60px; 
     1649    } 
     1650     
     1651    .sticky-header.small-header .site-title { 
     1652        font-size: 32px; 
     1653    } 
     1654     
     1655    .menu-toggle, 
     1656    .mobile-nav { 
     1657        display: none !important; 
     1658    } 
     1659     
     1660} 
     1661 
    17461662@media only screen and (max-width: 991px) { 
     1663     
     1664    .custom-logo { 
     1665        max-height: 60px; 
     1666    } 
     1667     
     1668    .site-branding { 
     1669        width: 80%; 
     1670        padding-top: 5px; 
     1671        padding-bottom: 5px; 
     1672    } 
     1673     
     1674    .site-title { 
     1675        font-size: 36px; 
     1676    } 
     1677     
     1678    .main-navigation { 
     1679        width: 20%; 
     1680        padding-top: 5px; 
     1681        padding-bottom: 5px; 
     1682    } 
     1683     
     1684    .main-navigation ul { 
     1685        display: none; 
     1686    } 
    17471687     
    17481688    .site-main { 
     
    17501690    } 
    17511691     
    1752     .main-navigation, 
    1753     .header-clone { 
    1754         display: none; 
    1755     } 
    1756      
    1757     .mobile-nav { 
     1692} 
     1693 
     1694@media only screen and (min-width: 768px) { 
     1695    .top-bar-inner { 
     1696        display: block !important; 
     1697    } 
     1698} 
     1699 
     1700@media only screen and (max-width: 767px) { 
     1701     
     1702    .toggle-bar { 
    17581703        display: block; 
     1704    } 
     1705     
     1706    .top-bar-inner { 
    17591707        width: 100%; 
    1760     } 
    1761      
    1762     .site-header { 
    1763         position: relative; 
    1764     } 
    1765      
    1766     .site-branding { 
    1767         padding: 5px 0; 
     1708        margin-top: 10px; 
     1709        display: none; 
    17681710    } 
    17691711     
    1770 } 
    1771  
    1772 @media only screen and (min-width: 992px) { 
    1773      
    1774     .main-navigation li::after { 
    1775         width: 0; 
    1776         height: 2px; 
    1777         background: #9d8d65; 
    1778         content: ''; 
    1779         position: absolute; 
    1780         top: 0; 
    1781         left: 0; 
    1782         -webkit-transition: width 0.3s; 
    1783         transition: width 0.3s; 
    1784     } 
    1785      
    1786     .main-navigation li:hover::after { 
    1787         width: 100%; 
    1788     } 
    1789      
    1790 } 
    1791  
    1792 @media only screen and (max-width: 767px) { 
     1712    .top-bar-inner li { 
     1713        float: none; 
     1714        margin: 0; 
     1715        width: 100%; 
     1716        text-align: center; 
     1717    } 
     1718     
     1719    .top-bar-inner .top-search + .top-social { 
     1720        margin-top: 5px; 
     1721    } 
    17931722     
    17941723    .site-info .info-links { 
     
    17981727} 
    17991728 
    1800 @media only screen and (max-width: 567px) { 
    1801      
    1802     ul.top-info { 
    1803         width: 100%; 
    1804         text-align: center; 
    1805     } 
    1806      
    1807     ul.top-info li { 
    1808         float: none; 
    1809         display: inline; 
    1810     } 
    1811      
    1812     .social-links { 
    1813         float: left; 
    1814         width: 50%; 
    1815         text-align: right; 
    1816     } 
    1817      
    1818     .social-links li { 
    1819         float: none; 
    1820         display: inline-block; 
    1821     } 
    1822      
    1823     .header-top-bar .search-wrap { 
    1824         width: 50%; 
    1825     } 
    1826      
    1827     .site-branding img.custom-logo { 
    1828         height: 50px; 
    1829     } 
    1830      
    1831     .slicknav_btn { 
    1832         margin-top: 7px; 
    1833     } 
    1834      
    1835     .site-title { 
    1836         font-size: 26px !important; 
    1837     } 
    1838      
    1839     .site-description { 
    1840         font-size: 13px !important;      
    1841     } 
    1842      
    1843 } 
    1844  
    18451729@media print { 
    18461730     
    1847     .sticky-header, 
     1731    .sticky-header #mashtead, 
    18481732    .main-navigation, 
    18491733    .widget-area, 
Note: See TracChangeset for help on using the changeset viewer.