/** * @package Helix Framework * @author JoomShaper http://www.joomshaper.com * @copyright Copyright (c) 2010 - 2017 JoomShaper * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later */ @import 'variables'; @import 'mixins'; body { color: @text_color; background-color: @bg_color; } // Anchor a{ color: @major_color; &:hover { color: darken(@major_color, 10%); } } // Megamenu .sp-megamenu-parent { .sp-dropdown { li.sp-menu-item { >a { &:hover { background: @major_color; } } &.active>a { color: @major_color; } } } } // Off Canvas #offcanvas-toggler { >i { color: @text_color; &:hover { color: @major_color; } } } //Button // Topbar Social ul.social-icons { >li { a { &:hover { color: @major_color; } } } } // Body Innerwrapper .layout-boxed .body-innerwrapper { background: @bg_color; } // Module .sp-module { ul { >li { >a { color: @text_color; &:hover { color: @major_color; } } } } .latestnews { >div { >a { color: @text_color; &:hover { color: @major_color; } } } } .tagscloud { .tag-name { &:hover { background: @major_color; } } } } // sp Simple Portfolio .sp-simpleportfolio .sp-simpleportfolio-filter > ul > li.active > a, .sp-simpleportfolio .sp-simpleportfolio-filter > ul > li > a:hover { background: @major_color; } // Search .search { .btn-toolbar { button { background: @major_color; } } } // Blog .post-format { background: @major_color; } .sp-rating { span.star:hover:before, span.star:hover ~ span.star:before { color: darken(#ffcc00, 10%); } } .entry-link, .entry-quote { background: @major_color; } blockquote { border-color: @major_color; } .carousel-left, .carousel-right { &:hover { background: @major_color; } } // Comingsoon .sp-comingsoon body { background-color: @major_color; } // Pagination .pagination>li>a, .pagination>li>span { color: @text_color; &:hover, &:focus { color: @text_color; } } .pagination>.active>a, .pagination>.active>span { border-color: @major_color; background-color: @major_color; &:hover, &:focus { border-color: @major_color; background-color: @major_color; } } // **************** **************** ************** **************** **************** // // **************** **************** Shaper Strings **************** **************** // // **************** **************** ************** **************** **************** // .btn, .sppb-btn, .btn.btn-primary, .sppb-btn.btn-primary, .btn.sppb-btn-primary, .sppb-btn.sppb-btn-primary, .view-login .form-links a:hover, .view-registration .form-links a:hover, .view-reset .form-links a:hover, .view-remind .form-links a:hover, .view-login .form-links a:focus, .view-registration .form-links a:focus, .view-reset .form-links a:focus, .view-remind .form-links a:focus , .article-info > dd.createdby span, #sp-page-builder .sppb-section .sppb-section-title .sppb-title-heading, .sp-related-performer .sp-section-title .subtitle, .spstrings-view-event .section-title .subtitle, .spstrings-view-event .spstrings-event-pricing .event-pricing-box .event-pricing-footer .btn:hover, .spstrings-view-event .spstrings-event-pricing .event-pricing-box .event-pricing-footer .btn:focus, .spstrings-view-performer .spstrings-performer-social-icons ul > li > a:hover, .spstrings-view-performer .spstrings-performer-social-icons ul > li > a:focus, .entry-header h2 a:hover, .entry-header h2 a:focus, .sp-comingsoon .social-icons li a:hover, .sppb-addon-pricing-table .sppb-pricing-box .sppb-pricing-footer a:hover, .sppb-addon-pricing-table .sppb-pricing-box .sppb-pricing-footer a:hover i, .strings-album-list:hover p a, .view-article article.item-page .pager.pagenav li a:hover, .view-article article.item-page .pager.pagenav li a:focus{ color: @major_color; } .btn.btn-success, .sppb-btn.btn-success, .btn.sppb-btn-success, .sppb-btn.sppb-btn-success, .spstrings-view-event .spstrings-event-pricing .event-pricing-box:hover .event-pricing-title, .pagination-wrapper ul.pagination li a:hover, .pagination-wrapper ul.pagination li a:focus, .pagination-wrapper ul.pagination li.active a, .sppb-addon-pricing-table .sppb-pricing-box:hover .sppb-pricing-header .sppb-pricing-title, .home-podcast-section.sppb-equalize-columns{ background: @major_color; } .tags a:hover, .tags a:focus { background: @major_color !important; } .btn.btn-info, .sppb-btn.btn-info, .btn.sppb-btn-info, .sppb-btn.sppb-btn-info, .string-upcoming-event .countdown-text-wrap .countdown-timer-subtitle, .spstrings-view-events .countdown-text-wrap .countdown-timer-subtitle, .string-upcoming-event .countdown-text-wrap .countdown-timer-subtitle a, .spstrings-view-events .countdown-text-wrap .countdown-timer-subtitle a, .spstrings-view-event .spstrings-event-pricing .event-pricing-box .event-pricing-footer .btn, .spstrings-view-event .spstrings-event-pricing .event-pricing-box .event-pricing-price, .sppb-addon-pricing-table .sppb-pricing-box .sppb-pricing-header .sppb-pricing-price{ color: @major2_color; } .spstrings-view-event .spstrings-event-schedule .event-time-wrap, .spstrings-view-event .spstrings-event-schedule .event-time-wrap { background: @major2_color; } .btn.btn-info i, .sppb-btn.btn-info i, .btn.sppb-btn-info i, .sppb-btn.sppb-btn-info i { border-color: @major2_color; } .btn.btn-link:hover, .sppb-btn.btn-link:hover, .btn.sppb-btn-link:hover, .sppb-btn.sppb-btn-link:hover, .btn.btn-link:focus, .sppb-btn.btn-link:focus, .btn.sppb-btn-link:focus, .sppb-btn.sppb-btn-link:focus, textarea:focus:invalid:focus, textarea.sppb-form-control:focus:invalid:focus, input[type="text"]:focus:invalid:focus, input[type="password"]:focus:invalid:focus, input[type="datetime"]:focus:invalid:focus, input[type="datetime-local"]:focus:invalid:focus, input[type="date"]:focus:invalid:focus, input[type="month"]:focus:invalid:focus, input[type="time"]:focus:invalid:focus, input[type="week"]:focus:invalid:focus, input[type="number"]:focus:invalid:focus, input[type="email"]:focus:invalid:focus, input[type="url"]:focus:invalid:focus, input[type="search"]:focus:invalid:focus, input[type="tel"]:focus:invalid:focus, input[type="color"]:focus:invalid:focus, .uneditable-input:focus:invalid:focus, #sp-footer #sp-footer2 .social-icons li a:hover, #sp-footer #sp-footer2 .social-icons li a:focus{ color: @hover_color; } .btn:hover, .sppb-btn:hover, .btn:focus, .sppb-btn:focus, .btn.btn-primary:hover, .sppb-btn.btn-primary:hover, .btn.sppb-btn-primary:hover, .sppb-btn.sppb-btn-primary:hover, .btn.btn-primary:focus, .sppb-btn.btn-primary:focus, .btn.sppb-btn-primary:focus, .sppb-btn.sppb-btn-primary:focus, .btn.btn-lg:hover, .sppb-btn.btn-lg:hover, .btn.sppb-btn-lg:hover, .sppb-btn.sppb-btn-lg:hover, .btn.btn-lg:focus, .sppb-btn.btn-lg:focus, .btn.sppb-btn-lg:focus, .sppb-btn.sppb-btn-lg:focus, .btn.btn-success:hover, .sppb-btn.btn-success:hover, .btn.sppb-btn-success:hover, .sppb-btn.sppb-btn-success:hover, .btn.btn-success:focus, .sppb-btn.btn-success:focus, .btn.sppb-btn-success:focus, .sppb-btn.sppb-btn-success:focus, .helix-social-share .helix-social-share-icon ul li div a:hover, .helix-social-share .helix-social-share-icon ul li div a:focus, .string-upcoming-event:hover .countdown-text-wrap, .spstrings-view-events:hover .countdown-text-wrap{ background: @hover_color; } .btn.btn-lg:hover, .sppb-btn.btn-lg:hover, .btn.sppb-btn-lg:hover, .sppb-btn.sppb-btn-lg:hover, .btn.btn-lg:focus, .sppb-btn.btn-lg:focus, .btn.sppb-btn-lg:focus, .sppb-btn.sppb-btn-lg:focus, textarea:focus, textarea.sppb-form-control:focus, textarea:focus:invalid:focus, textarea.sppb-form-control:focus:invalid:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus, input[type="text"]:focus:invalid:focus, input[type="password"]:focus:invalid:focus, input[type="datetime"]:focus:invalid:focus, input[type="datetime-local"]:focus:invalid:focus, input[type="date"]:focus:invalid:focus, input[type="month"]:focus:invalid:focus, input[type="time"]:focus:invalid:focus, input[type="week"]:focus:invalid:focus, input[type="number"]:focus:invalid:focus, input[type="email"]:focus:invalid:focus, input[type="url"]:focus:invalid:focus, input[type="search"]:focus:invalid:focus, input[type="tel"]:focus:invalid:focus, input[type="color"]:focus:invalid:focus, .uneditable-input:focus:invalid:focus, .com-users .reg-login-form-wrap .form-validate input:focus{ border-color: @hover_color; } .tags a:hover, .tags a:focus , .sp-page-title h3, .sppb-addon-pricing-table .sppb-pricing-box .sppb-pricing-footer a:hover i{ border-color: @major_color; }