%PDF- %PDF-
| Direktori : /home/lightco1/www/lightingrepublic.com.au/templates/shaper_macro/less/ |
| Current File : /home/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 ****************** */
/* ************************************************************************************ */