Your IP : 216.73.216.201
/*
* @package Helix Framework
* Template Name - Shaper Doctor
* @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 Buttons **************** */
/* ***************************************************** */
.btn,
.sppb-btn {
.transition(~'color 400ms, background-color 400ms, border-color 400ms');
}
//Offline
.offline-inner {
margin-top: 100px;
}
.btn,
.sppb-btn {
padding: 0 35px;
line-height: 50px;
border: none;
color: #525252;
font-size: 16px;
border-radius: 3px;
.transition(.3s);
&:hover,
&:focus,
&:active{
box-shadow: none;
-webkit-box-shadow: none;
color: #fff;
}
}
body.contentpane{
.btn,.sppb-btn{
line-height: 1.5;
}
}
body.com-sppagebuilder:not(.contentpane){
button:not(#sppb-add-new-row-btn){
line-height: 42px;
height: 42px;
}
}
input.btn,
input.sppb-btn{
height: 50px !important;
line-height: 50px !important;
&:hover,
&:focus,
&:active,
&:focus:active{
outline: none;
}
}
.btn.btn-sm,
.sppb-btn.sppb-btn-sm {
line-height: 36px;
padding: 0 25px;
}
.btn.btn-xs,
.sppb-btn.sppb-btn-xs {
line-height: 34px;
padding: 0 30px;
}
.btn.btn-lg,
.sppb-btn.sppb-btn-lg{
line-height: 52px;
padding: 0 50px;
}
.btn.btn-default,
.sppb-btn.sppb-btn-default,
.btn.btn-lg.btn-default,
.sppb-btn.sppb-btn-lg.sppb-btn-default{
background-color: #fff;
border-color: #fff;
&:hover,
&:focus,
&:active{
background-color: darken(#fff, 10%);
color: #525252;
}
}
.btn.btn-primary,
.sppb-btn.sppb-btn-primary,
.btn.btn-lg.btn-primary,
.sppb-btn.sppb-btn-lg.sppb-btn-primary{
color: #fff;
}
.btn.btn-success,
.sppb-btn.sppb-btn-success,
.btn.btn-lg.btn-success,
.sppb-btn.sppb-btn-lg.sppb-btn-success{
background-color: #58cf68;
color: #fff;
border-color: #58cf68;
&:hover,
&:focus,
&:active{
background-color: darken(#58cf68, 12%);
border-color: darken(#58cf68, 12%);
}
}
.btn.btn-info,
.sppb-btn.sppb-btn-info,
.btn.btn-lg.btn-info,
.sppb-btn.sppb-btn-lg.sppb-btn-info{
background-color: #24252a;
color: #fff;
border-color: #24252a;
&:hover,
&:focus,
&:active{
background-color: darken(#24252a, 12%);
border-color: darken(#24252a, 12%);
}
}
.btn.btn-warning,
.sppb-btn.sppb-btn-warning,
.btn.btn-lg.btn-warning,
.sppb-btn.sppb-btn-lg.sppb-btn-warning{
background-color: #ff3d00;
color: #fff;
border-color: #ff3d00;
&:hover,
&:focus,
&:active{
background-color: darken(#ff3d00, 12%);
border-color: darken(#ff3d00, 12%);
}
}
.btn.btn-danger,
.sppb-btn.sppb-btn-danger,
.btn.btn-lg.btn-danger,
.sppb-btn.sppb-btn-lg.sppb-btn-danger{
background-color: #e35358;
color: #fff;
border-color: #e35358;
&:hover,
&:focus,
&:active{
background-color: darken(#e35358, 12%);
border-color: darken(#e35358, 12%);
}
}
.btn.btn-link,
.sppb-btn.sppb-btn-link,
.btn.btn-lg.btn-link,
.sppb-btn.sppb-btn-lg.sppb-btn-link{
&:hover,
&:focus,
&:active{
color: #fff;
text-decoration: none;
}
}
/* ************** END:: Buttons **************** */
/* ***************************************************** */
/* ************** START input **************** */
/* ***************************************************** */
//input
body:not(.contentpane){
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: 53px !important;
padding: 6px 15px !important;
border: 1px solid #d9d9d9 !important;
.transition(.3s);
&:focus{
-webkit-box-shadow: none !important;
box-shadow: none !important;
outline: none !important;
}
}
.sppb-form-control,
a.btn[title="Cancel"],
button[type="submit"],
button[name="Search"]{
border-radius: 3px;
-webkit-box-shadow: none;
box-shadow: none;
height: 53px;
line-height: 41px;
padding: 6px 30px;
}
}
.sppb-form-control{
border: 1px solid transparent;
.transition(.3s);
&:focus{
-webkit-box-shadow: none;
box-shadow: none;
outline: none;
}
}
.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 Alert **************** */
/* ***************************************************** */
.alert{
background: #f9f9f9;
&.alert-success{
background: #dff0d8;
}
&.alert-info{
background: #d9edf7;
}
&.alert-warning{
background: #fcf8e3;
}
&.alert-error{
background: #f2dede;
}
}
/* ************** END:: Alert **************** */
/* ***************************************************** */