WordPress.org

Make WordPress Themes

Changes from matata/1.0 at r84209 to matata/1.1 at r84209


Ignore:
Location:
matata
Files:
27 added
10 deleted
24 edited

Legend:

Unmodified
Added
Removed
  • matata/1.1/404.php

    r84209 r84209  
    11<?php 
    22/** 
    3  * The template for displaying 404 pages (Page Not Found). 
     3 * The template for displaying 404 pages (not found). 
    44 * 
    5  * @package JusThemes 
    6  * @subpackage Matata 
    7  * @since Matata 1.0 
     5 * @link https://codex.wordpress.org/Creating_an_Error_404_Page 
     6 * 
     7 * @package Matata 
    88 */ 
    9 ?> 
    109 
    11 <?php get_header(); ?> 
     10get_header(); ?> 
    1211 
    13 <div id="primary"> 
     12    <div id="primary" class="content-area"> 
     13        <main id="main" class="site-main" role="main"> 
    1414 
    15 <section id="single" class="clearfix"> 
     15            <section class="error-404 not-found"> 
     16                <header class="page-header"> 
     17                    <h1 class="page-title"><?php esc_html_e( 'Oops! That page can&rsquo;t be found.', 'matata' ); ?></h1> 
     18                </header><!-- .page-header --> 
    1619 
    17     <header class="page-header"> 
    18         <h1 class="page-title"><?php _e( 'Oops! That page can&rsquo;t be found.', 'matata' ); ?></h1> 
    19     </header> 
     20                <div class="page-content"> 
     21                    <p><?php esc_html_e( 'It looks like nothing was found at this location. Maybe try one of the links below or a search?', 'matata' ); ?></p> 
    2022 
    21     <p><?php _e( 'It looks like nothing was found at this location. Try the search below.', 'matata' ); ?></p> 
    22      
    23     <div class="widget_search"> 
    24         <?php get_search_form(); ?> 
    25     </div> 
     23                    <?php 
     24                        get_search_form(); 
    2625 
    27 </section> 
     26                        the_widget( 'WP_Widget_Recent_Posts' ); 
    2827 
    29 </div><!-- #primary --> 
     28                        // Only show the widget if site has multiple categories. 
     29                        if ( matata_categorized_blog() ) : 
     30                    ?> 
    3031 
    31 <?php matata_sidebar_select(); ?> 
     32                    <div class="widget widget_categories"> 
     33                        <h2 class="widget-title"><?php esc_html_e( 'Most Used Categories', 'matata' ); ?></h2> 
     34                        <ul> 
     35                        <?php 
     36                            wp_list_categories( array( 
     37                                'orderby'    => 'count', 
     38                                'order'      => 'DESC', 
     39                                'show_count' => 1, 
     40                                'title_li'   => '', 
     41                                'number'     => 10, 
     42                            ) ); 
     43                        ?> 
     44                        </ul> 
     45                    </div><!-- .widget --> 
    3246 
    33 <?php get_footer(); ?> 
     47                    <?php 
     48                        endif; 
     49 
     50                        /* translators: %1$s: smiley */ 
     51                        $archive_content = '<p>' . sprintf( esc_html__( 'Try looking in the monthly archives. %1$s', 'matata' ), convert_smilies( ':)' ) ) . '</p>'; 
     52                        the_widget( 'WP_Widget_Archives', 'dropdown=1', "after_title=</h2>$archive_content" ); 
     53 
     54                        the_widget( 'WP_Widget_Tag_Cloud' ); 
     55                    ?> 
     56 
     57                </div><!-- .page-content --> 
     58            </section><!-- .error-404 --> 
     59 
     60        </main><!-- #main --> 
     61    </div><!-- #primary --> 
     62 
     63<?php 
     64get_footer(); 
  • matata/1.1/archive.php

    r84209 r84209  
    11<?php 
    22/** 
    3  * The template for displaying Archive page. 
     3 * The template for displaying archive pages. 
    44 * 
    5  * @package JusThemes 
    6  * @subpackage Matata 
    7  * @since Matata 1.0 
     5 * @link https://codex.wordpress.org/Template_Hierarchy 
     6 * 
     7 * @package Matata 
    88 */ 
    9 ?> 
    109 
    11 <?php get_header(); ?> 
     10get_header(); ?> 
    1211 
    13 <div id="primary"> 
     12    <div id="primary" class="content-area"> 
     13        <main id="main" class="site-main" role="main"> 
    1414 
    15     <?php if ( have_posts() ) : ?> 
     15        <?php 
     16        if ( have_posts() ) : ?> 
    1617 
    17         <h3> 
    18         <?php if ( is_category() ) : 
    19             single_cat_title(); 
    20         elseif ( is_tag() ) : 
    21             single_tag_title(); 
    22         elseif ( is_author() ) : 
    23             the_post(); 
    24             printf( __( 'Author: %s', 'matata' ), '<span class="vcard">' . get_the_author() . '</span>' ); 
    25             rewind_posts(); 
    26         elseif ( is_day() ) : 
    27             printf( __( 'Day: %s', 'matata' ), '<span>' . get_the_date() . '</span>' ); 
    28         elseif ( is_month() ) : 
    29             printf( __( 'Month: %s', 'matata' ), '<span>' . get_the_date( 'F Y' ) . '</span>' ); 
    30         elseif ( is_year() ) : 
    31             printf( __( 'Year: %s', 'matata' ), '<span>' . get_the_date( 'Y' ) . '</span>' ); 
     18            <header class="page-header"> 
     19                <?php 
     20                    the_archive_title( '<h1 class="page-title">', '</h1>' ); 
     21                    the_archive_description( '<div class="taxonomy-description">', '</div>' ); 
     22                ?> 
     23            </header><!-- .page-header --> 
     24 
     25            <?php 
     26            /* Start the Loop */ 
     27            while ( have_posts() ) : the_post(); 
     28 
     29                /* 
     30                 * Include the Post-Format-specific template for the content. 
     31                 * If you want to override this in a child theme, then include a file 
     32                 * called content-___.php (where ___ is the Post Format name) and that will be used instead. 
     33                 */ 
     34                get_template_part( 'template-parts/content', get_post_format() ); 
     35 
     36            endwhile; 
     37 
     38            the_posts_navigation(); 
     39 
    3240        else : 
    33             _e( 'Archives', 'matata' ); 
    34         endif; 
    35         ?> 
    36         </h3> 
    3741 
    38         <section id="home" class="clearfix"> 
     42            get_template_part( 'template-parts/content', 'none' ); 
    3943 
    40             <?php while ( have_posts() ) : the_post(); ?> 
     44        endif; ?> 
    4145 
    42                 <?php get_template_part( 'content', '' ); ?> 
     46        </main><!-- #main --> 
     47    </div><!-- #primary --> 
    4348 
    44             <?php endwhile; ?> 
    45  
    46         </section> 
    47  
    48         <div class="navigation clearfix"> 
    49             <div class="nav-previous"><?php next_posts_link( __( '&larr; Previous', 'matata' ) ); ?></div> 
    50             <div class="nav-next"><?php previous_posts_link( __( 'Next &rarr;', 'matata' ) ); ?></div> 
    51         </div> 
    52  
    53     <?php endif; ?> 
    54  
    55 </div><!-- #primary --> 
    56  
    57 <?php matata_sidebar_select(); ?> 
    58  
    59 <?php get_footer(); ?> 
     49<?php 
     50matata_sidebar_select(); 
     51get_footer(); 
  • matata/1.1/comments.php

    r84209 r84209  
    11<?php 
    22/** 
    3  * The template for displaying Comments. 
     3 * The template for displaying comments. 
    44 * 
    5  * @package JusThemes 
    6  * @subpackage Matata 
    7  * @since Matata 1.0 
     5 * This is the template that displays the area of the page that contains both the current comments 
     6 * and the comment form. 
     7 * 
     8 * @link https://codex.wordpress.org/Template_Hierarchy 
     9 * 
     10 * @package Matata 
    811 */ 
    912 
     
    1316 * return early without loading the comments. 
    1417 */ 
    15 if ( post_password_required() ) 
     18if ( post_password_required() ) { 
    1619    return; 
     20} 
    1721?> 
    1822 
    19 <div id="comments-wrap"> 
     23<?php 
     24// You can start editing here -- including this comment! 
     25if ( have_comments() ) : ?> 
     26    <h2 class="comments-title"> 
     27        <?php 
     28            printf( // WPCS: XSS OK. 
     29                esc_html( _nx( 'One thought on &ldquo;%2$s&rdquo;', '%1$s thoughts on &ldquo;%2$s&rdquo;', get_comments_number(), 'comments title', 'matata' ) ), 
     30                number_format_i18n( get_comments_number() ), 
     31                '<span>' . get_the_title() . '</span>' 
     32            ); 
     33        ?> 
     34    </h2> 
    2035 
    21     <?php // You can start editing here -- including this comment! ?> 
     36    <div id="comments" class="comments-area"> 
    2237 
    23     <?php if ( have_comments() ) : ?> 
     38    <?php if ( get_comment_pages_count() > 1 && get_option( 'page_comments' ) ) : // Are there comments to navigate through? ?> 
     39    <nav id="comment-nav-above" class="navigation comment-navigation" role="navigation"> 
     40        <h2 class="screen-reader-text"><?php esc_html_e( 'Comment navigation', 'matata' ); ?></h2> 
     41        <div class="nav-links"> 
    2442 
    25         <h3 id="comments"> 
    26             <?php 
    27                 printf( _nx( 'One thought on &ldquo;%2$s&rdquo;', '%1$s thoughts on &ldquo;%2$s&rdquo;', get_comments_number(), 'comments title', 'matata' ), 
    28                     number_format_i18n( get_comments_number() ), '<span>' . get_the_title() . '</span>' ); 
    29             ?> 
    30         </h3> 
     43            <div class="nav-previous"><?php previous_comments_link( esc_html__( 'Older Comments', 'matata' ) ); ?></div> 
     44            <div class="nav-next"><?php next_comments_link( esc_html__( 'Newer Comments', 'matata' ) ); ?></div> 
    3145 
    32         <?php if ( get_comment_pages_count() > 1 && get_option( 'page_comments' ) ) : // are there comments to navigate through ?> 
     46        </div><!-- .nav-links --> 
     47    </nav><!-- #comment-nav-above --> 
     48    <?php endif; // Check for comment navigation. ?> 
    3349 
    34             <div class="navigation-above clearfix"> 
    35                 <h1 class="screen-reader-text"><?php _e( 'Comment navigation', 'matata' ); ?></h1> 
    36                 <div class="nav-previous alignleft"><?php previous_comments_link( __( '&larr; Older Comments', 'matata' ) ); ?></div> 
    37                 <div class="nav-next alignright"><?php next_comments_link( __( 'Newer Comments &rarr;', 'matata' ) ); ?></div> 
    38             </div><!-- #comment-nav-above --> 
     50    <ol class="comment-list"> 
     51        <?php 
     52            wp_list_comments( array( 
     53                'style'      => 'ol', 
     54                'short_ping' => true, 
     55            ) ); 
     56        ?> 
     57    </ol><!-- .comment-list --> 
    3958 
    40         <?php endif; // check for comment navigation ?> 
     59    <?php if ( get_comment_pages_count() > 1 && get_option( 'page_comments' ) ) : // Are there comments to navigate through? ?> 
     60    <nav id="comment-nav-below" class="navigation comment-navigation" role="navigation"> 
     61        <h2 class="screen-reader-text"><?php esc_html_e( 'Comment navigation', 'matata' ); ?></h2> 
     62        <div class="nav-links"> 
    4163 
    42         <ol class="commentlist"> 
    43             <?php wp_list_comments( ); ?> 
    44         </ol><!-- .comment-list --> 
     64            <div class="nav-previous"><?php previous_comments_link( esc_html__( 'Older Comments', 'matata' ) ); ?></div> 
     65            <div class="nav-next"><?php next_comments_link( esc_html__( 'Newer Comments', 'matata' ) ); ?></div> 
    4566 
    46         <?php if ( get_comment_pages_count() > 1 && get_option( 'page_comments' ) ) : // are there comments to navigate through ?> 
    47             <div class="navigation-below clearfix"> 
    48                 <h1 class="screen-reader-text"><?php _e( 'Comment navigation', 'matata' ); ?></h1> 
    49                 <div class="nav-previous alignleft"><?php previous_comments_link( __( '&larr; Older Comments', 'matata' ) ); ?></div> 
    50                 <div class="nav-next alignright"><?php next_comments_link( __( 'Newer Comments &rarr;', 'matata' ) ); ?></div> 
    51             </div><!-- #comment-nav-below --> 
    52         <?php endif; // check for comment navigation ?> 
     67        </div><!-- .nav-links --> 
     68    </nav><!-- #comment-nav-below --> 
     69    <?php 
     70    endif; // Check for comment navigation. 
    5371 
    54     <?php endif; // have_comments() ?> 
     72    ?> 
     73    </div><!-- #comments --> 
     74    <?php 
    5575 
    56     <?php 
    57         // If comments are closed and there are comments, let's leave a little note. 
    58         if ( ! comments_open() && '0' != get_comments_number() && post_type_supports( get_post_type(), 'comments' ) ) : 
    59     ?> 
    60             <p><?php _e( 'Comments are closed.', 'matata' ); ?></p> 
    61     <?php endif; ?> 
     76endif; // Check for have_comments(). 
    6277 
    63     <?php comment_form(); ?> 
    6478 
    65 </div><!-- #comments --> 
     79// If comments are closed and there are comments, let's leave a little note, shall we? 
     80if ( ! comments_open() && get_comments_number() && post_type_supports( get_post_type(), 'comments' ) ) : ?> 
     81 
     82    <p class="no-comments"><?php esc_html_e( 'Comments are closed.', 'matata' ); ?></p> 
     83<?php 
     84endif; 
     85?> 
     86 
     87<?php comment_form(); ?> 
  • matata/1.1/footer.php

    r84209 r84209  
    11<?php 
    22/** 
    3  * Theme Footer Section for our theme. 
     3 * The template for displaying the footer. 
    44 * 
    5  * @package JusThemes 
    6  * @subpackage Matata 
    7  * @since Matata 1.0 
     5 * Contains the closing of the #content div and all content after. 
     6 * 
     7 * @link https://developer.wordpress.org/themes/basics/template-files/#template-partials 
     8 * 
     9 * @package Matata 
    810 */ 
     11 
    912?> 
    1013 
    11 </div><!-- #container --> 
     14    </div><!-- #content --> 
    1215 
    13 <footer class="clearfix"> 
     16    <footer id="colophon" class="site-footer" role="contentinfo"> 
    1417 
    15     <?php get_sidebar( 'footer' ); ?>    
     18        <?php get_sidebar( 'footer' ); ?> 
    1619 
    17     <?php do_action( 'matata_footer_copyright' ); ?> 
    18  
    19 </footer> 
    20  
     20        <div class="site-info"> 
     21            <a href="<?php echo esc_url( __( 'https://wordpress.org/', 'matata' ) ); ?>"><?php printf( esc_html__( 'Proudly powered by %s', 'matata' ), 'WordPress' ); ?></a> 
     22            <span class="sep"> | </span> 
     23            <?php printf( esc_html__( 'Theme: %1$s by %2$s.', 'matata' ), 'matata', '<a href="'. esc_url('http://justhemes.com/').'" rel="designer">JusThemes.com</a>' ); ?> 
     24        </div><!-- .site-info --> 
     25    </footer><!-- #colophon --> 
    2126</div><!-- #page --> 
    2227 
    2328<?php wp_footer(); ?> 
     29 
    2430</body> 
    2531</html> 
  • matata/1.1/functions.php

    r84209 r84209  
    11<?php 
    22/** 
    3  * MATATA functions related to defining constants, adding files and WordPress core functionality. 
     3 * Matata functions and definitions. 
    44 * 
    5  * @uses add_theme_support() To add support for post thumbnails and automatic feed links. 
    6  * @uses register_nav_menu() To add support for navigation menu. 
    7  * @uses set_post_thumbnail_size() To set a custom post thumbnail size. 
     5 * @link https://developer.wordpress.org/themes/basics/theme-functions/ 
    86 * 
    9  * @package JusThemes 
    10  * @subpackage Matata 
    11  * @since Matata 1.0 
     7 * @package Matata 
    128 */ 
    139 
     10if ( ! function_exists( 'matata_setup' ) ) : 
     11/** 
     12 * Sets up theme defaults and registers support for various WordPress features. 
     13 * 
     14 * Note that this function is hooked into the after_setup_theme hook, which 
     15 * runs before the init hook. The init hook is too late for some features, such 
     16 * as indicating support for post thumbnails. 
     17 */ 
     18function matata_setup() { 
     19    /* 
     20     * Make theme available for translation. 
     21     * Translations can be filed in the /languages/ directory. 
     22     * If you're building a theme based on Matata, use a find and replace 
     23     * to change 'matata' to the name of your theme in all the template files. 
     24     */ 
     25    load_theme_textdomain( 'matata', get_template_directory() . '/languages' ); 
    1426 
     27    // Add default posts and comments RSS feed links to head. 
     28    add_theme_support( 'automatic-feed-links' ); 
     29 
     30    /* 
     31     * Let WordPress manage the document title. 
     32     * By adding theme support, we declare that this theme does not use a 
     33     * hard-coded <title> tag in the document head, and expect WordPress to 
     34     * provide it for us. 
     35     */ 
     36    add_theme_support( 'title-tag' ); 
     37 
     38    /* 
     39     * Enable support for Post Thumbnails on posts and pages. 
     40     * 
     41     * @link https://developer.wordpress.org/themes/functionality/featured-images-post-thumbnails/ 
     42     */ 
     43    add_theme_support( 'post-thumbnails' ); 
     44 
     45    // Cropping the images to different sizes to be used in the theme 
     46    add_image_size( 'matata-featured', 702, 390, true ); 
     47 
     48    // This theme uses wp_nav_menu() in one location. 
     49    register_nav_menus( array( 
     50        'primary' => esc_html__( 'Primary', 'matata' ), 
     51        'secondary' => esc_html__( 'Secondary', 'matata' ) 
     52    ) ); 
     53 
     54    /* 
     55     * Switch default core markup for search form, comment form, and comments 
     56     * to output valid HTML5. 
     57     */ 
     58    add_theme_support( 'html5', array( 
     59        'search-form', 
     60        'comment-form', 
     61        'comment-list', 
     62        'gallery', 
     63        'caption', 
     64    ) ); 
     65 
     66    /* 
     67     * Enable support for Post Formats. 
     68     * See https://developer.wordpress.org/themes/functionality/post-formats/ 
     69     */ 
     70    add_theme_support( 'post-formats', array( 
     71        'aside', 
     72        'image', 
     73        'video', 
     74        'quote', 
     75        'link', 
     76    ) ); 
     77 
     78    // Set up the WordPress core custom background feature. 
     79    add_theme_support( 'custom-background', apply_filters( 'matata_custom_background_args', array( 
     80        'default-color' => 'ffffff', 
     81        'default-image' => '', 
     82    ) ) ); 
     83} 
     84endif; 
    1585add_action( 'after_setup_theme', 'matata_setup' ); 
    1686 
    1787/** 
    18  * All setup functionalities. 
     88 * Set the content width in pixels, based on the theme's design and stylesheet. 
     89 * 
     90 * Priority 0 to make it available to lower priority callbacks. 
     91 * 
     92 * @global int $content_width 
    1993 */ 
    20 if( !function_exists( 'matata_setup' ) ) : 
    21 function matata_setup() { 
    22  
    23     /** 
    24      * Set the content width based on the theme's design and stylesheet. 
    25      */ 
    26     global $content_width; 
    27     if ( ! isset( $content_width ) ) 
    28         $content_width = 660; 
    29  
    30     /* 
    31      * Make theme available for translation. 
    32      * Translations can be filed in the /languages/ directory. 
    33      */ 
    34     load_theme_textdomain( 'matata', get_template_directory() . '/languages' ); 
    35  
    36     // Add default posts and comments RSS feed links to head 
    37     add_theme_support( 'automatic-feed-links' ); 
    38  
    39     // This theme uses Featured Images. 
    40     add_theme_support( 'post-thumbnails' ); 
    41  
    42     // Registering navigation menu. 
    43     register_nav_menu( 'primary', __( 'Primary Menu', 'matata' ) ); 
    44     register_nav_menu( 'secondary', __( 'Secondary Menu', 'matata' ) ); 
    45  
    46     // Different sizes to be used in the theme 
    47     add_image_size( 'matata-featured-image' , 702, 390, true); 
    48  
    49     // WordPress custom background feature. 
    50     add_theme_support( 'custom-background', apply_filters( 'matata_custom_background_args', array( 
    51         'default-color' => 'eaeaea' 
    52     ) ) ); 
    53  
    54     /* 
    55     * Let WordPress manage the document title. 
    56     */ 
    57    add_theme_support('title-tag'); 
    58  
     94function matata_content_width() { 
     95    $GLOBALS['content_width'] = apply_filters( 'matata_content_width', 640 ); 
    5996} 
    60 endif; 
     97add_action( 'after_setup_theme', 'matata_content_width', 0 ); 
    6198 
    6299/** 
    63  * Define Directory Location Constants 
     100 * Register widget area. 
     101 * 
     102 * @link https://developer.wordpress.org/themes/functionality/sidebars/#registering-a-sidebar 
    64103 */ 
    65 define( 'MATATA_PARENT_DIR', get_template_directory() ); 
    66 define( 'MATATA_CHILD_DIR', get_stylesheet_directory() ); 
    67  
    68 define( 'MATATA_INCLUDES_DIR', MATATA_PARENT_DIR. '/inc' ); 
    69 define( 'MATATA_CSS_DIR', MATATA_PARENT_DIR . '/css' ); 
    70 define( 'MATATA_JS_DIR', MATATA_PARENT_DIR . '/js' ); 
    71 define( 'MATATA_LANGUAGES_DIR', MATATA_PARENT_DIR . '/languages' ); 
    72  
    73 define( 'MATATA_WIDGETS_DIR', MATATA_INCLUDES_DIR . '/widgets' ); 
     104function matata_widgets_init() { 
     105    register_sidebar( array( 
     106        'name'          => esc_html__( 'Sidebar', 'matata' ), 
     107        'id'            => 'sidebar-1', 
     108        'description'   => '', 
     109        'before_widget' => '<section id="%1$s" class="widget %2$s">', 
     110        'after_widget'  => '</section>', 
     111        'before_title'  => '<h2 class="widget-title">', 
     112        'after_title'   => '</h2>', 
     113    ) ); 
     114    // Registering footer sidebar one 
     115    register_sidebar( array( 
     116        'name'              => __( 'Footer Sidebar One', 'matata' ), 
     117        'id'                    => 'matata_footer_sidebar_one', 
     118        'description'       => __( 'Shows widgets at footer sidebar one.', 'matata' ), 
     119        'before_widget' => '<section id="%1$s" class="widget %2$s">', 
     120        'after_widget'  => '</section>', 
     121        'before_title'  => '<h2 class="widget-title">', 
     122        'after_title'   => '</h2>', 
     123    ) ); 
     124    // Registering footer sidebar two 
     125    register_sidebar( array( 
     126        'name'              => __( 'Footer Sidebar Two', 'matata' ), 
     127        'id'                    => 'matata_footer_sidebar_two', 
     128        'description'       => __( 'Shows widgets at footer sidebar two.', 'matata' ), 
     129        'before_widget' => '<section id="%1$s" class="widget %2$s">', 
     130        'after_widget'  => '</section>', 
     131        'before_title'  => '<h2 class="widget-title">', 
     132        'after_title'   => '</h2>', 
     133    ) ); 
     134    // Registering footer sidebar three 
     135    register_sidebar( array( 
     136        'name'              => __( 'Footer Sidebar Three', 'matata' ), 
     137        'id'                    => 'matata_footer_sidebar_three', 
     138        'description'       => __( 'Shows widgets at footer sidebar three.', 'matata' ), 
     139        'before_widget' => '<section id="%1$s" class="widget %2$s">', 
     140        'after_widget'  => '</section>', 
     141        'before_title'  => '<h2 class="widget-title">', 
     142        'after_title'   => '</h2>', 
     143    ) ); 
     144} 
     145add_action( 'widgets_init', 'matata_widgets_init' ); 
    74146 
    75147/** 
    76  * Define URL Location Constants 
     148 * Enqueue scripts and styles. 
    77149 */ 
    78 define( 'MATATA_PARENT_URL', get_template_directory_uri() ); 
    79 define( 'MATATA_CHILD_URL', get_stylesheet_directory_uri() ); 
     150function matata_scripts() { 
     151    wp_enqueue_style( 'matata-style', get_stylesheet_uri() ); 
    80152 
    81 define( 'MATATA_INCLUDES_URL', MATATA_PARENT_URL. '/inc' ); 
    82 define( 'MATATA_CSS_URL', MATATA_PARENT_URL . '/css' ); 
    83 define( 'MATATA_JS_URL', MATATA_PARENT_URL . '/js' ); 
    84 define( 'MATATA_LANGUAGES_URL', MATATA_PARENT_URL . '/languages' ); 
     153    wp_enqueue_style( 'matata_google_fonts', '//fonts.googleapis.com/css?family=Open+Sans' ); 
    85154 
    86 define( 'MATATA_WIDGETS_URL', MATATA_INCLUDES_URL . '/widgets' ); 
     155    wp_enqueue_style( 'matata-fontawesome', get_template_directory_uri().'/fontawesome/css/font-awesome.css', array(), '4.5.0' ); 
    87156 
    88 /** Load functions */ 
    89 require_once( MATATA_INCLUDES_DIR . '/functions.php' ); 
    90 require_once( MATATA_INCLUDES_DIR . '/customizer.php' ); 
     157    wp_enqueue_script( 'matata-navigation', get_template_directory_uri() . '/js/navigation.js', array(), '20120206', true ); 
    91158 
    92 /** Load Widgetized Area */ 
    93 require_once( MATATA_WIDGETS_DIR . '/widgets.php' ); 
     159    wp_enqueue_script( 'matata-skip-link-focus-fix', get_template_directory_uri() . '/js/skip-link-focus-fix.js', array(), '20130115', true ); 
    94160 
    95 ?> 
     161    if ( is_singular() && comments_open() && get_option( 'thread_comments' ) ) { 
     162        wp_enqueue_script( 'comment-reply' ); 
     163    } 
     164 
     165    if (is_page_template( 'template-parts/homepage.php' ) && get_theme_mod('matata_home_slider', 0) == 1  && !is_paged()) { 
     166        wp_register_script( 'matata-bxslider', get_template_directory_uri(). '/js/jquery.bxslider.min.js', array( 'jquery' ), '4.1.2', true ); 
     167        wp_enqueue_style( 'matata-slider-css', get_template_directory_uri(). '/layouts/jquery.bxslider.css'); 
     168        wp_enqueue_script( 'matata-slider', get_template_directory_uri(). '/js/matata-slider-setting.js', array( 'matata-bxslider' ), false, true ); 
     169   } 
     170} 
     171add_action( 'wp_enqueue_scripts', 'matata_scripts' ); 
     172 
     173/** 
     174 * Implement the Custom Header feature. 
     175 */ 
     176require get_template_directory() . '/inc/custom-header.php'; 
     177 
     178/** 
     179 * Custom template tags for this theme. 
     180 */ 
     181require get_template_directory() . '/inc/template-tags.php'; 
     182 
     183/** 
     184 * Custom functions that act independently of the theme templates. 
     185 */ 
     186require get_template_directory() . '/inc/extras.php'; 
     187 
     188/** 
     189 * Customizer additions. 
     190 */ 
     191require get_template_directory() . '/inc/customizer.php'; 
     192 
     193/** 
     194 * Load Jetpack compatibility file. 
     195 */ 
     196require get_template_directory() . '/inc/jetpack.php'; 
  • matata/1.1/header.php

    r84209 r84209  
    11<?php 
    22/** 
    3  * Theme Header Section for our theme. 
     3 * The header for our theme. 
    44 * 
    5  * @package JusThemes 
    6  * @subpackage Matata 
    7  * @since Matata 1.0 
     5 * This is the template that displays all of the <head> section and everything up until <div id="content"> 
     6 * 
     7 * @link https://developer.wordpress.org/themes/basics/template-files/#template-partials 
     8 * 
     9 * @package Matata 
    810 */ 
     11 
    912?><!DOCTYPE html> 
    1013<html <?php language_attributes(); ?>> 
    1114<head> 
    12     <meta charset="<?php bloginfo( 'charset' ); ?>" /> 
    13     <meta name="viewport" content="width=device-width, initial-scale=1"> 
    14     <link rel="profile" href="http://gmpg.org/xfn/11" /> 
    15     <link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" /> 
    16     <?php wp_head(); ?> 
     15<meta charset="<?php bloginfo( 'charset' ); ?>"> 
     16<meta name="viewport" content="width=device-width, initial-scale=1"> 
     17<link rel="profile" href="http://gmpg.org/xfn/11"> 
     18<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>"> 
     19 
     20<?php wp_head(); ?> 
    1721</head> 
    1822 
    1923<body <?php body_class(); ?>> 
    20     <div id="page"> 
    21         <header> 
    22             <div class="top-bar clearfix"> 
     24<div id="page" class="site"> 
     25    <a class="skip-link screen-reader-text" href="#content"><?php esc_html_e( 'Skip to content', 'matata' ); ?></a> 
    2326 
    24                 <div class="top-menu"> 
    25                     <?php wp_nav_menu( array( 'theme_location' => 'secondary')); ?> 
    26                 </div> 
     27    <header id="masthead" class="site-header" role="banner"> 
     28        <div class="top-bar clear"> 
     29            <div class="top-menu"> 
     30                <?php wp_nav_menu( array( 'theme_location' => 'secondary')); ?> 
     31            </div> 
     32            <?php if( get_theme_mod( 'matata_social_link_activate', 0 ) == 1 ) { matata_social_links(); } ?> 
     33        </div> 
     34        <div class="site-branding"> 
    2735 
    28                 <?php if( get_theme_mod( 'matata_social_link_activate', 0 ) == 1 ) { matata_social_links(); } ?> 
     36            <?php if ( get_header_image() ) : ?> 
     37            <a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"> 
     38                <img src="<?php header_image(); ?>" width="<?php echo esc_attr( get_custom_header()->width ); ?>" height="<?php echo esc_attr( get_custom_header()->height ); ?>" alt=""> 
     39            </a> 
     40            <?php endif; // End header image check. ?> 
    2941 
    30             </div> 
    31             <div class="logo"> 
     42            <?php if (get_theme_mod('matata_logo', '') != '') : ?> 
     43                <a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><img src="<?php echo esc_url(get_theme_mod('matata_logo')); ?>" alt="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>"></a> 
     44            <?php endif; ?> 
    3245 
    33                 <?php 
    34                 if((get_theme_mod('matata_header_logo_placement', 'header_text_only') == 'header_text_only')){ 
    35                 ?> 
    36                     <h1 id="site-title"> 
    37                         <a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a> 
    38                     </h1> 
    39                     <h2 id="site-description"><?php bloginfo( 'description' ); ?></h2><!-- #site-description --> 
    40                 <?php  
    41                 }else{ 
    42                 ?> 
    43                     <a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><img src="<?php echo esc_url(get_theme_mod('matata_logo')); ?>" alt="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>"></a> 
    44                 <?php 
    45                 } 
    46                 ?> 
    47                  
    48             </div> 
    49             <nav class="main-navigation"> 
     46            <?php 
     47            if ( is_front_page() && is_home() ) : ?> 
     48                <h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1> 
     49            <?php else : ?> 
     50                <p class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></p> 
     51            <?php 
     52            endif; 
    5053 
    51                 <div class="btn-responsive-menu"><i class="fa fa-list-ul fa-2x"></i></div> 
    52                 <?php wp_nav_menu( array( 'theme_location' => 'primary')); ?> 
     54            $description = get_bloginfo( 'description', 'display' ); 
     55            if ( $description || is_customize_preview() ) : ?> 
     56                <p class="site-description"><?php echo $description; /* WPCS: xss ok. */ ?></p> 
     57            <?php 
     58            endif; ?> 
     59        </div><!-- .site-branding --> 
    5360 
    54             </nav> 
    55             </header> 
     61        <nav id="site-navigation" class="main-navigation" role="navigation"> 
     62            <button class="menu-toggle" aria-controls="primary-menu" aria-expanded="false"><i class="fa fa-list-ul fa-2x"></i></button> 
     63            <?php wp_nav_menu( array( 'theme_location' => 'primary', 'menu_id' => 'primary-menu' ) ); ?> 
     64        </nav><!-- #site-navigation --> 
     65    </header><!-- #masthead --> 
    5666 
    57             <div id="container" class="clearfix"> 
     67    <div id="content" class="site-content"> 
  • matata/1.1/inc/customizer.php

    r84209 r84209  
    11<?php 
    22/** 
    3  * Matata Theme Customizer 
     3 * Matata Theme Customizer. 
    44 * 
    5  * @package JusThemes 
    6  * @subpackage Matata 
    7  * @since Matata 1.0 
     5 * @package Matata 
    86 */ 
    97 
    10 function matata_customize_register($wp_customize) { 
    11  
    12  
    13    // Theme important links started 
    14    class MATATA_Important_Links extends WP_Customize_Control { 
    15  
    16       public $type = "matata-important-links"; 
    17  
    18       public function render_content() { 
    19          //Add Theme Documentation, Support Forum, Demo Link 
    20          $important_links = array( 
    21                'documentation' => array( 
    22                'link' => esc_url('http://justhemes.com/documentation-matata'), 
    23                'text' => __('Documentation', 'matata'), 
    24             ), 
    25                'support' => array( 
    26                'link' => esc_url('http://justhemes.com/forums'), 
    27                'text' => __('Support', 'matata'), 
    28             ), 
    29                'demo' => array( 
    30                'link' => esc_url('http://justhemes.com/matata-demo'), 
    31                'text' => __('View Demo', 'matata'), 
    32             ) 
    33          ); 
    34          foreach ($important_links as $important_link) { 
    35             echo '<p><a target="_blank" href="' . $important_link['link'] . '" >' . esc_attr($important_link['text']) . ' </a></p>'; 
    36          } 
    37       } 
    38  
    39    } 
    40  
    41    $wp_customize->add_section('matata_important_links', array( 
    42       'priority' => 700, 
    43       'title' => __('Matata Important Links', 'matata'), 
    44    )); 
    45  
    46    $wp_customize->add_setting('matata_important_links', array( 
    47       'capability' => 'edit_theme_options', 
    48       'sanitize_callback' => 'matata_links_sanitize' 
    49    )); 
    50  
    51    $wp_customize->add_control(new MATATA_Important_Links($wp_customize, 'important_links', array( 
    52       'label' => __('Important Links', 'matata'), 
    53       'section' => 'matata_important_links', 
    54       'settings' => 'matata_important_links' 
    55    ))); 
    56    // Theme Important Links Ended 
    57  
    58  
    59     // Start of the Header Options 
    60    $wp_customize->add_panel('matata_header_options', array( 
    61       'capabitity' => 'edit_theme_options', 
    62       'description' => __('Change the Header Settings from here as you want', 'matata'), 
    63       'priority' => 500, 
    64       'title' => __('Header Options', 'matata') 
    65    )); 
    66  
    67    // logo options 
    68     $wp_customize->add_section('matata_header_logo', array( 
    69       'title' => __('Header Logo', 'matata'), 
    70       'panel' => 'matata_header_options' 
    71    )); 
    72  
    73    $wp_customize->add_setting('matata_logo', array( 
    74       'default' => '', 
    75       'capability' => 'edit_theme_options', 
    76       'sanitize_callback' => 'esc_url_raw' 
    77    )); 
    78  
    79    $wp_customize->add_control(new WP_Customize_Image_Control($wp_customize, 'matata_logo', array( 
    80       'label' => __('Upload logo for your header', 'matata'), 
    81       'section' => 'matata_header_logo', 
    82       'setting' => 'matata_logo' 
    83    ))); 
    84  
    85     $wp_customize->add_setting('matata_header_logo_placement', array( 
    86       'default' => 'header_text_only', 
    87       'capability' => 'edit_theme_options', 
    88       'sanitize_callback' => 'matata_show_radio_saniztize' 
    89    )); 
    90  
    91    $wp_customize->add_control('matata_header_logo_placement', array( 
    92       'type' => 'radio', 
    93       'label' => __('Choose the option that you want', 'matata'), 
    94       'section' => 'matata_header_logo', 
    95       'choices' => array( 
    96          'header_logo_only' => __('Header Logo Only', 'matata'), 
    97          'header_text_only' => __('Header Text Only', 'matata') 
    98       ) 
    99    )); 
    100  
    101    // Home Slider Options 
    102    $wp_customize->add_panel('matata_home_slider_panel', array( 
    103       'capabitity' => 'edit_theme_options', 
    104       'description' => __('Change the Header Settings from here as you want', 'matata'), 
    105       'priority' => 505, 
    106       'title' => __('Home Slider', 'matata') 
    107    )); 
    108  
    109    // home slider enable/disable 
    110    $wp_customize->add_section('matata_home_slider_section', array( 
    111       'title' => __('Home Slider', 'matata'), 
    112       'panel' => 'matata_home_slider_panel' 
    113    )); 
    114  
    115    $wp_customize->add_setting('matata_home_slider', array( 
    116       'priority' => 1, 
    117       'default' => 0, 
    118       'capability' => 'edit_theme_options', 
    119       'sanitize_callback' => 'matata_checkbox_sanitize' 
    120    )); 
    121  
    122    $wp_customize->add_control('matata_home_slider', array( 
    123       'type' => 'checkbox', 
    124       'label' => __('Check to enable Home Slider', 'matata'), 
    125       'section' => 'matata_home_slider_section', 
    126       'settings' => 'matata_home_slider' 
    127    )); 
    128  
    129    // Design Options 
    130    $wp_customize->add_panel('matata_design_options', array( 
    131       'capabitity' => 'edit_theme_options', 
    132       'description' => __('Change the Design Settings from here as you want', 'matata'), 
    133       'priority' => 510, 
    134       'title' => __('Design Options', 'matata') 
    135    )); 
    136  
    137    // primary color 
    138    $wp_customize->add_section('matata_primary_color_setting', array( 
    139       'panel' => 'matata_design_options', 
    140       'priority' => 2, 
    141       'title' => __('Primary Color', 'matata') 
    142    )); 
    143  
    144    $wp_customize->add_setting('matata_primary_color', array( 
    145       'default' => '#249ccc', 
    146       'capability' => 'edit_theme_options', 
    147       'sanitize_callback' => 'matata_color_option_hex_sanitize', 
    148       'sanitize_js_callback' => 'matata_color_escaping_option_sanitize' 
    149    )); 
    150  
    151    $wp_customize->add_control(new WP_Customize_Color_Control($wp_customize, 'matata_primary_color', array( 
    152       'label' => __('Choose a color to match your site', 'matata'), 
    153       'section' => 'matata_primary_color_setting', 
    154       'settings' => 'matata_primary_color' 
    155    ))); 
    156  
    157    // blog post style 
    158    $wp_customize->add_section('matata_post_style_setting', array( 
    159       'priority' => 1, 
    160       'title' => __('Blog Post Style', 'matata'), 
    161       'panel' => 'matata_design_options' 
    162    )); 
    163  
    164    $wp_customize->add_setting('matata_post_style', array( 
    165       'default' => 'post-style-blog', 
    166       'capability' => 'edit_theme_options', 
    167       'sanitize_callback' => 'matata_show_radio_saniztize' 
    168    )); 
    169  
    170    $wp_customize->add_control('matata_post_style', array( 
    171       'type' => 'radio', 
    172       'label' => __('Choose if you want to use magazine or normal blog post style.', 'matata'), 
    173       'section' => 'matata_post_style_setting', 
    174       'choices' => array( 
    175          'post-style-blog' => __('Default', 'matata'), 
    176          'post-style-magazine' => __('Magazine', 'matata') 
    177       ) 
    178    )); 
    179  
    180    // default layout setting 
    181    $wp_customize->add_section('matata_default_layout_setting', array( 
    182       'priority' => 3, 
    183       'title' => __('Default Layout', 'matata'), 
    184       'panel'=> 'matata_design_options' 
    185    )); 
    186  
    187    $wp_customize->add_setting('matata_default_layout', array( 
    188       'default' => 'right_sidebar', 
    189       'capability' => 'edit_theme_options', 
    190       'sanitize_callback' => 'matata_layout_sanitize' 
    191    )); 
    192  
    193    $wp_customize->add_control('matata_default_layout', array( 
    194       'type' => 'radio', 
    195       'label' => __('Select default layout. This layout will be reflected in whole site archives, categories, search page etc.', 'matata'), 
    196       'section' => 'matata_default_layout_setting', 
    197       'settings' => 'matata_default_layout', 
    198       'choices' => array( 
    199          'right_sidebar' => __('Right Sidebar', 'matata'), 
    200          'left_sidebar' => __('Left Sidebar', 'matata'), 
    201          'no_sidebar_full_width' => __('No Sidebar Full Width', 'matata'), 
    202          'no_sidebar_content_centered' => __('No Sidebar Content Centered', 'matata') 
    203       ) 
    204    )); 
    205  
    206    // Social Options 
    207    $wp_customize->add_panel('matata_social_links_options', array( 
    208       'priority' => 515, 
    209       'title' => __('Social Options', 'matata'), 
    210       'description'=> __('Change the Social Links Settings from here as you want', 'matata'), 
    211       'capability' => 'edit_theme_options', 
    212    )); 
    213  
    214    $wp_customize->add_section('matata_social_link_activate_settings', array( 
    215       'title' => __('Social Links Area', 'matata'), 
    216       'panel' => 'matata_social_links_options' 
    217    )); 
    218  
    219    $wp_customize->add_setting('matata_social_link_activate', array( 
    220       'default' => 0, 
    221       'capability' => 'edit_theme_options', 
    222       'sanitize_callback' => 'matata_checkbox_sanitize' 
    223    )); 
    224  
    225    $wp_customize->add_control('matata_social_link_activate', array( 
    226       'type' => 'checkbox', 
    227       'label' => __('Check to activate social links area', 'matata'), 
    228       'section' => 'matata_social_link_activate_settings', 
    229       'settings' => 'matata_social_link_activate' 
    230    )); 
    231  
    232    $matata_social_links = array( 
    233       'matata_social_facebook' => array( 
    234          'id' => 'matata_social_facebook', 
    235          'title' => __('Facebook', 'matata'), 
    236          'default' => '' 
    237       ), 
    238       'matata_social_twitter' => array( 
    239          'id' => 'matata_social_twitter', 
    240          'title' => __('Twitter', 'matata'), 
    241          'default' => '' 
    242       ), 
    243       'matata_social_googleplus' => array( 
    244          'id' => 'matata_social_googleplus', 
    245          'title' => __('Google-Plus', 'matata'), 
    246          'default' => '' 
    247       ), 
    248       'matata_social_instagram' => array( 
    249          'id' => 'matata_social_instagram', 
    250          'title' => __('Instagram', 'matata'), 
    251          'default' => '' 
    252       ), 
    253       'matata_social_pinterest' => array( 
    254          'id' => 'matata_social_pinterest', 
    255          'title' => __('Pinterest', 'matata'), 
    256          'default' => '' 
    257       ), 
    258       'matata_social_youtube' => array( 
    259          'id' => 'matata_social_youtube', 
    260          'title' => __('YouTube', 'matata'), 
    261          'default' => '' 
    262       ), 
    263    ); 
    264  
    265    $i = 20; 
    266  
    267    foreach($matata_social_links as $matata_social_link) { 
    268  
    269       $wp_customize->add_setting($matata_social_link['id'], array( 
    270          'default' => $matata_social_link['default'], 
    271          'capability' => 'edit_theme_options', 
    272          'sanitize_callback' => 'esc_url_raw' 
    273       )); 
    274  
    275       $wp_customize->add_control($matata_social_link['id'], array( 
    276          'label' => $matata_social_link['title'], 
    277          'section'=> 'matata_social_link_activate_settings', 
    278          'settings'=> $matata_social_link['id'], 
    279          'priority' => $i 
    280       )); 
    281  
    282       $wp_customize->add_setting($matata_social_link['id'].'_checkbox', array( 
    283          'default' => 0, 
    284          'capability' => 'edit_theme_options', 
    285          'sanitize_callback' => 'matata_checkbox_sanitize' 
    286       )); 
    287  
    288       $wp_customize->add_control($matata_social_link['id'].'_checkbox', array( 
    289          'type' => 'checkbox', 
    290          'label' => __('Check to show in new tab', 'matata'), 
    291          'section'=> 'matata_social_link_activate_settings', 
    292          'settings'=> $matata_social_link['id'].'_checkbox', 
    293          'priority' => $i 
    294       )); 
    295  
    296       $i++; 
    297  
    298    } 
    299  
    300  
    301  
    302    function matata_show_radio_saniztize($input) { 
    303       $valid_keys = array( 
    304          'header_logo_only' => __('Header Logo Only', 'matata'), 
    305          'header_text_only' => __('Header Text Only', 'matata'), 
    306          'post-style-blog' => __('Default', 'matata'), 
    307          'post-style-magazine' => __('Magazine', 'matata'), 
    308       ); 
    309       if ( array_key_exists( $input, $valid_keys ) ) { 
    310          return $input; 
    311       } else { 
    312          return ''; 
    313       } 
    314    } 
    315  
    316    function matata_checkbox_sanitize($input) { 
    317       if ( $input == 1 ) { 
    318          return 1; 
    319       } else { 
    320          return ''; 
    321       } 
    322    } 
    323  
    324    function matata_color_option_hex_sanitize($color) { 
    325       if ($unhashed = sanitize_hex_color_no_hash($color)) 
    326          return '#' . $unhashed; 
    327  
    328       return $color; 
    329    } 
    330  
    331    function matata_color_escaping_option_sanitize($input) { 
    332       $input = esc_attr($input); 
    333       return $input; 
    334    } 
    335  
    336    function matata_layout_sanitize($input) { 
    337       $valid_keys = array( 
    338          'right_sidebar' => __('Right Sidebar', 'matata'), 
    339          'left_sidebar' => __('Left Sidebar', 'matata'), 
    340          'no_sidebar_full_width' => __('No Sidebar Full Width', 'matata'), 
    341          'no_sidebar_content_centered' => __('No Sidebar Content Centered', 'matata') 
    342       ); 
    343       if ( array_key_exists( $input, $valid_keys ) ) { 
    344          return $input; 
    345       } else { 
    346          return ''; 
    347       } 
    348    } 
    349  
    350    function matata_links_sanitize() { 
    351       return false; 
    352    } 
     8/** 
     9 * Add postMessage support for site title and description for the Theme Customizer. 
     10 * 
     11 * @param WP_Customize_Manager $wp_customize Theme Customizer object. 
     12 */ 
     13function matata_customize_register( $wp_customize ) { 
     14    $wp_customize->get_setting( 'blogname' )->transport         = 'postMessage'; 
     15    $wp_customize->get_setting( 'blogdescription' )->transport  = 'postMessage'; 
     16    $wp_customize->get_setting( 'header_textcolor' )->transport = 'postMessage'; 
     17 
     18    // Theme important links started 
     19    class MATATA_Important_Links extends WP_Customize_Control { 
     20        public $type = "matata-important-links"; 
     21        public function render_content() { 
     22        //Add Theme Documentation, Support Forum, Demo Link 
     23            $important_links = array( 
     24                'documentation' => array( 
     25                    'link' => esc_url('http://justhemes.com/documentation-matata'), 
     26                    'text' => __('Documentation', 'matata') 
     27                    ), 
     28                'support' => array( 
     29                    'link' => esc_url('http://justhemes.com/forums'), 
     30                    'text' => __('Support', 'matata') 
     31                    ), 
     32                'demo' => array( 
     33                    'link' => esc_url('http://justhemes.com/demo/matata'), 
     34                    'text' => __('View Demo', 'matata') 
     35                    ), 
     36                'rating' => array( 
     37                    'link' => esc_url('https://wordpress.org/support/view/theme-reviews/matata'), 
     38                    'text' => __('Rate This Theme', 'matata') 
     39                    ) 
     40                ); 
     41            foreach ($important_links as $important_link) { 
     42                echo '<p><a target="_blank" href="' . $important_link['link'] . '" >' . esc_attr($important_link['text']) . ' </a></p>'; 
     43            } 
     44        } 
     45    } 
     46 
     47    $wp_customize->add_section('matata_important_links', array( 
     48        'priority' => 5, 
     49        'title' => __('Matata Important Links', 'matata') 
     50    )); 
     51 
     52    $wp_customize->add_setting('matata_important_links', array( 
     53        'capability' => 'edit_theme_options', 
     54        'sanitize_callback' => 'matata_links_sanitize' 
     55    )); 
     56 
     57    $wp_customize->add_control(new MATATA_Important_Links($wp_customize, 'important_links', array( 
     58        'label' => __('Important Links', 'matata'), 
     59        'section' => 'matata_important_links', 
     60        'settings' => 'matata_important_links' 
     61    ))); 
     62    // Theme Important Links Ended 
     63 
     64    // Start of the Matata Main Options 
     65    $wp_customize->add_panel('matata_main_options', array( 
     66        'capabitity' => 'edit_theme_options', 
     67        'description' => __('Panel to update matata theme options', 'matata'), 
     68        'priority' => 10, 
     69        'title' => __('Matata Options', 'matata') 
     70    )); 
     71 
     72    // logo upload options 
     73    $wp_customize->add_section('matata_header_logo', array( 
     74       'priority' => 1, 
     75       'title' => __('Header Logo', 'matata'), 
     76       'panel' => 'matata_main_options' 
     77    )); 
     78 
     79    $wp_customize->add_setting('matata_logo', array( 
     80       'default' => '', 
     81       'capability' => 'edit_theme_options', 
     82       'sanitize_callback' => 'esc_url_raw' 
     83    )); 
     84 
     85    $wp_customize->add_control(new WP_Customize_Image_Control($wp_customize, 'matata_logo', array( 
     86       'label' => __('Upload logo for your header', 'matata'), 
     87       'section' => 'matata_header_logo', 
     88       'setting' => 'matata_logo' 
     89    ))); 
     90 
     91    // home slider enable/disable 
     92    $wp_customize->add_section('matata_home_slider_section', array( 
     93        'title' => __('Home Slider', 'matata'), 
     94        'panel' => 'matata_main_options', 
     95        'priority' => 25 
     96    )); 
     97 
     98    $wp_customize->add_setting('matata_home_slider', array( 
     99        'default' => 0, 
     100        'capability' => 'edit_theme_options', 
     101        'sanitize_callback' => 'matata_checkbox_sanitize' 
     102    )); 
     103 
     104    $wp_customize->add_control('matata_home_slider', array( 
     105        'type' => 'checkbox', 
     106        'label' => __('Check to enable Home Slider. In order to see the slider you need to create a new page and assign it the "Homepage with Slider" template. Then set the page as front page.', 'matata'), 
     107        'section' => 'matata_home_slider_section', 
     108        'settings' => 'matata_home_slider' 
     109    )); 
     110 
     111    // home slider options 
     112    $categories = get_categories(); 
     113    $cats = array('default' => ''); 
     114    foreach($categories as $category){ 
     115        $cats[$category->slug] = $category->name; 
     116    } 
     117    $wp_customize->add_setting('matata_slide_categories', array( 
     118        'default' => '', 
     119        'capability' => 'edit_theme_options', 
     120        'sanitize_callback' => 'matata_sanitize_slidecat' 
     121    )); 
     122    $wp_customize->add_control('matata_slide_categories', array( 
     123        'label' => __('Slider Category', 'matata'), 
     124        'section' => 'matata_home_slider_section', 
     125        'type'    => 'select', 
     126        'description' => __('Select a category for the featured post slider', 'matata'), 
     127        'choices'    => $cats 
     128    )); 
     129 
     130    $wp_customize->add_setting('matata_slide_number', array( 
     131        'default' => 3, 
     132        'sanitize_callback' => 'matata_sanitize_number' 
     133    )); 
     134    $wp_customize->add_control('matata_slide_number', array( 
     135        'label' => __('Number of slide items', 'matata'), 
     136        'section' => 'matata_home_slider_section', 
     137        'description' => __('Enter the number of slide items', 'matata'), 
     138        'type' => 'text' 
     139    )); 
     140 
     141    // primary color 
     142    $wp_customize->add_section('matata_primary_color_setting', array( 
     143        'panel' => 'matata_main_options', 
     144        'priority' => 5, 
     145        'title' => __('Primary Color', 'matata') 
     146    )); 
     147 
     148    $wp_customize->add_setting('matata_primary_color', array( 
     149        'default' => '#249ccc', 
     150        'capability' => 'edit_theme_options', 
     151        'sanitize_callback' => 'matata_color_option_hex_sanitize', 
     152        'sanitize_js_callback' => 'matata_color_escaping_option_sanitize' 
     153    )); 
     154 
     155    $wp_customize->add_control(new WP_Customize_Color_Control($wp_customize, 'matata_primary_color', array( 
     156        'label' => __('Choose a color to match your site', 'matata'), 
     157        'section' => 'matata_primary_color_setting', 
     158        'settings' => 'matata_primary_color' 
     159    ))); 
     160 
     161    // blog post style 
     162    $wp_customize->add_section('matata_post_style_setting', array( 
     163        'priority' => 10, 
     164        'title' => __('Blog Post Style', 'matata'), 
     165        'panel' => 'matata_main_options' 
     166    )); 
     167 
     168    $wp_customize->add_setting('matata_post_style', array( 
     169        'default' => 'matata-magazine', 
     170        'capability' => 'edit_theme_options', 
     171        'sanitize_callback' => 'matata_show_radio_saniztize' 
     172    )); 
     173 
     174    $wp_customize->add_control('matata_post_style', array( 
     175        'type' => 'radio', 
     176        'label' => __('Choose if you want to use magazine or normal blog post style.', 'matata'), 
     177        'section' => 'matata_post_style_setting', 
     178        'choices' => array( 
     179            'matata-blog' => __('Blog', 'matata'), 
     180            'matata-magazine' => __('Magazine', 'matata') 
     181            ) 
     182    )); 
     183 
     184    // default layout setting 
     185    $wp_customize->add_section('matata_default_layout_setting', array( 
     186        'priority' => 20, 
     187        'title' => __('Default Layout', 'matata'), 
     188        'panel'=> 'matata_main_options' 
     189        )); 
     190 
     191    $wp_customize->add_setting('matata_default_layout', array( 
     192        'default' => 'right_sidebar', 
     193        'capability' => 'edit_theme_options', 
     194        'sanitize_callback' => 'matata_layout_sanitize' 
     195    )); 
     196 
     197    $wp_customize->add_control('matata_default_layout', array( 
     198        'type' => 'radio', 
     199        'label' => __('Select default layout. This layout will be reflected in whole site archives, categories, search page etc.', 'matata'), 
     200        'section' => 'matata_default_layout_setting', 
     201        'settings' => 'matata_default_layout', 
     202        'choices' => array( 
     203            'right_sidebar' => __('Right Sidebar', 'matata'), 
     204            'left_sidebar' => __('Left Sidebar', 'matata'), 
     205            'no_sidebar_full_width' => __('No Sidebar Full Width', 'matata'), 
     206            'no_sidebar_content_centered' => __('No Sidebar Content Centered', 'matata') 
     207            ) 
     208    )); 
     209 
     210    // Custom CSS 
     211    $wp_customize->add_section('matata_custom_css_setting', array( 
     212        'priority' => 30, 
     213        'title' => __('Custom CSS', 'matata'), 
     214        'panel'=> 'matata_main_options' 
     215        )); 
     216 
     217    $wp_customize->add_setting('matata_custom_css', array( 
     218        'capability' => 'edit_theme_options', 
     219        'sanitize_callback' => 'sanitize_textarea' 
     220    )); 
     221 
     222    $wp_customize->add_control('matata_custom_css', array( 
     223        'type' => 'textarea', 
     224        'label' => __('Your Custom CSS', 'matata'), 
     225        'section' => 'matata_custom_css_setting', 
     226        'settings' => 'matata_custom_css' 
     227    )); 
     228 
     229    // Social Options 
     230    $wp_customize->add_section('matata_social_link_activate_settings', array( 
     231        'title' => __('Social Links Area', 'matata'), 
     232        'panel' => 'matata_main_options' 
     233    )); 
     234 
     235    $wp_customize->add_setting('matata_social_link_activate', array( 
     236        'default' => 0, 
     237        'capability' => 'edit_theme_options', 
     238        'sanitize_callback' => 'matata_checkbox_sanitize' 
     239    )); 
     240 
     241    $wp_customize->add_control('matata_social_link_activate', array( 
     242        'type' => 'checkbox', 
     243        'label' => __('Check to activate social links area', 'matata'), 
     244        'section' => 'matata_social_link_activate_settings', 
     245        'settings' => 'matata_social_link_activate' 
     246    )); 
     247 
     248    $matata_social_links = array( 
     249        'matata_social_facebook' => array( 
     250            'id' => 'matata_social_facebook', 
     251            'title' => __('Facebook', 'matata'), 
     252            'default' => '' 
     253            ), 
     254        'matata_social_twitter' => array( 
     255            'id' => 'matata_social_twitter', 
     256            'title' => __('Twitter', 'matata'), 
     257            'default' => '' 
     258            ), 
     259        'matata_social_googleplus' => array( 
     260            'id' => 'matata_social_googleplus', 
     261            'title' => __('Google-Plus', 'matata'), 
     262            'default' => '' 
     263            ), 
     264        'matata_social_instagram' => array( 
     265            'id' => 'matata_social_instagram', 
     266            'title' => __('Instagram', 'matata'), 
     267            'default' => '' 
     268            ), 
     269        'matata_social_pinterest' => array( 
     270            'id' => 'matata_social_pinterest', 
     271            'title' => __('Pinterest', 'matata'), 
     272            'default' => '' 
     273            ), 
     274        'matata_social_youtube' => array( 
     275            'id' => 'matata_social_youtube', 
     276            'title' => __('YouTube', 'matata'), 
     277            'default' => '' 
     278            ), 
     279        ); 
     280 
     281    $i = 20; 
     282 
     283    foreach($matata_social_links as $matata_social_link) { 
     284 
     285        $wp_customize->add_setting($matata_social_link['id'], array( 
     286            'default' => $matata_social_link['default'], 
     287            'capability' => 'edit_theme_options', 
     288            'sanitize_callback' => 'esc_url_raw' 
     289        )); 
     290 
     291        $wp_customize->add_control($matata_social_link['id'], array( 
     292            'label' => $matata_social_link['title'], 
     293            'section'=> 'matata_social_link_activate_settings', 
     294            'settings'=> $matata_social_link['id'], 
     295            'priority' => $i 
     296        )); 
     297 
     298        $wp_customize->add_setting($matata_social_link['id'].'_checkbox', array( 
     299            'default' => 0, 
     300            'capability' => 'edit_theme_options', 
     301            'sanitize_callback' => 'matata_checkbox_sanitize' 
     302        )); 
     303 
     304        $wp_customize->add_control($matata_social_link['id'].'_checkbox', array( 
     305            'type' => 'checkbox', 
     306            'label' => __('Check to show in new tab', 'matata'), 
     307            'section'=> 'matata_social_link_activate_settings', 
     308            'settings'=> $matata_social_link['id'].'_checkbox', 
     309            'priority' => $i 
     310        )); 
     311 
     312        $i++; 
     313 
     314    } 
     315 
     316    function matata_show_radio_saniztize($input) { 
     317        $valid_keys = array( 
     318            'matata-blog' => __('Default', 'matata'), 
     319            'matata-magazine' => __('Magazine', 'matata'), 
     320            ); 
     321        if ( array_key_exists( $input, $valid_keys ) ) { 
     322            return $input; 
     323        } else { 
     324            return ''; 
     325        } 
     326    } 
     327 
     328    function matata_checkbox_sanitize($input) { 
     329        if ( $input == 1 ) { 
     330            return 1; 
     331        } else { 
     332            return ''; 
     333        } 
     334    } 
     335 
     336    function matata_color_option_hex_sanitize($color) { 
     337        if ($unhashed = sanitize_hex_color_no_hash($color)) 
     338            return '#' . $unhashed; 
     339 
     340        return $color; 
     341    } 
     342 
     343    function matata_color_escaping_option_sanitize($input) { 
     344        $input = esc_attr($input); 
     345        return $input; 
     346    } 
     347 
     348    function matata_layout_sanitize($input) { 
     349        $valid_keys = array( 
     350            'right_sidebar' => __('Right Sidebar', 'matata'), 
     351            'left_sidebar' => __('Left Sidebar', 'matata'), 
     352            'no_sidebar_full_width' => __('No Sidebar Full Width', 'matata'), 
     353            'no_sidebar_content_centered' => __('No Sidebar Content Centered', 'matata') 
     354            ); 
     355        if ( array_key_exists( $input, $valid_keys ) ) { 
     356            return $input; 
     357        } else { 
     358            return ''; 
     359        } 
     360    } 
     361 
     362    function matata_links_sanitize() { 
     363        return false; 
     364    } 
     365 
     366    // Sanitize textarea  
     367    function sanitize_textarea( $text ) { 
     368        return esc_textarea( $text ); 
     369    } 
     370 
     371    function matata_sanitize_number($input) { 
     372        if ( isset( $input ) && is_numeric( $input ) ) { 
     373            return $input; 
     374        } 
     375    } 
     376 
     377    function matata_sanitize_slidecat( $input ) { 
     378        $valid_keys = array( 
     379            'default' => '', 
     380            ); 
     381        $categories = get_categories(); 
     382        foreach($categories as $category){ 
     383            $valid_keys[$category->slug] = $category->name; 
     384        } 
     385        if ( array_key_exists( $input, $valid_keys ) ) { 
     386            return $input; 
     387        } else { 
     388            return ''; 
     389        } 
     390    } 
    353391 
    354392} 
    355  
    356 add_action('customize_register', 'matata_customize_register'); 
    357  
    358 ?> 
     393add_action( 'customize_register', 'matata_customize_register' ); 
     394 
     395/** 
     396 * Binds JS handlers to make Theme Customizer preview reload changes asynchronously. 
     397 */ 
     398function matata_customize_preview_js() { 
     399    wp_enqueue_script( 'matata_customizer', get_template_directory_uri() . '/js/customizer.js', array( 'customize-preview' ), '20130508', true ); 
     400} 
     401add_action( 'customize_preview_init', 'matata_customize_preview_js' ); 
  • matata/1.1/inc/home-slider.php

    r84209 r84209  
    88 */ 
    99 
    10 $slider_posts = matata_home_slider_function(); ?> 
     10$count = get_theme_mod('matata_slide_number'); 
     11$slidecat = get_theme_mod('matata_slide_categories'); 
     12 
     13if ($slidecat !== 'default'){ 
     14   $slider_posts = new WP_Query( array(  
     15      'category_name' => $slidecat,  
     16      'posts_per_page' => $count,  
     17      'meta_query' => array(array('key' => '_thumbnail_id'))  
     18      )); 
     19}else{ 
     20   $slider_posts = new WP_Query( array( 
     21      'posts_per_page' =>  $count, 
     22      'meta_query' => array(array('key' => '_thumbnail_id')) 
     23      )); 
     24} 
     25 
     26?> 
    1127 
    1228<?php if ( $slider_posts->have_posts() ): ?> 
     
    1733 
    1834         echo '<li>'; 
    19          the_post_thumbnail( 'matata-featured-image' ); 
     35         the_post_thumbnail( 'matata-featured' ); 
    2036         ?> 
    2137 
  • matata/1.1/index.php

    r84209 r84209  
    11<?php 
    22/** 
    3  * Theme Index Section for our theme. 
     3 * The main template file. 
    44 * 
    5  * @package JusThemes 
    6  * @subpackage Matata 
    7  * @since Matata 1.0 
     5 * This is the most generic template file in a WordPress theme 
     6 * and one of the two required files for a theme (the other being style.css). 
     7 * It is used to display a page when nothing more specific matches a query. 
     8 * E.g., it puts together the home page when no home.php file exists. 
     9 * 
     10 * @link https://codex.wordpress.org/Template_Hierarchy 
     11 * 
     12 * @package Matata 
    813 */ 
    9 ?> 
    1014 
    11 <?php get_header(); ?> 
     15get_header(); ?> 
    1216 
    13 <div id="primary"> 
     17    <div id="primary" class="content-area"> 
     18        <main id="main" class="site-main" role="main"> 
    1419 
    15     <?php if (get_theme_mod('matata_home_slider', 0) == 1 && is_home() && !is_paged()) { 
    16         get_template_part( 'inc/home-slider' );  
    17     } 
    18     ?> 
     20        <?php 
     21        if ( have_posts() ) : 
    1922 
    20     <section id="home" class="clearfix"> 
     23            if ( is_home() && ! is_front_page() ) : ?> 
     24                <header> 
     25                    <h1 class="page-title screen-reader-text"><?php single_post_title(); ?></h1> 
     26                </header> 
    2127 
    22         <?php if ( have_posts() ) : ?> 
     28            <?php 
     29            endif; 
    2330 
    24             <?php while ( have_posts() ) : the_post(); ?> 
     31            /* Start the Loop */ 
     32            while ( have_posts() ) : the_post(); 
    2533 
    26                 <?php get_template_part( 'content', '' ); ?> 
     34                /* 
     35                 * Include the Post-Format-specific template for the content. 
     36                 * If you want to override this in a child theme, then include a file 
     37                 * called content-___.php (where ___ is the Post Format name) and that will be used instead. 
     38                 */ 
     39                get_template_part( 'template-parts/content', get_post_format() ); 
    2740 
    28             <?php endwhile; ?> 
    29              
    30         <?php endif; ?> 
     41            endwhile; 
    3142 
    32     </section> 
     43            the_posts_navigation(); 
    3344 
    34     <div class="navigation clearfix"> 
    35         <div class="nav-previous"><?php next_posts_link( __( '&larr; Previous', 'matata' ) ); ?></div> 
    36         <div class="nav-next"><?php previous_posts_link( __( 'Next &rarr;', 'matata' ) ); ?></div> 
    37     </div> 
     45        else : 
    3846 
    39 </div><!-- #primary --> 
     47            get_template_part( 'template-parts/content', 'none' ); 
    4048 
    41 <?php matata_sidebar_select(); ?> 
     49        endif; ?> 
    4250 
    43 <?php get_footer(); ?> 
     51        </main><!-- #main --> 
     52    </div><!-- #primary --> 
     53 
     54<?php 
     55matata_sidebar_select(); 
     56get_footer(); 
  • matata/1.1/js/navigation.js

    r84209 r84209  
    1 jQuery(document).ready(function($){ 
    2     //When btn is clicked 
    3     $(".btn-responsive-menu").click(function() { 
    4         if ($(this).parent().hasClass("main-navigation")){ 
    5             $("nav").removeClass("main-navigation"); 
    6             $("nav").toggleClass("responsive-navigation"); 
    7         }else{ 
    8             $("nav").removeClass("responsive-navigation"); 
    9             $("nav").toggleClass("main-navigation"); 
     1/** 
     2 * navigation.js 
     3 * 
     4 * Handles toggling the navigation menu for small screens and enables tab 
     5 * support for dropdown menus. 
     6 */ 
     7( function() { 
     8    var container, button, menu, links, subMenus; 
     9 
     10    container = document.getElementById( 'site-navigation' ); 
     11    if ( ! container ) { 
     12        return; 
     13    } 
     14 
     15    button = container.getElementsByTagName( 'button' )[0]; 
     16    if ( 'undefined' === typeof button ) { 
     17        return; 
     18    } 
     19 
     20    menu = container.getElementsByTagName( 'ul' )[0]; 
     21 
     22    // Hide menu toggle button if menu is empty and return early. 
     23    if ( 'undefined' === typeof menu ) { 
     24        button.style.display = 'none'; 
     25        return; 
     26    } 
     27 
     28    menu.setAttribute( 'aria-expanded', 'false' ); 
     29    if ( -1 === menu.className.indexOf( 'nav-menu' ) ) { 
     30        menu.className += ' nav-menu'; 
     31    } 
     32 
     33    button.onclick = function() { 
     34        if ( -1 !== container.className.indexOf( 'toggled' ) ) { 
     35            container.className = container.className.replace( ' toggled', '' ); 
     36            button.setAttribute( 'aria-expanded', 'false' ); 
     37            menu.setAttribute( 'aria-expanded', 'false' ); 
     38        } else { 
     39            container.className += ' toggled'; 
     40            button.setAttribute( 'aria-expanded', 'true' ); 
     41            menu.setAttribute( 'aria-expanded', 'true' ); 
    1042        } 
    11     }); 
    12 }); 
     43    }; 
     44 
     45    // Get all the link elements within the menu. 
     46    links    = menu.getElementsByTagName( 'a' ); 
     47    subMenus = menu.getElementsByTagName( 'ul' ); 
     48 
     49    // Set menu items with submenus to aria-haspopup="true". 
     50    for ( var i = 0, len = subMenus.length; i < len; i++ ) { 
     51        subMenus[i].parentNode.setAttribute( 'aria-haspopup', 'true' ); 
     52    } 
     53 
     54    // Each time a menu link is focused or blurred, toggle focus. 
     55    for ( i = 0, len = links.length; i < len; i++ ) { 
     56        links[i].addEventListener( 'focus', toggleFocus, true ); 
     57        links[i].addEventListener( 'blur', toggleFocus, true ); 
     58    } 
     59 
     60    /** 
     61     * Sets or removes .focus class on an element. 
     62     */ 
     63    function toggleFocus() { 
     64        var self = this; 
     65 
     66        // Move up through the ancestors of the current link until we hit .nav-menu. 
     67        while ( -1 === self.className.indexOf( 'nav-menu' ) ) { 
     68 
     69            // On li elements toggle the class .focus. 
     70            if ( 'li' === self.tagName.toLowerCase() ) { 
     71                if ( -1 !== self.className.indexOf( 'focus' ) ) { 
     72                    self.className = self.className.replace( ' focus', '' ); 
     73                } else { 
     74                    self.className += ' focus'; 
     75                } 
     76            } 
     77 
     78            self = self.parentElement; 
     79        } 
     80    } 
     81} )(); 
  • matata/1.1/languages/matata.pot

    r84209 r84209  
     1# Copyright (C) 2015 Automattic 
     2# This file is distributed under the GNU General Public License v2 or later. 
    13#, fuzzy 
    24msgid "" 
    35msgstr "" 
    4 "Project-Id-Version: matata\n" 
    5 "POT-Creation-Date: 2016-01-12 20:34+0100\n" 
    6 "PO-Revision-Date: 2016-01-12 20:14+0100\n" 
    7 "Last-Translator: \n" 
    8 "Language-Team: \n" 
    9 "Language: en\n" 
     6"Project-Id-Version: _s 1.0.0\n" 
     7"Report-Msgid-Bugs-To: https://wordpress.org/tags/_s\n" 
     8"POT-Creation-Date: 2016-03-29 11:04+0200\n" 
    109"MIME-Version: 1.0\n" 
    1110"Content-Type: text/plain; charset=UTF-8\n" 
    1211"Content-Transfer-Encoding: 8bit\n" 
     12"PO-Revision-Date: 2015-MO-DA HO:MI+ZONE\n" 
     13"Last-Translator: FULL NAME <EMAIL@ADDRESS>\n" 
     14"Language-Team: LANGUAGE <LL@li.org>\n" 
    1315"X-Generator: Poedit 1.8.6\n" 
     16"X-Poedit-KeywordsList: __;_e;_n;_x;_ex;_nx;esc_attr__;esc_attr_e;esc_attr_x;esc_html__;esc_html_e;esc_html_x;_n_noop;_nx_noop;translate_nooped_plural\n" 
    1417"X-Poedit-Basepath: ..\n" 
    15 "Plural-Forms: nplurals=2; plural=(n != 1);\n" 
    16 "X-Poedit-KeywordsList: __;_e;_nx\n" 
    1718"X-Poedit-SearchPath-0: .\n" 
    1819 
    19 #: 404.php:8 
     20#: 404.php:17 
    2021msgid "Oops! That page can&rsquo;t be found." 
    2122msgstr "" 
    2223 
    23 #: 404.php:11 
    24 msgid "It looks like nothing was found at this location. Try the search below." 
    25 msgstr "" 
    26  
    27 #: archive.php:14 
    28 #, php-format 
    29 msgid "Author: %s" 
    30 msgstr "" 
    31  
    32 #: archive.php:17 
    33 #, php-format 
    34 msgid "Day: %s" 
    35 msgstr "" 
    36  
    37 #: archive.php:19 
    38 #, php-format 
    39 msgid "Month: %s" 
    40 msgstr "" 
    41  
    42 #: archive.php:21 
    43 #, php-format 
    44 msgid "Year: %s" 
    45 msgstr "" 
    46  
    47 #: archive.php:23 
    48 msgid "Archives" 
    49 msgstr "" 
    50  
    51 #: archive.php:39 index.php:25 search.php:36 
    52 msgid "&larr; Previous" 
    53 msgstr "" 
    54  
    55 #: archive.php:40 index.php:26 search.php:37 
    56 msgid "Next &rarr;" 
    57 msgstr "" 
    58  
    59 #: comments.php:19 
     24#: 404.php:21 
     25msgid "It looks like nothing was found at this location. Maybe try one of the links below or a search?" 
     26msgstr "" 
     27 
     28#: 404.php:33 
     29msgid "Most Used Categories" 
     30msgstr "" 
     31 
     32#: 404.php:51 
     33#, php-format 
     34msgid "Try looking in the monthly archives. %1$s" 
     35msgstr "" 
     36 
     37#: comments.php:29 
    6038#, php-format 
    6139msgid "One thought on &ldquo;%2$s&rdquo;" 
    6240msgstr "" 
    6341 
    64 #: comments.php:27 comments.php:40 
     42#: comments.php:40 comments.php:61 
    6543msgid "Comment navigation" 
    6644msgstr "" 
    6745 
    68 #: comments.php:28 comments.php:41 
    69 msgid "&larr; Older Comments" 
    70 msgstr "" 
    71  
    72 #: comments.php:29 comments.php:42 
    73 msgid "Newer Comments &rarr;" 
    74 msgstr "" 
    75  
    76 #: comments.php:52 
     46#: comments.php:43 comments.php:64 
     47msgid "Older Comments" 
     48msgstr "" 
     49 
     50#: comments.php:44 comments.php:65 
     51msgid "Newer Comments" 
     52msgstr "" 
     53 
     54#: comments.php:82 
    7755msgid "Comments are closed." 
    7856msgstr "" 
    7957 
    80 #: content-page.php:12 single.php:23 
    81 msgid "No Comments &raquo;" 
    82 msgstr "" 
    83  
    84 #: content-page.php:12 single.php:23 
    85 msgid "1 Comment &raquo;" 
    86 msgstr "" 
    87  
    88 #: content-page.php:12 single.php:23 
    89 msgid "% Comments &raquo;" 
    90 msgstr "" 
    91  
    92 #: content.php:20 
     58#: footer.php:21 
     59msgid "https://wordpress.org/" 
     60msgstr "" 
     61 
     62#: footer.php:21 
     63#, php-format 
     64msgid "Proudly powered by %s" 
     65msgstr "" 
     66 
     67#: footer.php:23 
     68#, php-format 
     69msgid "Theme: %1$s by %2$s." 
     70msgstr "" 
     71 
     72#: functions.php:50 
     73msgid "Primary" 
     74msgstr "" 
     75 
     76#: functions.php:51 
     77msgid "Secondary" 
     78msgstr "" 
     79 
     80#: functions.php:106 
     81msgid "Sidebar" 
     82msgstr "" 
     83 
     84#: functions.php:116 
     85msgid "Footer Sidebar One" 
     86msgstr "" 
     87 
     88#: functions.php:118 
     89msgid "Shows widgets at footer sidebar one." 
     90msgstr "" 
     91 
     92#: functions.php:126 
     93msgid "Footer Sidebar Two" 
     94msgstr "" 
     95 
     96#: functions.php:128 
     97msgid "Shows widgets at footer sidebar two." 
     98msgstr "" 
     99 
     100#: functions.php:136 
     101msgid "Footer Sidebar Three" 
     102msgstr "" 
     103 
     104#: functions.php:138 
     105msgid "Shows widgets at footer sidebar three." 
     106msgstr "" 
     107 
     108#: header.php:25 
     109msgid "Skip to content" 
     110msgstr "" 
     111 
     112#: inc/customizer.php:26 
     113msgid "Documentation" 
     114msgstr "" 
     115 
     116#: inc/customizer.php:30 
     117msgid "Support" 
     118msgstr "" 
     119 
     120#: inc/customizer.php:34 
     121msgid "View Demo" 
     122msgstr "" 
     123 
     124#: inc/customizer.php:38 
     125msgid "Rate This Theme" 
     126msgstr "" 
     127 
     128#: inc/customizer.php:49 
     129msgid "Matata Important Links" 
     130msgstr "" 
     131 
     132#: inc/customizer.php:58 
     133msgid "Important Links" 
     134msgstr "" 
     135 
     136#: inc/customizer.php:67 
     137msgid "Panel to update matata theme options" 
     138msgstr "" 
     139 
     140#: inc/customizer.php:69 
     141msgid "Matata Options" 
     142msgstr "" 
     143 
     144#: inc/customizer.php:75 
     145msgid "Header Logo" 
     146msgstr "" 
     147 
     148#: inc/customizer.php:86 
     149msgid "Upload logo for your header" 
     150msgstr "" 
     151 
     152#: inc/customizer.php:93 
     153msgid "Home Slider" 
     154msgstr "" 
     155 
     156#: inc/customizer.php:106 
     157msgid "Check to enable Home Slider. In order to see the slider you need to create a new page and assign it the \"Homepage with Slider\" template. Then set the page as front page." 
     158msgstr "" 
     159 
     160#: inc/customizer.php:123 
     161msgid "Slider Category" 
     162msgstr "" 
     163 
     164#: inc/customizer.php:126 
     165msgid "Select a category for the featured post slider" 
     166msgstr "" 
     167 
     168#: inc/customizer.php:135 
     169msgid "Number of slide items" 
     170msgstr "" 
     171 
     172#: inc/customizer.php:137 
     173msgid "Enter the number of slide items" 
     174msgstr "" 
     175 
     176#: inc/customizer.php:145 
     177msgid "Primary Color" 
     178msgstr "" 
     179 
     180#: inc/customizer.php:156 
     181msgid "Choose a color to match your site" 
     182msgstr "" 
     183 
     184#: inc/customizer.php:164 
     185msgid "Blog Post Style" 
     186msgstr "" 
     187 
     188#: inc/customizer.php:176 
     189msgid "Choose if you want to use magazine or normal blog post style." 
     190msgstr "" 
     191 
     192#: inc/customizer.php:179 
     193msgid "Blog" 
     194msgstr "" 
     195 
     196#: inc/customizer.php:180 inc/customizer.php:319 
     197msgid "Magazine" 
     198msgstr "" 
     199 
     200#: inc/customizer.php:187 
     201msgid "Default Layout" 
     202msgstr "" 
     203 
     204#: inc/customizer.php:199 
     205msgid "Select default layout. This layout will be reflected in whole site archives, categories, search page etc." 
     206msgstr "" 
     207 
     208#: inc/customizer.php:203 inc/customizer.php:350 
     209msgid "Right Sidebar" 
     210msgstr "" 
     211 
     212#: inc/customizer.php:204 inc/customizer.php:351 
     213msgid "Left Sidebar" 
     214msgstr "" 
     215 
     216#: inc/customizer.php:205 inc/customizer.php:352 
     217msgid "No Sidebar Full Width" 
     218msgstr "" 
     219 
     220#: inc/customizer.php:206 inc/customizer.php:353 
     221msgid "No Sidebar Content Centered" 
     222msgstr "" 
     223 
     224#: inc/customizer.php:213 
     225msgid "Custom CSS" 
     226msgstr "" 
     227 
     228#: inc/customizer.php:224 
     229msgid "Your Custom CSS" 
     230msgstr "" 
     231 
     232#: inc/customizer.php:231 
     233msgid "Social Links Area" 
     234msgstr "" 
     235 
     236#: inc/customizer.php:243 
     237msgid "Check to activate social links area" 
     238msgstr "" 
     239 
     240#: inc/customizer.php:251 inc/extras.php:126 
     241msgid "Facebook" 
     242msgstr "" 
     243 
     244#: inc/customizer.php:256 inc/extras.php:127 
     245msgid "Twitter" 
     246msgstr "" 
     247 
     248#: inc/customizer.php:261 inc/extras.php:128 
     249msgid "Google-Plus" 
     250msgstr "" 
     251 
     252#: inc/customizer.php:266 inc/extras.php:129 
     253msgid "Instagram" 
     254msgstr "" 
     255 
     256#: inc/customizer.php:271 inc/extras.php:130 
     257msgid "Pinterest" 
     258msgstr "" 
     259 
     260#: inc/customizer.php:276 inc/extras.php:131 
     261msgid "YouTube" 
     262msgstr "" 
     263 
     264#: inc/customizer.php:306 
     265msgid "Check to show in new tab" 
     266msgstr "" 
     267 
     268#: inc/customizer.php:318 
     269msgid "Default" 
     270msgstr "" 
     271 
     272#: inc/home-slider.php:54 
     273msgid "Home Slider is enabled but you have no posts with thumbnails." 
     274msgstr "" 
     275 
     276#: inc/template-tags.php:29 inc/template-tags.php:73 inc/template-tags.php:78 
     277#, php-format 
     278msgid "%s" 
     279msgstr "" 
     280 
     281#: inc/template-tags.php:34 
     282#, php-format 
     283msgid "by %s" 
     284msgstr "" 
     285 
     286#: inc/template-tags.php:40 inc/template-tags.php:84 inc/template-tags.php:105 
     287msgid ", " 
     288msgstr "" 
     289 
     290#: inc/template-tags.php:42 inc/template-tags.php:86 inc/template-tags.php:108 
     291#, php-format 
     292msgid "%1$s" 
     293msgstr "" 
     294 
     295#: inc/template-tags.php:47 
     296msgid "0" 
     297msgstr "" 
     298 
     299#: inc/template-tags.php:47 
     300msgid "1" 
     301msgstr "" 
     302 
     303#: inc/template-tags.php:47 
     304msgid "%" 
     305msgstr "" 
     306 
     307#: inc/template-tags.php:91 
     308msgid "Leave a comment" 
     309msgstr "" 
     310 
     311#: inc/template-tags.php:91 
     312msgid "1 Comment" 
     313msgstr "" 
     314 
     315#: inc/template-tags.php:91 
     316msgid "% Comments" 
     317msgstr "" 
     318 
     319#: inc/template-tags.php:115 template-parts/content-page.php:33 
     320#, php-format 
     321msgid "Edit %s" 
     322msgstr "" 
     323 
     324#: search.php:19 
     325#, php-format 
     326msgid "Search Results for: %s" 
     327msgstr "" 
     328 
     329#: template-parts/content-none.php:14 
     330msgid "Nothing Found" 
     331msgstr "" 
     332 
     333#: template-parts/content-none.php:21 
     334#, php-format 
     335msgid "Ready to publish your first post? <a href=\"%1$s\">Get started here</a>." 
     336msgstr "" 
     337 
     338#: template-parts/content-none.php:25 
     339msgid "Sorry, but nothing matched your search terms. Please try again with some different keywords." 
     340msgstr "" 
     341 
     342#: template-parts/content-none.php:31 
     343msgid "It seems we can&rsquo;t find what you&rsquo;re looking for. Perhaps searching can help." 
     344msgstr "" 
     345 
     346#: template-parts/content-page.php:22 template-parts/content-single.php:34 
     347#: template-parts/content.php:36 
     348msgid "Pages:" 
     349msgstr "" 
     350 
     351#: template-parts/content.php:40 
    93352msgid "Read More" 
    94353msgstr "" 
    95354 
    96 #: functions.php:34 
    97 msgid "Primary Menu" 
    98 msgstr "" 
    99  
    100 #: functions.php:35 
    101 msgid "Secondary Menu" 
    102 msgstr "" 
    103  
    104 #: inc/customizer.php:16 
    105 msgid "Documentation" 
    106 msgstr "" 
    107  
    108 #: inc/customizer.php:20 
    109 msgid "Support" 
    110 msgstr "" 
    111  
    112 #: inc/customizer.php:24 
    113 msgid "View Demo" 
    114 msgstr "" 
    115  
    116 #: inc/customizer.php:36 
    117 msgid "Matata Important Links" 
    118 msgstr "" 
    119  
    120 #: inc/customizer.php:45 
    121 msgid "Important Links" 
    122 msgstr "" 
    123  
    124 #: inc/customizer.php:55 inc/customizer.php:97 
    125 msgid "Change the Header Settings from here as you want" 
    126 msgstr "" 
    127  
    128 #: inc/customizer.php:57 
    129 msgid "Header Options" 
    130 msgstr "" 
    131  
    132 #: inc/customizer.php:62 
    133 msgid "Header Logo" 
    134 msgstr "" 
    135  
    136 #: inc/customizer.php:73 
    137 msgid "Upload logo for your header" 
    138 msgstr "" 
    139  
    140 #: inc/customizer.php:86 
    141 msgid "Choose the option that you want" 
    142 msgstr "" 
    143  
    144 #: inc/customizer.php:89 inc/customizer.php:297 
    145 msgid "Header Logo Only" 
    146 msgstr "" 
    147  
    148 #: inc/customizer.php:90 inc/customizer.php:298 
    149 msgid "Header Text Only" 
    150 msgstr "" 
    151  
    152 #: inc/customizer.php:99 inc/customizer.php:104 
    153 msgid "Home Slider" 
    154 msgstr "" 
    155  
    156 #: inc/customizer.php:117 
    157 msgid "Check to enable Home Slider" 
    158 msgstr "" 
    159  
    160 #: inc/customizer.php:125 
    161 msgid "Change the Design Settings from here as you want" 
    162 msgstr "" 
    163  
    164 #: inc/customizer.php:127 
    165 msgid "Design Options" 
    166 msgstr "" 
    167  
    168 #: inc/customizer.php:134 
    169 msgid "Primary Color" 
    170 msgstr "" 
    171  
    172 #: inc/customizer.php:145 
    173 msgid "Choose a color to match your site" 
    174 msgstr "" 
    175  
    176 #: inc/customizer.php:153 
    177 msgid "Blog Post Style" 
    178 msgstr "" 
    179  
    180 #: inc/customizer.php:165 
    181 msgid "Choose if you want to use magazine or normal blog post style." 
    182 msgstr "" 
    183  
    184 #: inc/customizer.php:168 inc/customizer.php:299 
    185 msgid "Default" 
    186 msgstr "" 
    187  
    188 #: inc/customizer.php:169 inc/customizer.php:300 
    189 msgid "Magazine" 
    190 msgstr "" 
    191  
    192 #: inc/customizer.php:176 
    193 msgid "Default Layout" 
    194 msgstr "" 
    195  
    196 #: inc/customizer.php:188 
    197 msgid "" 
    198 "Select default layout. This layout will be reflected in whole site archives, " 
    199 "categories, search page etc." 
    200 msgstr "" 
    201  
    202 #: inc/customizer.php:192 inc/customizer.php:331 inc/widgets/widgets.php:11 
    203 msgid "Right Sidebar" 
    204 msgstr "" 
    205  
    206 #: inc/customizer.php:193 inc/customizer.php:332 inc/widgets/widgets.php:22 
    207 msgid "Left Sidebar" 
    208 msgstr "" 
    209  
    210 #: inc/customizer.php:194 inc/customizer.php:333 
    211 msgid "No Sidebar Full Width" 
    212 msgstr "" 
    213  
    214 #: inc/customizer.php:195 inc/customizer.php:334 
    215 msgid "No Sidebar Content Centered" 
    216 msgstr "" 
    217  
    218 #: inc/customizer.php:202 
    219 msgid "Social Options" 
    220 msgstr "" 
    221  
    222 #: inc/customizer.php:203 
    223 msgid "Change the Social Links Settings from here as you want" 
    224 msgstr "" 
    225  
    226 #: inc/customizer.php:208 
    227 msgid "Social Links Area" 
    228 msgstr "" 
    229  
    230 #: inc/customizer.php:220 
    231 msgid "Check to activate social links area" 
    232 msgstr "" 
    233  
    234 #: inc/customizer.php:228 inc/functions.php:133 
    235 msgid "Facebook" 
    236 msgstr "" 
    237  
    238 #: inc/customizer.php:233 inc/functions.php:134 
    239 msgid "Twitter" 
    240 msgstr "" 
    241  
    242 #: inc/customizer.php:238 inc/functions.php:135 
    243 msgid "Google-Plus" 
    244 msgstr "" 
    245  
    246 #: inc/customizer.php:243 inc/functions.php:136 
    247 msgid "Instagram" 
    248 msgstr "" 
    249  
    250 #: inc/customizer.php:248 inc/functions.php:137 
    251 msgid "Pinterest" 
    252 msgstr "" 
    253  
    254 #: inc/customizer.php:253 inc/functions.php:138 
    255 msgid "YouTube" 
    256 msgstr "" 
    257  
    258 #: inc/customizer.php:283 
    259 msgid "Check to show in new tab" 
    260 msgstr "" 
    261  
    262 #: inc/functions.php:173 
    263 msgid "WordPress" 
    264 msgstr "" 
    265  
    266 #: inc/functions.php:175 
    267 msgid "JusThemes" 
    268 msgstr "" 
    269  
    270 #: inc/functions.php:177 
    271 #, php-format 
    272 msgid "Copyright &copy; %1$s %2$s. All rights reserved." 
    273 msgstr "" 
    274  
    275 #: inc/functions.php:177 
    276 #, php-format 
    277 msgid "Theme: %1$s by %2$s." 
    278 msgstr "" 
    279  
    280 #: inc/functions.php:177 
    281 #, php-format 
    282 msgid "Powered by %s." 
    283 msgstr "" 
    284  
    285 #: inc/home-slider.php:29 
    286 msgid "Home Slider is enabled but you have no posts with thumbnails." 
    287 msgstr "" 
    288  
    289 #: inc/widgets/widgets.php:13 
    290 msgid "Shows widgets at Right side." 
    291 msgstr "" 
    292  
    293 #: inc/widgets/widgets.php:24 
    294 msgid "Shows widgets at Left side." 
    295 msgstr "" 
    296  
    297 #: inc/widgets/widgets.php:33 
    298 msgid "Footer Sidebar One" 
    299 msgstr "" 
    300  
    301 #: inc/widgets/widgets.php:35 
    302 msgid "Shows widgets at footer sidebar one." 
    303 msgstr "" 
    304  
    305 #: inc/widgets/widgets.php:44 
    306 msgid "Footer Sidebar Two" 
    307 msgstr "" 
    308  
    309 #: inc/widgets/widgets.php:46 
    310 msgid "Shows widgets at footer sidebar two." 
    311 msgstr "" 
    312  
    313 #: inc/widgets/widgets.php:55 
    314 msgid "Footer Sidebar Three" 
    315 msgstr "" 
    316  
    317 #: inc/widgets/widgets.php:57 
    318 msgid "Shows widgets at footer sidebar three." 
    319 msgstr "" 
    320  
    321 #: search.php:8 
    322 #, php-format 
    323 msgid "Search Results for: %s" 
    324 msgstr "" 
    325  
    326 #: search.php:26 
    327 #, php-format 
    328 msgid "Nothing Found for: %s" 
    329 msgstr "" 
    330  
    331 #: search.php:29 
    332 msgid "" 
    333 "Sorry, but nothing matched your search terms. Please try again with some " 
    334 "different keywords." 
    335 msgstr "" 
     355#: template-parts/homepage.php:50 
     356msgid "&laquo; Older Entries" 
     357msgstr "" 
     358 
     359#: template-parts/homepage.php:51 
     360msgid "Newer Entries &raquo;" 
     361msgstr "" 
  • matata/1.1/page.php

    r84209 r84209  
    11<?php 
    22/** 
    3  * Theme Page Section for our theme. 
     3 * The template for displaying all pages. 
    44 * 
    5  * @package JusThemes 
    6  * @subpackage Matata 
    7  * @since Matata 1.0 
     5 * This is the template that displays all pages by default. 
     6 * Please note that this is the WordPress construct of pages 
     7 * and that other 'pages' on your WordPress site may use a 
     8 * different template. 
     9 * 
     10 * @link https://codex.wordpress.org/Template_Hierarchy 
     11 * 
     12 * @package Matata 
    813 */ 
    9 ?> 
    1014 
    11 <?php get_header(); ?> 
     15get_header(); ?> 
    1216 
    13 <div id="primary"> 
     17    <div id="primary" class="content-area"> 
     18        <main id="main" class="site-main" role="main"> 
    1419 
    15     <section id="single" class="clearfix"> 
     20            <?php 
     21            while ( have_posts() ) : the_post(); 
    1622 
    17         <?php if ( have_posts() ) : ?> 
     23                get_template_part( 'template-parts/content', 'page' ); 
    1824 
    19             <?php while ( have_posts() ) : the_post(); ?> 
     25                // If comments are open or we have at least one comment, load up the comment template. 
     26                if ( comments_open() || get_comments_number() ) : 
     27                    comments_template(); 
     28                endif; 
    2029 
    21                 <?php get_template_part( 'content', 'page' ); ?> 
     30            endwhile; // End of the loop. 
     31            ?> 
    2232 
    23             <?php endwhile; ?> 
    24              
    25         <?php endif; ?> 
     33        </main><!-- #main --> 
     34    </div><!-- #primary --> 
    2635 
    27         <?php comments_template(); ?> 
    28  
    29     </section> 
    30  
    31 </div><!-- #primary --> 
    32  
    33 <?php matata_sidebar_select(); ?> 
    34  
    35 <?php get_footer(); ?> 
     36<?php 
     37matata_sidebar_select(); 
     38get_footer(); 
  • matata/1.1/readme.txt

    r84209 r84209  
    1 == MATATA  == 
     1=== Matata === 
    22 
    3 Matata is reponsive magazine style theme for 2016. 
     3Author: JusThemes.com 
     4Contributors: automattic 
     5Tags: light, white, two-columns, right-sidebar, left-sidebar, responsive-layout, custom-background, custom-menu, custom-colors, threaded-comments, translation-ready, featured-images, theme-options 
    46 
    5 /**********************************************************/ 
     7Requires at least: 4.0 
     8License: GPLv2 or later 
     9License URI: http://www.gnu.org/licenses/gpl-2.0.html 
    610 
    7 == COPYRIGHT AND LICENSE == 
     11== Description == 
     12 
     13Matata is a perfect responsive theme for blogs and magazines. Suitable for news, newspaper, magazine, publishing, business and any kind of sites. Support Forum: http://justhemes.com/forums Demo: http://justhemes.com/demo/matata 
     14 
     15== Theme Usage == 
     16 
     17= Documentation = 
     18Get theme instruction at http://justhemes.com/documentation-matata 
     19 
     20= Support = 
     21Get support at http://justhemes.com/forums 
     22 
     23= Theme Features Usage = 
     24All available options can be used from Appearance->Customize 
     25 
     26== Installation == 
     27     
     281. In your admin panel, go to Appearance > Themes and click the Add New button. 
     292. Click Upload and Choose File, then select the theme's .zip file. Click Install Now. 
     303. Click Activate to use your new theme right away. 
     31 
     32== Translations == 
     33If you've translated this theme into your language, feel free to send us the translation 
     34and we will include it from next version update. 
     35 
     36== Credits == 
     37 
     38* Based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc., [GPLv2 or later](https://www.gnu.org/licenses/gpl-2.0.html) 
     39* normalize.css http://necolas.github.io/normalize.css/, (C) 2012-2015 Nicolas Gallagher and Jonathan Neal, [MIT](http://opensource.org/licenses/MIT) 
    840 
    941External resources linked to the theme. 
     
    1850* Other custom js files are our own creation and is licensed under the same license as this theme. 
    1951 
    20 All other resources and theme elements are licensed under the [GNU GPL](http://www.gnu.org/licenses/gpl-3.0.txt), version 3 or later. 
     52== Copyright == 
    2153 
    2254Matata WordPress Theme, Copyright 2016 JusThemes 
    2355Matata is distributed under the terms of the GNU GPL 
    2456 
    25 /**********************************************************/ 
     57== Changelog == 
    2658 
    27 == THEME USAGE == 
     59= 1.1 - Apr 25 2016 = 
     60* Built with _s 
    2861 
    29 = Documentation = 
    30 Get theme instruction at http://justhemes.com/documentation-matata 
    31  
    32 = Support = 
    33 Get support at http://justhemes.com/forums 
    34  
    35 = Theme Features Usage = 
    36 All available options can be used from Appearance->Customize 
    37  
    38 /**********************************************************/ 
    39  
    40 == TRANSLATIONS == 
    41 If you've translated this theme into your language, feel free to send us the translation 
    42 and we will include it from next version update. 
    43  
    44 /**********************************************************/ 
    45  
    46 == CHANGE LOG == 
    47  
    48 = Version 1.0 = 
    49 * All new. 
     62= 1.0 - Jan 12 2016 = 
     63* Initial release 
  • matata/1.1/search.php

    r84209 r84209  
    11<?php 
    22/** 
    3  * The template for displaying Search Results pages. 
     3 * The template for displaying search results pages. 
    44 * 
    5  * @package JusThemes 
    6  * @subpackage Matata 
    7  * @since Matata 1.0 
     5 * @link https://developer.wordpress.org/themes/basics/template-hierarchy/#search-result 
     6 * 
     7 * @package Matata 
    88 */ 
    9 ?> 
    109 
    11 <?php get_header(); ?> 
     10get_header(); ?> 
    1211 
    13 <div id="primary"> 
     12    <section id="primary" class="content-area"> 
     13        <main id="main" class="site-main" role="main"> 
    1414 
    15     <?php if ( have_posts() ) : ?> 
     15        <?php 
     16        if ( have_posts() ) : ?> 
    1617 
    17         <h3> 
    18         <?php printf( __( 'Search Results for: %s', 'matata' ), '<span>' . get_search_query() . '</span>' ); ?> 
    19         </h3> 
     18            <header class="page-header"> 
     19                <h1 class="page-title"><?php printf( esc_html__( 'Search Results for: %s', 'matata' ), '<span>' . get_search_query() . '</span>' ); ?></h1> 
     20            </header><!-- .page-header --> 
    2021 
    21         <section id="home" class="clearfix"> 
     22            <?php 
     23            /* Start the Loop */ 
     24            while ( have_posts() ) : the_post(); 
    2225 
    23             <?php while ( have_posts() ) : the_post(); ?> 
     26                /** 
     27                 * Run the loop for the search to output the results. 
     28                 * If you want to overload this in a child theme then include a file 
     29                 * called content-search.php and that will be used instead. 
     30                 */ 
     31                get_template_part( 'template-parts/content', '' ); 
    2432 
    25                 <?php get_template_part( 'content', '' ); ?> 
     33            endwhile; 
    2634 
    27             <?php endwhile; ?> 
     35            the_posts_navigation(); 
    2836 
    29         </section> 
     37        else : 
    3038 
    31         <?php else : ?> 
     39            get_template_part( 'template-parts/content', 'none' ); 
    3240 
    33             <?php if ( is_search() ) : ?> 
     41        endif; ?> 
    3442 
    35                 <h3> 
    36                 <?php printf( __( 'Nothing Found for: %s', 'matata' ), '<span>' . get_search_query() . '</span>' ); ?> 
    37                 </h3> 
     43        </main><!-- #main --> 
     44    </section><!-- #primary --> 
    3845 
    39                 <p><?php _e( 'Sorry, but nothing matched your search terms. Please try again with some different keywords.', 'matata' ); ?></p> 
    40  
    41             <?php endif; ?> 
    42  
    43     <?php endif; ?> 
    44  
    45     <div class="navigation clearfix"> 
    46         <div class="nav-previous"><?php next_posts_link( __( '&larr; Previous', 'matata' ) ); ?></div> 
    47         <div class="nav-next"><?php previous_posts_link( __( 'Next &rarr;', 'matata' ) ); ?></div> 
    48     </div> 
    49  
    50 </div><!-- #primary --> 
    51  
    52 <?php matata_sidebar_select(); ?> 
    53  
    54 <?php get_footer(); ?> 
     46<?php 
     47matata_sidebar_select(); 
     48get_footer(); 
  • matata/1.1/sidebar-footer.php

    r84209 r84209  
    11<?php 
    22/** 
    3  * The Sidebar containing the footer widget areas. 
     3 * The template for displaying the footer. 
    44 * 
    5  * @package JusThemes 
    6  * @subpackage Matata 
    7  * @since Matata 1.0 
     5 * Contains the closing of the #content div and all content after. 
     6 * 
     7 * @link https://developer.wordpress.org/themes/basics/template-files/#template-partials 
     8 * 
     9 * @package Matata 
    810 */ 
     11 
    912?> 
    1013 
     
    1821if( !is_active_sidebar( 'matata_footer_sidebar_one' ) && 
    1922    !is_active_sidebar( 'matata_footer_sidebar_two' ) && 
    20    !is_active_sidebar( 'matata_footer_sidebar_three' ) ) { 
     23    !is_active_sidebar( 'matata_footer_sidebar_three' ) ) { 
    2124    return; 
    2225} 
    2326?> 
    2427 
    25 <div class="footer-widgets clearfix"> 
     28<div class="footer-widgets clear"> 
    2629    <div class="footer-widget-left"> 
    2730 
  • matata/1.1/sidebar.php

    r84209 r84209  
    11<?php 
    22/** 
    3  * The Sidebar containing the main widget areas. 
     3 * The sidebar containing the main widget area. 
    44 * 
    5  * @package JusThemes 
    6  * @subpackage Matata 
    7  * @since Matata 1.0 
     5 * @link https://developer.wordpress.org/themes/basics/template-files/#template-partials 
     6 * 
     7 * @package Matata 
    88 */ 
     9 
     10if ( ! is_active_sidebar( 'sidebar-1' ) ) { 
     11    return; 
     12} 
    913?> 
    1014 
    11 <div id="sidebar"> 
    12  
    13     <?php dynamic_sidebar( 'matata_right_sidebar' ); ?> 
    14      
    15 </div> 
     15<aside id="secondary" class="widget-area" role="complementary"> 
     16    <?php dynamic_sidebar( 'sidebar-1' ); ?> 
     17</aside><!-- #secondary --> 
  • matata/1.1/single.php

    r84209 r84209  
    11<?php 
    22/** 
    3  * Theme Single Post Section for our theme. 
     3 * The template for displaying all single posts. 
    44 * 
    5  * @package JusThemes 
    6  * @subpackage Matata 
    7  * @since Matata 1.0 
     5 * @link https://developer.wordpress.org/themes/basics/template-hierarchy/#single-post 
     6 * 
     7 * @package Matata 
    88 */ 
    9 ?> 
    109 
    11 <?php get_header(); ?> 
     10get_header(); ?> 
    1211 
    13 <div id="primary"> 
     12    <div id="primary" class="content-area"> 
     13        <main id="main" class="site-main" role="main"> 
    1414 
    15     <section id="single" class="clearfix"> 
     15        <?php 
     16        while ( have_posts() ) : the_post(); 
    1617 
    17         <?php if ( have_posts() ) : ?> 
     18            get_template_part( 'template-parts/content', 'single' ); 
    1819 
    19             <?php while ( have_posts() ) : the_post(); ?> 
     20            the_post_navigation(); 
    2021 
    21             <article id="post-<?php the_ID(); ?>" <?php post_class(); ?>> 
     22            // If comments are open or we have at least one comment, load up the comment template. 
     23            if ( comments_open() || get_comments_number() ) : 
     24                comments_template(); 
     25            endif; 
    2226 
    23                 <?php if ( has_post_thumbnail() ) { ?> 
    24                 <div class="thumb"><a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?php the_post_thumbnail( 'matata-featured-image' ); ?></a></div> 
    25                 <?php } ?> 
     27        endwhile; // End of the loop. 
     28        ?> 
    2629 
    27                 <div class="article-content"> 
    28                     <h3><?php the_title(); ?></h3> 
    29                     <div class="entry-meta"> 
    30                         <span><i class="fa fa-calendar-o"></i> <?php the_time('F jS, Y'); ?></span> 
    31                         <span><i class="fa fa-user"></i> <a href="<?php echo esc_url( get_author_posts_url( get_the_author_meta( 'ID' ) ) ); ?>" title="<?php echo get_the_author(); ?>"><?php echo esc_html( get_the_author() ); ?></a></span>  
    32                         <span><i class="fa fa-folder-o"></i> <?php the_category( ', ' ); ?></span> 
    33                         <span><i class="fa fa-comment-o"></i> <?php comments_popup_link( __('No Comments &raquo;', 'matata'), __('1 Comment &raquo;', 'matata'), __('% Comments &raquo;', 'matata')); ?></span> 
    34                     </div> 
    35                     <div class="entry-content"> 
    36                         <?php the_content(); ?> 
    37                         <?php wp_link_pages( $args ); ?>  
    38                         <?php the_tags( '<div class="tag"><i class="fa fa-tag"></i><span>', '</span>, <span>', '</span></div>' ); ?>  
    39                     </div> 
    40                 </div> 
     30        </main><!-- #main --> 
     31    </div><!-- #primary --> 
    4132 
    42             </article> 
    43  
    44             <?php if ( get_the_author_meta( 'description' ) ) : ?> 
    45                 <div class="author-box"> 
    46                     <div class="author-content clearfix"> 
    47                         <div class="author-img"><?php echo get_avatar( get_the_author_meta( 'user_email' ), '100' ); ?></div> 
    48                         <h4 class="author-name"><?php the_author_meta( 'display_name' ); ?></h4> 
    49                         <p><?php the_author_meta( 'description' ); ?></p> 
    50                     </div> 
    51                 </div> 
    52             <?php endif; ?> 
    53  
    54             <?php endwhile; ?> 
    55              
    56         <?php endif; ?> 
    57  
    58         <?php comments_template(); ?> 
    59  
    60     </section> 
    61  
    62 </div><!-- #primary --> 
    63  
    64 <?php matata_sidebar_select(); ?> 
    65  
    66 <?php get_footer(); ?> 
     33<?php 
     34matata_sidebar_select(); 
     35get_footer(); 
  • matata/1.1/style.css

    r84209 r84209  
    44Author: JusThemes 
    55Author URI: http://justhemes.com 
    6 Description: Matata is a perfect responsive theme for blogs and magazines. Suitable for news, newspaper, magazine, publishing, business and any kind of sites. Support Forum: http://justhemes.com/forums Demo: http://justhemes.com/matata-demo 
    7 Version: 1.0 
    8 License: GNU General Public License, version 3 (GPLv3) 
    9 License URI: http://www.gnu.org/licenses/gpl-3.0.txt 
    10 Tags: light, white, two-columns, right-sidebar, left-sidebar, responsive-layout, custom-background, custom-menu, custom-colors, threaded-comments, translation-ready, featured-images, theme-options 
     6Description: Matata is a perfect responsive theme for blogs and magazines. Suitable for news, newspaper, magazine, publishing, business and any kind of sites. Support Forum: http://justhemes.com/forums Demo: http://justhemes.com/demo/matata 
     7Version: 1.1 
     8License: GNU General Public License v2 or later 
     9License URI: http://www.gnu.org/licenses/gpl-2.0.html 
    1110Text Domain: matata 
    12  
    13 Reset by Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html 
     11Tags: light, white, two-columns, right-sidebar, left-sidebar, responsive-layout, custom-header, custom-background, custom-menu, custom-colors, threaded-comments, translation-ready, featured-images, theme-options 
     12 
     13This theme, like WordPress, is licensed under the GPL. 
     14Use it to make something cool, have fun, and share what you've learned with others. 
     15 
     16Normalizing styles have been helped along thanks to the fine work of 
     17Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/ 
    1418*/ 
    1519 
    16 /* =Reset 
    17 -------------------------------------------------------------- */ 
    18  
    19 html, body, div, span, applet, object, iframe, 
    20 h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
    21 a, abbr, acronym, address, big, cite, code, 
    22 del, dfn, em, font, ins, kbd, q, s, samp, 
    23 small, strike, strong, sub, sup, tt, var, 
    24 dl, dt, dd, ol, ul, li, 
    25 fieldset, form, label, legend, 
    26 table, caption, tbody, tfoot, thead, tr, th, td { 
    27     border: 0; 
    28     font: inherit; 
    29     font-size: 100%; 
    30     font-style: inherit; 
    31     font-weight: inherit; 
    32     margin: 0; 
    33     outline: 0; 
    34     padding: 0; 
    35     vertical-align: baseline; 
    36 } 
     20/*-------------------------------------------------------------- 
     21>>> TABLE OF CONTENTS: 
     22---------------------------------------------------------------- 
     23# Normalize 
     24# Typography 
     25# Elements 
     26# Forms 
     27# Navigation 
     28    ## Links 
     29    ## Menus 
     30# Accessibility 
     31# Alignments 
     32# Clearings 
     33# Widgets 
     34# Content 
     35    ## Posts and pages 
     36    ## Asides 
     37    ## Comments 
     38# Infinite scroll 
     39# Media 
     40    ## Captions 
     41    ## Galleries 
     42--------------------------------------------------------------*/ 
     43 
     44/*-------------------------------------------------------------- 
     45# Normalize 
     46--------------------------------------------------------------*/ 
    3747html { 
    38     overflow-y: scroll; /* Keeps page centred in all browsers regardless of content height */ 
    39     -webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */ 
    40     -ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */ 
    41 } 
     48    font-family: sans-serif; 
     49    -webkit-text-size-adjust: 100%; 
     50    -ms-text-size-adjust:     100%; 
     51} 
     52 
     53body { 
     54    margin: 0; 
     55} 
     56 
    4257article, 
    4358aside, 
     
    4863header, 
    4964main, 
     65menu, 
    5066nav, 
    51 section { 
    52     display: block; 
    53 } 
    54 ol, ul { 
    55     list-style: none; 
    56 } 
    57 table { /* tables still need 'cellspacing="0"' in the markup */ 
    58     border-collapse: collapse; 
    59     border-spacing: 0; 
    60     margin: 0 0 1.5em; 
    61     width: 100%; 
    62 } 
     67section, 
     68summary { 
     69    display: block; 
     70} 
     71 
     72audio, 
     73canvas, 
     74progress, 
     75video { 
     76    display: inline-block; 
     77    vertical-align: baseline; 
     78} 
     79 
     80audio:not([controls]) { 
     81    display: none; 
     82    height: 0; 
     83} 
     84 
     85[hidden], 
     86template { 
     87    display: none; 
     88} 
     89 
     90a { 
     91    background-color: transparent; 
     92} 
     93 
     94a:active, 
     95a:hover { 
     96    outline: 0; 
     97} 
     98 
     99abbr[title] { 
     100    border-bottom: 1px dotted; 
     101} 
     102 
     103b, 
     104strong { 
     105    font-weight: bold; 
     106} 
     107 
     108dfn { 
     109    font-style: italic; 
     110} 
     111 
     112h1 { 
     113    font-size: 2em; 
     114    margin: 0.67em 0; 
     115} 
     116 
     117mark { 
     118    background: #ff0; 
     119    color: #000; 
     120} 
     121 
     122small { 
     123    font-size: 80%; 
     124} 
     125 
     126sub, 
     127sup { 
     128    font-size: 75%; 
     129    line-height: 0; 
     130    position: relative; 
     131    vertical-align: baseline; 
     132} 
     133 
     134sup { 
     135    top: -0.5em; 
     136} 
     137 
     138sub { 
     139    bottom: -0.25em; 
     140} 
     141 
     142img { 
     143    border: 0; 
     144} 
     145 
     146svg:not(:root) { 
     147    overflow: hidden; 
     148} 
     149 
     150figure { 
     151    margin: 1em 40px; 
     152} 
     153 
     154hr { 
     155    box-sizing: content-box; 
     156    height: 0; 
     157} 
     158 
     159pre { 
     160    overflow: auto; 
     161} 
     162 
     163code, 
     164kbd, 
     165pre, 
     166samp { 
     167    font-family: monospace, monospace; 
     168    font-size: 1em; 
     169} 
     170 
     171button, 
     172input, 
     173optgroup, 
     174select, 
     175textarea { 
     176    color: inherit; 
     177    font: inherit; 
     178    margin: 0; 
     179} 
     180 
     181button { 
     182    overflow: visible; 
     183} 
     184 
     185button, 
     186select { 
     187    text-transform: none; 
     188} 
     189 
     190button, 
     191html input[type="button"], 
     192input[type="reset"], 
     193input[type="submit"] { 
     194    -webkit-appearance: button; 
     195    cursor: pointer; 
     196} 
     197 
     198button[disabled], 
     199html input[disabled] { 
     200    cursor: default; 
     201} 
     202 
     203button::-moz-focus-inner, 
     204input::-moz-focus-inner { 
     205    border: 0; 
     206    padding: 0; 
     207} 
     208 
     209input { 
     210    line-height: normal; 
     211} 
     212 
     213input[type="checkbox"], 
     214input[type="radio"] { 
     215    box-sizing: border-box; 
     216    padding: 0; 
     217} 
     218 
     219input[type="number"]::-webkit-inner-spin-button, 
     220input[type="number"]::-webkit-outer-spin-button { 
     221    height: auto; 
     222} 
     223 
     224input[type="search"] { 
     225    -webkit-appearance: textfield; 
     226    box-sizing: content-box; 
     227} 
     228 
     229input[type="search"]::-webkit-search-cancel-button, 
     230input[type="search"]::-webkit-search-decoration { 
     231    -webkit-appearance: none; 
     232} 
     233 
     234fieldset { 
     235    border: 1px solid #c0c0c0; 
     236    margin: 0 2px; 
     237    padding: 0.35em 0.625em 0.75em; 
     238} 
     239 
     240legend { 
     241    border: 0; 
     242    padding: 0; 
     243} 
     244 
     245textarea { 
     246    overflow: auto; 
     247} 
     248 
     249optgroup { 
     250    font-weight: bold; 
     251} 
     252 
     253table { 
     254    border-collapse: collapse; 
     255    border-spacing: 0; 
     256} 
     257 
     258td, 
    63259th { 
    64    font-weight: bold; 
    65 } 
    66 th, td { 
    67    border: 1px solid #EAEAEA; 
    68    padding: 6px 10px; 
    69 } 
    70 caption, th, td { 
    71     text-align: left; 
    72 } 
    73 blockquote:before, blockquote:after, 
    74 q:before, q:after { 
    75     content: ""; 
    76 } 
    77 blockquote, q { 
    78     quotes: "" ""; 
    79 } 
    80 a:focus { 
    81     outline: thin dotted; 
    82 } 
    83 a:hover, 
    84 a:active { /* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */ 
    85     outline: 0; 
    86 } 
    87 a img { 
    88     border: 0; 
    89 } 
    90 embed, iframe, object { 
    91     max-width: 100%; 
    92 } 
    93  
    94 /* =GLOBAL 
    95 ----------------------------------------------- */ 
    96 body{ 
    97     font-family:'Open Sans',Helvetica,Arial,sans-serif; 
    98     background:#f7f7f7; 
    99     color: #444444; 
    100     font-size:14px; 
    101     font-size:.875rem; 
    102     line-height:1.6; 
    103     word-wrap:break-word 
    104 } 
     260    padding: 0; 
     261} 
     262 
     263/*-------------------------------------------------------------- 
     264# Typography 
     265--------------------------------------------------------------*/ 
     266body, 
    105267button, 
    106268input, 
    107269select, 
    108270textarea { 
    109     color: #444444; 
    110     line-height: 1.6; 
    111     word-wrap: break-word; 
    112 } 
    113 /* Headings */ 
    114 h1, h2, h3, h4, h5, h6 { 
    115     padding-bottom: 18px; 
    116     color: #333333; 
    117     font-weight: normal; 
    118 } 
    119 h1 { font-size: 42px; line-height: 1.2; } 
    120 h2 { font-size: 38px; line-height: 1.2; } 
    121 h3 { font-size: 34px; line-height: 1.2; } 
    122 h4 { font-size: 30px; line-height: 1.2; } 
    123 h5 { font-size: 26px; line-height: 1.2; } 
    124 h6 { font-size: 22px; line-height: 1.2; } 
     271    color: #404040; 
     272    font-family:'Open Sans',Helvetica,Arial,sans-serif; 
     273    font-size: 16px; 
     274    font-size: .875rem; 
     275    line-height: 1.5; 
     276} 
     277 
     278h1, 
     279h2, 
     280h3, 
     281h4, 
     282h5, 
     283h6 { 
     284    clear: both; 
     285    font-weight: normal; 
     286} 
     287 
     288p { 
     289    margin-bottom: 1.5em; 
     290} 
     291 
     292dfn, 
     293cite, 
     294em, 
     295i { 
     296    font-style: italic; 
     297} 
     298 
     299blockquote { 
     300    margin: 0 1.5em; 
     301} 
     302 
     303address { 
     304    margin: 0 0 1.5em; 
     305} 
     306 
     307pre { 
     308    background: #eee; 
     309    font-family: "Courier 10 Pitch", Courier, monospace; 
     310    font-size: 15px; 
     311    font-size: 0.9375rem; 
     312    line-height: 1.6; 
     313    margin-bottom: 1.6em; 
     314    max-width: 100%; 
     315    overflow: auto; 
     316    padding: 1.6em; 
     317} 
     318 
     319code, 
     320kbd, 
     321tt, 
     322var { 
     323    font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; 
     324    font-size: 15px; 
     325    font-size: 0.9375rem; 
     326} 
     327 
     328abbr, 
     329acronym { 
     330    border-bottom: 1px dotted #666; 
     331    cursor: help; 
     332} 
     333 
     334mark, 
     335ins { 
     336    background: #fff9c0; 
     337    text-decoration: none; 
     338} 
     339 
     340big { 
     341    font-size: 125%; 
     342} 
     343 
     344/*-------------------------------------------------------------- 
     345# Elements 
     346--------------------------------------------------------------*/ 
     347html { 
     348    box-sizing: border-box; 
     349} 
     350 
     351*, 
     352*:before, 
     353*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ 
     354    box-sizing: inherit; 
     355} 
     356 
     357body { 
     358    background: #f7f7f7; /* Fallback for when there is no custom background color defined. */ 
     359} 
     360 
     361blockquote:before, 
     362blockquote:after, 
     363q:before, 
     364q:after { 
     365    content: ""; 
     366} 
     367 
     368blockquote, 
     369q { 
     370    quotes: "" ""; 
     371} 
     372 
    125373hr { 
    126     border-color: #EAEAEA; 
    127     border-style: solid none none; 
    128     border-width: 1px 0 0; 
    129     height: 0; 
    130     margin: 30px 0; 
    131 } 
    132  
    133 /* =TEXT ELEMENTS 
    134 ----------------------------------------------- */ 
    135 p { 
    136     line-height: 1.6; 
    137     margin-bottom: 15px; 
    138     font-size: 15px; 
    139 } 
    140 strong { 
    141     font-weight: bold; 
    142 } 
    143 cite, em, i { 
    144     font-style: italic; 
    145 } 
    146 pre { 
    147     background-color: #fff; 
    148     margin-bottom: 20px; 
    149     overflow: auto; 
    150     padding: 20px; 
    151     border: 1px solid #EAEAEA; 
    152 } 
    153 pre, code, kbd, var, samp, tt { 
    154     font-family:"Courier 10 Pitch",Courier,monospace; 
    155     font-size: 14px; 
    156     line-height: 1.4; 
    157     white-space: pre-wrap; 
    158 } 
    159 abbr, acronym, dfn { 
    160     border-bottom: 1px dotted #777777; 
    161     cursor: help; 
    162 } 
    163 address { 
    164     display: block; 
    165     font-style: italic; 
    166     margin: 0 0 15px; 
    167 } 
    168 ins { 
    169     background: #F8F8F8; 
    170 } 
    171 table { 
    172     margin: 0 0 1.5em; 
    173     width: 100%; 
    174 } 
    175  
    176 /* =SUPERCRIPT AND SUBSCRIPT 
    177 ----------------------------------------------- */ 
    178 sup, sub { 
    179     font-size: 10px; 
    180     height: 0; 
    181     line-height: 1; 
    182     position: relative; 
    183     vertical-align: baseline; 
    184 } 
    185 sup { 
    186     bottom: 1ex; 
    187 } 
    188 sub { 
    189     top: .5ex; 
    190 } 
    191 dl { 
    192     margin-bottom: 24px; 
    193     font-size: 20px; 
    194 } 
    195 dt { 
    196     font-weight: bold; 
    197     margin-bottom: 5px; 
    198 } 
    199 dd { 
    200     margin-bottom: 24px; 
    201 } 
    202 ul{ 
    203     list-style: none; 
    204 } 
     374    background-color: #ccc; 
     375    border: 0; 
     376    height: 1px; 
     377    margin-bottom: 1.5em; 
     378} 
     379 
     380ul, 
    205381ol { 
    206     list-style: decimal; 
    207 } 
     382    margin: 0 0 1.5em 3em; 
     383} 
     384 
     385ul { 
     386    list-style: disc; 
     387} 
     388 
     389ol { 
     390    list-style: decimal; 
     391} 
     392 
    208393li > ul, 
    209394li > ol { 
    210     margin: 0 0 0 10px; 
    211 } 
    212  
    213 /* =BLOCKQUOTE 
    214 ----------------------------------------------- */ 
    215 blockquote { 
    216     padding: 10px; 
    217     margin-bottom: 20px; 
    218     background-color: #F0F0F0; 
    219     color: #444; 
    220     border-left: 4px solid #249ccc; 
    221 } 
    222 blockquote p { 
    223     font-size: 18px; 
    224     line-height: 1.4; 
    225     position: relative; 
    226     padding: 13px 25px 13px 25px; 
    227     margin-bottom: 0; 
    228 } 
    229 blockquote p:before { 
    230     content: "\f10d"; 
    231     font-family: FontAwesome; 
    232     font-style: normal; 
    233     font-weight: normal; 
    234     text-decoration: inherit; 
    235     font-size: 20px; 
    236     position: absolute; 
    237     top: -7px; 
    238     left: -3px; 
    239 } 
    240 blockquote p:after { 
    241     content: "\f10e"; 
    242     font-family: FontAwesome; 
    243     font-style: normal; 
    244     font-weight: normal; 
    245     text-decoration: inherit; 
    246     font-size: 20px; 
    247     position: absolute; 
    248     bottom: -7px; 
    249     right: -3px; 
    250 } 
    251 blockquote em, blockquote i, blockquote cite { 
    252     font-style: normal; 
    253 } 
    254 blockquote cite { 
    255     font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif; 
    256     font-weight: 300; 
    257     letter-spacing: 0.05em; 
    258     float: right; 
    259 } 
    260  
    261 /* =FORMS 
    262 ----------------------------------------------- */ 
     395    margin-bottom: 0; 
     396    margin-left: 1.5em; 
     397} 
     398 
     399dt { 
     400    font-weight: bold; 
     401} 
     402 
     403dd { 
     404    margin: 0 1.5em 1.5em; 
     405} 
     406 
     407img { 
     408    height: auto; /* Make sure images are scaled correctly. */ 
     409    max-width: 100%; /* Adhere to container width. */ 
     410} 
     411 
     412figure{ 
     413    height: auto; 
     414    margin: 0; /* normalize ?? */ 
     415    max-width: 100%; 
     416} 
     417 
     418table { 
     419    margin: 0 0 1.5em; 
     420    width: 100%; 
     421} 
     422 
     423/*-------------------------------------------------------------- 
     424# Forms 
     425--------------------------------------------------------------*/ 
     426button, 
     427input[type="button"], 
     428input[type="reset"], 
     429input[type="submit"] { 
     430    border: 1px solid; 
     431    border-radius: 3px; 
     432    background: #249ccc; 
     433    color: #fff; 
     434    font-size: 12px; 
     435    font-size: 0.75rem; 
     436    line-height: 1; 
     437    padding: .6em 1em .4em; 
     438} 
     439 
     440button:hover, 
     441input[type="button"]:hover, 
     442input[type="reset"]:hover, 
     443input[type="submit"]:hover { 
     444    border-color: #ccc #bbb #aaa; 
     445    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02); 
     446} 
     447 
     448button:focus, 
     449input[type="button"]:focus, 
     450input[type="reset"]:focus, 
     451input[type="submit"]:focus, 
     452button:active, 
     453input[type="button"]:active, 
     454input[type="reset"]:active, 
     455input[type="submit"]:active { 
     456    border-color: #aaa #bbb #bbb; 
     457    box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15); 
     458} 
     459 
    263460input[type="text"], 
    264461input[type="email"], 
    265 input[type="password"]{ 
    266     height: 30px; 
    267     width: 60%; 
    268     border: 1px solid #EAEAEA; 
    269     border-radius: 3px; 
     462input[type="url"], 
     463input[type="password"], 
     464input[type="search"], 
     465input[type="number"], 
     466input[type="tel"], 
     467input[type="range"], 
     468input[type="date"], 
     469input[type="month"], 
     470input[type="week"], 
     471input[type="time"], 
     472input[type="datetime"], 
     473input[type="datetime-local"], 
     474input[type="color"], 
     475textarea { 
     476    color: #666; 
     477    border: 1px solid #eaeaea; 
     478    border-radius: 3px; 
     479    width: 100%; 
     480    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); 
    270481    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); 
    271482    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); 
    272     box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); 
    273 } 
    274 textarea{ 
    275     border-radius: 3px; 
    276     width: 100%; 
    277     border: 1px solid #EAEAEA; 
    278     -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); 
    279     -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); 
    280     box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); 
    281     -moz-box-sizing: border-box; 
    282     box-sizing: border-box; 
    283 } 
    284 input[type="submit"], 
    285 input[type="reset"] { 
    286     background-color:#249ccc; 
    287     border:0 none; 
    288     border-radius:2px; 
    289     color:#FFF; 
    290     display:inline-block; 
    291     line-height:22px; 
    292     margin-bottom:3px; 
    293     padding:2px 12px; 
    294 } 
    295  
    296 /* =WordPress Core 
    297 -------------------------------------------------------------- */ 
    298 .alignnone { 
    299     margin: 5px 20px 20px 0; 
    300 } 
    301 .aligncenter, 
    302 div.aligncenter { 
    303     display: block; 
    304     margin: 5px auto 5px auto; 
    305 } 
    306 .alignright { 
    307     float:right; 
    308     margin: 5px 0 20px 20px; 
    309 } 
    310 .alignleft { 
    311     float: left; 
    312     margin: 5px 20px 20px 0; 
    313 } 
    314 a img.alignright { 
    315     float: right; 
    316     margin: 5px 0 20px 20px; 
    317 } 
    318 a img.alignnone { 
    319     margin: 5px 20px 20px 0; 
    320 } 
    321 a img.alignleft { 
    322     float: left; 
    323     margin: 5px 20px 20px 0; 
    324 } 
    325 a img.aligncenter { 
    326     display: block; 
    327     margin-left: auto; 
    328     margin-right: auto 
    329 } 
    330 .wp-caption { 
    331     background: #fff; 
    332     border: 1px solid #f0f0f0; 
    333     max-width: 96%; /* Image does not overflow the content area */ 
    334     padding: 5px 3px 10px; 
    335     text-align: center; 
    336 } 
    337 .wp-caption.alignnone { 
    338     margin: 5px 20px 20px 0; 
    339 } 
    340 .wp-caption.alignleft { 
    341     margin: 5px 20px 20px 0; 
    342 } 
    343 .wp-caption.alignright { 
    344     margin: 5px 0 20px 20px; 
    345 } 
    346 .wp-caption img { 
    347     border: 0 none; 
    348     height: auto; 
     483} 
     484 
     485select { 
     486    border: 1px solid #ccc; 
     487} 
     488 
     489input[type="text"]:focus, 
     490input[type="email"]:focus, 
     491input[type="url"]:focus, 
     492input[type="password"]:focus, 
     493input[type="search"]:focus, 
     494input[type="number"]:focus, 
     495input[type="tel"]:focus, 
     496input[type="range"]:focus, 
     497input[type="date"]:focus, 
     498input[type="month"]:focus, 
     499input[type="week"]:focus, 
     500input[type="time"]:focus, 
     501input[type="datetime"]:focus, 
     502input[type="datetime-local"]:focus, 
     503input[type="color"]:focus, 
     504textarea:focus { 
     505    color: #111; 
     506} 
     507 
     508input[type="text"], 
     509input[type="email"], 
     510input[type="url"], 
     511input[type="password"], 
     512input[type="search"], 
     513input[type="number"], 
     514input[type="tel"], 
     515input[type="range"], 
     516input[type="date"], 
     517input[type="month"], 
     518input[type="week"], 
     519input[type="time"], 
     520input[type="datetime"], 
     521input[type="datetime-local"], 
     522input[type="color"] { 
     523    padding: 3px; 
     524} 
     525 
     526textarea { 
     527    padding-left: 3px; 
     528    width: 100%; 
     529} 
     530 
     531/*-------------------------------------------------------------- 
     532## Header 
     533--------------------------------------------------------------*/ 
     534#masthead{ 
     535    background-color: #fff; 
     536} 
     537 
     538.site-branding{ 
     539    padding: 20px 25px; 
     540} 
     541 
     542.site-title{ 
     543    font-size:2rem; 
     544    line-height:1; 
    349545    margin: 0; 
    350     max-width: 98.5%; 
    351     padding: 0; 
    352     width: auto; 
    353 } 
    354 .wp-caption p.wp-caption-text { 
    355     font-size: 11px; 
    356     line-height: 17px; 
    357     margin: 0; 
    358     padding: 0 4px 5px; 
    359 } 
    360 /* Text meant only for screen readers. */ 
    361 .screen-reader-text { 
    362     clip: rect(1px, 1px, 1px, 1px); 
    363     position: absolute !important; 
    364     height: 1px; 
    365     width: 1px; 
    366     overflow: hidden; 
    367 } 
    368 .screen-reader-text:focus { 
    369     background-color: #f1f1f1; 
    370     border-radius: 3px; 
    371     box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); 
    372     clip: auto !important; 
    373     color: #21759b; 
    374     display: block; 
    375     font-size: 14px; 
    376     font-size: 0.875rem; 
    377     font-weight: bold; 
    378     height: auto; 
    379     left: 5px; 
    380     line-height: normal; 
    381     padding: 15px 23px 14px; 
    382     text-decoration: none; 
    383     top: 5px; 
    384     width: auto; 
    385     z-index: 100000; /* Above WP toolbar. */ 
    386 } 
    387 .size-auto,  
    388 .size-full, 
    389 .size-large, 
    390 .size-medium, 
    391 .size-thumbnail { 
    392     max-width: 100%; 
    393     height: auto; 
    394 } 
    395 /* required classes */ 
    396 .sticky{ 
    397 } 
    398 .gallery-caption { 
    399     font-size: 12px; 
    400     line-height: 1.2; 
    401     padding-top: 5px; 
    402 } 
    403 .bypostauthor { 
    404 } 
    405  
    406 /* =FLUID IMAGE 
    407 ----------------------------------------------- */ 
    408 img { 
    409     max-width:100%; 
    410     height:auto; 
    411     vertical-align:top; 
    412 } 
    413  
    414 /* =LINKS 
    415 ----------------------------------------------- */ 
    416 a { 
    417     color: #249ccc; 
    418     text-decoration: none; 
    419 } 
    420 a:focus, a:active, a:hover { 
    421     text-decoration: none; 
    422 } 
    423  
    424 /* =CLEARFIX 
    425 ----------------------------------------------- */ 
    426 .clearfix:after { 
    427     visibility: hidden; 
    428     display: block; 
    429     font-size: 0; 
    430     content: " "; 
    431     clear: both; 
    432     height: 0; 
    433 } 
    434 .clearfix { 
    435     display: inline-block; 
    436 } 
    437 * html .clearfix { 
    438     height:1%; 
    439 } 
    440 .clearfix { 
    441     display: block; 
    442 } 
    443  
    444 /* =MAIN  
    445 ----------------------------------------------- */ 
    446 #page { 
    447     max-width: 68.571428571rem; 
    448     margin: auto; 
    449 } 
    450 #container{ 
    451     background-color: #fff; 
    452     padding: 30px 25px; 
    453 } 
    454 #primary{ 
    455     width: 66.999%; 
    456     float: left; 
    457 } 
    458 #primary-full-width{ 
    459     width: 100%; 
    460 } 
    461 #primary-no-sidebar-centered{ 
    462     width: 70%; 
    463     margin: auto; 
    464 } 
    465 .left-sidebar #primary { 
    466     float: right; 
    467 } 
    468 .left-sidebar #sidebar{ 
    469     float: left; 
    470 } 
    471 .no-sidebar-full-width #primary { 
    472     width: 100%; 
    473     float: none;     
    474 } 
    475 .no-sidebar #primary { 
    476     width: 70%; 
    477     float: none; 
    478     margin: auto; 
    479 } 
    480  
    481 /* =HEADER 
    482 ----------------------------------------------- */ 
    483 header { 
    484     background-color:#fff; 
    485 } 
    486 .top-bar { 
    487     border-bottom:1px solid #f2f2f2; 
    488     line-height:30px; 
    489     min-height:30px; 
    490     padding:0 25px; 
    491 } 
    492 .top-menu a { 
    493     display:inline-block; 
    494     font-size:13px; 
    495     padding:0 10px; 
    496 } 
    497 .top-menu ul li { 
    498     float:left; 
    499     position:relative; 
    500 } 
    501 .top-menu ul ul { 
    502     background:#ebebeb; 
    503     display:none; 
    504     margin:0; 
    505     padding:0; 
    506     position:absolute; 
    507     top:100%; 
    508     width:200px; 
    509     z-index:1; 
    510 } 
    511 .top-menu ul li:hover { 
    512     background-color:#ebebeb; 
    513 } 
    514 .top-menu ul li:hover > ul { 
    515     display:block; 
    516 } 
    517 .top-menu ul ul li { 
    518     float:none; 
    519     position:relative; 
    520 } 
    521 .top-menu ul ul ul { 
    522     left:100%; 
    523     position:absolute; 
    524     top:0; 
    525 } 
    526 .social-icon { 
    527     float:right; 
    528 } 
    529 .social-icon a { 
    530     color:#444; 
    531     padding-left:10px; 
    532 } 
    533 .logo { 
    534     padding:20px; 
    535 } 
    536 .logo h1 { 
    537     font-size:4em; 
    538 } 
    539 .logo #site-title { 
    540     font-size:2rem; 
    541     line-height:1; 
    542     padding-bottom:0; 
    543 } 
    544 .logo #site-description { 
     546} 
     547 
     548.site-description { 
    545549    border-top:1px solid #e5e5e5; 
    546550    display:inline-block; 
     
    550554    padding-top:10px; 
    551555} 
    552 .top-menu, 
     556 
     557#masthead nav{ 
     558    background-color: #000; 
     559    border-top: 4px solid #249ccc; 
     560    padding: 0 25px; 
     561} 
     562 
     563/*-------------------------------------------------------------- 
     564# Navigation 
     565--------------------------------------------------------------*/ 
     566/*-------------------------------------------------------------- 
     567## Links 
     568--------------------------------------------------------------*/ 
     569a { 
     570    color: #249ccc; 
     571    text-decoration: none; 
     572} 
     573 
     574a:focus { 
     575    outline: thin dotted; 
     576} 
     577 
     578a:hover, 
     579a:active { 
     580    outline: 0; 
     581} 
     582 
     583/*-------------------------------------------------------------- 
     584## Menus 
     585--------------------------------------------------------------*/ 
     586.top-bar { 
     587    border-bottom:1px solid #f2f2f2; 
     588    line-height:30px; 
     589    min-height:30px; 
     590    padding:0 25px; 
     591} 
     592 
     593.top-menu { 
     594    clear: both; 
     595    display: block; 
     596    float: left; 
     597    width: auto; 
     598} 
     599 
     600.top-menu ul { 
     601    display: none; 
     602    list-style: none; 
     603    margin: 0; 
     604    padding-left: 0; 
     605} 
     606 
     607.top-menu li { 
     608    float: left; 
     609    position: relative; 
     610} 
     611 
     612.top-menu a { 
     613    display: block; 
     614    text-decoration: none; 
     615    padding: 0 5px; 
     616} 
     617 
     618.top-menu ul ul { 
     619    background-color: #f7f7f7; 
     620    float: left; 
     621    position: absolute; 
     622    left: -999em; 
     623    z-index: 99999; 
     624} 
     625 
     626.top-menu ul ul ul { 
     627    left: -999em; 
     628    top: 0; 
     629} 
     630 
     631.top-menu ul ul a { 
     632    width: 200px; 
     633} 
     634 
     635.top-menu li:hover > a, 
     636.top-menu li.focus > a { 
     637    background-color: #f7f7f7; 
     638} 
     639 
     640.top-menu ul li:hover > ul, 
     641.top-menu ul li.focus > ul { 
     642    left: auto; 
     643} 
     644 
     645.top-menu ul ul li:hover > ul, 
     646.top-menu ul ul li.focus > ul { 
     647    left: 100%; 
     648} 
     649 
     650.social-icon { 
     651    float:right; 
     652} 
     653 
     654.social-icon a { 
     655    color: #444; 
     656    padding-left: 10px; 
     657} 
     658 
     659.social-icon ul{ 
     660    list-style: none; 
     661    margin: 0; 
     662    padding: 0; 
     663} 
     664 
    553665.social-icon ul li { 
    554666    float:left; 
    555667} 
    556668 
    557 /* =NAVIGATION MENU 
    558 ----------------------------------------------- */ 
    559 header nav { 
    560     background:#000; 
    561     border-top:4px solid #249ccc; 
    562     padding:0 25px; 
    563 } 
     669.main-navigation { 
     670    clear: both; 
     671    display: block; 
     672    float: left; 
     673    width: 100%; 
     674} 
     675 
     676.main-navigation ul { 
     677    display: none; 
     678    list-style: none; 
     679    margin: 0; 
     680    padding-left: 0; 
     681} 
     682 
     683.main-navigation li { 
     684    float: left; 
     685    position: relative; 
     686} 
     687 
    564688.main-navigation a { 
    565     color:#fff; 
    566     display:inline-block; 
    567     font-weight:700; 
    568     padding:10px; 
    569     text-decoration:none; 
    570     text-transform:uppercase; 
    571 } 
    572 .main-navigation ul:after { 
    573     clear:both; 
    574     content:""; 
    575     display:block; 
    576 } 
    577 .main-navigation ul li { 
    578     float:left; 
    579     position:relative; 
    580 } 
     689    color: #fff; 
     690    display: block; 
     691    font-weight:700; 
     692    line-height: 1.49; 
     693    padding: 10px; 
     694    text-decoration: none; 
     695    text-transform: uppercase; 
     696} 
     697 
    581698.main-navigation ul ul { 
    582     background:#000; 
    583     display:none; 
    584     margin:0; 
    585     padding:0; 
    586     position:absolute; 
    587     top:100%; 
    588     width:200px; 
    589 } 
    590 .main-navigation ul li:hover > ul { 
    591     display:block; 
    592     z-index:1; 
    593 } 
     699    background-color: #000; 
     700    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); 
     701    float: left; 
     702    position: absolute; 
     703    left: -999em; 
     704    z-index: 99999; 
     705} 
     706 
     707.main-navigation ul ul ul { 
     708    left: -999em; 
     709    top: 0; 
     710} 
     711 
     712.main-navigation ul ul a { 
     713    width: 200px; 
     714} 
     715 
    594716.main-navigation ul ul li { 
    595     float:none; 
    596     position:relative; 
    597 } 
    598 .main-navigation ul ul a { 
    599     text-transform:none; 
    600 } 
    601 .main-navigation ul ul ul { 
    602     left:100%; 
    603     position:absolute; 
    604     top:0; 
    605 } 
     717 
     718} 
     719 
     720.main-navigation li:hover > a, 
     721.main-navigation li.focus > a { 
     722    background-color:#249ccc; 
     723} 
     724 
     725.main-navigation ul ul :hover > a, 
     726.main-navigation ul ul .focus > a { 
     727} 
     728 
     729.main-navigation ul ul a:hover, 
     730.main-navigation ul ul a.focus { 
     731} 
     732 
     733.main-navigation ul li:hover > ul, 
     734.main-navigation ul li.focus > ul { 
     735    left: auto; 
     736} 
     737 
     738.main-navigation ul ul li:hover > ul, 
     739.main-navigation ul ul li.focus > ul { 
     740    left: 100%; 
     741} 
     742 
     743.main-navigation .current_page_item > a, 
     744.main-navigation .current-menu-item > a, 
     745.main-navigation .current_page_ancestor > a, 
     746.main-navigation .current-menu-ancestor > a { 
     747    background-color: #249ccc; 
     748} 
     749 
     750.main-navigation ul .menu-item-home > a:before { 
     751    content:"\f015"; 
     752    font-family:FontAwesome; 
     753    padding-right:5px; 
     754} 
     755 
    606756.main-navigation ul .menu-item-has-children > a:after, 
    607757.main-navigation ul .page_item_has_children > a:after { 
     
    610760    padding-left:5px; 
    611761} 
     762 
    612763.main-navigation ul ul .menu-item-has-children > a:after, 
    613764.main-navigation ul ul .page_item_has_children > a:after { 
     
    616767    padding-left:5px; 
    617768} 
    618 .main-navigation ul .menu-item-home > a:before { 
    619     content:"\f015"; 
    620     font-family:FontAwesome; 
    621     padding-right:5px; 
    622 } 
    623 .main-navigation ul li:hover, 
    624 .main-navigation ul .current-menu-item, 
    625 .main-navigation ul .current_page_item, 
    626 .main-navigation ul .current_page_ancestor { 
    627     background:#249ccc; 
    628 } 
    629  
    630 /* =RESPONSIVE NAVIGATION MENU 
    631 ----------------------------------------------- */ 
    632 .responsive-navigation ul { 
    633     text-transform:uppercase; 
    634 } 
    635 .responsive-navigation ul ul { 
    636     text-transform:none; 
    637 } 
    638 .responsive-navigation ul li { 
    639     background-color:#fff; 
    640 } 
    641 .responsive-navigation ul li a { 
    642     color:#444; 
    643     display:block; 
    644     padding:5px; 
    645 } 
    646 .responsive-navigation ul li a:hover { 
    647     background-color:#249ccc; 
    648     color:#fff; 
    649 } 
    650 .btn-responsive-menu { 
    651     display:none; 
    652     cursor:pointer; 
    653 } 
    654 .btn-responsive-menu i { 
    655     color:#fff; 
    656 } 
    657  
    658 /* =ARTICLE HOME 
    659 ----------------------------------------------- */ 
    660 #home .thumb img { 
    661     display:block; 
    662     margin:auto; 
    663 } 
    664 #home article { 
    665     box-shadow:0 1px 3px 0 rgba(0,0,0,0.1); 
    666     margin-bottom:50px; 
    667 } 
    668 #home article.post-style-blog { 
    669     width:100%; 
    670 } 
    671 #home article.post-style-magazine { 
    672     width:48%; 
    673 } 
    674 #home article:nth-child(odd).post-style-magazine { 
    675     clear:both; 
    676     float:left; 
    677 } 
    678 #home article:nth-child(even).post-style-magazine { 
    679     float:right; 
    680 } 
    681 #home article h6 a { 
    682     color:#444; 
    683     text-decoration:none; 
    684 } 
    685 #home .article-content { 
    686     padding:15px; 
    687 } 
    688 #home .entry-meta { 
    689     color:#979797; 
    690     font-size:13px; 
    691     padding-bottom:10px; 
    692 } 
    693 #home .entry-meta span { 
    694     font-weight:700; 
    695     padding-right:5px; 
    696 } 
    697  
    698 /* =ARTICLE SINGLE 
    699 ----------------------------------------------- */ 
    700 #single .thumb img{ 
    701     display: block; 
    702     margin: auto; 
    703 } 
    704 #single article{ 
    705     box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1); 
    706     margin-bottom: 50px; 
    707 } 
    708 #single .article-content{ 
    709     padding: 15px; 
    710 } 
    711 #single .article-content > h3{ 
    712     padding: 0; 
    713 } 
    714 #single .entry-meta{ 
    715     border-bottom: 1px dotted #ebebeb; 
    716     border-top: 1px dotted #ebebeb; 
    717     font-size: 13px; 
    718     margin: 10px 0; 
    719     padding: 7px 0; 
    720 } 
    721 #single .entry-meta span{ 
    722     color: #979797; 
     769 
     770/* Small menu. */ 
     771.menu-toggle, 
     772.main-navigation.toggled ul { 
     773    display: block; 
     774} 
     775 
     776@media screen and (min-width: 37.5em) { 
     777    .menu-toggle { 
     778        display: none; 
     779    } 
     780    .main-navigation ul { 
     781        display: block; 
     782    } 
     783    .top-menu ul{ 
     784        display: block; 
     785    } 
     786} 
     787 
     788.site-main .comment-navigation, 
     789.site-main .posts-navigation, 
     790.site-main .post-navigation { 
     791    margin: 0 0 1.5em; 
     792    overflow: hidden; 
     793} 
     794 
     795.posts-navigation{ 
     796    clear: both; 
     797} 
     798 
     799.comment-navigation .nav-previous, 
     800.posts-navigation .nav-previous, 
     801.post-navigation .nav-previous { 
     802    float: left; 
     803    width: 50%; 
     804} 
     805 
     806.comment-navigation .nav-next, 
     807.posts-navigation .nav-next, 
     808.post-navigation .nav-next { 
     809    float: right; 
     810    text-align: right; 
     811    width: 50%; 
     812} 
     813 
     814/*-------------------------------------------------------------- 
     815# Accessibility 
     816--------------------------------------------------------------*/ 
     817/* Text meant only for screen readers. */ 
     818.screen-reader-text { 
     819    clip: rect(1px, 1px, 1px, 1px); 
     820    position: absolute !important; 
     821    height: 1px; 
     822    width: 1px; 
     823    overflow: hidden; 
     824} 
     825 
     826.screen-reader-text:focus { 
     827    background-color: #f1f1f1; 
     828    border-radius: 3px; 
     829    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); 
     830    clip: auto !important; 
     831    color: #21759b; 
     832    display: block; 
     833    font-size: 14px; 
     834    font-size: 0.875rem; 
     835    font-weight: bold; 
     836    height: auto; 
     837    left: 5px; 
     838    line-height: normal; 
     839    padding: 15px 23px 14px; 
     840    text-decoration: none; 
     841    top: 5px; 
     842    width: auto; 
     843    z-index: 100000; /* Above WP toolbar. */ 
     844} 
     845 
     846/* Do not show the outline on the skip link target. */ 
     847#content[tabindex="-1"]:focus { 
     848    outline: 0; 
     849} 
     850 
     851/*-------------------------------------------------------------- 
     852# Alignments 
     853--------------------------------------------------------------*/ 
     854.alignleft { 
     855    display: inline; 
     856    float: left; 
     857    margin-right: 1.5em; 
     858} 
     859 
     860.alignright { 
     861    display: inline; 
     862    float: right; 
     863    margin-left: 1.5em; 
     864} 
     865 
     866.aligncenter { 
     867    clear: both; 
     868    display: block; 
     869    margin-left: auto; 
     870    margin-right: auto; 
     871} 
     872 
     873/*-------------------------------------------------------------- 
     874# Clearings 
     875--------------------------------------------------------------*/ 
     876.clear:before, 
     877.clear:after, 
     878.entry-content:before, 
     879.entry-content:after, 
     880.comment-content:before, 
     881.comment-content:after, 
     882.site-header:before, 
     883.site-header:after, 
     884.site-content:before, 
     885.site-content:after, 
     886.site-footer:before, 
     887.site-footer:after { 
     888    content: ""; 
     889    display: table; 
     890    table-layout: fixed; 
     891} 
     892 
     893.clear:after, 
     894.entry-content:after, 
     895.comment-content:after, 
     896.site-header:after, 
     897.site-content:after, 
     898.site-footer:after { 
     899    clear: both; 
     900} 
     901 
     902/*-------------------------------------------------------------- 
     903# Widgets 
     904--------------------------------------------------------------*/ 
     905#secondary{ 
     906    float:right; 
     907    width:29.999%; 
     908} 
     909 
     910.widget { 
     911    margin: 0 0 1.5em; 
     912} 
     913 
     914.widget ul{ 
     915    list-style: none; 
     916    margin: 0; 
     917    padding: 0; 
     918} 
     919 
     920.widget .widget-title{ 
     921    border-bottom: 4px solid #249ccc; 
     922    display: block; 
     923    font-size: 1rem; 
    723924    font-weight: 700; 
    724     padding-right: 5px; 
    725 } 
    726 #single .tag{ 
    727     color: #979797; 
    728     border-top: 1px dotted #ebebeb; 
    729     margin-top: 15px; 
    730     font-size: 13px; 
    731     padding-top: 7px; 
    732 } 
    733 #single .tag span{ 
    734     font-weight: 700; 
    735     padding-left: 5px; 
    736 } 
    737 .article-content ul { 
    738     list-style: square; 
    739 } 
    740 .article-content ul, 
    741 .article-content ol { 
    742     padding: 0 0 0 35px; 
    743     margin-bottom: 30px; 
    744 } 
    745 .article-content li > ul, 
    746 .article-content li > ol { 
    747     margin-bottom: 0; 
    748 } 
    749 .article-content li { 
    750925    line-height: 1.3; 
    751 } 
    752 .post .article-content a:hover { 
    753     text-decoration: underline; 
    754 } 
    755  
    756 /* =COMMENTSLIST 
    757 ----------------------------------------------- */ 
    758 #comments-wrap ol { 
    759     list-style:none; 
    760 } 
    761 #comments-wrap .comment-author img { 
    762     border-radius:50%; 
    763     height:auto; 
    764     width:74px; 
    765 } 
    766 #comments-wrap .comment-author { 
    767     display:inline-block; 
    768 } 
    769 #comments-wrap .comment-author .fn { 
    770     font-weight:700; 
    771 } 
    772 #comments-wrap .comment-meta { 
    773     float:right; 
    774     font-size:12px; 
    775 } 
    776 #comments-wrap .comment-body { 
    777     border-bottom:1px dotted #ebebeb; 
    778     margin-bottom:15px; 
    779 } 
    780 .commentlist { 
    781     background:#f5f5f5; 
    782     padding:20px; 
    783 } 
    784 .comment-body ol { 
    785     list-style:decimal; 
    786 } 
    787 .comment-body ul { 
    788     list-style:square; 
    789 } 
    790 .comment-body ul,.comment-body ol { 
    791     margin-bottom:30px; 
    792     padding:0 0 0 35px; 
    793 } 
    794 .comment-body li > ul,.comment-body li > ol { 
    795     margin-bottom:0; 
    796 } 
    797 .comment-body li { 
    798     line-height:1.3; 
    799 } 
    800 .post .comment-body a:hover { 
    801     text-decoration:underline; 
    802 } 
    803 #comments-wrap .comment .children { 
    804     margin-bottom:15px; 
    805     margin-left:15px; 
    806 } 
    807 #respond { 
    808     background:#f5f5f5; 
    809     color:#000; 
    810     margin-top:30px; 
    811     padding:25px; 
    812 } 
    813 #respond input[type="text"] { 
    814     width:100%; 
    815     -moz-box-sizing:border-box; 
    816     box-sizing:border-box; 
    817 } 
    818  
    819 /* =HOME SLIDER 
    820 ----------------------------------------------- */ 
    821 .bxslider img{ 
    822     display: block; 
    823     margin: auto; 
    824 } 
    825 .bxslider .slide-content{ 
    826     /*background-color: rgba(0, 0, 0, 0.4);*/ 
    827     bottom: 0; 
    828     color: #fff; 
    829     padding: 15px; 
    830     position:absolute;   
    831 } 
    832 .no-sidebar-full-width #primary .bx-wrapper, 
    833 .no-sidebar #primary .bx-wrapper{ 
    834     max-width: 702px !important; 
    835 } 
    836 .bxslider .slide-content .entry-meta{ 
    837     font-size: 12px; 
    838 } 
    839 .bxslider .slide-content span{ 
    840     margin-right: 10px; 
    841 } 
    842 .bxslider .slide-content a{ 
    843     color: #fff; 
    844 } 
    845 .bxslider .slide-content h3{ 
    846     font-size: 22px; 
    847     padding: 10px 0; 
    848 } 
    849  
    850 /* =WIDGET 
    851 ----------------------------------------------- */ 
    852 #sidebar { 
    853     float:right; 
    854     width:29.999%; 
    855 } 
    856 aside { 
    857     margin-bottom:50px; 
    858 } 
    859 .widget-title { 
    860     border-bottom:4px solid #249ccc; 
    861     margin-bottom:5px; 
    862 } 
    863 .widget-title span { 
    864     display:inline-block; 
    865     font-size:1rem; 
    866     font-weight:700; 
    867     line-height:1.3; 
    868     padding-bottom:5px; 
    869     text-transform:uppercase; 
    870 } 
    871 aside li li { 
     926    padding-bottom: 5px; 
     927    text-transform: uppercase; 
     928    margin-bottom: 5px; 
     929} 
     930 
     931.widget li li { 
    872932    border-bottom:0 none; 
    873933    padding:10px 0 0 15px; 
    874934} 
    875 aside li { 
     935 
     936.widget li { 
    876937    border-bottom:1px solid #f2f2f2; 
    877938    padding:10px 0; 
     
    890951    overflow:hidden; 
    891952} 
     953 
    892954.widget_search input[type="text"] { 
    893955    background-color:#FFF; 
     956    border-radius: 0; 
    894957    color:#777; 
    895     height:36px; 
     958    height:40px; 
    896959    width:100%; 
    897960} 
     961 
    898962.widget_search button { 
    899     background-color:#249ccc; 
    900     border:0 none; 
    901     color:#fff; 
     963    border:0; 
    902964    float:right; 
    903965    line-height:38px; 
     
    906968 
    907969.search-icon:before { 
    908     color:#fff; 
    909970    content:"\f002"; 
    910971    font-family:FontAwesome; 
     
    912973} 
    913974 
    914 /* =PREVIOUS NEXT PAGE AND LINKS 
    915 ----------------------------------------------- */ 
    916 .nav-previous{ 
     975.no-results button.search-icon{ 
     976    float: right; 
     977} 
     978 
     979.no-results input[type="text"]{ 
     980    width: 100%; 
     981} 
     982 
     983.no-results .search-wrap { 
     984    overflow:hidden; 
     985} 
     986 
     987/* Make sure select elements fit in widgets. */ 
     988.widget select { 
     989    max-width: 100%; 
     990} 
     991 
     992/*-------------------------------------------------------------- 
     993# Content 
     994--------------------------------------------------------------*/ 
     995/*-------------------------------------------------------------- 
     996## Posts and pages 
     997--------------------------------------------------------------*/ 
     998#page { 
     999    max-width: 68.571428571rem; 
     1000    margin: auto; 
     1001} 
     1002 
     1003#content{ 
     1004    background-color: #fff; 
     1005    padding: 30px 25px; 
     1006} 
     1007 
     1008#primary{ 
     1009    width: 66.999%; 
    9171010    float: left; 
    9181011} 
    919 .nav-next{ 
     1012 
     1013.left-sidebar #primary { 
    9201014    float: right; 
    9211015} 
    922 .navigation .nav-previous a, 
    923 .navigation .nav-next a, 
    924 a.more-link, 
    925 #comments-wrap .reply a { 
    926     background-color:#249ccc; 
    927     border-radius:2px; 
    928     color:#FFF; 
    929     cursor:pointer; 
    930     display:inline-block; 
    931     line-height:22px; 
    932     padding:2px 12px; 
    933 } 
    934 #comments-wrap .reply a{ 
    935     margin-bottom: 3px; 
    936 } 
    937 #comments-wrap .navigation-below { 
    938     margin-top: 20px; 
    939 } 
    940  
    941 /* =AUTHOR BOX 
    942 ----------------------------------------------- */ 
    943 .author-box{ 
    944     box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1); 
    945     margin-bottom: 50px; 
     1016.left-sidebar #secondary{ 
     1017    float: left; 
     1018} 
     1019.no-sidebar-full-width #primary, 
     1020.page-template-fullwidth #primary { 
    9461021    width: 100%; 
    947 } 
    948 .author-content{ 
    949     padding: 10px; 
    950 } 
    951 .author-img img{ 
    952     border-radius: 50%; 
    953     float: left; 
    954     margin-right: 15px; 
    955 } 
    956 .author-name{ 
    957     font-size: 20px; 
    958     padding-bottom: 10px; 
    959 } 
    960  
    961 /* =FOOTER 
    962 ----------------------------------------------- */ 
    963 footer { 
    964     background-color:#303030; 
     1022    float: none;     
     1023} 
     1024.no-sidebar #primary, 
     1025.page-template-nosidebar #primary { 
     1026    width: 70%; 
     1027    float: none; 
     1028    margin: auto; 
     1029} 
     1030 
     1031/* .post class*/ 
     1032.post{ 
     1033    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1); 
     1034} 
     1035 
     1036.post .entry-header{ 
     1037    padding: 15px 15px 0 15px; 
     1038} 
     1039 
     1040.post .entry-content{ 
     1041    padding: 0 15px 15px 15px; 
     1042} 
     1043 
     1044.single .post .entry-meta{ 
     1045    border-bottom: 1px dotted #ebebeb; 
     1046    border-top: 1px dotted #ebebeb; 
     1047} 
     1048 
     1049.post .entry-meta{ 
     1050    padding: 7px 0; 
     1051} 
     1052 
     1053.post .entry-content, 
     1054.page .entry-content{ 
     1055    margin: 0; 
     1056} 
     1057 
     1058.post .entry-footer{ 
     1059    padding: 0 15px; 
     1060} 
     1061 
     1062.post .entry-tags{ 
     1063    border-top: 1px dotted #ebebeb; 
     1064    padding: 7px 0 15px 0; 
     1065} 
     1066 
     1067.post .entry-footer span, 
     1068.post .entry-meta span{ 
     1069    color:#979797; 
     1070    font-size:13px; 
     1071    font-weight:700; 
     1072} 
     1073 
     1074.post .entry-footer a { 
     1075    font-size:13px; 
     1076    font-weight:700; 
     1077} 
     1078 
     1079.post .attachment-post-thumbnail{ 
     1080    display: block; 
     1081    margin: auto; 
     1082} 
     1083 
     1084/* defining .matata-blog, .matata-magazine and .single classes */ 
     1085 
     1086article.matata-blog{ 
     1087    margin-bottom: 50px; 
     1088    width: 100%; 
     1089} 
     1090 
     1091article.matata-magazine { 
     1092    margin-bottom: 50px; 
     1093    width:48%; 
     1094} 
     1095 
     1096article:nth-of-type(odd).matata-magazine { 
     1097    clear:both; 
     1098    float:left; 
     1099} 
     1100 
     1101article:nth-of-type(even).matata-magazine{ 
     1102    float:right; 
     1103} 
     1104 
     1105/* edit margin*/ 
     1106.post .entry-title, 
     1107.page .entry-title{ 
     1108    margin: 0; 
     1109} 
     1110 
     1111.page-title{ 
     1112    margin-top: 0; 
     1113} 
     1114 
     1115.post .entry-title a{ 
     1116    color: inherit; 
     1117} 
     1118/* end */ 
     1119 
     1120/* custom a links */ 
     1121.posts-navigation .nav-previous a,  
     1122.posts-navigation .nav-next a,  
     1123a.more-link,  
     1124#comments .reply a { 
     1125    background-color: #249ccc; 
     1126    border-radius: 2px; 
     1127    color: #FFF; 
     1128    cursor: pointer; 
     1129    display: inline-block; 
     1130    line-height: 22px; 
     1131    padding: 2px 12px; 
     1132} 
     1133.posts-navigation .nav-previous a:hover,  
     1134.posts-navigation .nav-next a:hover,  
     1135a:hover.more-link,  
     1136#comments .reply a:hover{ 
     1137    text-decoration: underline; 
     1138} 
     1139a.more-link,  
     1140#comments .reply{ 
     1141    margin-bottom: 5px; 
     1142} 
     1143/* end */ 
     1144 
     1145.sticky { 
     1146    display: block; 
     1147} 
     1148 
     1149.hentry { 
     1150    margin: 0 0 1.5em; 
     1151} 
     1152 
     1153.byline, 
     1154.updated:not(.published) { 
     1155    display: none; 
     1156} 
     1157 
     1158.single .byline, 
     1159.group-blog .byline { 
     1160    display: inline; 
     1161} 
     1162 
     1163.page-content, 
     1164.entry-content, 
     1165.entry-summary { 
     1166    margin: 1.5em 0 0; 
     1167} 
     1168 
     1169.page-links { 
     1170    clear: both; 
     1171    margin: 0 0 1.5em; 
     1172} 
     1173 
     1174/*-------------------------------------------------------------- 
     1175## Asides 
     1176--------------------------------------------------------------*/ 
     1177.blog .format-aside .entry-title, 
     1178.archive .format-aside .entry-title { 
     1179    display: none; 
     1180} 
     1181 
     1182/*-------------------------------------------------------------- 
     1183## Comments 
     1184--------------------------------------------------------------*/ 
     1185#comments{ 
     1186    background-color: #f5f5f5; 
     1187    padding: 20px; 
     1188} 
     1189 
     1190#comments ol { 
     1191    list-style:none; 
     1192    margin: 0; 
     1193    padding: 0; 
     1194} 
     1195 
     1196#comments .comment-author{ 
     1197    display:inline-block; 
     1198} 
     1199 
     1200#comments .comment-author img { 
     1201    border-radius:50%; 
     1202    height:auto; 
     1203    width:74px; 
     1204} 
     1205 
     1206#comments .comment-meta { 
     1207    font-size:12px; 
     1208} 
     1209 
     1210#comments .comment-metadata { 
     1211    float: right; 
     1212} 
     1213 
     1214#comments .comment-body { 
     1215    border-bottom:1px dotted #ebebeb; 
     1216    margin-bottom:15px; 
     1217} 
     1218 
     1219#comments .comment-body ol { 
     1220    list-style: decimal; 
     1221    padding: 0 0 0 35px; 
     1222} 
     1223 
     1224#comments .comment-body li { 
     1225    line-height:1.3; 
     1226} 
     1227 
     1228#comments .comment .children { 
     1229    margin-bottom:15px; 
     1230    margin-left:15px; 
     1231} 
     1232 
     1233#respond{ 
     1234    background-color: #f5f5f5; 
     1235    margin-top: 30px; 
     1236    padding: 20px; 
     1237} 
     1238 
     1239.comment-content a { 
     1240    word-wrap: break-word; 
     1241} 
     1242 
     1243.bypostauthor { 
     1244    display: block; 
     1245} 
     1246 
     1247/*-------------------------------------------------------------- 
     1248# Footer 
     1249--------------------------------------------------------------*/ 
     1250#colophon { 
     1251    background-color:#303030; 
    9651252    color:#fff; 
    966     min-height:100px; 
    967     padding:20px; 
    968 } 
    969 footer a { 
    970     color:#fff; 
    971 } 
     1253    padding: 20px 25px;  
     1254} 
     1255 
     1256#colophon a{ 
     1257    color: #fff; 
     1258} 
     1259 
     1260#colophon a:hover{ 
     1261    text-decoration: underline; 
     1262} 
     1263 
    9721264.footer-widget-left { 
    9731265    float:left; 
     
    9861278    width:48%; 
    9871279} 
    988 footer .widget-content { 
    989     box-shadow:none; 
    990 } 
    991 .copyright { 
    992     float:left; 
    993     padding-top:20px; 
    994 } 
    995 .copyright a { 
    996     border-bottom:1px solid #f2f2f2; 
     1280 
     1281/* =HOME SLIDER 
     1282----------------------------------------------- */ 
     1283ul.bxslider { 
     1284  margin: 0; 
     1285  padding: 0; 
     1286} 
     1287.bxslider img{ 
     1288    margin: auto; 
     1289} 
     1290.bxslider .slide-content{ 
     1291    /*background-color: rgba(0, 0, 0, 0.2);*/ 
     1292    bottom: 0; 
     1293    color: #fff; 
     1294    padding: 15px; 
     1295    position: absolute;   
     1296} 
     1297.no-sidebar-full-width #primary .bx-wrapper, 
     1298.no-sidebar #primary .bx-wrapper, 
     1299.page-template-fullwidth #primary .bx-wrapper, 
     1300.page-template-nosidebar #primary .bx-wrapper{ 
     1301    max-width: 702px !important; 
     1302} 
     1303.bxslider .slide-content .entry-meta{ 
     1304    font-size: 12px; 
     1305} 
     1306.bxslider .slide-content span{ 
     1307    margin-right: 10px; 
     1308} 
     1309.bxslider .slide-content a{ 
     1310    color: #fff; 
     1311} 
     1312 
     1313/*-------------------------------------------------------------- 
     1314# Infinite scroll 
     1315--------------------------------------------------------------*/ 
     1316/* Globally hidden elements when Infinite Scroll is supported and in use. */ 
     1317.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */ 
     1318.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */ 
     1319    display: none; 
     1320} 
     1321 
     1322/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */ 
     1323.infinity-end.neverending .site-footer { 
     1324    display: block; 
     1325} 
     1326 
     1327/*-------------------------------------------------------------- 
     1328# Media 
     1329--------------------------------------------------------------*/ 
     1330.page-content .wp-smiley, 
     1331.entry-content .wp-smiley, 
     1332.comment-content .wp-smiley { 
     1333    border: none; 
     1334    margin-bottom: 0; 
     1335    margin-top: 0; 
     1336    padding: 0; 
     1337} 
     1338 
     1339/* Make sure embeds and iframes fit their containers. */ 
     1340embed, 
     1341iframe, 
     1342object { 
     1343    max-width: 100%; 
     1344} 
     1345 
     1346/*-------------------------------------------------------------- 
     1347## Captions 
     1348--------------------------------------------------------------*/ 
     1349.wp-caption { 
     1350    margin-bottom: 1.5em; 
     1351    max-width: 100%; 
     1352} 
     1353 
     1354.wp-caption img[class*="wp-image-"] { 
     1355    display: block; 
     1356    margin-left: auto; 
     1357    margin-right: auto; 
     1358} 
     1359 
     1360.wp-caption .wp-caption-text { 
     1361    margin: 0.8075em 0; 
     1362} 
     1363 
     1364.wp-caption-text { 
     1365    text-align: center; 
     1366} 
     1367 
     1368/*-------------------------------------------------------------- 
     1369## Galleries 
     1370--------------------------------------------------------------*/ 
     1371.gallery { 
     1372    margin-bottom: 1.5em; 
     1373} 
     1374 
     1375.gallery-item { 
     1376    display: inline-block; 
     1377    text-align: center; 
     1378    vertical-align: top; 
     1379    width: 100%; 
     1380} 
     1381 
     1382.gallery-columns-2 .gallery-item { 
     1383    max-width: 50%; 
     1384} 
     1385 
     1386.gallery-columns-3 .gallery-item { 
     1387    max-width: 33.33%; 
     1388} 
     1389 
     1390.gallery-columns-4 .gallery-item { 
     1391    max-width: 25%; 
     1392} 
     1393 
     1394.gallery-columns-5 .gallery-item { 
     1395    max-width: 20%; 
     1396} 
     1397 
     1398.gallery-columns-6 .gallery-item { 
     1399    max-width: 16.66%; 
     1400} 
     1401 
     1402.gallery-columns-7 .gallery-item { 
     1403    max-width: 14.28%; 
     1404} 
     1405 
     1406.gallery-columns-8 .gallery-item { 
     1407    max-width: 12.5%; 
     1408} 
     1409 
     1410.gallery-columns-9 .gallery-item { 
     1411    max-width: 11.11%; 
     1412} 
     1413 
     1414.gallery-caption { 
     1415    display: block; 
    9971416} 
    9981417 
     
    10041423        width: 100%;     
    10051424    } 
    1006     #sidebar{ 
    1007         margin-top: 50px; 
     1425    #secondary{ 
     1426        margin-top: 40px; 
    10081427        width: 100%; 
    10091428    } 
     
    10141433        width: 100%; 
    10151434    } 
    1016     .top-menu{ 
    1017         display: none; 
    1018     } 
    1019     .btn-responsive-menu{ 
    1020         display:block; 
    1021         padding: 3px 0; 
    1022     } 
    1023     .main-navigation ul{ 
    1024         display: none; 
    1025     } 
    10261435    .no-sidebar #primary,  
    1027     #primary-no-sidebar-centered{ 
     1436    .page-template-nosidebar #primary{ 
    10281437        width: 100% !important; 
    10291438    } 
     
    10311440 
    10321441@media (max-width: 500px) { 
    1033     #home article{ 
     1442    article.matata-magazine{ 
    10341443        width: 100% !important; 
    10351444    } 
    10361445} 
    1037  
    1038 @media (max-width: 400px) { 
    1039     #container{ 
    1040         padding: 25px 5px; 
    1041     } 
    1042  
    1043 } 
Note: See TracChangeset for help on using the changeset viewer.