tag in the document head, and expect WordPress to * provide it for us. */ add_theme_support( 'title-tag' ); } endif; // kdetheme_setup add_action( 'after_setup_theme', 'kdetheme_setup' ); /** * Register widgetized area and update sidebar with default widgets. */ function kdetheme_widgets_init() { register_sidebar( array( 'name' => esc_html__( 'Sidebar', 'kdetheme' ), 'id' => 'sidebar-1', 'before_widget' => '<aside id="%1$s" class="widget %2$s">', 'after_widget' => '</aside>', 'before_title' => '<h3 class="widget-title">', 'after_title' => '</h3>', )); register_widget( 'kdetheme_social_widget' ); register_widget( 'kdetheme_recent_posts' ); register_widget( 'kdetheme_categories' ); } add_action( 'widgets_init', 'kdetheme_widgets_init' ); /* -------------------------------------------------------------- Theme Widgets -------------------------------------------------------------- */ require_once(get_template_directory() . '/inc/widgets/widget-categories.php'); require_once(get_template_directory() . '/inc/widgets/widget-social.php'); require_once(get_template_directory() . '/inc/widgets/widget-recent-posts.php'); /** * This function removes inline styles set by WordPress gallery. */ function kdetheme_remove_gallery_css( $css ) { return preg_replace( "#<style type='text/css'>(.*?)</style>#s", '', $css ); } add_filter( 'gallery_style', 'kdetheme_remove_gallery_css' ); /** * Enqueue scripts and styles. */ function kdetheme_scripts() { // Add Bootstrap default CSS - wp_enqueue_style( 'kdetheme-bootstrap', get_template_directory_uri() . '/inc/css/bootstrap.min.css' ); + wp_enqueue_style( 'aether-bootstrap', get_template_directory_uri() . '/inc/css/bootstrap.min.css' ); // Add Font Awesome stylesheet - wp_enqueue_style( 'kdetheme-icons', get_template_directory_uri().'/inc/css/font-awesome.min.css' ); + wp_enqueue_style( 'aether-icons', get_template_directory_uri().'/inc/css/font-awesome.min.css' ); // Add Google Fonts - wp_enqueue_style( 'kdetheme-fonts', '//fonts.googleapis.com/css?family=Lora:400,400italic,700,700italic|Montserrat:400,700|Maven+Pro:400,700'); + //wp_enqueue_style( 'aether-fonts', '//fonts.googleapis.com/css?family=Lora:400,400italic,700,700italic|Montserrat:400,700|Maven+Pro:400,700'); + + // Add Google Fonts + wp_enqueue_style( 'aether-fonts', ''); + + // Add Glyphs font + wp_enqueue_style( 'aether-glyphs', get_template_directory_uri() . '/inc/css/glyph.css' ); // Add slider CSS only if is front page ans slider is enabled if( ( is_home() || is_front_page() ) && get_theme_mod('kdetheme_featured_hide') == 1 ) { wp_enqueue_style( 'flexslider-css', get_template_directory_uri().'/inc/css/flexslider.css' ); } // Add main theme stylesheet - wp_enqueue_style( 'kdetheme-style', get_stylesheet_uri() ); + wp_enqueue_style( 'aether-style', get_stylesheet_uri() ); + + // Add Glyphs font + wp_enqueue_style( 'aether-header', get_template_directory_uri() . '/inc/css/header.css' ); + // Add Modernizr for better HTML5 and CSS3 support - wp_enqueue_script('kdetheme-modernizr', get_template_directory_uri().'/inc/js/modernizr.min.js', array('jquery') ); + wp_enqueue_script('aether-modernizr', get_template_directory_uri().'/inc/js/modernizr.min.js', array('jquery') ); + // Add Bootstrap default JS - wp_enqueue_script('kdetheme-bootstrapjs', get_template_directory_uri().'/inc/js/bootstrap.min.js', array('jquery') ); + wp_enqueue_script('aether-bootstrapjs', get_template_directory_uri().'/inc/js/bootstrap.min.js', array('jquery') ); + // Add Modernizr for better HTML5 and CSS3 support + wp_enqueue_script('aether-header', get_template_directory_uri().'/inc/js/header.js', array('jquery') ); + // Add slider JS only if is front page ans slider is enabled if( ( is_home() || is_front_page() ) && get_theme_mod('kdetheme_featured_hide') == 1 ) { wp_register_script( 'flexslider-js', get_template_directory_uri() . '/inc/js/flexslider.min.js', array('jquery'), '20140222', true ); } // Main theme related functions - wp_enqueue_script( 'kdetheme-functions', get_template_directory_uri() . '/inc/js/functions.min.js', array('jquery') ); + wp_enqueue_script( 'aether-functions', get_template_directory_uri() . '/inc/js/functions.min.js', array('jquery') ); // This one is for accessibility - wp_enqueue_script( 'kdetheme-skip-link-focus-fix', get_template_directory_uri() . '/inc/js/skip-link-focus-fix.js', array(), '20140222', true ); + wp_enqueue_script( 'aether-skip-link-focus-fix', get_template_directory_uri() . '/inc/js/skip-link-focus-fix.js', array(), '20140222', true ); // Threaded comments if ( is_singular() && comments_open() && get_option( 'thread_comments' ) ) { wp_enqueue_script( 'comment-reply' ); } } add_action( 'wp_enqueue_scripts', 'kdetheme_scripts' ); /** * Custom template tags for this theme. */ require get_template_directory() . '/inc/template-tags.php'; /** * Custom functions that act independently of the theme templates. */ require get_template_directory() . '/inc/extras.php'; /** * Customizer additions. */ require get_template_directory() . '/inc/customizer.php'; /** * Load Jetpack compatibility file. */ require get_template_directory() . '/inc/jetpack.php'; /** * Load custom nav walker */ require get_template_directory() . '/inc/navwalker.php'; /** * Load custom metabox */ require get_template_directory() . '/inc/metaboxes.php'; /** * Social Nav Menu */ require get_template_directory() . '/inc/socialnav.php'; /* Globals */ global $site_layout, $header_show; $site_layout = array('pull-right' => esc_html__('Left Sidebar','kdetheme'), 'side-right' => esc_html__('Right Sidebar','kdetheme'), 'no-sidebar' => esc_html__('No Sidebar','kdetheme'),'full-width' => esc_html__('Full Width', 'kdetheme')); $header_show = array( 'logo-only' => __('Logo Only', 'kdetheme'), 'logo-text' => __('Logo + Tagline', 'kdetheme'), 'title-only' => __('Title Only', 'kdetheme'), 'title-text' => __('Title + Tagline', 'kdetheme') ); /* Get Single Post Category */ function kdetheme_get_single_category($post_id){ if( !$post_id ) return ''; $post_categories = wp_get_post_categories( $post_id ); if( !empty( $post_categories ) ){ return wp_list_categories('echo=0&title_li=&show_count=0&include='.$post_categories[0]); } return ''; } if ( ! function_exists( 'kdetheme_woo_setup' ) ) : /** * Sets up theme defaults and registers support for various WordPress features. */ function kdetheme_woo_setup() { /* * Enable support for WooCemmerce. */ add_theme_support( 'woocommerce' ); } endif; // kdetheme_woo_setup add_action( 'after_setup_theme', 'kdetheme_woo_setup' ); /* * Function to modify search template for header */ function kdetheme_header_search_filter($form){ $form = '<form action="'.esc_url( home_url( "/" ) ).'" method="get"><input type="text" name="s" value="'.get_search_query().'" placeholder="'. esc_attr_x( __('Search', 'kdetheme'), 'search placeholder', 'kdetheme' ).'"><button type="submit" class="header-search-icon" name="submit" id="searchsubmit" value="'. esc_attr_x( 'Search', 'submit button', 'kdetheme' ).'"><i class="fa fa-search"></i></button></form>'; return $form; } diff --git a/header.php b/header.php index defe5df..7d8027f 100644 --- a/header.php +++ b/header.php @@ -1,137 +1,179 @@ <?php /** * The Header for our theme. * * Displays all of the <head> section and everything up till <div id="content"> * * @package kdetheme */ + + $show_logo = true; + $show_title = false; + $show_tagline = true; + $logo = get_theme_mod('header_logo', ''); + $header_show = get_theme_mod('header_show', 'logo-text'); + + if( $header_show == 'logo-only' ){ + $show_tagline = false; + } + elseif( $header_show == 'title-only' ){ + $show_tagline = $show_logo = false; + } + elseif( $header_show == 'title-text' ){ + $show_logo = false; + $show_title = true; + } + + function get_custom_body_classes() { + $classes = get_body_class(); + + if (array_search('custom-background', $classes) !== false) { + unset($classes[array_search('custom-background', $classes)]); + } + + return 'class="'.implode(' ', $classes).'"'; + } + + + + ?><!doctype html> -  -  -  -  -  -<html class="no-js" <?php language_attributes(); ?>>  +<html <?php language_attributes(); ?> class="no-js"> <head> -<meta charset="<?php bloginfo( 'charset' ); ?>"> -<meta name="viewport" content="width=device-width, initial-scale=1"> -<link rel="profile" href="http://gmpg.org/xfn/11"> -<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>"> -<title><?php bloginfo( 'name' ); ?>

ID, 'site_layout', true) ){ $layout_class = get_post_meta($post->ID, 'site_layout', true); } else{ $layout_class = get_theme_mod( 'kdetheme_sidebar_position' ); }?>

diff --git a/inc/css/glyph.bak/glyph.eot b/inc/css/glyph.bak/glyph.eot new file mode 100644 index 0000000..733439e Binary files /dev/null and b/inc/css/glyph.bak/glyph.eot differ diff --git a/inc/css/glyph.bak/glyph.svg b/inc/css/glyph.bak/glyph.svg new file mode 100644 index 0000000..14c68a8 --- /dev/null +++ b/inc/css/glyph.bak/glyph.svg @@ -0,0 +1,47 @@ + + + \ No newline at end of file diff --git a/inc/css/glyph.bak/glyph.ttf b/inc/css/glyph.bak/glyph.ttf new file mode 100644 index 0000000..6bca8bc Binary files /dev/null and b/inc/css/glyph.bak/glyph.ttf differ diff --git a/inc/css/glyph.bak/glyph.woff b/inc/css/glyph.bak/glyph.woff new file mode 100644 index 0000000..13a0007 Binary files /dev/null and b/inc/css/glyph.bak/glyph.woff differ diff --git a/inc/css/glyph.css b/inc/css/glyph.css new file mode 100644 index 0000000..32329cb --- /dev/null +++ b/inc/css/glyph.css @@ -0,0 +1,136 @@ +@font-face { + font-family: 'glyph'; + src:url('../fonts/glyph.eot'); + src:url('../fonts/glyph.eot#iefix') format('embedded-opentype'), + url('../fonts/glyph.ttf') format('truetype'), + url('../fonts/glyph.woff') format('woff'), + url('../fonts/glyph.svg#glyph') format('svg'); + font-weight: normal; + font-style: normal; +} + +[class^="glyph-"], [class*=" glyph-"] { + font-family: 'glyph'; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + + /* Better Font Rendering =========== */ + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.glyph-favorite:before { + content: "\e900"; +} +.glyph-link:before { + content: "\6c"; +} +.glyph-share-diaspora:before { + content: "\2a"; +} +.glyph-share-facebook:before { + content: "\46"; +} +.glyph-share-gplus:before { + content: "\47"; +} +.glyph-share-reddit:before { + content: "\52"; +} +.glyph-share-twitter:before { + content: "\54"; +} +.glyph-share-ycombinator:before { + content: "\59"; +} +.glyph-view-catalog:before { + content: "\e908"; +} +.glyph-view-categories:before { + content: "\e909"; +} +.glyph-view-fullscreen:before { + content: "\e90a"; +} +.glyph-view-list-details:before { + content: "\e90b"; +} +.glyph-view-list-icons:before { + content: "\e90c"; +} +.glyph-view-list-text:before { + content: "\e90d"; +} +.glyph-view-list-tree:before { + content: "\e90e"; +} +.glyph-view-media-playlist:before { + content: "\e90f"; +} +.glyph-window-new:before { + content: "\57"; +} +.glyph-video:before { + content: "\56"; +} +.glyph-cancel:before { + content: "\5c"; +} +.glyph-check:before { + content: "\63"; +} +.glyph-close:before { + content: "\58"; +} +.glyph-logo-kde:before { + content: "\4b"; +} +.glyph-logo-plasma:before { + content: "\50"; +} +.glyph-logo-plasmamobile:before { + content: "\4d"; +} +.glyph-clear:before { + content: "\78"; +} +.glyph-go-down:before { + content: "\76"; +} +.glyph-go-home:before { + content: "\48"; +} +.glyph-go-next:before { + content: "\3e"; +} +.glyph-go-previous:before { + content: "\3c"; +} +.glyph-go-up:before { + content: "\5e"; +} +.glyph-hamburger:before { + content: "\3d"; +} +.glyph-info:before { + content: "\49"; +} +.glyph-new-window:before { + content: "\77"; +} +.glyph-search:before { + content: "\51"; +} +.glyph-settings:before { + content: "\53"; +} +.glyph-share:before { + content: "\73"; +} +.glyph-share-telegram:before { + content: "\2197"; +} diff --git a/inc/css/header.css b/inc/css/header.css new file mode 100644 index 0000000..8def744 --- /dev/null +++ b/inc/css/header.css @@ -0,0 +1,344 @@ + + +.hidden { + display: none !important; +} + +#primary-header { + font-family: 'Noto Sans', sans-serif; + font-size: 14px; + color: #31363b; + background-color: #FAFAFA; + background-clip: padding-box; + height: auto; + box-sizing: content-box; + border-bottom: solid 2px #1287de; +} + +#primary-header > .container { + position: relative; +} + +#primary-header * { + float: none !important; +} + + +#primary-header .container > * { + height: 50px; + line-height: 50px; + vertical-align: top; + margin: 0px; +} + +#primary-header #header-nav, #primary-header #header-logo { + float: none !important; + display: inline-block; +} + +#primary-header h1 a::before { + font-family: 'glyph'; + font-size: 32px; + content: "K"; + text-indent: 0px; + position: absolute; + top: 0px; + left: 0px; + width: 100%; + text-align: center; + line-height: 50px; +} + +#primary-header h1 a { + text-indent: -9999px; + position: relative; + display: inline-block; + width: 60px; + height: 50px; + margin: 0px; + line-height: 50px; + outline: 0; +} + +#primary-header h1 a:hover { + background-color: #e7e5e5; +} + + +#primary-header h1 a:focus, #primary-header h1 a.active { + background-color: #1287de; + color: #FFF; +} + +#primary-header .dropdown-menu { + min-width: 320px; + box-shadow: 0px 1px 8px rgba(0,0,0,.1); + padding: 0px; + border: solid 1px rgba(0,0,0,.2) !important; + border-radius: 4px; + line-height: 100%; + background-color: #FAFAFA; +} + +#primary-header .dropdown-toggle { + padding-right: 40px; + position: relative; +} + +#primary-header a:after { + font-family: "glyph"; + font-weight: 400; + font-size: 16px; + margin-left: 10px; + position: relative; + display: inline-block; + top: .1ex; + transition: all .2s; + color: #7a747c; + text-decoration: none !important; + vertical-align: middle; +} + + +#primary-header .menu-item-type-custom > a:after { + content: "W"; +} + + +#primary-header .dropdown-toggle:after { + content: "v" !important; +} + + +#primary-header .menu { + margin: 0px; + padding: 0px; +} + + +#primary-header .menu li { + vertical-align: top; +} + + +#primary-header .menu > li a { + height: 50px; + display: inline-block; + padding: 0px 20px; + color: #343031; +} + +#primary-header .menu > li a:hover { + background-color: #e7e5e5; +} + + +#primary-header li.open > a, #primary-header li.active > a { + background-color: #1287de !important; + color: #FFF; +} + +#primary-header li.open > a:after, .current_page_item a:after, #primary-header li.active > a:after { + color: #FFF; +} + +#primary-header li.open > a:after { + transform: rotate(-180deg); + -moz-transform: rotate(-180deg); +} + + +#primary-header .dropdown li a { + margin: 0px; + width: 100%; + height: auto; + box-sizing: border-box; + padding: 10px 20px; + background-color: transparent; + border: none !important; +} + +#primary-header .dropdown li:last-child, #primary-header .dropdown li:last-child a { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +#primary-header .dropdown li:first-child, #primary-header .dropdown li:first-child a { + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} + +#primary-header .menu-feature-image { + border-top-left-radius: 3px; + border-top-right-radius: 3px; + background-size: cover; + min-height: 160px; + vertical-align: top; + margin: -10px -20px 10px -20px; + background-position: center; +} + +#primary-header .menu-feature-link { + border-bottom: solid 1px #dddbdb; +} + +#primary-header .menu > li { + display: inline-block; +} + +#primary-header .navbar-right { + position: absolute; + text-align: right; + right: 15px; + top: 0px; +} + +#primary-header #header-search-input { + height: 30px; + width: 100%; + line-height: 30px; + padding: 0px 40px 0px 5px; + box-sizing: border-box; + border: solid 1px #cac6c9; + z-index: 1; + transition: width .2s, color .2s; +} + + +#primary-header #header-search-submit { + position: absolute; + top: 11px; + right: 1px; + z-index: 2; + width: 50px; + height: 28px; + text-indent: -9999px; + padding: 0px; + border: none; + border-left: solid 2px #e7e5e5; + border-radius: 0px 2px 2px 0px; + background-color: transparent; + outline: 0; +} + +#primary-header #header-search-submit:after { + font-family: 'glyph'; + content: 'Q'; + font-size: 18px; + position: absolute; + top: 0px; + left: 0px; + width: 100%; + height: 28px; + line-height: 28px; + text-indent: 0px; + color: #7a747c; +} + +#primary-header #header-search-submit:focus { + box-shadow: none; +} + +#primary-header #header-search-form { + position: relative; + display: none; + width: 250px; + vertical-align: top; +} + + +#primary-header #header-search-form.js { + display: inline-block; +} + +#primary-header #header-search-form.js.active #header-search-submit:focus { + background-color: #1287de; + border-left-color: #0566af; +} + +#primary-header #header-search-form.js.active #header-search-submit:focus:after { + color: #FFF; +} + +#header-search-input { + width: 100%; +} + +#primary-header #header-search-form.js:not(.active) #header-search-input { + width: 50px; + color: transparent; +} + +#primary-header #header-search-form.js:not(.active) #header-search-submit { + border-color: transparent; + cursor: text; +} + +#primary-header #header-search-form.js.active #header-search-submit:after { + content: ">"; +} + +#primary-header #header-menu-button { + display: none; + font-family: 'glyph'; + background-color: transparent; + font-size: 22px; + color: #7a747c; + vertical-align: top; + line-height: 50px; + padding: 0px; + margin: 0px; + border: none; + width: 60px; +} + +#primary-header.toggle-nav .container { + width: 100%; + max-width: 100%; +} + +#primary-header.toggle-nav #header-menu-button { + display: inline-block; +} + + +#primary-header.toggle-nav #header-nav { + display: none; + height: auto; + margin: 0px -15px 0px -15px; + border-top: solid 1px #e7e5e5; +} + +#primary-header.toggle-nav #header-nav.active { + display: block; +} + +#primary-header.toggle-nav #header-nav .menu-item { + display: block; +} + +#primary-header.toggle-nav #header-nav .menu-item a { + display: block; +} + +#primary-header.toggle-nav .dropdown-menu { + position: relative; + padding: 0px; + margin: 0px; + border: none !important; + border-radius: 0px !important; + box-shadow: none !important; + width: 100%; + border-bottom: solid 2px #dddbdb !important; +} + +#primary-header.toggle-nav .menu-feature-image { + border: none !important; + border-radius: 0px !important; + box-shadow: none !important; +} + +#primary-header.toggle-nav .dropdown-toggle:after { + position: absolute; + right: 15px; +} + diff --git a/inc/fonts/NOTO-LICENSE.txt b/inc/fonts/NOTO-LICENSE.txt new file mode 100644 index 0000000..94d1bf7 --- /dev/null +++ b/inc/fonts/NOTO-LICENSE.txt @@ -0,0 +1,94 @@ +Copyright 2012 Google Inc. All Rights Reserved. + +This Font Software is licensed under the SIL Open Font License, +Version 1.1. + +This license is copied below, and is also available with a FAQ at: +http://scripts.sil.org/OFL + +----------------------------------------------------------- +SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007 +----------------------------------------------------------- + +PREAMBLE +The goals of the Open Font License (OFL) are to stimulate worldwide +development of collaborative font projects, to support the font +creation efforts of academic and linguistic communities, and to +provide a free and open framework in which fonts may be shared and +improved in partnership with others. + +The OFL allows the licensed fonts to be used, studied, modified and +redistributed freely as long as they are not sold by themselves. The +fonts, including any derivative works, can be bundled, embedded, +redistributed and/or sold with any software provided that any reserved +names are not used by derivative works. The fonts and derivatives, +however, cannot be released under any other type of license. The +requirement for fonts to remain under this license does not apply to +any document created using the fonts or their derivatives. + +DEFINITIONS +"Font Software" refers to the set of files released by the Copyright +Holder(s) under this license and clearly marked as such. This may +include source files, build scripts and documentation. + +"Reserved Font Name" refers to any names specified as such after the +copyright statement(s). + +"Original Version" refers to the collection of Font Software +components as distributed by the Copyright Holder(s). + +"Modified Version" refers to any derivative made by adding to, +deleting, or substituting -- in part or in whole -- any of the +components of the Original Version, by changing formats or by porting +the Font Software to a new environment. + +"Author" refers to any designer, engineer, programmer, technical +writer or other person who contributed to the Font Software. + +PERMISSION & CONDITIONS +Permission is hereby granted, free of charge, to any person obtaining +a copy of the Font Software, to use, study, copy, merge, embed, +modify, redistribute, and sell modified and unmodified copies of the +Font Software, subject to the following conditions: + +1) Neither the Font Software nor any of its individual components, in +Original or Modified Versions, may be sold by itself. + +2) Original or Modified Versions of the Font Software may be bundled, +redistributed and/or sold with any software, provided that each copy +contains the above copyright notice and this license. These can be +included either as stand-alone text files, human-readable headers or +in the appropriate machine-readable metadata fields within text or +binary files as long as those fields can be easily viewed by the user. + +3) No Modified Version of the Font Software may use the Reserved Font +Name(s) unless explicit written permission is granted by the +corresponding Copyright Holder. This restriction only applies to the +primary font name as presented to the users. + +4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font +Software shall not be used to promote, endorse or advertise any +Modified Version, except to acknowledge the contribution(s) of the +Copyright Holder(s) and the Author(s) or with their explicit written +permission. + +5) The Font Software, modified or unmodified, in part or in whole, +must be distributed entirely under this license, and must not be +distributed under any other license. The requirement for fonts to +remain under this license does not apply to any document created using +the Font Software. + +TERMINATION +This license becomes null and void if any of the above conditions are +not met. + +DISCLAIMER +THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, +EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF +MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT +OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE +COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, +INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL +DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING +FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM +OTHER DEALINGS IN THE FONT SOFTWARE. diff --git a/inc/fonts/Noto-Sans-700.eot b/inc/fonts/Noto-Sans-700.eot new file mode 100644 index 0000000..03bf93f Binary files /dev/null and b/inc/fonts/Noto-Sans-700.eot differ diff --git a/inc/fonts/Noto-Sans-700.svg b/inc/fonts/Noto-Sans-700.svg new file mode 100644 index 0000000..925fe47 --- /dev/null +++ b/inc/fonts/Noto-Sans-700.svg @@ -0,0 +1,336 @@ + + + diff --git a/inc/fonts/Noto-Sans-700.ttf b/inc/fonts/Noto-Sans-700.ttf new file mode 100644 index 0000000..4599e3c Binary files /dev/null and b/inc/fonts/Noto-Sans-700.ttf differ diff --git a/inc/fonts/Noto-Sans-700.woff b/inc/fonts/Noto-Sans-700.woff new file mode 100644 index 0000000..9d0b78d Binary files /dev/null and b/inc/fonts/Noto-Sans-700.woff differ diff --git a/inc/fonts/Noto-Sans-700.woff2 b/inc/fonts/Noto-Sans-700.woff2 new file mode 100644 index 0000000..55fc44b Binary files /dev/null and b/inc/fonts/Noto-Sans-700.woff2 differ diff --git a/inc/fonts/Noto-Sans-regular.eot b/inc/fonts/Noto-Sans-regular.eot new file mode 100644 index 0000000..15fc8bf Binary files /dev/null and b/inc/fonts/Noto-Sans-regular.eot differ diff --git a/inc/fonts/Noto-Sans-regular.svg b/inc/fonts/Noto-Sans-regular.svg new file mode 100644 index 0000000..bd2894d --- /dev/null +++ b/inc/fonts/Noto-Sans-regular.svg @@ -0,0 +1,335 @@ + + + diff --git a/inc/fonts/Noto-Sans-regular.ttf b/inc/fonts/Noto-Sans-regular.ttf new file mode 100644 index 0000000..a83bbf9 Binary files /dev/null and b/inc/fonts/Noto-Sans-regular.ttf differ diff --git a/inc/fonts/Noto-Sans-regular.woff b/inc/fonts/Noto-Sans-regular.woff new file mode 100644 index 0000000..17c8500 Binary files /dev/null and b/inc/fonts/Noto-Sans-regular.woff differ diff --git a/inc/fonts/Noto-Sans-regular.woff2 b/inc/fonts/Noto-Sans-regular.woff2 new file mode 100644 index 0000000..a87d9cd Binary files /dev/null and b/inc/fonts/Noto-Sans-regular.woff2 differ diff --git a/inc/fonts/glyph.eot b/inc/fonts/glyph.eot new file mode 100644 index 0000000..733439e Binary files /dev/null and b/inc/fonts/glyph.eot differ diff --git a/inc/fonts/glyph.svg b/inc/fonts/glyph.svg new file mode 100644 index 0000000..14c68a8 --- /dev/null +++ b/inc/fonts/glyph.svg @@ -0,0 +1,47 @@ + + + \ No newline at end of file diff --git a/inc/fonts/glyph.ttf b/inc/fonts/glyph.ttf new file mode 100644 index 0000000..6bca8bc Binary files /dev/null and b/inc/fonts/glyph.ttf differ diff --git a/inc/fonts/glyph.woff b/inc/fonts/glyph.woff new file mode 100644 index 0000000..13a0007 Binary files /dev/null and b/inc/fonts/glyph.woff differ diff --git a/inc/js/header.js b/inc/js/header.js new file mode 100644 index 0000000..3762da0 --- /dev/null +++ b/inc/js/header.js @@ -0,0 +1,63 @@ +(function ( $ ) { + var headerLeftWidth = 0; + + function recalculateHeader () + { + var headerInnerWidth = $('#primary-header').innerWidth(); + var headerRightWidth = $('#header-search-form').outerWidth(); + + var newState = headerInnerWidth < headerLeftWidth + headerRightWidth; + var oldState = $('#primary-header').hasClass('toggle-nav'); + + if (newState != oldState) { + $('#header-nav').removeClass('active'); + $('#primary-header').toggleClass('toggle-nav', newState); + } + } + + $(document).ready(function() + { + $('#header-logo, #header-nav').each(function(index) { + headerLeftWidth += $(this).outerWidth(); + }); + + recalculateHeader(); + + $('#header-search-form').addClass('js'); + $('#header-search-submit').attr('type', 'button'); + + if ($('#header-search-input').val() != '') { + $('#header-search-form').addClass('active'); + } + + $('#header-search-submit').click(function( event ) + { + if ($('#header-search-form').hasClass('active')) { + $('#header-search-submit').attr('type', 'submit'); + $('#header-search-form').submit(); + } + else { + $('#header-search-input').focus(); + $('#header-search-form').addClass('active'); + } + }); + + $('#header-menu-button').click(function() { + $('#header-nav').toggleClass('active'); + }); + }); + + $(window).resize(function() + { + recalculateHeader(); + }); + + $(document).mouseup(function() + { + if ($('#header-search-form').has(document.activeElement).length == 0 && $('#header-search-input').val() == '') { + $('#header-search-form').removeClass('active'); + recalculateHeader(); + } + }); + +}( jQuery )); diff --git a/inc/media/128x128.svg b/inc/media/128x128.svg new file mode 100644 index 0000000..4cde045 --- /dev/null +++ b/inc/media/128x128.svg @@ -0,0 +1,80 @@ + + + + diff --git a/inc/media/16x16.svg b/inc/media/16x16.svg new file mode 100644 index 0000000..def84a8 --- /dev/null +++ b/inc/media/16x16.svg @@ -0,0 +1,80 @@ + + + + diff --git a/inc/media/180x180.png b/inc/media/180x180.png new file mode 100644 index 0000000..199e009 Binary files /dev/null and b/inc/media/180x180.png differ diff --git a/inc/media/192x192.png b/inc/media/192x192.png new file mode 100644 index 0000000..24827bc Binary files /dev/null and b/inc/media/192x192.png differ diff --git a/inc/media/24x24.svg b/inc/media/24x24.svg new file mode 100644 index 0000000..4aaf156 --- /dev/null +++ b/inc/media/24x24.svg @@ -0,0 +1,80 @@ + + + + diff --git a/inc/media/32x32.svg b/inc/media/32x32.svg new file mode 100644 index 0000000..9d6e98a --- /dev/null +++ b/inc/media/32x32.svg @@ -0,0 +1,80 @@ + + + + diff --git a/inc/media/64x64.svg b/inc/media/64x64.svg new file mode 100644 index 0000000..72e39b0 --- /dev/null +++ b/inc/media/64x64.svg @@ -0,0 +1,80 @@ + + + + diff --git a/inc/navwalker.php b/inc/navwalker.php index 864f84a..657b842 100644 --- a/inc/navwalker.php +++ b/inc/navwalker.php @@ -1,138 +1,158 @@ \n"; - } - + private $m_item = null; + + public function start_lvl( &$output, $depth = 0, $args = array() ) { + $output .= "

'.esc_attr( $this->m_item->title ).'
'.esc_attr( $this->m_item->title ).'

"; + } public function start_el( &$output, $item, $depth = 0, $args = array(), $id = 0 ) { - $indent = ( $depth ) ? str_repeat( "\t", $depth ) : ''; - + $indent = '';// ( $depth ) ? str_repeat( "\t", $depth ) : ''; + + $this->m_item = $item; + if ( strcasecmp( $item->attr_title, 'divider' ) == 0 && $depth === 1 ) { $output .= $indent . '

'; } else if ( strcasecmp( $item->title, 'divider') == 0 && $depth === 1 ) { $output .= $indent . '

'; } else if ( strcasecmp( $item->attr_title, 'dropdown-header') == 0 && $depth === 1 ) { $output .= $indent . '

' . esc_attr( $item->title ) . ''; } else { $class_names = $value = ''; $classes = empty( $item->classes ) ? array() : (array) $item->classes; $classes[] = 'menu-item-' . $item->ID; $class_names = join( ' ', apply_filters( 'nav_menu_css_class', array_filter( $classes ), $item, $args ) ); if ( $args->has_children ) $class_names .= ' dropdown'; if ( in_array( 'current-menu-item', $classes ) ) $class_names .= ' active'; $class_names = $class_names ? ' class="' . esc_attr( $class_names ) . '"' : ''; $id = apply_filters( 'nav_menu_item_id', 'menu-item-'. $item->ID, $item, $args ); $id = $id ? ' id="' . esc_attr( $id ) . '"' : ''; $output .= $indent . ''; $atts = array(); $atts['title'] = ! empty( $item->title ) ? $item->title : ''; $atts['target'] = ! empty( $item->target ) ? $item->target : ''; $atts['rel'] = ! empty( $item->xfn ) ? $item->xfn : ''; // If item has_children add atts to a. if ( $args->has_children && $depth === 0 ) { $atts['href'] = '#'; $atts['data-toggle'] = 'dropdown'; $atts['class'] = 'dropdown-toggle'; } else { $atts['href'] = ! empty( $item->url ) ? $item->url : ''; } $atts = apply_filters( 'nav_menu_link_attributes', $atts, $item, $args ); $attributes = ''; foreach ( $atts as $attr => $value ) { if ( ! empty( $value ) ) { $value = ( 'href' === $attr ) ? esc_url( $value ) : esc_attr( $value ); $attributes .= ' ' . $attr . '="' . $value . '"'; } } $item_output = $args->before; if ( ! empty( $item->attr_title ) ) - $item_output .= ' '; + $item_output .= ''; else $item_output .= ''; $item_output .= $args->link_before . apply_filters( 'the_title', $item->title, $item->ID ) . $args->link_after; $item_output .= ( $args->has_children && 0 === $depth ) ? ' ' : ''; $item_output .= $args->after; $output .= apply_filters( 'walker_nav_menu_start_el', $item_output, $item, $depth, $args ); } } - + public function end_el( &$output, $item, $depth = 0, $args = array() ) { + $output .= "

"; + } public function display_element( $element, &$children_elements, $max_depth, $depth, $args, &$output ) { if ( ! $element ) return; $id_field = $this->db_fields['id']; // Display this element. if ( is_object( $args[0] ) ) $args[0]->has_children = ! empty( $children_elements[ $element->$id_field ] ); parent::display_element( $element, $children_elements, $max_depth, $depth, $args, $output ); } public static function fallback( $args ) { if ( current_user_can( 'manage_options' ) ) { extract( $args ); $fb_output = null; if ( $container ) { $fb_output = '<' . $container; if ( $container_id ) $fb_output .= ' id="' . $container_id . '"'; if ( $container_class ) $fb_output .= ' class="' . $container_class . '"'; $fb_output .= '>'; } $fb_output .= ''.__( 'Add a menu', 'kdetheme').''; $fb_output .= ''; if ( $container ) $fb_output .= ''; echo $fb_output; } } -} \ No newline at end of file +} diff --git a/screenshot.png b/screenshot.png index 8d91cdd..e19a6f0 100644 Binary files a/screenshot.png and b/screenshot.png differ diff --git a/sidebar.php b/sidebar.php index 7248f2e..9331eed 100644 --- a/sidebar.php +++ b/sidebar.php @@ -1,49 +1,46 @@

ID, 'site_layout', true) ) ){ if( get_post_meta($post->ID, 'site_layout', true) == 'no-sidebar' || get_post_meta($post->ID, 'site_layout', true) == 'full-width' ) { $show_sidebar = false; } } elseif( get_theme_mod( 'kdetheme_sidebar_position' ) == "no-sidebar" || get_theme_mod( 'kdetheme_sidebar_position' ) == "full-width" ) { $show_sidebar = false; } ?> diff --git a/style.css b/style.css index 2212f35..fffea83 100644 --- a/style.css +++ b/style.css @@ -1,1842 +1,1852 @@ /* Theme Name: KDETHEME Original Theme URI: https://colorlib.com/wp/themes/activello/ Original Author: Colorlib Fork Author: Alejandro Moreno Author URI: http://colorlib.com Description: KDETHEME IS A FORK OF ACTIVELLO (v1.0.2) FOR WEB PAGES RELATED TO THE KDE ECOSYSTEM Version: 1.0.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: kdetheme Domain Path: /languages/ Tags: kde, one-column, two-columns, right-sidebar, fluid-layout, responsive-layout, photoblogging, left-sidebar, translation-ready, custom-background, custom-colors, custom-menu, featured-images, full-width-template, post-formats, theme-options, threaded-comments This theme, like WordPress, is licensed under the GPL. */ /* Table of content ----------------------------------------------- 1. Global 2. Content 3. Post styling 4. Singe Post/Page Pagination 5. Media 6. Widgets 7. Buttons 8. Infinite Scroll 8. Custom Styles 9. Navigation 10. Comments 11. Attachment styling 12. Gallery 13. Footer 14. Social icons 15. Call For Action */ /* =Global ----------------------------------------------- */ ------------------------------------------------ */ +@font-face { + font-family: 'Noto Sans'; + font-weight: 400; + font-style: normal; + src: url('/Noto-Sans-regular/Noto-Sans-regular.eot'); + src: url('/Noto-Sans-regular/Noto-Sans-regular.eot?#iefix') format('embedded-opentype'), + local('Noto Sans'), + local('Noto-Sans-regular'), + url('/Noto-Sans-regular/Noto-Sans-regular.woff2') format('woff2'), + url('/Noto-Sans-regular/Noto-Sans-regular.woff') format('woff'), + url('/Noto-Sans-regular/Noto-Sans-regular.ttf') format('truetype'), + url('/Noto-Sans-regular/Noto-Sans-regular.svg#NotoSans') format('svg'); +} + +@font-face { + font-family: 'Noto Sans'; + font-weight: 700; + font-style: normal; + src: url('/Noto-Sans-700/Noto-Sans-700.eot'); + src: url('/Noto-Sans-700/Noto-Sans-700.eot?#iefix') format('embedded-opentype'), + local('Noto Sans Bold'), + local('Noto-Sans-700'), + url('/Noto-Sans-700/Noto-Sans-700.woff2') format('woff2'), + url('/Noto-Sans-700/Noto-Sans-700.woff') format('woff'), + url('/Noto-Sans-700/Noto-Sans-700.ttf') format('truetype'), + url('/Noto-Sans-700/Noto-Sans-700.svg#NotoSans') format('svg'); +} body { color: #696969; background-color: #FFFFFF; word-wrap: break-word; - font-family: 'Lora', serif; + font-family: 'Noto Sans', sans-serif; line-height: 2; font-size: 14px; } a { color: #393939; text-decoration: none; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } a:hover, a:focus { color: #4080FF; text-decoration: none; } a:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .single .entry-content a{ color: #4080FF; } .single .entry-content a:hover{ background: #4080FF; color: #fff; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { color: #696969; font-weight: 400; - font-family: 'Montserrat', sans-serif; margin: 30px 0; } .container { max-width: 1090px; } h1, .h1 { font-size: 28px; } h2, .h2 { font-size: 24px; } h3, .h3 { font-size: 20px; } h4, .h4 { font-size: 16px; } h5, .h5 { font-size: 14px; } h6, .h6 { font-size: 13px; } p { margin: 15px 0; } * > p:first-child { margin-top: 0; } * > p:last-child { margin-bottom: 0; } blockquote { position: relative; border: 0; padding: 0 0 0 50px; font-style: italic; line-height: 1.6; } blockquote:before { content: "\201D"; color: #4080FF; font-size: 80px; position: absolute; left: 5px; top: 0; line-height: 1; } blockquote p { margin: 0; } img { height: auto; /* Make sure images are scaled correctly. */ max-width: 100%; /* Adhere to container width. */ } button, input, select, textarea { - font-family: 'Montserrat', sans-serif; + font-family: 'Noto Sans', sans-serif; font-size: 100%; /* Corrects font size not being inherited in all browsers */ margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */ vertical-align: baseline; /* Improves appearance and consistency in all browsers */ *vertical-align: middle; /* Improves appearance and consistency in all browsers */ } input[type="checkbox"], input[type="radio"] { padding: 0; /* Addresses excess padding in IE8/9 */ } input[type="search"] { -webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */ -webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */ -moz-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */ -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */ border: 0; padding: 0; } input[type="text"], input[type="email"], input[type="tel"], input[type="url"], input[type="password"], input[type="search"], textarea { color: #666; border: 1px solid #E8E8E8; border-radius: 3px; } input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus { color: #111; } textarea { overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */ padding-left: 3px; vertical-align: top; /* Improves readability and alignment in all browsers */ width: 100%; } /* Alignment */ .alignleft { display: inline; float: left; margin-right: 1.5em; } .alignright { display: inline; float: right; margin-left: 1.5em; } .aligncenter { clear: both; display: block; margin: 0 auto; } /* Text meant only for screen readers */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; } .screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #4080FF; display: block; font-size: 14px; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar */ } /* Clearing floats */ .clear:before, .clear:after, .gallery:before, .gallery:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after, .home-widget-area:before { content: ''; display: table; } .clear:after, .entry-content:after, .gallery:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after, .home-widget-area:before { clear: both; } /* =Content ----------------------------------------------- */ .sticky { } .hentry { margin: 0; } .byline, .updated { display: none; } .single .byline, .group-blog .byline { display: inline; margin-right: 0; } .single article.post { margin-bottom: 50px; } .page-content, .entry-content, .entry-summary { margin: 20px 0 0; } .page-links { clear: both; margin: 0 0 1.5em; } .main-content-area { margin-top: 40px; margin-bottom: 40px; } /* =Post styling ----------------------------------------------- */ .entry-meta a { font-size: 13px; color: #6B6B6B; } .entry-meta { margin-bottom: 20px; } footer.entry-meta { margin-bottom: 0; } .page-header { margin-top: 0; border-bottom: 0; padding-bottom: 0; } .entry-meta .fa { font-size: 14px; margin-right: 3px; } .entry-meta span { margin-right: 10px; } .entry-title { color: #444; margin-bottom: 30px; } .page .entry-title { margin-bottom: 30px; } .entry-title a { color: #444; } hr.section-divider { border-color: #E8E8E8; margin-top: 50px; margin-bottom: 50px; } /* author */ .author-bio { clear: both; width: 100%; padding-top: 35px; padding-bottom: 35px; } .author-bio .avatar { float: left; } .author-bio-content h4 { font-size: 14px; margin-top: 0; } .author-bio .author-bio-content { margin-left: 74px; } .secondary-content-box { padding-top: 0; padding-bottom: 0; } .single-view, .blog-item-wrap { } .post-inner-content { /*border-bottom: 1px solid #dedede;*/ padding: 50px 0; } .archive .post-inner-content { margin-bottom: 50px; } .page .post-inner-content { border: 0; padding: 0; } article.post:first-child .post-inner-content { padding-top: 0; } .entry-header { text-align: center; } .entry-title { - font-family: ubuntu; font-size: 24px; margin-top: 0; margin-bottom: 15px; } .entry-footer { margin-top: 20px; text-align: center; } .entry-footer > *, .entry-footer a { color: #696969; margin: 0 6px; } .more-link, .says { display: none; } .read-more { text-align: center; } .read-more a { border-left: 2px solid #696969; border-right: 2px solid #696969; color: #696969; - font-family: 'Maven Pro', sans-serif; font-weight: 700; line-height: 1.2; letter-spacing: 1px; display: inline-block; padding: 0 10px; text-transform: uppercase; } .comment-author .fn, .author-bio h4, .comment-reply-title { text-transform: uppercase; font-weight: 700; } .comment-author .fn { - font-family: "Montserrat", sans-serif; letter-spacing: 2px; font-style: normal; } .cat-title { border-bottom: 1px solid #dedede; margin: -30px 0 50px 0; padding-bottom: 20px; text-align: center; } .cat-title ul { margin: 0; padding: 0; list-style: none; } .cat-title ul li { display: inline; } .cat-title a { color: #4080FF; - font-family: "Montserrat", sans-serif; text-transform: uppercase; } article.post .post-categories, .post-inner-content .cat-item { position: relative; font-size: 12px; margin: 0 0 15px 0; padding: 0 0 8px 0; list-style: none; } article.post .post-categories:after, .post-inner-content .cat-item:after { content: ""; position: absolute; bottom: 0; left: 50%; height: 2px; width: 40px; margin-left: -20px; background:#4080FF; } article.post .post-categories a, .post-inner-content .cat-item a{ color: #696969; - font-family: 'Montserrat', sans-serif; letter-spacing: 1px; text-transform: uppercase; } article.post { width: 100%; margin: 0; padding-right: 10px; } article.grid { padding: 0; width: 325px; } article.grid .post-inner-content { border: 0; padding-bottom: 0; } article.grid iframe { max-width: 325px; max-height: 164px; width: 100%; } /* Masonary style */ @media (min-width: 768px) { .article-container{ overflow: hidden; } .blog.home article.post { width: 50%; margin: 0; padding-right: 10px; display: inline-block; float: left; } .blog.home article.post .read-more, .blog.home article.post .entry-footer{ display: none; } .blog.home article.post .post-inner-content{ border: 0; padding: 0 0 30px; } .blog.home .page-1 article.post:first-child, .blog.home .page-1 article.post:nth-child(2) { width: 100%; padding: 0!important; } .blog.home .page-1 article.post:first-child .post-inner-content, .blog.home .page-1 article.post:nth-child(2) .post-inner-content{ border-bottom: 1px solid #dedede; } .blog.home .page-1 article.post:first-child .post-inner-content{ padding: 0 0 50px; } .blog.home .page-1 article.post:nth-child(2) .post-inner-content{ padding: 50px 0; margin-bottom: 30px; } .blog.home .page-1 article.post:first-child .read-more, .blog.home .page-1 article.post:nth-child(2) .read-more, .blog.home .page-1 article.post:first-child .entry-footer, .blog.home .page-1 article.post:nth-child(2) .entry-footer{ display: block; } .blog.home article.post:nth-child(odd){ clear: left; padding-right: 25px; } .blog.home article.post:nth-child(even){ padding-left: 25px; } } .site-main { max-width: 100%; } @media (max-width: 767px) { .site-main { width: 100% !important; } .post-inner-content { padding-left: 0 !important; padding-right: 0 !important; } #secondary { padding: 30px 15px 0!important; } } /* =Singe Post/Page Pagination ----------------------------------------------- */ .page-links span { display: inline-block; color: #fff; background-color:#4080FF; border-radius: 4px; padding: 2px 10px; margin-left: 2px; } .page-links a span { background-color: #f2f2f2; border: none; color: #696962; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .page-links a:hover span { background-color:#4080FF; border: none; color: #fff; } .pagination .fa-chevron-left, .pagination .fa-chevron-right { font-size: 12px; } .pagination li a { color: #4080FF; } .pagination li:hover a { color: #4080FF; } .pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus { color: #FFF; background-color:#4080FF; border-color: #4080FF; } .pagination>li>a, .pagination>li>span { padding: 9px 14px; border-color: #dadada; } .bottom-pagination { text-align: center; } /* =Asides ----------------------------------------------- */ .blog .format-aside .entry-title, .archive .format-aside .entry-title { display: none; } /* =Media ----------------------------------------------- */ .page-content img.wp-smiley, .entry-content img.wp-smiley, .comment-content img.wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } .single-featured { -webkit-transition: opacity 0.3s linear; -moz-transition: opacity 0.3s linear; -o-transition: opacity 0.3s linear; transition: opacity 0.3s linear; display: block; margin: auto; } .single-featured:hover { opacity: 0.8; } .wp-caption { border: 1px solid #ddd; margin-bottom: 1.5em; max-width: 100%; } .thumbnail .caption { color: #696969; } .wp-caption img[class*="wp-image-"] { display: block; } .wp-caption-text { text-align: center; } .wp-caption .wp-caption-text { margin: 0.8075em 0; } /* Make sure embeds and iframes fit their containers */ embed, iframe, object { max-width: 100%; } /* =Widgets ----------------------------------------------- */ /* Make sure select elements fit in widgets */ .widget select { max-width: 100%; } /* Search widget */ .widget_search .search-submit { display: none; } .widget ul li { list-style: none; border-bottom: 1px solid #F2F2F2; margin-bottom: 10px; padding-bottom: 10px; } .widget ul { padding: 0; line-height: 18px; font-size: 14px; } .widget ul.nav.nav-tabs { padding: 0; } #secondary .widget { margin-bottom: 50px; overflow: hidden; } #secondary .widget:last-child { margin-bottom: 0px; } .tab-content ul li { list-style: none; } #secondary .widget > h3 { font-size: 14px; text-transform: uppercase; margin-bottom: 25px; margin-top: 0; color: #636467; } #secondary .widget-title { position: relative; padding-bottom: 15px; margin-bottom: 15px; } #secondary .widget-title:after { position: absolute; content: ""; bottom: 0; left: 0; height: 2px; width: 40px; background: #4080FF; } .widget ul ul { padding: 10px; } .widget #social ul li { border-bottom: 0; } .not-found-widget { margin-top: 30px; } @media (max-width: 767px) { #secondary { clear: both; } } ul#menu-social-items, #secondary .widget .social-icons { margin-bottom: 0; } /* Custom Category Widget */ .cats-widget ul li span { float: right; } /* Recent Post widgets */ .recent-posts-wrapper .post { float: left; clear: both; margin-bottom: 20px; } .recent-posts-wrapper .post .post-image { width: 80px; height: 80px; float: left; display: block; background-color: #DADADA; background-position: center center; background-repeat: no-repeat; overflow: hidden; } .recent-posts-wrapper .post .post-image img:hover { opacity: 0.6 !important; } .recent-posts-wrapper .post .post-content { margin-left: 100px; } .widget .post-content > span { display: block; } #secondary .widget .post-content a { font-style: italic; font-size: 16px; } #secondary .widget .post-content a:hover { } .widget .post-content span { font-size: 12px; } .tagcloud { margin-top: 25px; } .tagcloud a { padding: 6px 8px; margin-right: 0; margin-bottom: 4px; line-height: 100%; display: inline-block; background-color: #f2f2f2; letter-spacing: 1px; - font-family: "Montserrat", sans-serif; font-size: 10px !important; text-transform: uppercase; } .tagcloud a:hover { color: #ffffff!important; background-color: #4080FF; border-color: #4080FF; } #instafeed { margin: -5px; } #instafeed a { float: left; margin: 5px; height: 80px; width: 80px; } /* =Buttons ----------------------------------------------- */ .btn-default, .label-default, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .btn.btn-default, button, .input-group-btn:last-child>.btn, input[type=submit] { background: #f2f2f2; border-color: transparent; color: #696969; display: inline-block; - font-family: "Montserrat", sans-serif; font-size: 12px; text-transform: uppercase; -webkit-transition: background-color 0.3s linear; -moz-transition: background-color 0.3s linear; -o-transition: background-color 0.3s linear; transition: background-color 0.3s linear; } .btn-default:hover, .label-default[href]:hover, .label-default[href]:focus, .btn-default:hover, .btn-default:focus, .btn-default:active, #image-navigation .nav-previous a:hover, #image-navigation .nav-next a:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, button:hover, .input-group-btn:last-child>.btn:hover, input[type=submit]:hover { background-color: #4080FF; border-color: transparent; color: #fff; } .input-group-btn:last-child>.btn { font-size: 12px; opacity: 1; padding: 8px 20px; line-height: 16px; } #subscription-toggle { float: right; } .woocommerce a.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce input.button.alt { width: 100%; text-align: center; line-height: 20px; } .woocommerce #respond input#submit, .woocommerce button.button.alt, .woocommerce button.button, input[type=submit] { padding: 0 80px; text-align: center; line-height: 35px; } /* =Infinite Scroll ----------------------------------------------- */ /* Globally hidden elements when Infinite Scroll is supported and in use. */ .infinite-scroll .paging-navigation, /* Older / Newer Posts Navigation (always hidden) */ .infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */ display: none; } /* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */ .infinity-end.neverending .site-footer { display: block; } #infinite-handle span { display: block; text-align: center; text-transform: uppercase; margin-bottom: 10px; border-radius: 4px; padding: 20px; background: transparent; border: 1px solid #DADADA; background: #fff; color: #4080FF; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } #infinite-handle span:hover { background-color:#4080FF; color: #fff; } /* =Custom Styles ----------------------------------------------- */ #logo { padding: 50px 0 45px 0; text-align: center; } #line { border-bottom: 1px solid #ddd; margin-bottom: 10px; } .tagline { color: #1c202a; - font-family: 'Montserrat', sans-serif; margin-top: 10px; letter-spacing: 1px; } .site-branding { margin-top: 20px; margin-bottom: 20px; } .site-description { color: #777; font-weight: 200; font-size: 16px; } .page-template-page-homepage-php .carousel { margin-top: -20px; margin-bottom: 20px; } @media (max-width: 768px) { .pull-right { float: none !important; } .pull-left { float: none !important; } .flex-caption { display: none; } } button, html input[type=button], input[type=reset], input[type=submit], .comment-form #submit { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } article.post .post-categories a:hover, .entry-title a:hover, .entry-meta a:hover, .entry-footer a:hover, .read-more a:hover, .flex-caption .post-categories a:hover, .flex-caption .read-more a:hover, .flex-caption h2:hover, .comment-meta.commentmetadata a:hover, .post-inner-content .cat-item a:hover { color: #4080FF; } button, html input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover, .comment-form #submit:hover { background: #4080FF; color: #fff; } /* =Navigation ----------------------------------------------- */ .post-navigation a, .paging-navigation a { - font-family: "Montserrat", sans-serif; font-size: 12px; display: block; letter-spacing: 1px; text-transform: uppercase; } .post-navigation a:hover, .paging-navigation a:hover { text-decoration: none; } .paging-navigation { margin-top: 1.5em; text-transform: uppercase; } .post-navigation .nav-previous, .paging-navigation .nav-previous { float: left; } .post-navigation .nav-next, .paging-navigation .nav-next { float: right; text-align: right; } .more-link { float: right; margin: 10px 0; } .single .nav-links { margin-top: 30px; } .nav>li>a { text-transform: uppercase; } .navbar.navbar-default { background-color: #F2F2F2; - font-family: 'Montserrat', sans-serif; margin-bottom: 0; font-weight: 400; height: 100px; min-height: auto; padding: 0; box-shadow: 0 0 2px #e3e3e3; } .navbar-default .navbar-nav > li > a { color: #1c202a; text-transform: uppercase; font-size: 12px; font-weight: bold; padding: 20px 0; margin-right: 25px; line-height: 2.6; letter-spacing: 1px; } .site-name { display: inline-block; } .navbar-brand { display: inline-block; float: none; color: #DADADA; font-size: 30px; height: auto; line-height: 1; margin: 0; padding: 0; } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { border-right: none; border-left: none; } .navbar { border-radius: 0; } .navbar-default { border: none; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { color: #4080FF; background-color: transparent; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { color: #fff; background-color: #4080FF; } .navbar-collapse { float: left; margin-left: 18%; padding: 0; } .nav-search { float: right; padding: 18px 0; } .nav-search input { border: 0; } @media (max-width: 767px) { .navbar-default .navbar-nav .open .dropdown-menu>.active>a, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover { color: #fff; background-color: #4080FF; } .navbar-collapse { background: #ffffff; float: none; position: absolute; top: 70px; left: 0; padding: 0 15px; width: 100% !important; z-index: 999; } .navbar-nav { margin: 0; } } .dropdown-menu { box-shadow: none; border: 1px solid #eeeeee !important; font-size: 13px; } .navbar-default .navbar-nav .current-menu-ancestor a.dropdown-toggle { color: #4080FF; background-color: transparent; } .navbar-default .navbar-nav .open .dropdown-menu > li.active > a { color: #fff; } .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #DADADA; } @media (min-width: 979px) { ul.nav li.dropdown:hover > ul.dropdown-menu { display: block; } } -.nav .open > a, .nav .open > a:hover, .nav .open > a:focus { - border-left: 1px solid rgba(0, 0, 0, 0.1); -} .dropdown-menu > li > a { padding: 10px 15px; color: #636467; border-bottom: 1px solid #eeeeee; } .dropdown-menu, .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { border: none; } .dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus { background-color: #4080FF; color: #fff; } .dropdown-menu .divider { background-color: rgba(0, 0, 0, 0.1); } .navbar-nav > li > .dropdown-menu { padding: 0; } .navbar-nav > li > a { padding-top: 18px; padding-bottom: 18px; } .navbar-default .navbar-toggle { float: left; margin-top: 18px; } .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: transparent; } .nav.navbar-nav { float: left; } @media (max-width: 767px) { .nav.navbar-nav { float: none; } .navbar > .container .navbar-brand { margin: 0; } .navbar-default .navbar-nav > li > a { line-height: 20px; padding-top: 10px; padding-bottom: 10px; } .navbar-header { float: left; } .navbar-toggle { border: 0; border-radius: 0; margin: 0; } } /* =Featured Posts ----------------------------------------------- */ .flexslider { background-color: #f5f5f5; } .flexslider ul { margin: 0; padding: 0; list-style: none; } .flex-caption h2 { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } /* =Comments ----------------------------------------------- */ .comment-content { margin-top: 10px; } .comment-content a { word-wrap: break-word; } .bypostauthor { } #respond { background-color: transparent !important; box-shadow: none !important; padding: 0px !important; } #respond > p, #respond p.comment-notes, p.logged-in-as { margin-bottom: 10px; } p.logged-in-as { padding-bottom: 0px; } .comment-list { margin-bottom: 40px !important; margin-left: 0px !important; padding-left: 0; } .comment-list li .comment-body { position: relative; } .comment-list li .comment-body:after { content: ""; position: absolute; left: 50%; bottom: 0; height: 2px; width: 40px; background: #4080FF; margin-left: -20px; } .comment-list > li:last-child .comment-body:after { content: none; } .comment-list, .comment-list .children { list-style: none; } .comment .comment-body { background-color: #ffffff; margin: 0; overflow: hidden; margin-top: 2em; padding-left: 100px; position: relative; min-height: 100px; } .comment-list .children { margin-left: 0px!important; padding-left: 55px; background-repeat: no-repeat; background-position: left 20px; } .comments-title, .comment-reply-title { font-size: 12px; margin: 0 0 50px 0; padding-bottom: 10px; letter-spacing: 2px; text-transform: uppercase; text-align: center; } .comment-author.vcard { font-size: 12px; margin-bottom: 10px; } .vcard .avatar { border-radius: 50%; position: absolute; left: 0; top: 0; } .comment-metadata { display: none; font-size: 11px; line-height: 16px; margin-bottom: 10px; } .comment-reply-link { background: #f2f2f2; border-radius: 2px; color: #000000; font-size: 10px; margin-left: 20px; display: inline-block; padding: 4px 10px; - font-family: "Montserrat", sans-serif; text-transform: uppercase; } .form-allowed-tags code { word-wrap: break-word; white-space: inherit; } .comment-respond label { display: block; font-weight: normal; } .comment-respond .required { color: #C7254E; } #submit { font-size: 12px; } .comment-navigation, .single .nav-links { overflow: hidden; margin-top: 30px; } .comment-form input[type="text"] { border: 1px solid #eeeeee; border-radius: 0; height: 35px; margin-bottom: 30px; padding: 0 10px; width: 100%; } .comment-form textarea { border: 1px solid #eeeeee; border-radius: 0; padding: 10px; margin-bottom: 30px; min-height: 100px; } .comment-form #submit { height: 35px; background: #f2f2f2; border: 0; border-radius: 0; padding: 0 80px; text-transform: uppercase; } .comment-form .form-submit { margin: 0; } .comment-meta.commentmetadata a { color: #999; font-style: italic; } @media(max-width:767px){ .post-inner-content { padding: 20px 25px; } .comment-list .children { padding-left: 10px; } } /* =Attachment styling ----------------------------------------------- */ #image-navigation .nav-previous a, #image-navigation .nav-next a{ padding: 5px 20px; border: 1px solid #E8E8E8; border-radius: 4px; display: block; } #image-navigation .nav-previous a:hover, #image-navigation .nav-next a:hover{ background-color: #4080FF; color: #fff; } #image-navigation .nav-previous, #image-navigation .nav-next { margin: 10px 0; } #image-navigation .nav-previous a { float: left; } #image-navigation .nav-next a { float: right; } /* =Gallery -------------------------------------------------------------- */ .gallery { margin-bottom: 20px; } .gallery-item { float: left; margin: 0 4px 4px 0; overflow: hidden; position: relative; } .gallery-columns-1 .gallery-item { max-width: 100%; } .gallery-columns-2 .gallery-item { max-width: 48%; max-width: -webkit-calc(50% - 4px); max-width: calc(50% - 4px); } .gallery-columns-3 .gallery-item { max-width: 32%; max-width: -webkit-calc(33.3% - 4px); max-width: calc(33.3% - 4px); } .gallery-columns-4 .gallery-item { max-width: 23%; max-width: -webkit-calc(25% - 4px); max-width: calc(25% - 4px); } .gallery-columns-5 .gallery-item { max-width: 19%; max-width: -webkit-calc(20% - 4px); max-width: calc(20% - 4px); } .gallery-columns-6 .gallery-item { max-width: 15%; max-width: -webkit-calc(16.7% - 4px); max-width: calc(16.7% - 4px); } .gallery-columns-7 .gallery-item { max-width: 13%; max-width: -webkit-calc(14.28% - 4px); max-width: calc(14.28% - 4px); } .gallery-columns-8 .gallery-item { max-width: 11%; max-width: -webkit-calc(12.5% - 4px); max-width: calc(12.5% - 4px); } .gallery-columns-9 .gallery-item { max-width: 9%; max-width: -webkit-calc(11.1% - 4px); max-width: calc(11.1% - 4px); } .gallery-columns-1 .gallery-item:nth-of-type(1n), .gallery-columns-2 .gallery-item:nth-of-type(2n), .gallery-columns-3 .gallery-item:nth-of-type(3n), .gallery-columns-4 .gallery-item:nth-of-type(4n), .gallery-columns-5 .gallery-item:nth-of-type(5n), .gallery-columns-6 .gallery-item:nth-of-type(6n), .gallery-columns-7 .gallery-item:nth-of-type(7n), .gallery-columns-8 .gallery-item:nth-of-type(8n), .gallery-columns-9 .gallery-item:nth-of-type(9n) { margin-right: 0; } .gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1), .gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1), .gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1), .gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1) { clear: left; } .gallery-caption { background-color: rgba(0, 0, 0, 0.7); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #fff; font-size: 12px; line-height: 1.5; margin: 0; max-height: 50%; opacity: 0; padding: 6px 8px; position: absolute; bottom: 0; left: 0; text-align: left; width: 100%; } .gallery-caption:before { content: ""; height: 100%; min-height: 49px; position: absolute; top: 0; left: 0; width: 100%; } .gallery-item:hover .gallery-caption { opacity: 1; } .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption { display: none; } /* =Footer ----------------------------------------------- */ #footer-area { background-color: #4F4F4F; color: #E5E5E5; } #footer-area .footer-widget-area { padding: 40px 0 20px 0; overflow: hidden; } #footer-area ul li { border-bottom: 1px solid #444; } #footer-area .site-info nav ul li { border-bottom: none; } .widgettitle { font-size: 14px; text-transform: uppercase; margin-bottom: 25px; margin-top: 0; color: inherit; } #footer-area .widget ul li { list-style: none; } .footer-nav.nav > li { position: relative; display: inline-block; } .footer-nav.nav { float: left; margin-bottom: 2px; } .footer-widget { overflow: hidden; } .copyright { - font-family: "Montserrat", sans-serif; margin-top: 10px; } .copyright, .copyright a { color: #9c9c9c; } #colophon { padding: 50px 0; text-align: center; } .site-info a { color: #777; } .site-info a:hover { color: #4080FF; } .site-info { color: #999; font-size: 12px; } .footer-nav.nav > li > a:hover { background-color: transparent; } .scroll-to-top { background: #363636; background: rgba(100, 100, 100, 0.4); color: #FFF; bottom: 4%; cursor: pointer; display: none; position: fixed; right: 20px; z-index: 999; font-size: 16px; text-align: center; line-height: 35px; width: 35px; border-radius: 50%; -webkit-transition: background-color 0.3s linear; -moz-transition: background-color 0.3s linear; -o-transition: background-color 0.3s linear; transition: background-color 0.3s linear; } .scroll-to-top:hover { background: #4080FF; opacity: .8; } @media (max-width: 768px) { .site-info, .copyright { text-align: center; } .footer-nav.nav, .copyright { float: none; } } /* =Social icons ----------------------------------------------- */ #secondary .widget .social-icons a { margin-right: 20px; } .social-icons { position: relative; margin-bottom: 20px; text-align: center; } #secondary .widget .social-icons { text-align: left; } #social a { color: #696969; display: inline-block; font-size: 18px; list-style: none; text-align: center; } .header-search-icon { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } #social a:hover { color: #4080FF; } .header-search-icon { background: transparent; color: #696969; } .header-search-icon:hover { background: transparent; color: #4080FF; } #social li a span { display: none; } #footer-area #social a { margin: 0 15px; } @media (max-width: 992px) { .site-branding { text-align: center; } .main-content-inner{ margin-bottom: 30px; } } /* =Elements when no javaScript is present ----------------------------------------------- */ .widget_rss ul, .postform, table#wp-calendar { display: none; } .no-js .widget_rss ul, .no-js .postform, .no-js table#wp-calendar { display: block; } /* =Contact form 7 ----------------------------------------------- */ .wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 textarea { border-radius: 0; border: 1px solid #eeeeee; height: 35px; padding: 0 10px; width: 100%; } .wpcf7 textarea { min-height: 200px; padding: 10px; } .wpcf7 .wpcf7-form-control-wrap { display: block; margin-bottom: 30px; } .wpcf7 .wpcf7-submit { height: 35px; background: #f2f2f2; border: 0; border-radius: 0; font-size: 12px; padding: 0 80px; text-transform: uppercase; } .wpcf7 p { margin: 0; } /* Woocommerce */ .woocommerce .woocommerce-info { border-top-color: #4080FF; } .woocommerce .woocommerce-info:before { color: #4080FF; } /* Layout */ .has-sidebar-left #secondary { padding-right: 40px; } .no-sidebar { float: none; margin: 0 auto; } .full-width { width: 100%; } /*--TERCER NIVEL DE MENU--*/ ul.nav ul ul { margin: -40px 150px; background-color:#F2F2F2; height: auto; margin-left: 100%; } /* SOPORTE PARA SUBMENU DE DOS NIVELES DE PROFUNDIDAD */ .navbar-toggle { visibility: hidden; } .klogo { margin-top: 5px; width: 50px; height: 50px; margin-left: -60px; } /*@media (max-width: 768px) { --PARA FACILITAR EL TRABAJO ESTOS AJUSTES QUEDAN DEFINIDOS EN EL PANEL DE CONTROL, SECCION PLUGINS, WP RESPONSIVE MENU- .klogo { display: none; margin-top: 5px; width: 50px; height: 50px; } }*/ .navbar-collapse { margin-top: -60px; } /*@media (max-width: 768px) { --PARA FACILITAR EL TRABAJO ESTOS AJUSTES QUEDAN DEFINIDOS EN EL PANEL DE CONTROL, SECCION PLUGINS, WP RESPONSIVE MENU-- .navbar.navbar-default { display:none; } }*/ .navbar.navbar-default { height: 60px; } .dropdown-menu > li > a { background-color: #F2F2F2; } .kbgindex { background-image: url(background.jpg); background-size: cover; background-position: center; margin-top: 5px; width: auto; height: 300px; margin-top: -23px; } .ktextbienv { text-align: center; color: #F2F2F2; padding-top: 40px; } .ktextbienv a { color: #F2F2F2; } .ktextp1 { text-align: center; color: #F2F2F2; padding-top: 5px; } .ktextp1 a { color: #F2F2F2; } .ktextp2 { text-align: center; color: #F2F2F2; padding-top: 1px; padding-bottom: 30px; } .ktextp3 { text-align: center; color: #F2F2F2; } @media (max-width: 768px) { .ktextp3 { display: none; } }