%PDF- %PDF-
Direktori : /home1/lightco1/www/lightingrepublic.com.au/templates/shaper_macro/less/ |
Current File : //home1/lightco1/www/lightingrepublic.com.au/templates/shaper_macro/less/shortcode.less |
/** * @package Helix Framework * @author JoomShaper http://www.joomshaper.com * @copyright Copyright (c) 2010 - 2016 JoomShaper * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later */ /* ************************************************************************************** */ /* ***************** Start Feature ****************** */ /* ************************************************************************************ */ .sppb-addon-feature{ h3.sppb-feature-box-title{ margin-bottom: 20px; } } /* ************************************************************************************** */ /* ***************** End:: Feature ****************** */ /* ************************************************************************************ */ /* ************************************************************************************** */ /* ***************** Start Buttons ****************** */ /* ************************************************************************************ */ .btn, .sppb-btn { .transition(~'color 400ms, background-color 400ms, border-color 400ms'); } //Offline .offline-inner { margin-top: 100px; } .btn, .sppb-btn { border: none; border-bottom: 2px solid; font-size: 16px; color: #fff; border-radius: 3px; line-height: 50px; padding: 0 30px; text-transform: capitalize; box-shadow: none; -webkit-box-shadow: none; &:hover, &:focus{ box-shadow: none; -webkit-box-shadow: none; } } button{ line-height: 50px; height: 50px; } input.btn, input.sppb-btn{ height: 50px !important; line-height: 50px !important; border: none; &:hover, &:focus, &:active, &:focus:active{ outline: none; } } .btn.btn-sm, .sppb-btn.sppb-btn-sm { line-height: 35px; padding: 0 15px; } .btn.btn-xs, .sppb-btn.sppb-btn-xs { line-height: 25px; padding: 0 10px; } .btn.btn-lg, .sppb-btn.sppb-btn-lg { font-size: 18px; line-height: 50px; padding: 0 30px; } .btn-default, .sppb-btn-default{ color: #939393; background-color: #e9eaed; border-color: darken(#e9eaed, 25%); &:hover, &:focus, &:active{ background-color: darken(#e9eaed, 10%); border-color: darken(#e9eaed, 30%); } } .btn-primary, .sppb-btn-primary{ color: #fff; background-color: @major_color; &:hover, &:focus, &:active{ background-color: darken(@major_color, 10%); } } .btn-success, .sppb-btn-success{ color: #fff; background-color: #58cf68; border-color: darken(#58cf68, 25%); &:hover, &:focus, &:active{ background-color: darken(#58cf68, 10%); border-color: darken(#58cf68, 30%); } } .btn-info, .sppb-btn-info{ color: #fff; background-color: #3da1e3; border-color: darken(#3da1e3, 25%); &:hover, &:focus, &:active{ background-color: darken(#3da1e3, 10%); border-color: darken(#3da1e3, 30%); } } .btn-warning, .sppb-btn-warning{ color: #fff; background-color: #f7a442; border-color: darken(#f7a442, 25%); &:hover, &:focus, &:active{ background-color: darken(#f7a442, 10%); border-color: darken(#f7a442, 30%); } } .btn-danger, .sppb-btn-danger{ color: #fff; background-color: #e35358; border-color: darken(#e35358, 25%); &:hover, &:focus, &:active{ background-color: darken(#e35358, 10%); border-color: darken(#e35358, 30%); } } .btn-link, .sppb-btn-link{ background-color: transparent; padding: 0; border: none; color: #4e283f; font-weight: 700; letter-spacing: 5px; color: @major_color; &:hover, &:focus, &:active{ text-decoration: none; color: darken(@major_color, 10%); } } /* ************************************************************************************** */ /* ***************** End:: Buttons ****************** */ /* ************************************************************************************ */ /* ************************************************************************************ */ /* ************** Start input *************** */ /* ************************************************************************************ */ //input 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"], .uneditable-input { .form-control(); border-radius: 3px; -webkit-box-shadow: none; box-shadow: none; height: 50px !important; padding: 6px 20px; border-color: #e6e6e6; &:focus{ -webkit-box-shadow: none; box-shadow: none; outline: none; border-color: #90c940; } } .sppb-form-control{ border-radius: 3px; -webkit-box-shadow: none; box-shadow: none; border-color: #e6e6e6; &:focus{ border-color: #90c940 !important; -webkit-box-shadow: none !important; box-shadow: none !important; } } .group-control { 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"], .uneditable-input { width: 100%; } } /* ************************************************************************************ */ /* ************** End:: input *************** */ /* ************************************************************************************ */ /* ************************************************************************************** */ /* ***************** Start Tab ****************** */ /* ************************************************************************************ */ .sppb-addon-tab{ .sppb-nav-tabs{ border-bottom: solid 1px #e9eaed; li{ margin-right: 30px; margin-bottom: 0; > a{ font-size: 16px; font-weight: 500; padding: 0 0 15px 0; color: #a8a8a8; border: 0; border-radius: 0; &:hover, &:focus{ background-color: transparent; border: none; outline: none; } } } li.active > a{ color: @major_color; } } .sppb-tab-pane{ padding: 20px 0; >div{ margin-bottom: 40px; p{ padding-right: 20px; font-size: 36px; float: left; color: #a8a8a8; } } } } .macro-tab-style2{ background-color: #fafafa; .sppb-nav-pills{ background-color: #f2f2f2; li { a{ font-size: 16px; font-weight: 500; color: #000; padding: 15px 25px; background: none; border-radius: 0; &:hover, &:focus{ background-color: transparent; border-color: transparent; outline: 0; } } } li.active a{ background-color: @major_color; color: #fff; border-radius: 0; &:hover{ background-color: @major_color; } } } .sppb-tab-content{ padding: 30px; } } /* ************************************************************************************** */ /* ***************** End:: Tab ****************** */ /* ************************************************************************************ */ /* ************************************************************************************** */ /* ***************** Start Accordion ****************** */ /* ************************************************************************************ */ //Accordion Default .sppb-addon-accordion{ .sppb-panel-default{ border: 0; box-shadow: none; .sppb-panel-heading{ border-top-right-radius: 0; border-top-left-radius: 0; padding: 0 0 15px 0; background-color: transparent; border-bottom: solid 1px #e9eaed; position: relative; &.active:before { content: "\f068"; } &:before { position: absolute; font-family: FontAwesome; content: "\f067"; left: 0; top: 0; } span.sppb-panel-title{ color: #38434a; font-size: 14px; font-weight: 700; margin-left: 20px; i{ margin-right: 18px; padding: 15px 0; } } } .sppb-panel-body{ padding-top: 20px; border-top: 0 !important; font-size: 14px; line-height: 24px; } } .sppb-panel-group .sppb-panel + .sppb-panel{ margin-top: 20px; } } //Accordion Primary .sppb-addon-accordion{ .sppb-panel-primary{ border: 0; box-shadow: none; .sppb-panel-heading{ border-top-right-radius: 0; border-top-left-radius: 0; padding: 0; background-color: transparent; border-bottom: solid 1px #ebecef; span.sppb-panel-title{ color: #000; font-size: 14px; font-weight: 700; color: #000; i{ color: @major_color; margin-right: 18px; padding: 15px 0; } } } .sppb-panel-body{ padding: 30px 0 10px 0; border-top: 0 !important; } } .sppb-panel-group .sppb-panel + .sppb-panel{ margin-top: 20px; } } //Accordion Success .sppb-addon-accordion{ .sppb-panel-success{ border: 0; box-shadow: none; .sppb-panel-heading{ border-top-right-radius: 0; border-top-left-radius: 0; padding: 0; background-color: transparent; border-bottom: solid 1px #ebecef; span.sppb-panel-title{ color: #2e3327; font-size: 14px; font-weight: 700; color: #000; i{ margin-right: 18px; padding: 15px 0; color: #58cf68; } } } .sppb-panel-body{ padding: 30px 0 10px 0; border-top: 0 !important; } } .sppb-panel-group .sppb-panel + .sppb-panel{ margin-top: 20px; } } //Accordion Info .sppb-addon-accordion{ .sppb-panel-info{ border: 0; box-shadow: none; .sppb-panel-heading{ border-top-right-radius: 0; border-top-left-radius: 0; padding: 0; background-color: transparent; border-bottom: solid 1px #ebecef; span.sppb-panel-title{ color: #2e3327; font-size: 14px; font-weight: 700; color: #000; i{ margin-right: 18px; padding: 15px 0; color: #3da1e3; } } } .sppb-panel-body{ padding: 30px 0 10px 0; border-top: 0 !important; } } .sppb-panel-group .sppb-panel + .sppb-panel{ margin-top: 20px; } } /* ************************************************************************************** */ /* ***************** End:: Accordion ****************** */ /* ************************************************************************************ */