<?php
/**
 * Registering the theme default schemas.
 *
 * @author jason.xie@victheme.com
 *
 */
class VTCore_Zeus_Schemas_Default_Register
extends VTCore_Zeus_Schema_Base {

  protected function setContext() {
    $this->context = array(
      'schema' => array(
        'id' => 'default',
        'name' => __('Default', BASE_THEME),
        'color' => '#0c88fc',
        'description' => __('Default schema with light greay background and pink accents.', BASE_THEME),
      ),

      'sections' => array(
        'global' => array(
          'title' => __('Global Styling', BASE_THEME),
          'active' => 'global',
        ),
        'header' => array(
          'title' => __('Header', BASE_THEME),
        ),
        'navigation' => array(
          'title' => __('Navigation', BASE_THEME),
        ),
        'slicknav' => array(
          'title' => __('Slick Navigation', BASE_THEME),
        ),
        'headline' => array(
          'title' => __('Headline', BASE_THEME),
        ),
        'content' => array(
          'title' => __('Content Elements', BASE_THEME),
        ),
        'content_bottom' => array(
          'title' => __('Content Bottom Elements', BASE_THEME),
        ),
        'html' => array(
          'title' => __('Html Elements', BASE_THEME),
        ),
        'form' => array(
          'title' => __('Form Elements', BASE_THEME),
        ),
        'bootstrap' => array(
          'title' => __('Bootstrap Elements', BASE_THEME),
        ),
        'contactinfo' => array(
          'title' => __('Contact Info', BASE_THEME),
        ),
        'timeline' => array(
          'title' => __('Timeline', BASE_THEME),
        ),
        'portfolio' => array(
          'title' => __('Portfolio', BASE_THEME),
        ),
        'widgets' => array(
          'title' => __('Widgets', BASE_THEME),
        ),
        'visualcomposer' => array(
          'title' => __('Visual Composer', BASE_THEME),
        ),
        'footer' => array(
          'title' => __('Footer', BASE_THEME),
        ),
      ),

      'color' => array(
        'text' => array(
          'title' => __('Links', BASE_THEME),
          'description' => __('CSS options for styling the global link element' , BASE_THEME),
          'parent' => 'global',
          'selectors' => array(''),
          'link-color' => '#f7504c',
          'link-visited' => '#cb413d',
          'link-hover' => '#e94b47',
          'link-focus' => '#e94b47',
        ),
        'heading' => array(
          'selectors' => array('h1', 'h2', 'h3', 'h4', 'h5', 'h6'),
          'title' => __('Heading', BASE_THEME),
          'parent' => 'global',
          'description' => __('CSS options for styling the global heading element' , BASE_THEME),
          'font-color' => '#434343',
          'font-family' => '',
          'font-style' => '',
          'font-weight' => '',
        ),
        'body' => array(
          'title' => __('Body Element', BASE_THEME),
          'description' => __('CSS options for styling the main body element,
                               the options configured here will also acts as
                               a global css rule.', BASE_THEME),
          'parent' => 'global',
          'selectors' => array('body'),
          'background-image' => '',
          'background-color' => '#aaaaaa',
          'background-repeat' => '',
          'background-size' => '',
          'background-position' => '',
          'font-color' => '#434343',
          'font-family' => 'PT+Sans',
          'font-size' => '16px',
          'font-style' => '',
          'font-weight' => '400',
        ),

        'page' => array(
          'title' => __('Page Element', BASE_THEME),
          'description' => __('CSS options for styling the page element,
                               this is useful if you want to change the page
                               element background color or add some border
                               element to the page element when in boxed mode', BASE_THEME),
          'selectors' => array('#page'),
          'parent' => 'global',
          'background-image' => '',
          'background-color' => '#eeeeee',
          'background-repeat' => '',
          'background-size' => '',
          'background-position' => '',
          'border-style' => '',
          'border-width' => '',
          'border-color' => '',
        ),

        'header' => array(
          'title' => __('Header Element', BASE_THEME),
          'description' => __('CSS options for the main header element', BASE_THEME),
          'parent' => 'header',
          'selectors' => array('#header'),
          'background-image' => '',
          'background-color' => '#eeeeee',
          'background-repeat' => '',
          'background-size' => '',
          'background-position' => '',
          'border-color' => '#f2514d',
          'border-width' => '',
        ),


        'slicknav-button' => array(
          'title' => __('Slick Navigation Button', BASE_THEME),
          'description' => __('CSS Options for styling the slick navigation button', BASE_THEME),
          'parent' => 'slicknav',
          'selectors' => array(
            '.slicknav_menu',
          ),
          'border-color' => '#cfcfcf',
          'hover-border-color' => '#888888',
        ),

        'slicknav-wrapper' => array(
          'title' => __('Slick Navigation Dropdown Wrapper', BASE_THEME),
          'description' => __('CSS Options for styling the slick navigation dropdown wrapper element', BASE_THEME),
          'parent' => 'slicknav',
          'selectors' => array(
            '.slicknav_menu > ul',
          ),
          'border-color' => '#d5d5d5',
          'background-color' => '#f3f3f3',
        ),

        'slicknav-list' => array(
          'title' => __('Slick Navigation List', BASE_THEME),
          'description' => __('CSS Options for styling the slick navigation list element', BASE_THEME),
          'parent' => 'slicknav',
          'selectors' => array(
            '.slicknav_menu .slicknav_nav > li',
          ),
          'border-color' => '#e1e1e1',
          'hover-border-color' => '#f7504b',
          'focus-border-color' => '#f7504b',
          'background-color' => '',
          'link-color' => '#7e7e7e',
        ),

        'slicknav-link' => array(
          'title' => __('Slick Navigation Link', BASE_THEME),
          'description' => __('CSS Options for styling the slick navigation link element', BASE_THEME),
          'parent' => 'slicknav',
          'selectors' => array(
            '.slicknav_nav li > a:focus',
            '.slicknav_nav li > a:focus a',
            '.slicknav_nav li.active > a',
          ),
          'background-color' => '#eaeff0',
          'font-color' => '#bac3c6',
        ),

        'slicknav-link-hover' => array(
          'title' => __('Slick Navigation Link Hover', BASE_THEME),
          'description' => __('CSS Options for styling the slick navigation link hovered element', BASE_THEME),
          'parent' => 'slicknav',
          'selectors' => array(
            '.slicknav_nav li > a:hover a',
            '.slicknav_nav li > a:hover',
          ),
          'background-color' => '#eac3c6',
          'font-color' => '#ffffff',
        ),

        'logo' => array(
          'title' => __('Logo Text Element', BASE_THEME),
          'description' => __('CSS options for styling main logo text element if text is used instead of image logo', BASE_THEME),
          'parent' => 'header',
          'selectors' => array('#logo a'),
          'font-color' => '#434343',
          'font-family' => '',
          'font-style' => '',
          'font-size' => '',
          'font-weight' => '',
          'hover-font-color' => '#434343',
          'focus-font-color' => '#434343',
          'visited-font-color' => '#434343',
        ),

        'navigation' => array(
          'title' => __('Navigation Menu First Level', BASE_THEME),
          'description' => __('CSS options for styling the main navigation menu first level found inside the header element', BASE_THEME),
          'parent' => 'navigation',
          'selectors' => array(
            '#navigation ul.nav > li > a',
          ),
          'hover-border-color' => '#f7504c',
          'font-color' => '#434343',
          'font-weight' => 'bold',
          'font-size' => '14px',
          'hover-font-color' => '#f7504c',
          'focus-font-color' => '#f7504c',
        ),

        'navigation-active' => array(
          'title' => __('Navigation Menu First Level Active State', BASE_THEME),
          'description' => __('CSS options for styling the main navigation menu first level when it is on active state', BASE_THEME),
          'parent' => 'navigation',
          'selectors' => array(
            '#navigation ul.nav > li.active > a',
          ),
          'border-color' => '#f7504c',
          'font-color' => '#f7504c',
        ),

        'navigation-withchild' => array(
          'title' => __('Navigation Menu First Level With Children', BASE_THEME),
          'description' => __('CSS options for styling the main navigation menu first level that has dropdown children found inside the header element', BASE_THEME),
          'parent' => 'navigation',
          'selectors' => array(
            '#navigation ul.nav > li.menu-item-has-children:hover > a',
          ),
          'border-color' => '#f7504c',
          'font-color' => '#f7504c',
          'hover-font-color' => '#f7504c',
          'focus-font-color' => '#f7504c',
        ),

        'navigation-dropdown' => array(
          'title' => __('Navigation Menu Dropdown', BASE_THEME),
          'description' => __('CSS options for styling the main navigation menu dropdown element.', BASE_THEME),
          'parent' => 'navigation',
          'selectors' => array(
            '#navigation ul.nav > li ul.dropdown-menu',
          ),
          'background-color' => '#fffffff',
          'link-color' => '#434343',
          'link-hover' => '#ffffff',
          'border-color' => '#ffffff',
          'hover-link-background-color' => '#f7504c',
          'link-border-color' => '#fefefe',
        ),

        'navigation-dropdown-active' => array(
          'title' => __('Navigation Menu Dropdown Active menu', BASE_THEME),
          'description' => __('CSS options for styling the main navigation dropdown link element when active.', BASE_THEME),
          'parent' => 'navigation',
          'selectors' => array(
            '#navigation ul.nav > li > ul.dropdown-menu li.active > ',
          ),
          'link-background-color' => '#f7504c',
          'link-color' => '#ffffff',
        ),



        'headline' => array(
          'title' => __('Headline Element', BASE_THEME),
          'description' => __('CSS options for the headline elements.', BASE_THEME),
          'parent' => 'headline',
          'selectors' => array('#headline'),
          'font-color' => '#eeeeee',
          'font-family' => 'Kreon',
          'heading-color' => '#eeeeee',
          'heading-family' => 'Kreon',
        ),

        'headline-background' => array(
          'title' => __('Headline Background Element', BASE_THEME),
          'description' => __('CSS options for the headline background elements, this setting will only
                              serve as the default fallback if no configuration is set on
                              the Headline metabox in post edit page or Headline configuration
                              in the headline plugin configuration page.', BASE_THEME),
          'parent' => 'headline',
          'selectors' => array('#headline .headline-background'),
          'background-image' => VTCORE_ZEUS_THEME_URL . '/assets/theme/css/images/headline.jpg',
          'background-color' => '',
          'background-repeat' => 'no-repeat',
          'background-position' => 'center bottom',
          'background-size' => '100% auto',
        ),


        'maincontent' => array(
          'title' => __('Main Content Element', BASE_THEME),
          'description' => __('CSS options for the main content row which hold the content and sidebar element', BASE_THEME),
          'parent' => 'content',
          'selectors' => array('#maincontent'),
          'background-image' => '',
          'background-color' => '#eeeeee',
          'background-repeat' => '',
          'background-size' => '',
          'background-position' => '',
          'font-color' => '',
          'heading-color' => '',
          'heading-family' => '',
          'heading-style' => '',
          'heading-weight' => '',

        ),


        'content' => array(
          'title' => __('Content Element', BASE_THEME),
          'description' => __('CSS options for styling the content element inside the main content area', BASE_THEME),
          'parent' => 'content',
          'selectors' => array('#content'),
          'background-image' => '',
          'background-color' => '',
          'background-repeat' => '',
          'background-size' => '',
          'background-position' => '',
          'font-color' => '',
          'link-color' => '',
          'link-hover' => '',
          'link-focus' => '',
          'heading-color' => '',
          'border-color' => '',
          'border-style' => '',
          'border-width' => '',
        ),

        'sticky' => array(
          'title' => __('Sticky Post Element', BASE_THEME),
          'description' => __('CSS Options for styling the post teaser if it is marked as sticky. The before and after setting will be used to style the bell icon', BASE_THEME),
          'parent' => 'content',
          'selectors' => array('.multiple.sticky'),
          'background-color' => '#ffffff',
          'border-color' => '#f0f0f0',
          'before-background-color' => '#f7504b',
          'after-font-color' => '#ffffff',
        ),

        'boxed' => array(
          'title' => __('Boxed Post Element', BASE_THEME),
          'description' => __('CSS Options for styling the post teaser if it is marked as boxed.', BASE_THEME),
          'parent' => 'content',
          'selectors' => array('.multiple.boxed'),
          'background-color' => '#f9f9f9',
          'border-color' => '#f0f0f0',
        ),

        'post-title' => array(
          'title' => __('Post Title', BASE_THEME),
          'description' => __('CSS options for styling the heading title', BASE_THEME),
          'parent' => 'content',
          'selectors' => array('.post-title'),
          'font-color' => '#434343',
          'link-visited' => '#434343',
          'link-color' => '#434343',
          'link-hover' => '#434343',
          'link-focus' => '#434343',
        ),

        'post-byline' => array(
          'title' => __('By Line', BASE_THEME),
          'description' => __('CSS options for styling the post information by line in posts', BASE_THEME),
          'parent' => 'content',
          'selectors' => array('.post-byline'),
          'link-visited' => '#a9a9a9',
          'link-color' => '#a9a9a9',
          'link-hover' => '#f7504c',
          'link-focus' => '#a9a9a9',
          'font-color' => '#a9a9a9',
        ),

        'by-post-author' => array(
          'title' => __('Comment By Post Author', BASE_THEME),
          'description' => __('CSS options for styling the comment entry box that posted by the post author', BASE_THEME),
          'parent' => 'content',
          'selectors' => array('.bypostauthor > .comment-wrapper'),
          'background-color' => '#fefefe',
          'border-color' => '',
          'border-style' => '',
          'border-width' => '',
        ),


        'well' => array(
          'title' => __('Well Element', BASE_THEME),
          'description' => __('CSS options for styling bootstrap well element, this is also used to display the author information box', BASE_THEME),
          'parent' => 'bootstrap',
          'selectors' => array('#page .well'),
          'font-color' => '#f8f8f8',
          'background-color' => '#f7504b',
          'heading-color' => '#ffffff',
          'link-visited' => '#ffffff',
          'link-color' => '#ffffff',
          'link-hover' => '#f7f7f7',
          'link-focus' => '#ffffff',
        ),

        'pagination' => array(
          'title' => __('Pagination Element', BASE_THEME),
          'description' => __('CSS options for styling the pager element, including the in post pagination links', BASE_THEME),
          'parent' => 'content',
          'selectors' => array('.page-links a', '.pagination li a'),
          'border-color' => '#bfbfbf',
          'font-color' => '#bfbfbf',
          'hover-border-color' => '#f7504c',
          'hover-font-color' => '#f7504c',
        ),

        'pagination-active' => array(
          'title' => __('Pagination Active Element', BASE_THEME),
          'parent' => 'content',
          'description' => __('CSS options for styling the active pager element', BASE_THEME),
          'selectors' => array('.page-links > span', '.pagination li span'),
          'border-color' => '#f7504c',
          'font-color' => '#f7504c',
        ),


        'thumbnail-image' => array(
          'title' => __('Thumbnail Image', BASE_THEME),
          'description' => __('CSS options for styling thumbnail image element', BASE_THEME),
          'parent' => 'content',
          'selectors' => array('.thumbnail'),
          'background-color' => '#eeeeeee',
        ),

        'thumbnail-image-hover' => array(
          'title' => __('Thumbnail Image Hover', BASE_THEME),
          'description' => __('CSS options for styling thumbnail image hover', BASE_THEME),
          'parent' => 'content',
          'selectors' => array('.teaser-hover .mask'),
          'background-color' => 'rgba(247, 80, 76, 0.8)',
          'font-color' => '#ffffff',
        ),

        'thumbnail-image-hover-icon' => array(
          'title' => __('Thumbnail Image Hover Icon', BASE_THEME),
          'description' => __('CSS options for styling thumbnail image hover Icon', BASE_THEME),
          'parent' => 'content',
          'selectors' => array('.teaser-hover .mask i'),
          'background-color' => '#ffffff',
          'font-color' => '#f7504c',
        ),

        'contact-info-icon' => array(
          'title' => __('Contact Information Icon', BASE_THEME),
          'description' => __('CSS options for styling contact information icon', BASE_THEME),
          'parent' => 'contactinfo',
          'selectors' => array('.contact-rows > .faplus'),
          'font-color' => '#379cfa',
        ),

        'contact-info-label' => array(
          'title' => __('Contact Information Label', BASE_THEME),
          'description' => __('CSS options for styling contact information heading', BASE_THEME),
          'parent' => 'contactinfo',
          'selectors' => array('.contact-heading'),
          'font-color' => '#f7504b',
          'font-weight' => 'bold',
        ),

        'contact-info-text' => array(
          'title' => __('Contact Information Text', BASE_THEME),
          'description' => __('CSS options for styling contact information text', BASE_THEME),
          'parent' => 'contactinfo',
          'selectors' => array('.contact-text'),
          'font-color' => '',
          'font-weight' => 'bold',
        ),


        'sidebar' => array(
          'title' => __('Sidebar Element', BASE_THEME),
          'description' => __('CSS Options for styling the sidebar element inside the main content area', BASE_THEME),
          'parent' => 'content',
          'selectors' => array('#sidebar'),
          'background-image' => '',
          'background-color' => '',
          'background-repeat' => '',
          'background-size' => '',
          'background-position' => '',
          'font-color' => '',
          'link-color' => '#606060',
          'link-hover' => '#000000',
          'link-focus' => '#000000',
          'heading-color' => '',
          'border-color' => '',
          'border-style' => '',
          'border-width' => '',
        ),


        'content_bottom' => array(
          'title' => __('Content Bottom Element', BASE_THEME),
          'description' => __('CSS Options for styling the content bottom area', BASE_THEME),
          'parent' => 'content_bottom',
          'selectors' => array('#content-bottom'),
          'background-image' => '',
          'background-color' => '#f7504c',
          'background-repeat' => '',
          'background-size' => '',
          'background-position' => '',
          'font-color' => '#eeeeee',
          'link-color' => '#eeeeee',
          'link-hover' => '#eeeeee',
          'link-focus' => '#eeeeee',
          'font-size' => '26px',
          'font-family' => 'Kreon',
          'heading-color' => '#eeeeee',
          'border-color' => '#eeeeee',
        ),

        'content_bottom_button' => array(
          'title' => __('Button Element', BASE_THEME),
          'description' => __('CSS options for styling the button and input submit element inside the content bottom element.', BASE_THEME),
          'parent' => 'content_bottom',
          'selectors' => array(
            '#content-bottom .btn', '#content-bottom .btn.active', '#content-bottom .active > .btn', '#content-bottom input[type=submit]', '#content-bottom a.btn',
          ),
          'font-size' => '16px',
          'font-color' => '#eeeeee',
          'font-family' => 'Roboto',
          'border-color' => '#eeeeee',
          'background-color' => '#f7504c',
          'focus-font-color' => '#ffffff',
          'focus-border-color' => '#ffffff',
          'focus-background-color' => '#f7504c',
          'hover-font-color' => '#ffffff',
          'hover-border-color' => '#ffffff',
          'hover-background-color' => '#f7504c',
        ),


        'content_bottom_blog' => array(
          'title' => __('Single Post Content Bottom Element', BASE_THEME),
          'description' => __('CSS Options for styling the single post content bottom area', BASE_THEME),
          'parent' => 'content_bottom',
          'selectors' => array('body.single-post #content-bottom'),
          'background-image' => VTCORE_ZEUS_THEME_URL . '/assets/theme/css/images/content-bottom-blog.png',
          'background-color' => '#59b630',
          'background-repeat' => 'no-repeat',
          'background-size' => 'auto 100%',
          'background-position' => '20% top',
          'font-color' => '#eeeeee',
          'link-color' => '#eeeeee',
          'link-hover' => '#eeeeee',
          'link-focus' => '#eeeeee',
          'font-size' => '26px',
          'font-family' => 'Kreon',
          'heading-color' => '#eeeeee',
          'border-color' => '#eeeeee',
        ),

        'content_bottom_button_blog' => array(
          'title' => __('Single Post Content Bottom Button Element', BASE_THEME),
          'description' => __('CSS options for styling the button and input submit element inside the content bottom element on single post page.', BASE_THEME),
          'parent' => 'content_bottom',
          'selectors' => array(
            'body.single-post #content-bottom .btn',
            'body.single-post #content-bottom .btn.active',
            'body.single-post #content-bottom .active > .btn',
            'body.single-post #content-bottom input[type=submit]',
            'body.single-post #content-bottom a.btn',
          ),
          'font-size' => '16px',
          'font-color' => '#eeeeee',
          'border-color' => '#eeeeee',
          'background-color' => '#59b630',
          'focus-font-color' => '#ffffff',
          'focus-border-color' => '#ffffff',
          'focus-background-color' => '#59b630',
          'hover-font-color' => '#ffffff',
          'hover-border-color' => '#ffffff',
          'hover-background-color' => '#59b630',
        ),


        'content_bottom_portfolio' => array(
          'title' => __('Portfolio Content Bottom Element', BASE_THEME),
          'description' => __('CSS Options for styling the single portfolio and archive porfolio page content bottom area', BASE_THEME),
          'parent' => 'content_bottom',
          'selectors' => array(
            'body.single-portfolio #content-bottom',
            'body.post-type-archive-portfolio #content-bottom',
            'body.template-page-portfolio-list #content-bottom',
            'body.template-page-portfolio-grid #content-bottom',
          ),
          'background-image' => VTCORE_ZEUS_THEME_URL . '/assets/theme/css/images/content-bottom-portfolio.png',
          'background-color' => '#15d2fa',
          'background-repeat' => 'no-repeat',
          'background-size' => 'auto 100%',
          'background-position' => '20% top',
          'font-color' => '#eeeeee',
          'link-color' => '#eeeeee',
          'link-hover' => '#eeeeee',
          'link-focus' => '#eeeeee',
          'font-size' => '26px',
          'font-family' => 'Kreon',
          'heading-color' => '#eeeeee',
          'border-color' => '#eeeeee',
        ),

        'content_bottom_button_portfolio' => array(
          'title' => __('Portfolio Content Bottom Button Element', BASE_THEME),
          'description' => __('CSS options for styling the button and input submit element inside the content bottom element on single portfolio and archive portfolio page.', BASE_THEME),
          'parent' => 'content_bottom',
          'selectors' => array(
            'body.post-type-archive-portfolio #content-bottom .btn',
            'body.post-type-archive-portfolio #content-bottom .btn.active',
            'body.post-type-archive-portfolio #content-bottom .active > .btn',
            'body.post-type-archive-portfolio #content-bottom input[type=submit]',
            'body.post-type-archive-portfolio #content-bottom a.btn',
            'body.single-portfolio #content-bottom .btn',
            'body.single-portfolio #content-bottom .btn.active',
            'body.single-portfolio #content-bottom .active > .btn',
            'body.single-portfolio #content-bottom input[type=submit]',
            'body.single-portfolio #content-bottom a.btn',
            'body.template-page-portfolio-list #content-bottom .btn',
            'body.template-page-portfolio-list #content-bottom .btn.active',
            'body.template-page-portfolio-list #content-bottom .active > .btn',
            'body.template-page-portfolio-list #content-bottom input[type=submit]',
            'body.template-page-portfolio-list #content-bottom a.btn',
            'body.template-page-portfolio-grid #content-bottom .btn',
            'body.template-page-portfolio-grid #content-bottom .btn.active',
            'body.template-page-portfolio-grid #content-bottom .active > .btn',
            'body.template-page-portfolio-grid #content-bottom input[type=submit]',
            'body.template-page-portfolio-grid #content-bottom a.btn',
          ),
          'font-size' => '16px',
          'font-color' => '#eeeeee',
          'border-color' => '#eeeeee',
          'background-color' => '#15d2fa',
          'focus-font-color' => '#ffffff',
          'focus-border-color' => '#ffffff',
          'focus-background-color' => '#15d2fa',
          'hover-font-color' => '#ffffff',
          'hover-border-color' => '#ffffff',
          'hover-background-color' => '#15d2fa',
        ),

        'socialbutton' => array(
          'title' => __('Social Button', BASE_THEME),
          'description' => __('Global styling for social buttons.', BASE_THEME),
          'parent' => 'content',
          'selectors' => array('.post-social i'),
          'background-color' => '#cfcece',
          'font-color' => '#ffffff',
        ),

        'socialbutton-footer' => array(
          'title' => __('Social Button in Footer', BASE_THEME),
          'description' => __('Social buttons in footer background.', BASE_THEME),
          'parent' => 'content',
          'selectors' => array(
            '#footer .post-social i',
          ),
          'background-color' => '#545454',
        ),

        'socialbutton-single' => array(
          'title' => __('Social Button Background', BASE_THEME),
          'description' => __('Single Post styling for social buttons background.', BASE_THEME),
          'parent' => 'content',
          'selectors' => array(
            '.single #maincontent .post-social',
          ),
          'background-color' => '#e5e5e5',
        ),

        'timeline-major' => array(
          'title' => __('Timeline Major elements', BASE_THEME),
          'description' => __('CSS styling for the timeline major events element.', BASE_THEME),
          'parent' => 'timeline',
          'selectors' => array(
            '#page .timeline-major',
          ),
          'background-color' => '#4c4c4c',
          'border-color' => '#4c4c4c',
          'font-color' => '#f4f4f4',
        ),

        'timeline-icon' => array(
          'title' => __('Timeline Icon elements', BASE_THEME),
          'description' => __('CSS styling for the timeline Icon element.', BASE_THEME),
          'parent' => 'timeline',
          'selectors' => array(
            '#page .timeline-events .timeline-icon.faplus > .fa',
          ),
          'background-color' => '#4c4c4c',
          'font-color' => '#f4f4f4',
          'border-color' => '#f7504c',
        ),

        'timeline-date' => array(
          'title' => __('Timeline Day elements', BASE_THEME),
          'description' => __('CSS styling for the timeline day element.', BASE_THEME),
          'parent' => 'timeline',
          'selectors' => array(
            '#page .timeline-time',
            '#page .timeline-time span',
          ),
          'font-color' => '#bfbfbf',
          'border-color' => '#bfbfbf',
          'background' => '#eeeeee',
          'after-border-color' => '#eeeeee',
        ),

        'timeline-ends' => array(
          'title' => __('Timeline Ending elements', BASE_THEME),
          'description' => __('CSS styling for the timeline ending element.', BASE_THEME),
          'parent' => 'timeline',
          'selectors' => array(
            '#page .timeline-end',
          ),
          'background-color' => '#4c4c4c',
          'border-color' => '#4c4c4c',
          'font-color' => '#f4f4f4',
        ),

        'timeline-line' => array(
          'title' => __('Timeline Line elements', BASE_THEME),
          'description' => __('CSS styling for the timeline line element.', BASE_THEME),
          'parent' => 'timeline',
          'selectors' => array(
            '#page .timeline-bar',
          ),
          'background-color' => '#d6d6d6',
        ),

        'portfolio-single-title' => array(
          'title' => __('Portfolio Single Title', BASE_THEME),
          'description' => __('CSS styling for the portfolio single page title.', BASE_THEME),
          'parent' => 'portfolio',
          'selectors' => array(
            '.single.portfolio .portfolio-single-title',
          ),
          'font-color' => '#a9a9a9',
          'font-size' => '46px',
          'font-weight' => 'normal',
          'font-family' => 'Kreon',
        ),

        'portfolio-fotorama-thumb-active' => array(
          'title' => __('Portfolio Gallery Thumbnail Active', BASE_THEME),
          'description' => __('CSS styling for the portfolio fotorama thumbnail active border.', BASE_THEME),
          'parent' => 'portfolio',
          'selectors' => array(
            '.single.portfolio .fotorama__thumb-border',
          ),
          'border-color' => '#f7504c',
        ),

        'portfolio-fotorama-dot' => array(
          'title' => __('Portfolio Gallery Dot', BASE_THEME),
          'description' => __('CSS styling for the portfolio fotorama dot navigation.', BASE_THEME),
          'parent' => 'portfolio',
          'selectors' => array(
            '.single.portfolio  .fotorama__dot',
          ),
          'background-color' => '#555555',
          'hover-background-color' => '#f7504c',
        ),

        'portfolio-fotorama-dot-active' => array(
          'title' => __('Portfolio Gallery Active Dot', BASE_THEME),
          'description' => __('CSS styling for the portfolio fotorama dot navigation active state.', BASE_THEME),
          'parent' => 'portfolio',
          'selectors' => array(
            '.single.portfolio .fotorama__active  .fotorama__dot',
          ),
          'background-color' => '#f7504c',
          'hover-background-color' => '',
        ),


        'portfolio-fotorama-arrows' => array(
          'title' => __('Portfolio Gallery Arrows', BASE_THEME),
          'description' => __('CSS styling for the portfolio fotorama arrows navigation.', BASE_THEME),
          'parent' => 'portfolio',
          'selectors' => array(
            '.single.portfolio .fotorama__arr',
          ),
          'font-color' => '#f7504c',
          'hover-font-color' => '',
        ),


        'portfolio-project-icon' => array(
          'title' => __('Portfolio Project Icons', BASE_THEME),
          'description' => __('CSS styling for the portfolio project icon. Only applied to circle and diamond shape', BASE_THEME),
          'parent' => 'portfolio',
          'selectors' => array(
            '.single.portfolio .portfolio-project-item .faplus-shape-circle',
            '.single.portfolio .portfolio-project-item .faplus-shape-diamond',
          ),
          'background-color' => '#f7504c',
          'font-color' => '#ffffff',
        ),


        'table' => array(
          'title' => __('HTML Table Rows Element', BASE_THEME),
          'description' => __('Global styling for HTML Table Rows.', BASE_THEME),
          'parent' => 'html',
          'selectors' => array(
            'table > thead > tr > th',
            'table > tbody > tr > th',
            'table > tfoot > tr > th',
            'table > thead > tr > td',
            'table > tbody > tr > td',
            'table > tfoot > tr > td',
          ),
          'background-color' => '',
          'font-color' => '',
          'border-color' => '#eaeff0',
        ),

        'table-odd' => array(
          'title' => __('HTML Table Rows Zebra', BASE_THEME),
          'description' => __('Global styling for HTML Table Rows Odd number.', BASE_THEME),
          'parent' => 'html',
          'selectors' => array(
            'table > tbody > tr:nth-child(odd) > td',
          ),
          'background-color' => '#eaeff0',
          'font-color' => '',
          'border-color' => '#eaeff0',
        ),


        'table-inverse' => array(
          'title' => __('HTML Table Inverse Rows Element', BASE_THEME),
          'description' => __('Global styling for HTML Table Inverse Rows. This is mainly used in footer area.', BASE_THEME),
          'parent' => 'html',
          'selectors' => array(
            '.inverse table > thead > tr > th',
            '.inverse table > tbody > tr > th',
            '.inverse table > tfoot > tr > th',
            '.inverse table > thead > tr > td',
            '.inverse table > tbody > tr > td',
            '.inverse table > tfoot > tr > td',
          ),
          'background-color' => '',
          'font-color' => '#636363',
          'border-color' => '#444444',
        ),

        'table-odd-inverse' => array(
          'title' => __('HTML Table Inverse Rows Zebra', BASE_THEME),
          'description' => __('Global styling for HTML Table Inverse Rows Odd number. This is mainly used in footer area.', BASE_THEME),
          'parent' => 'html',
          'selectors' => array(
            '.inverse table > tbody > tr:nth-child(odd) > td',
          ),
          'background-color' => '#333333',
          'font-color' => '',
          'border-color' => '#444444',
        ),


        'blockquote' => array(
          'title' => __('Blockquote Element', BASE_THEME),
          'description' => __('Global styling for HTML blockquote element.', BASE_THEME),
          'parent' => 'html',
          'selectors' => array(
            'blockquote',
          ),
          'background-color' => '',
          'font-color' => '',
          'border-color' => '#eaeff0',
        ),


        'search-box' => array(
          'title' => __('Search Box Element', BASE_THEME),
          'description' => __('Global styling for search box input element.', BASE_THEME),
          'parent' => 'content',
          'selectors' => array(
            '.search-form',
          ),
          'background-color' => '',
          'font-color' => '#bbbbbb',
          'border-color' => '',
        ),

        'panel' => array(
          'title' => __('Panel Wrapper', BASE_THEME),
          'description' => __('Global styling Bootstrap panel wrapper including the list group, tabs and accordions.', BASE_THEME),
          'parent' => 'bootstrap',
          'selectors' => array(
            '#page .area .panel-default',
          ),
          'background-color' => '#eeeeee',
          'font-color' => '#565656',
          'border-color' => '#e0e0e0',
        ),

        'panel-heading' => array(
          'title' => __('Panel Heading', BASE_THEME),
          'description' => __('Global styling Bootstrap panel heading elements including the list group, tabs and accordions.', BASE_THEME),
          'parent' => 'bootstrap',
          'selectors' => array(
            '#page .panel-default > .panel-heading',
            '#page .panel-default > .panel-heading > .panel-title',
          ),
          'background-color' => '#eeeeee',
          'link-color' => '#a9a9a9',
          'link-hover' => '#b9b9b9',
          'link-focus' => '#b9b9b9',
          'link-visited' => '#a9a9a9',
          'font-color' => '#a9a9a9',
          'font-weight' => 'normal',
          'font-size' => '16px',
          'border-color' => '#eaeaea',
        ),


        'panel-heading-tabs' => array(
          'title' => __('Panel Heading Tabs', BASE_THEME),
          'description' => __('Global styling Bootstrap panel heading tabbed elements.', BASE_THEME),
          'parent' => 'bootstrap',
          'selectors' => array(
            '#page .panel-default > .panel-heading li',
          ),
          'background-color' => '',
          'link-color' => '',
          'link-hover' => '',
          'link-focus' => '',
          'link-visited' => '',
          'font-color' => '',
        ),

        'panel-heading-tabs-active' => array(
          'title' => __('Panel Heading Active State', BASE_THEME),
          'description' => __('Global styling Bootstrap panel heading on active state.', BASE_THEME),
          'parent' => 'bootstrap',
          'selectors' => array(
            '#page .panel-default > .panel-heading li.ui-state-active',
            '#page .panel-default > .panel-heading.ui-state-active',
          ),
          'background-color' => '#f7504b',
          'link-color' => '#f3f1f1',
          'link-hover' => '#f3f1f1',
          'link-focus' => '#f3f1f1',
          'link-visited' => '#f3f1f1',
          'font-color' => '#f3f1f1',
        ),


        'form-elements' => array(
          'title' => __('Form Elements', BASE_THEME),
          'description' => __('Global styling for input, select and textarea form elements.', BASE_THEME),
          'parent' => 'form',
          'selectors' => array(
            'select',
            'textarea',
            'input[type="text"]',
            'input[type="password"]',
            'input[type="datetime"]',
            'input[type="datetime-local"]',
            'input[type="date"]',
            'input[type="month"]',
            'input[type="time"]',
            'input[type="week"]',
            'input[type="number"]',
            'input[type="email"]',
            'input[type="url"]',
            'input[type="search"]',
            'input[type="tel"]',
            'input[type="color"]'
          ),
          'background-color' => '#eeeeee',
          'font-color' => '#8b8b8b',
          'border-color' => '#dfdfdf',
          'focus-background-color' => '',
          'focus-font-color' => '',
          'focus-border-color' => '#bbbbbb',
        ),

        'uneditable-form-elements' => array(
          'title' => __('Uneditable Form Elements', BASE_THEME),
          'description' => __('Global styling for input and textarea form elements when it is not editable.', BASE_THEME),
          'parent' => 'form',
          'selectors' => array(
            '.uneditable-input',
            '.uneditable-textarea',
          ),
          'background-color' => '#eeeeee',
          'font-color' => '#aaaaaa',
        ),

        'placeholder-form-elements' => array(
          'title' => __('Form Elements Placeholder', BASE_THEME),
          'description' => __('Global styling for input and textarea placeholder.', BASE_THEME),
          'parent' => 'form',
          'selectors' => array(
            'input:-moz-placeholder',
            'textarea:-moz-placeholder',
            'input:-ms-input-placeholder',
            'textarea:-ms-input-placeholder',
            'input::-webkit-input-placeholder',
            'textarea::-webkit-input-placeholder',
          ),
          'font-color' => '#bcbcbc',
        ),


        'disabled-form-elements' => array(
          'title' => __('Disabled Form Elements', BASE_THEME),
          'description' => __('Global styling for input, select and textarea on disabled', BASE_THEME),
          'parent' => 'form',
          'selectors' => array(
            'input[disabled]',
            'select[disabled]',
            'textarea[disabled]',
            'input[readonly]',
            'select[readonly]',
            'textarea[readonly]',
          ),
          'background-color' => '#eeeeee',
          'font-color' => '',
          'border-color' => '',
        ),

        'button' => array(
          'title' => __('Button Element', BASE_THEME),
          'description' => __('CSS options for styling the button and input submit element which will be applied to the readmore button too.', BASE_THEME),
          'parent' => 'form',
          'selectors' => array(
            '.btn', '.btn.active', '.active > .btn', 'input[type=submit]', 'a.btn',
          ),
          'font-color' => '#f7504c',
          'border-color' => '#f7504c',
          'background-color' => '#eeeeee',
          'focus-font-color' => '#f7504c',
          'focus-border-color' => '#f7504c',
          'focus-background-color' => '#eeeeee',
          'hover-font-color' => '#ffffff',
          'hover-border-color' => '#f7504c',
          'hover-background-color' => '#f7504c',
        ),

        'button-active' => array(
          'title' => __('Button Active Element', BASE_THEME),
          'description' => __('CSS options for styling the button and input submit element on active state which will be applied to the readmore button too.', BASE_THEME),
          'parent' => 'form',
          'selectors' => array('.btn.active', '.active > .btn'),
          'font-color' => '#ffffff',
          'background-color' => '#f7504c',
        ),

        'button-primary' => array(
          'title' => __('Button Primary Element', BASE_THEME),
          'description' => __('CSS options for styling the button primary', BASE_THEME),
          'parent' => 'form',
          'selectors' => array(
            '.btn-primary', '.btn-primary.active', 'a.btn-primary', '.btn-primary.disabled', '.active > .btn-primary'
          ),
          'font-color' => '#bfbfbf',
          'border-color' => '#bfbfbf',
          'background-color' => '#eeeeee',
          'hover-font-color' => '#f7504c',
          'hover-border-color' => '#f7504c',
          'hover-background-color' => '#eeeeee',
          'focus-font-color' => '#f7504c',
          'focus-border-color' => '#f7504c',
          'focus-background-color' => '#eeeeee',
        ),

        'footer' => array(
          'title' => __('Footer Element', BASE_THEME),
          'description' => __('CSS options for styling the footer area.', BASE_THEME),
          'parent' => 'footer',
          'selectors' => array('#footer'),
          'background-image' => '',
          'background-color' => '#444444',
          'background-repeat' => '',
          'background-size' => '',
          'background-position' => '',
          'heading-color' => '#eeeeee',
          'heading-family' => 'Kreon',
          'font-color' => '#bfbfbf',
          'link-color' => '#bfbfbf',
          'link-hover' => '#f6f6f6',
          'link-focus' => '#f6f6f6',
          'border-color' => '#5c5c5d',
        ),


        'footer-list' => array(
          'title' => __('Footer List', BASE_THEME),
          'description' => __('CSS options for styling the footer list.', BASE_THEME),
          'parent' => 'footer',
          'selectors' => array(
            '#footer .widget_recent_entries li',
          ),
          'border-color' => '#5b5b5b',
        ),

        'form-elements-inverse' => array(
          'title' => __('Inversed Form Elements', BASE_THEME),
          'description' => __('Global styling for inversed input, select and textarea form elements. this is mainly used in footer area.', BASE_THEME),
          'parent' => 'form',
          'selectors' => array(
            '.inverse select',
            '.inverse textarea',
            '.inverse input[type="text"]',
            '.inverse input[type="password"]',
            '.inverse input[type="datetime"]',
            '.inverse input[type="datetime-local"]',
            '.inverse input[type="date"]',
            '.inverse input[type="month"]',
            '.inverse input[type="time"]',
            '.inverse input[type="week"]',
            '.inverse input[type="number"]',
            '.inverse input[type="email"]',
            '.inverse input[type="url"]',
            '.inverse input[type="search"]',
            '.inverse input[type="tel"]',
            '.inverse input[type="color"]'
          ),
          'background-color' => '#333333',
          'font-color' => '#636363',
          'border-color' => '#333333',
          'focus-background-color' => '',
          'focus-font-color' => '#cccccc',
          'focus-border-color' => '#222222',
        ),


        'uneditable-form-elements-inverse' => array(
          'title' => __('Inversed Uneditable Form Elements', BASE_THEME),
          'description' => __('Global styling for inversed input and textarea form elements when it is not editable. this is mainly used in footer area.', BASE_THEME),
          'parent' => 'form',
          'selectors' => array(
            '.uneditable-input',
            '.uneditable-textarea',
          ),
          'background-color' => '#555555',
          'font-color' => '#262626',
        ),

        'placeholder-form-elements-inverse' => array(
          'title' => __('Inversed Form Elements Placeholder', BASE_THEME),
          'description' => __('Global styling for inversed input and textarea placeholder. this is mainly used in footer area.', BASE_THEME),
          'parent' => 'form',
          'selectors' => array(
            'input:-moz-placeholder',
            'textarea:-moz-placeholder',
            'input:-ms-input-placeholder',
            'textarea:-ms-input-placeholder',
            'input::-webkit-input-placeholder',
            'textarea::-webkit-input-placeholder',
          ),
          'font-color' => '#777777',
        ),


        'disabled-form-elements-inverse' => array(
          'title' => __('Inversed Disabled Form Elements', BASE_THEME),
          'description' => __('Global styling for inversed input, select and textarea on disabled. this is mainly used in footer area.', BASE_THEME),
          'parent' => 'form',
          'selectors' => array(
            'input[disabled]',
            'select[disabled]',
            'textarea[disabled]',
            'input[readonly]',
            'select[readonly]',
            'textarea[readonly]',
          ),
          'background-color' => '#282828',
          'font-color' => '',
          'border-color' => '',
        ),




        'fullfooter' => array(
          'title' => __('Full Footer Element', BASE_THEME),
          'description' => __('CSS options for configuring the style for full footer region which hold the copyright notice and footer menu.', BASE_THEME),
          'parent' => 'footer',
          'selectors' => array('#fullfooter'),
          'background-image' => '',
          'background-color' => '#353535',
          'background-repeat' => '',
          'background-size' => '',
          'background-position' => '',
          'font-color' => '#bfbfbf',
          'link-color' => '#cccccc',
          'link-hover' => '#eeeeee',
          'link-focus' => '#eeeeee',
          'heading-color' => '#bfbfbf',
          'border-color' => '#bfbfbf',
        ),




        'widget_tagcloud' => array(
          'title' => __('Tag Cloud', BASE_THEME),
          'description' => __('CSS options for configuring the style for tag cloud widget', BASE_THEME),
          'parent' => 'widgets',
          'selectors' => array(
            '#page .widget_tag_cloud .tagcloud a'
          ),
          'background-color' => '',
          'font-color' => '#f7504c',
          'hover-font-color' => '#eeeeee',
          'focus-font-color' => '#eeeeee',
          'border-color' => '#f7504c',
          'hover-background-color' => '#f7504c',
          'focus-background-color' => '#f7504c',
        ),


        'widget_calendar' => array(
          'title' => __('Calendar Today', BASE_THEME),
          'description' => __('CSS options for configuring the calendar today element', BASE_THEME),
          'parent' => 'widgets',
          'selectors' => array(
            '#page .widget_calendar #today'
          ),
          'background-color' => '#f7504c',
          'font-color' => '#eeeeee',
          'link-color' => '#eeeeee',
          'link-focus' => '#eeeeee',
        ),


        'visual_progressbar_background' => array(
          'title' => __('ProgressBar Background', BASE_THEME),
          'description' => __('CSS options for Visual Composer progress bar background', BASE_THEME),
          'parent' => 'visualcomposer',
          'selectors' => array(
            '#page .vc_single_bar'
          ),
          'background-color' => '#e2e2e2',
        ),


        'visual_progressbar_bar' => array(
          'title' => __('ProgressBar Bar Background', BASE_THEME),
          'description' => __('CSS options for Visual Composer progressbar bar background', BASE_THEME),
          'parent' => 'visualcomposer',
          'selectors' => array(
            '#page .vc_bar'
          ),
          'background-color' => '#f7504c',
        ),

        'visual_progressbar_text' => array(
          'title' => __('ProgressBar Text', BASE_THEME),
          'description' => __('CSS options for Visual Composer progressbar title text', BASE_THEME),
          'parent' => 'visualcomposer',
          'selectors' => array(
            '#page .progress_label'
          ),
          'font-color' => '#434343',
          'font-size' => '18px',
          'font-family' => '',
        ),

        'visual_progressbar_small' => array(
          'title' => __('ProgressBar Unit Text', BASE_THEME),
          'description' => __('CSS options for Visual Composer progressbar unit text', BASE_THEME),
          'parent' => 'visualcomposer',
          'selectors' => array(
            '#page .progress_label .vc_label_units'
          ),
          'font-color' => '#a9a9a9',
          'font-size' => '18px',
          'font-family' => '',
        ),

      ),
    );


    return $this;
  }

}