%PDF-
%PDF-
Mini Shell
Mini Shell
@import "global/_variables";
@import "global/_mixins";
@import "style";
@import "vendors";
//REMOVE OUTLINE INPUT
textarea: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 {
border-color: @abbr-border-color;
box-shadow: none;
outline: 0 none;
}
a:focus, .btn:focus {
outline: 0 !important;
}
.img-circle{
border-radius: 50% !important;
}
h1,h2,h3,h4,h5,h6{
font-family: "Open Sans", sans-serif;
font-weight: 300;
}
//BEGIN NOTE
.note {
margin: 0 0 20px 0;
padding: 15px 30px 15px 15px;
border-left: 3px solid #e5e5e5;
.border-radius(0);
}
.note h1,
.note h2,
.note h3,
.note h4 {
margin-top: 0;
}
.note p:last-child {
margin-bottom: 0;
}
.note code,
.note .highlight {
background-color: #fff;
}
.note-success {
border-color: @brand-success;
background: @state-success-bg;
.box-heading{
color: @brand-success;
}
}
.note-warning {
border-color: @brand-warning;
background: @state-warning-bg;
.box-heading{
color: @brand-warning;
}
}
.note-info {
border-color: @brand-info;
background: @state-info-bg;
.box-heading{
color: @brand-info;
}
}
.note-danger {
border-color: @brand-danger;
background: @state-danger-bg;
.box-heading{
color: @brand-danger;
}
}
//END NOTE
//BEGIN PAGINATION
.pagination{
.border-radius(0);
li{
a, span{
.border-style();
margin-left: -3px;
}
&.active{
a, span{
border-color: darken(@brand-primary, 8%) !important;
}
}
a, span{
&:hover,
&:focus{
border-color: darken(@brand-primary, 8%) !important;
}
}
&:first-child{
a, span{
.border-left-radius(0);
}
}
&:last-child{
a, span{
.border-right-radius(0);
}
}
}
}
//END PAGINATION
//BEGIN PAGER
.pager{
li{
a, span{
.border-style();
color: @text-color;
}
}
}
//END PAGER
//BEGIN LABEL & BADGE
.badge {
font-size: 11px !important;
font-weight: 300;
text-align: center;
height: 18px;
padding: 3px 6px 3px 6px;
-webkit-border-radius: 12px !important;
-moz-border-radius: 12px !important;
border-radius: 12px !important;
text-shadow: none !important;
text-align: center;
vertical-align: middle;
background-color: #bcbcbc;
}
.label{
font-size: 11px;
font-weight: 300;
.no-border-radius();
}
.badge-default,
.label-default {
background-color: #999 !important;
}
.badge-primary,
.label-primary {
background-color: @brand-primary !important;
}
.badge-red,
.label-red {
background-color: @color-red !important;
}
.badge-orange,
.label-orange {
background-color: @color-orange !important;
}
.badge-green ,
.label-green {
background-color: @color-green !important;
}
.badge-yellow,
.label-yellow {
background-color: @color-yellow !important;
}
.badge-blue,
.label-blue {
background-color: @color-blue !important;
}
.badge-violet,
.label-violet {
background-color: @color-violet !important;
}
.badge-pink,
.label-pink {
background-color: @color-pink !important;
}
.badge-grey,
.label-grey {
background-color: @color-grey !important;
}
.badge-dark,
.label-dark {
background-color: @color-dark !important;
}
.label-success,
.badge-success {
background-color: @brand-success;
background-image: none !important;
}
.label-warning,
.badge-warning {
background-color: @brand-warning;
background-image: none !important;
}
.label-danger,
.badge-danger {
background-color: @brand-danger;
background-image: none !important;
}
.label-info,
.badge-info {
background-color: @brand-info;
background-image: none !important;
}
.nav.nav-pills > li > a > .badge {
margin-top: -2px;
}
.nav.nav-stacked > li > a > .badge {
margin-top: 1px;
margin-bottom: 0px;
}
a.list-group-item.active>.badge, .nav-pills>.active>a>.badge {
color: @brand-primary;
}
//END LABEL & BADGE
//BEGIN PAGINATION
.pagination{
li{
&.active{
a, span{
color: #FFFFFF;
background: @brand-primary;
z-index: 2;
cursor: default;
&:hover, &:focus{
color: #FFFFFF;
background: @brand-primary;
z-index: 2;
cursor: default;
}
}
}
a, span{
&:hover, &:focus{
color: #FFFFFF;
background: @brand-primary;
z-index: 2;
cursor: default;
}
}
a{
color: @text-color;
}
}
}
//END PAGINATION
//BEGIN PANEL
.panel{
.box-shadow(none);
.border-radius(0);
.border-style(5px);
>.panel-heading {
font-size: 18px;
padding: 7px 15px 0;
border-bottom: 0 !important;
.border-top-radius(0);
.border-color();
}
>.panel-footer {
font-size: 18px;
padding: 7px 15px;
border-top: 0 !important;
.border-bottom-radius(0);
}
&.panel-primary{
.border-color(lighten(@brand-primary, 35%));
>.panel-heading{
padding: 7px 15px;
color: #FFFFFF;
background: @brand-primary;
.border-color(@brand-primary);
}
>.panel-footer{
color: #FFFFFF;
background: @brand-primary;
.border-color(@brand-primary);
}
}
&.panel-success{
.border-color(lighten(@brand-success, 35%));
>.panel-heading{
padding: 7px 15px;
color: #FFFFFF;
background: @brand-success;
.border-color(@brand-success);
}
>.panel-footer{
color: #FFFFFF;
background: @brand-success;
.border-color(@brand-success);
}
}
&.panel-info{
.border-color(lighten(@brand-info, 25%));
>.panel-heading{
padding: 7px 15px;
color: #FFFFFF;
background: @brand-info;
.border-color(@brand-info);
}
>.panel-footer{
color: #FFFFFF;
background: @brand-info;
.border-color(@brand-info);
}
}
&.panel-warning{
.border-color(lighten(@brand-warning, 25%));
>.panel-heading{
padding: 7px 15px;
color: #FFFFFF;
background: @brand-warning;
.border-color(@brand-warning);
}
>.panel-footer{
color: #FFFFFF;
background: @brand-warning;
.border-color(@brand-warning);
}
}
&.panel-danger{
.border-color(lighten(@brand-danger, 25%));
>.panel-heading{
padding: 7px 15px;
color: #FFFFFF;
background: @brand-danger;
.border-color(@brand-danger);
}
>.panel-footer{
color: #FFFFFF;
background: @brand-danger;
.border-color(@brand-danger);
}
}
&.panel-red{
.border-color(lighten(@color-red, 35%));
>.panel-heading{
padding: 7px 15px;
color: #FFFFFF;
background: @color-red;
.border-color(@color-red);
}
>.panel-footer{
color: #FFFFFF;
background: @color-red;
.border-color(@color-red);
}
}
&.panel-orange{
.border-color(lighten(@color-orange, 35%));
>.panel-heading{
padding: 7px 15px;
color: #FFFFFF;
background: @color-orange;
.border-color(@color-orange);
}
>.panel-footer{
color: #FFFFFF;
background: @color-orange;
.border-color(@color-orange);
}
}
&.panel-green{
.border-color(lighten(@color-green, 35%));
>.panel-heading{
padding: 7px 15px;
color: #FFFFFF;
background: @color-green;
.border-color(@color-green);
}
>.panel-footer{
color: #FFFFFF;
background: @color-green;
.border-color(@color-green);
}
}
&.panel-yellow{
.border-color(lighten(@color-yellow, 25%));
>.panel-heading{
padding: 7px 15px;
color: #FFFFFF;
background: @color-yellow;
.border-color(@color-yellow);
}
>.panel-footer{
color: #FFFFFF;
background: @color-yellow;
.border-color(@color-yellow);
}
}
&.panel-blue{
.border-color(lighten(@color-blue, 15%));
>.panel-heading{
padding: 7px 15px;
color: #FFFFFF;
background: @color-blue;
.border-color(@color-blue);
}
>.panel-footer{
color: #FFFFFF;
background: @color-blue;
.border-color(@color-blue);
}
}
&.panel-pink{
.border-color(lighten(@color-pink, 35%));
>.panel-heading{
padding: 7px 15px;
color: #FFFFFF;
background: @color-pink;
.border-color(@color-pink);
}
>.panel-footer{
color: #FFFFFF;
background: @color-pink;
.border-color(@color-pink);
}
}
&.panel-violet{
.border-color(lighten(@color-violet, 35%));
>.panel-heading{
padding: 7px 15px;
color: #FFFFFF;
background: @color-violet;
.border-color(@color-violet);
}
>.panel-footer{
color: #FFFFFF;
background: @color-violet;
.border-color(@color-violet);
}
}
&.panel-grey{
.border-color(lighten(@color-grey, 35%));
>.panel-heading{
padding: 7px 15px;
color: #FFFFFF;
background: @color-grey;
.border-color(@color-grey);
}
>.panel-footer{
color: #FFFFFF;
background: @color-grey;
.border-color(@color-grey);
}
}
&.panel-dark{
.border-color(lighten(@color-dark, 35%));
>.panel-heading{
padding: 7px 15px;
color: #FFFFFF;
background: @color-dark;
.border-color(@color-dark);
}
>.panel-footer{
color: #FFFFFF;
background: @color-dark;
.border-color(@color-dark);
}
}
&.panel-white{
border-color: #efefef;
>.panel-heading{
padding: 7px 15px;
border-bottom: 3px solid #ededed !important;
color: @text-color;
background: #FFFFFF;
}
>.panel-footer{
border-top: 1px solid #ededed !important;
color: @text-color;
background: #FFFFFF;
}
}
}
.panel-group .panel-heading+.panel-collapse .panel-body{
border: 0;
}
//END PANEL
//BEGIN BUTTON
.btn{
outline: none !important;
.border-radius(0);
.border-style(3px, transparent);
&.btn-square{
.border-radius(0);
}
}
.btn-outlined{
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
&.btn-default{
background: none;
border: 3px solid @text-color;
color: @text-color;
}
&.btn-primary{
background: none;
border: 3px solid @brand-primary;
color: @brand-primary;
}
&.btn-success{
background: none;
border: 3px solid @brand-success;
color: @brand-success;
}
&.btn-warning{
background: none;
border: 3px solid @brand-warning;
color: @brand-warning;
}
&.btn-info{
background: none;
border: 3px solid @brand-info;
color: @brand-info;
}
&.btn-danger{
background: none;
border: 3px solid @brand-danger;
color: @brand-danger;
}
&.btn-red{
background: none;
border: 3px solid @color-red;
color: @color-red;
}
&.btn-orange{
background: none;
border: 3px solid @color-orange;
color: @color-orange;
}
&.btn-green{
background: none;
border: 3px solid @color-green;
color: @color-green;
}
&.btn-yellow{
background: none;
border: 3px solid @color-yellow;
color: @color-yellow;
}
&.btn-blue{
background: none;
border: 3px solid @color-blue;
color: @color-blue;
}
&.btn-pink{
background: none;
border: 3px solid @color-pink;
color: @color-pink;
}
&.btn-violet{
background: none;
border: 3px solid @color-violet;
color: @color-violet;
}
&.btn-grey{
background: none;
border: 3px solid @color-grey;
color: @color-grey;
}
&.btn-dark{
background: none;
border: 3px solid @color-dark;
color: @color-dark;
}
}
.btn-default {
.button-variant(@btn-default-color; #efefef; @btn-default-border);
}
.btn-primary {
.button-variant(@btn-primary-color; @btn-primary-bg; @btn-primary-border);
}
.btn-success {
.button-variant(@btn-success-color; @btn-success-bg; @btn-success-border);
}
.btn-info {
.button-variant(@btn-info-color; @btn-info-bg; @btn-info-border);
}
.btn-warning {
.button-variant(@btn-warning-color; @btn-warning-bg; @btn-warning-border);
}
.btn-danger {
.button-variant(@btn-danger-color; @btn-danger-bg; @btn-danger-border);
}
.btn-red {
.button-variant(@btn-red-color; @btn-red-bg; @btn-red-border);
}
.btn-orange {
.button-variant(@btn-orange-color; @btn-orange-bg; @btn-orange-border);
}
.btn-green {
.button-variant(@btn-green-color; @btn-green-bg; @btn-green-border);
}
.btn-yellow {
.button-variant(@btn-yellow-color; @btn-yellow-bg; @btn-yellow-border);
}
.btn-blue {
.button-variant(@btn-blue-color; @btn-blue-bg; @btn-blue-border);
}
.btn-violet {
.button-variant(@btn-violet-color; @btn-violet-bg; @btn-violet-border);
}
.btn-pink {
.button-variant(@btn-pink-color; @btn-pink-bg; @btn-pink-border);
}
.btn-grey {
.button-variant(@btn-grey-color; @btn-grey-bg; @btn-grey-border);
}
.btn-dark {
.button-variant(@btn-dark-color; @btn-dark-bg; @btn-dark-border);
}
.btn-white {
.button-variant(@btn-white-color; @btn-white-bg; @btn-white-border);
}
.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){
.border-right-radius(0);
}
.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){
.border-radius(0);
}
.btn-group>.btn:last-child:not(:first-child), .btn-group>.dropdown-toggle:not(:first-child){
.border-left-radius(0);
}
.btn-group>.btn-group:last-child>.btn:first-child{
.border-left-radius(0);
}
.btn-group>.btn-group:first-child>.btn:last-child, .btn-group>.btn-group:first-child>.dropdown-toggle{
.border-right-radius(0);
}
.btn-group-vertical>.btn:first-child:not(:last-child){
border-top-right-radius: 0px !important;
.border-bottom-radius(0);
}
.btn-group-vertical>.btn:not(:first-child):not(:last-child){
.border-radius(0);
}
.btn-group-vertical>.btn:last-child:not(:first-child){
border-bottom-left-radius: 0px !important;
.border-top-radius(0);
}
//END BUTTON
//BEGIN INPUT GROUP
.input-group{
.input-group-addon{
color: @text-color;
.border-style();
.border-radius(0);
&:first-child{
border-right: 0 !important;
}
&:last-child{
border-left: 0 !important;
}
}
.input-group-btn{
.btn{
.border-style();
.box-shadow(none);
&.btn-primary{
border-color: darken(@brand-primary, 5%) !important;
}
&.btn-success{
border-color: darken(@brand-success, 5%) !important;
}
&.btn-warning{
border-color: darken(@brand-warning, 5%) !important;
}
&.btn-info{
border-color: darken(@brand-info, 5%) !important;
}
&.btn-danger{
border-color: darken(@brand-danger, 5%) !important;
}
&.btn-red{
border-color: darken(@color-red, 5%) !important;
}
&.btn-orange{
border-color: darken(@color-orange, 5%) !important;
}
&.btn-green{
border-color: darken(@color-green, 5%) !important;
}
&.btn-yellow{
border-color: darken(@color-yellow, 5%) !important;
}
&.btn-blue{
border-color: darken(@color-blue, 5%) !important;
}
&.btn-pink{
border-color: darken(@color-pink, 5%) !important;
}
&.btn-violet{
border-color: darken(@color-violet, 5%) !important;
}
&.btn-grey{
border-color: darken(@color-grey, 5%) !important;
}
&.btn-dark{
border-color: darken(@color-dark, 5%) !important;
}
}
}
}
.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child>.btn, .input-group-btn:first-child>.btn-group>.btn, .input-group-btn:first-child>.dropdown-toggle, .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child>.btn-group:not(:last-child)>.btn{
.border-right-radius(0);
}
.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group>.btn, .input-group-btn:last-child>.dropdown-toggle, .input-group-btn:first-child>.btn:not(:first-child), .input-group-btn:first-child>.btn-group:not(:first-child)>.btn{
.border-left-radius(0);
}
.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group>.btn, .input-group-btn:last-child>.dropdown-toggle, .input-group-btn:first-child>.btn:not(:first-child), .input-group-btn:first-child>.btn-group:not(:first-child)>.btn{
.border-left-radius(0);
}
.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child>.btn, .input-group-btn:first-child>.btn-group>.btn, .input-group-btn:first-child>.dropdown-toggle, .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child>.btn-group:not(:last-child)>.btn{
.border-right-radius(0);
}
.input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child){
.border-radius(0);
}
.input-group-lg>.form-control, .input-group-lg>.input-group-addon, .input-group-lg>.input-group-btn>.btn{
height: 49px;
}
.input-group-sm>.form-control, .input-group-sm>.input-group-addon, .input-group-sm>.input-group-btn>.btn{
height: 34px;
}
//END INPUT GROUP
//BEGIN DROPDOWN MENU
.dropdown-menu{
margin: 0;
padding: 0;
.border-style();
border-radius: 0;
.box-shadow(none);
li{
a{
color: @text-color;
padding: 9px 10px;
font-size: 13px;
}
&.active{
a{
background-color: @brand-primary;
&:hover,
&:focus{
background-color: @brand-primary;
}
}
}
}
.divider{
height: 3px;
}
}
.dropdown-submenu{
position: relative;
> .dropdown-menu {
top: 5px;
left: 100%;
margin-top: -6px;
margin-left: -1px;
border-color: @brand-primary;
}
> a{
&:after{
position: absolute;
display: inline-block;
right: 7px;
top: 7px;
font-family: FontAwesome;
height: auto;
content: "\f105";
font-weight: 300;
}
}
&:hover{
> .dropdown-menu {
display: block;
}
}
&.pull-left {
float: none;
> .dropdown-menu {
left: -100%;
margin-left: 10px;
}
}
}
.dropup .dropdown-submenu > .dropdown-menu {
top: auto;
bottom: 0;
margin-top: 0;
margin-bottom: -2px;
}
//END DROPDOWN MENU
//BEGIN NAV PIlLS
.nav-pills{
li{
&.active{
a{
background: @brand-primary;
&:hover,
&:focus{
background: @brand-primary;
}
}
}
a{
.border-radius(0);
}
}
}
//END NAV PILLS
//BEGIN LIST GROUP
.list-group{
.list-group-item{
border-color: #e5e5e5;
color: @text-color;
&.active{
background: @brand-primary;
border-color: @brand-primary;
&:hover,
&:focus{
background: @brand-primary;
border-color: @brand-primary;
}
}
&:first-child {
.border-top-radius(0);
}
&:last-child {
.border-bottom-radius(0);
}
}
}
//END LIST GROUP
//BEGIN TAB
.nav-tabs{
.border-bottom-style(5px);
li{
margin-bottom: -5px;
a{
.border-radius(0);
.border-style(5px, transparent);
border-bottom: 0;
&:hover,
&:focus{
.border-style(5px);
border-bottom: 0;
}
}
&.active{
a{
.border-style(5px);
border-bottom: 0;
&:hover,
&:focus{
.border-style(5px);
border-bottom: 0;
}
}
}
ul.dropdown-menu{
li{
margin-bottom: 0;
a{
.border-style(0);
&:hover,
&:focus{
.border-style(0);
}
}
&.active{
a{
&:hover,
&:focus{
.border-style(0);
}
}
}
}
}
}
&.nav-justified{
li{
a {
border-bottom: 0px;
}
&.active a {
border: 5px solid #ddd;
border-bottom: 0px;
&:hover {
border: 5px solid #ddd;
border-bottom: 0px;
}
}
}
}
}
.tab-content {
background: #fff;
padding: 20px 15px;
margin-bottom: 20px;
.border-style(5px);
border-top: 0;
}
.tabbable{
&:before {
display: table;
line-height: 0;
content: "";
}
&:after {
display: table;
line-height: 0;
content: "";
clear: both;
}
&.tabs-left{
.nav-tabs{
float: left;
display: inline-block;
.border-right-style(0px);
border-bottom: 0 !important;
> li{
float: none;
&.active,
&:hover,
&:focus{
> a{
.border-style(5px);
border-right: 0;
}
}
> a{
border-right: 0;
min-width: 74px;
margin-bottom: 3px;
margin-right: -1px;
.border-radius(0);
}
}
}
.tab-content{
overflow: auto;
.border-style(5px);
//border-left: 0;
}
}
&.tabs-right{
.nav-tabs{
float: right;
display: inline-block;
border-bottom: 0 !important;
> li{
float: none;
&.active,
&:hover,
&:focus{
> a{
border: 5px solid;
.border-color(#e5e5e5);
border-left: 0;
}
}
> a{
border-left: 0;
min-width: 74px;
margin-bottom: 3px;
margin-left: -1px;
.border-radius(0);
}
}
}
.tab-content{
overflow: auto;
.border-style(5px);
//border-right: 0;
}
}
&.tabs-below{
.nav-tabs {
margin-bottom: 20px !important;
border-bottom: 0px !important;
border: 0;
> li{
margin-top: -1px;
margin-bottom: 0;
&.active{
> a{
border: 5px solid;
.border-color(#e5e5e5);
border-top: 0;
}
}
> a{
.border-radius(0);
&:hover {
border: 5px solid transparent;
}
}
}
}
.tab-content{
overflow: auto;
margin-bottom: 0 !important;
border: 5px solid;
.border-color(#e5e5e5);
}
}
}
//END TAB
//BEGIN PROGRESS BAR
.progress{
position: relative;
.border-radius(0);
.box-shadow(none);
&.progress-xs{
height: 5px;
margin-top: 5px;
}
&.progress-sm{
height: 11px;
margin-top: 5px;
}
&.progress-lg{
height: 25px;
}
.progress-bar{
.box-shadow(none);
background-color: @brand-primary;
&.progress-bar-success{
background-color: @brand-success !important;
}
&.progress-bar-warning{
background-color: @brand-warning !important;
}
&.progress-bar-info{
background-color: @brand-info !important;
}
&.progress-bar-danger{
background-color: @brand-danger !important;
}
&.progress-bar-red {
background-color: @color-red !important;
}
&.progress-bar-orange {
background-color: @color-orange !important;
}
&.progress-bar-green {
background-color: @color-green !important;
}
&.progress-bar-yellow {
background-color: @color-yellow !important;
}
&.progress-bar-blue {
background-color: @color-blue !important;
}
&.progress-bar-violet {
background-color: @color-violet !important;
}
&.progress-bar-pink {
background-color: @color-pink !important;
}
&.progress-bar-grey {
background-color: @color-grey !important;
}
&.progress-bar-dark {
background-color: @color-dark !important;
}
&.progress-bar-white {
background-color: @color-white !important;
}
&.six-sec-ease-in-out {
-webkit-transition: width 6s ease-in-out;
-moz-transition: width 6s ease-in-out;
-ms-transition: width 6s ease-in-out;
-o-transition: width 6s ease-in-out;
transition: width 6s ease-in-out;
}
}
&.wide {
width: 60px;
height: 150px;
}
&.vertical{
&.progress-xs{
width: 10px;
margin-top: 0;
}
&.progress-sm{
width: 20px;
margin-top: 0;
}
&.progress-lg{
width: 70px;
}
}
}
//END PROGRESS BAR
//BEGIN FORM LAYOUTS
.form-actions{
padding: 20px 0;
background: #fafafa;
.border-bottom-radius(4px);
&:before,
&:after {
display: table;
line-height: 0;
content: "";
}
&:after {
clear: both;
}
&.top{
.border-bottom-radius(0);
}
&.none-bg{
background: transparent;
border-top: 1px dashed #f3f3f3;
&.top{
border-bottom: 1px dashed #f3f3f3;
border-top: 0;
}
}
}
.state-success .form-control {
border-color: @state-success-text !important;
}
.state-warning .form-control {
border-color: @state-warning-text !important;
}
.state-error .form-control {
border-color: @state-danger-text !important;
}
.state-success em {
color: @state-success-text !important;
margin-top: 5px;
display: block;
}
.state-warning em {
color: @state-warning-text !important;
margin-top: 5px;
display: block;
}
.state-error em {
color: @state-danger-text !important;
margin-top: 5px;
display: block;
}
.state-success{
input,
select,
textarea{
background: @state-success-bg !important;
}
}
.state-warning{
input,
select,
textarea{
background: @state-warning-bg !important;
}
}
.state-error{
input,
select,
textarea{
background: @state-danger-bg !important;
}
}
.form-bordered{
.control-label {
padding-top: 16px;
}
.form-group{
margin: 0;
border-bottom: 1px solid #f7f7f7;
> div {
padding: 15px;
border-left: 1px solid #f7f7f7;
}
&:last-child{
border-bottom: 0;
}
}
.help-block {
margin-bottom: 0px;
}
&.dashed{
.form-group{
border-bottom: 1px dashed #f3f3f3;
> div {
border-left: 1px dashed #f3f3f3;
}
&:last-child{
border-bottom: 0;
}
}
}
}
.form-seperated{
.control-label {
padding-top: 16px;
}
.form-group{
margin: 0;
border-bottom: 1px solid #f7f7f7;
> div {
padding: 15px;
}
&:last-child{
border-bottom: 0;
}
}
.help-block {
margin-bottom: 0px;
}
&.dashed{
.form-group{
border-bottom: 1px dashed #f3f3f3;
&:last-child{
border-bottom: 0;
}
}
}
}
.form-horizontal{
&.form-row-stripped{
.form-group{
&:nth-child(odd) {
background: #fcfcfc;
}
}
}
&.form-seperated{
.radio, .checkbox, .radio-inline, .checkbox-inline{
padding-top: 0;
}
}
}
.input-sm{
height: 34px !important;
}
//END FORM LAYOUTS
//BEGIN TEXT COLORS
.text-primary{
color: @brand-primary !important;
}
.text-red{
color: @color-red !important;
}
.text-orange{
color: @color-orange !important;
}
.text-green{
color: @color-green !important;
}
.text-yellow{
color: @color-yellow !important;
}
.text-blue{
color: @color-blue !important;
}
.text-pink{
color: @color-pink !important;
}
.text-violet{
color: @color-violet !important;
}
.text-grey{
color: @color-grey !important;
}
.text-dark{
color: @color-dark !important;
}
.text-white{
color: @color-white !important;
}
.text-facebook{
color: #418bca;
}
.text-twitter{
color: #5bc0de;
}
.text-google-plus{
color: #dd4c39;
}
.text-dribbble{
color: #ec5d92;
}
//END TEXT COLORS
//BEGIN INPUT
.input-mini {
width: 45px !important;
}
.input-xsmall {
width: 80px !important;
}
.input-small {
width: 120px !important;
}
.input-medium {
width: 240px !important;
}
.input-large {
width: 320px !important;
}
.input-xlarge {
width: 480px !important;
}
.input-inline {
display: inline-block;
width: auto;
vertical-align: middle;
}
.form-group .input-inline {
margin-right: 5px;
}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button{
font-family: 'Open Sans',sans-serif;
font-size: 13px;
}
.ui-spinner-input{
height: 24px;
}
//END INPUT
//BEGIN MODAL
.modal{
.modal-dialog{
.modal-content{
.border-radius(0);
.modal-header{
&.modal-header-primary{
background: @brand-primary;
.modal-title{
color: #FFFFFF;
}
}
}
.modal-body{
}
.modal-footer{
&.modal-footer-left{
text-align: left !important;
}
}
}
}
}
//END MODAL
//BEGIN PORTLET
.portlet {
clear: both;
margin-top: 0px;
margin-bottom: 25px;
padding: 0px;
.border-style(5px);
}
.portlet {
.border-radius(0);
&.box{
>.portlet-header{
margin-bottom: 0;
padding: 8px 15px;
.border-top-radius(0);
}
}
>.portlet-header{
margin-bottom: 15px;
background: #ffffff;
border-bottom: 1px solid #e5e5e5;
&:before{
content: "";
display: table;
line-height: 0;
}
&:after{
content: "";
display: table;
line-height: 0;
clear: both;
}
.caption {
float: left;
display: inline-block;
font-size: 18px;
line-height: 18px;
padding: 0;
i{
float: left;
margin-top: 4px;
display: inline-block !important;
font-size: 13px;
margin-right: 5px;
color: @text-color;
}
}
.actions{
display: inline-block;
padding: 0;
margin: 0;
margin-top: 6px;
float: right;
> .btn{
padding: 4px 10px;
margin-top: -18px;
&.btn-sm{
padding: 3px 8px;
margin-top: -13px;
}
&.btn-xs{
padding: 1px 5px;
margin-top: -13px;
}
}
> .btn-group{
margin-top: -12px;
> .btn{
padding: 4px 10px;
margin-top: -1px;
&.btn-sm{
padding: 3px 8px;
margin-top: -1px;
}
&.btn-xs{
padding: 1px 5px;
margin-top: -1px;
}
}
}
}
.pagination.pagination-sm{
float: right;
display: inline-block;
margin: 0px;
li{
a{
padding: 3px 10px;
}
}
}
.tools{
display: inline-block;
padding: 0;
margin: 0;
float: right;
i{
margin-left: 5px;
cursor: pointer;
}
}
}
.portlet-body{
background: #FFFFFF;
padding: 15px;
clear: both;
.border-bottom-radius(0);
&.form{
padding: 0 !important;
}
}
}
.portlet{
&.portlet-default{
>.portlet-header{
background: #FFFFFF;
color: @text-color;
border-bottom: 1px solid #f0f2f6;
i{
color: @text-color;
}
.btn{
i{
color: @text-color;
}
}
}
}
&.portlet-primary{
.border-color(lighten(@brand-primary, 35%));
>.portlet-header{
background: @brand-primary;
color: #ffffff;
}
}
&.portlet-red{
.border-color(lighten(@color-red, 35%));
>.portlet-header{
background: @color-red;
color: #ffffff;
}
}
&.portlet-orange{
.border-color(lighten(@color-orange, 35%));
>.portlet-header{
background: @color-orange;
color: #ffffff;
}
}
&.portlet-green{
.border-color(lighten(@color-green, 35%));
>.portlet-header{
background: @color-green;
color: #ffffff;
}
}
&.portlet-yellow{
.border-color(lighten(@color-yellow, 25%));
>.portlet-header{
background: @color-yellow;
color: #ffffff;
}
}
&.portlet-blue{
.border-color(lighten(@color-blue, 15%));
>.portlet-header{
background: @color-blue;
color: #ffffff;
}
}
&.portlet-violet{
.border-color(lighten(@color-violet, 35%));
>.portlet-header{
background: @color-violet;
color: #ffffff;
}
}
&.portlet-pink{
.border-color(lighten(@color-pink, 35%));
>.portlet-header{
background: @color-pink;
color: #ffffff;
}
}
&.portlet-grey{
.border-color(lighten(@color-grey, 35%));
>.portlet-header{
background: @color-grey;
color: #ffffff;
}
}
&.portlet-dark{
.border-color(lighten(@color-dark, 35%));
>.portlet-header{
background: @color-dark;
color: #ffffff;
}
}
}
.portlet {
.border-radius(0);
&.color{
padding: 0;
.portlet-header {
margin-bottom: 0;
border: 0px;
.btn.btn-white{
i{
color: @text-color;
}
}
}
}
}
.portlet.color {
.portlet-body {
background: transparent;
}
}
.portlet.color{
&.portlet-default {
background: #FFFFFF !important;
>.portlet-header{
color: @text-color;
border: 0;
>.caption i{
color: @text-color;
border: 0;
}
>.tools{
border: 0px;
}
}
>.portlet-body{
color: @text-color;
border: 0;
padding: 0;
background: transparent;
}
}
>.portlet-body.default{
//background: #FFFFFF !important;
}
&.portlet-primary {
background: @brand-primary !important;
>.portlet-header{
color: #ffffff;
border: 0;
>.caption i{
color: #ffffff;
border: 0;
}
>.tools{
border: 0px;
}
}
>.portlet-body{
color: #ffffff;
border: 0;
}
}
>.portlet-body.brand-primary{
background: @brand-primary !important;
}
&.portlet-red {
background: @color-red !important;
>.portlet-header{
color: #ffffff;
border: 0;
>.caption i{
color: #ffffff;
border: 0;
}
>.tools{
border: 0px;
}
}
>.portlet-body{
color: #ffffff;
border: 0;
}
}
>.portlet-body.color-red{
background: @color-red !important;
}
&.portlet-orange {
background: @color-orange !important;
>.portlet-header{
color: #ffffff;
border: 0;
>.caption i{
color: #ffffff;
border: 0;
}
>.tools{
border: 0px;
}
}
>.portlet-body{
color: #ffffff;
border: 0;
}
}
>.portlet-body.color-orange{
background: @color-orange !important;
}
&.portlet-green {
background: @color-green !important;
>.portlet-header{
color: #ffffff;
border: 0;
>.caption i{
color: #ffffff;
border: 0;
}
>.tools{
border: 0px;
}
}
>.portlet-body{
color: #ffffff;
border: 0;
}
}
>.portlet-body.color-green{
background: @color-green !important;
}
&.portlet-yellow {
background: @color-yellow !important;
>.portlet-header{
color: #ffffff;
border: 0;
>.caption i{
color: #ffffff;
border: 0;
}
>.tools{
border: 0px;
}
}
>.portlet-body{
color: #ffffff;
border: 0;
}
}
>.portlet-body.color-yellow{
background: @color-yellow !important;
}
&.portlet-blue {
background: @color-blue !important;
>.portlet-header{
color: #ffffff;
border: 0;
>.caption i{
color: #ffffff;
border: 0;
}
>.tools{
border: 0px;
}
}
>.portlet-body{
color: #ffffff;
border: 0;
}
}
>.portlet-body.color-blue {
background: @color-blue !important;
}
&.portlet-violet {
background: @color-violet !important;
>.portlet-header{
color: #ffffff;
border: 0;
>.caption i{
color: #ffffff;
border: 0;
}
>.tools{
border: 0px;
}
}
>.portlet-body{
color: #ffffff;
border: 0;
}
}
>.portlet-body.color-violet{
background: @color-violet !important;
}
&.portlet-pink {
background: @color-pink !important;
>.portlet-header{
color: #ffffff;
border: 0;
>.caption i{
color: #ffffff;
border: 0;
}
>.tools{
border: 0px;
}
}
>.portlet-body{
color: #ffffff;
border: 0;
}
}
>.portlet-body.color-pink{
background: @color-pink !important;
}
&.portlet-grey {
background: @color-grey !important;
>.portlet-header{
color: #ffffff;
border: 0;
>.caption i{
color: #ffffff;
border: 0;
}
>.tools{
border: 0px;
}
}
>.portlet-body{
color: #ffffff;
border: 0;
}
}
>.portlet-body.color-grey {
background: @color-grey !important;
}
&.portlet-dark {
background: @color-dark !important;
>.portlet-header{
color: #ffffff;
border: 0;
>.caption i{
color: #ffffff;
border: 0;
}
>.tools{
border: 0px;
}
}
>.portlet-body{
color: #ffffff;
border: 0;
}
}
>.portlet-body.color-dark{
background: @color-dark !important;
}
}
.portlet-tabs {
> .nav-tabs {
position: relative;
top: -44px;
margin-right: 15px;
border-bottom: none;
padding: 4px 0px;
overflow: hidden;
> li{
float: right;
margin-left: 1px;
&:last-child{
a{
border-right:0;
}
}
&.active{
color: @brand-primary;
border-top-color: transparent;
a{
margin-bottom: 0px;
border-bottom: 0;
margin-left: 0px;
margin-right: 0px;
border-left: 0;
border-right: 0;
background-color: none !important;
border-top-color:transparent !important;
color: @text-color;
cursor: default;
&:hover{
background-color: #fff !important;
}
}
}
a{
color: #fff;
padding-top: 8px;
padding-bottom: 10px;
line-height: 16px;
margin-top: 6px;
margin-left: 0px;
margin-right: 0px;
border-left: 0;
border-right: 0;
&:hover{
color: @text-color;
margin-bottom: 0;
border-bottom-color: transparent;
margin-left: 0;
margin-right: 0;
border-left: 0;
border-right: 0;
background-color: none !important;
border-top-color:transparent;
}
}
}
}
> .tab-content{
padding: 15px !important;
margin: 0px;
margin-top: -50px !important;
border: 0;
}
}
.portlet.tabbable .portlet-body {
padding: 0px !important;
}
.sortable {
.portlet {
.portlet-header {
cursor: move;
}
}
}
.sortable-placeholder {
display: block;
margin-top: 0px !important;
margin-bottom: 25px !important;
background-color: #f5f5f5;
border: 1px dashed @brand-primary;
}
.sortable-placeholder * {
visibility:hidden;
}
.wait{
position: relative;
background: url("../../images/icons/loading.gif") center no-repeat !important;
}
//END PORTLET
//BEGIN FAMILY TREEVIEW
.family-tree-vertical{
li {
margin: 0px 0;
list-style-type: none;
position: relative;
padding: 20px 5px 0px 5px;
&:before {
content:'';
position: absolute;
top: 0;
width: 1px;
height: 100%;
right: auto;
left: -20px;
border-left: 1px solid #ccc;
bottom: 50px;
}
&:after {
content:'';
position: absolute;
top: 30px;
width: 25px;
height: 20px;
right: auto;
left: -20px;
border-top: 1px solid #ccc;
}
a {
display: inline-block;
border: 1px solid #ccc;
padding: 5px 10px;
text-decoration: none;
color: #666;
font-family: arial, verdana, tahoma;
font-size: 11px;
.border-radius(0);
&:hover,
&:hover+ul li a {
background: #c8e4f8;
color: #000;
border: 1px solid #94a0b4;
}
}
&:last-child{
&:before {
height: 30px;
}
}
}
}
.family-tree-vertical > ul > li::before, .family-tree-vertical > ul > li::after {
border: 0;
}
.family-tree-vertical li a:hover+ul li::after, .family-tree-vertical li a:hover+ul li::before, .family-tree-vertical li a:hover+ul::before, .family-tree-vertical li a:hover+ul ul::before {
border-color: #94a0b4;
}
.family-tree-horizontal ul {
padding-top: 20px; position: relative;
transition: all 0.5s;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
}
.family-tree-horizontal li {
float: left; text-align: center;
list-style-type: none;
position: relative;
padding: 20px 5px 0 5px;
transition: all 0.5s;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
}
.family-tree-horizontal li::before, .family-tree-horizontal li::after{
content: '';
position: absolute; top: 0; right: 50%;
border-top: 1px solid #ccc;
width: 50%; height: 20px;
}
.family-tree-horizontal li::after{
right: auto; left: 50%;
border-left: 1px solid #ccc;
}
.family-tree-horizontal li:only-child::after, .family-tree-horizontal li:only-child::before {
display: none;
}
.family-tree-horizontal li:only-child{ padding-top: 0;}
.family-tree-horizontal li:first-child::before, .family-tree-horizontal li:last-child::after{
border: 0 none;
}
.family-tree-horizontal li:last-child::before{
border-right: 1px solid #ccc;
}
.family-tree-horizontal li:first-child::after{
}
.family-tree-horizontal ul ul::before{
content: '';
position: absolute; top: 0; left: 50%;
border-left: 1px solid #ccc;
width: 0; height: 20px;
}
.family-tree-horizontal li a{
border: 1px solid #ccc;
padding: 5px 10px;
text-decoration: none;
color: #666;
font-family: arial, verdana, tahoma;
font-size: 11px;
display: inline-block;
.border-radius(0);
transition: all 0.5s;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
}
.family-tree-horizontal li a:hover, .family-tree-horizontal li a:hover+ul li a {
background: #c8e4f8; color: #000; border: 1px solid #94a0b4;
}
.family-tree-horizontal li a:hover+ul li::after,
.family-tree-horizontal li a:hover+ul li::before,
.family-tree-horizontal li a:hover+ul::before,
.family-tree-horizontal li a:hover+ul ul::before{
border-color: #94a0b4;
}
//END FAMILY TREEVIEW
//BEGIN INPUT ICON
.input-icon {
position: relative;
}
.input-icon input {
padding-left: 33px !important;
color: #999999;
}
.input-icon i {
color: #999999;
display: block;
position: absolute;
margin: 12px 2px 4px 10px;
width: 16px;
height: 16px;
font-size: 16px;
text-align: center;
}
.input-icon.right input {
padding-left: 12px !important;
padding-right: 33px !important;
}
.input-icon.right i {
right: 8px;
float: right;
}
.has-success .input-icon i {
color: #5cb85c;
}
.has-warning .input-icon i {
color: #f0ad4e;
}
.has-error .input-icon i {
color: #d9534f;
}
//END INPUT ICON
//BEGIN RATING
.rating {
margin-bottom: 4px;
font-size: 15px;
line-height: 27px;
color: @text-color;
label {
display: block;
float: right;
height: 17px;
margin-top: 5px;
padding: 0 2px;
font-size: 17px;
line-height: 17px;
cursor: pointer;
color: #ccc;
-ms-transition: color 0.3s;
-moz-transition: color 0.3s;
-webkit-transition: color 0.3s;
.fa-star:before {
content: "\f005";
}
}
}
//END RATING
//BEGIN TABLE
.table{
thead{
tr{
th, td{
border-bottom: 0;
}
}
}
&.table-sm{
font-size: .875em;
}
&.table-lg{
font-size: 1.2em;
}
> input[type='text']{
font-weight: normal;
height: 30px;
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
}
select{
font-weight: normal;
height: 34px;
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
}
&.table-advanced{
thead{
tr{
th{
border-bottom-width: 1px !important;
background-color: #efefef;
}
}
&.primary tr th{
background: @brand-primary;
color: #FFFFFF;
}
&.success tr th{
background: @brand-success;
color: #FFFFFF;
}
&.warning tr th{
background: @brand-warning;
color: #FFFFFF;
}
&.info tr th{
background: @brand-info;
color: #FFFFFF;
}
&.danger tr th{
background: @brand-danger;
color: #FFFFFF;
}
&.red tr th{
background: @color-red;
color: #FFFFFF;
}
&.orange tr th{
background: @color-orange;
color: #FFFFFF;
}
&.green tr th{
background: @color-green;
color: #FFFFFF;
}
&.yellow tr th{
background: @color-yellow;
color: #FFFFFF;
}
&.blue tr th{
background: @color-blue;
color: #FFFFFF;
}
&.pink tr th{
background: @color-pink;
color: #FFFFFF;
}
&.violet tr th{
background: @color-violet;
color: #FFFFFF;
}
&.grey tr th{
background: @color-grey;
color: #FFFFFF;
}
&.dark tr th{
background: @color-dark;
color: #FFFFFF;
}
&.white tr th{
background: @color-white;
color: @text-color;
}
}
tfoot{
tr{
th{
border-bottom: 0 !important;
background: #efefef;
}
}
&.primary tr th{
background: @brand-primary;
color: #FFFFFF;
}
&.success tr th{
background: @brand-success;
color: #FFFFFF;
}
&.warning tr th{
background: @brand-warning;
color: #FFFFFF;
}
&.info tr th{
background: @brand-info;
color: #FFFFFF;
}
&.danger tr th{
background: @brand-danger;
color: #FFFFFF;
}
&.red tr th{
background: @color-red;
color: #FFFFFF;
}
&.orange tr th{
background: @color-orange;
color: #FFFFFF;
}
&.green tr th{
background: @color-green;
color: #FFFFFF;
}
&.yellow tr th{
background: @color-yellow;
color: #FFFFFF;
}
&.blue tr th{
background: @color-blue;
color: #FFFFFF;
}
&.pink tr th{
background: @color-pink;
color: #FFFFFF;
}
&.violet tr th{
background: @color-violet;
color: #FFFFFF;
}
&.grey tr th{
background: @color-grey;
color: #FFFFFF;
}
&.dark tr th{
background: @color-dark;
color: #FFFFFF;
}
&.white tr th{
background: @color-white;
color: @text-color;
}
}
}
&.table-hover-color{
tbody{
tr{
&:hover{
td{
&:first-child{
border-left: 4px solid @brand-primary;
}
}
}
}
}
}
}
.table-actions{
margin-bottom: 20px;
&.bottom{
margin-bottom: 0;
margin-top: 20px;
}
.pagination{
margin: 0;
}
}
.fixed-header{
top:0;
position:fixed;
width:auto;
display:none;
border:none;
z-index: 999;
}
//END TABLE
//BEGIN HEADER BREADCRUMB PAGE
.page-header-breadcrumb{
.border-radius(0);
}
//END HEADER BREADCRUMB PAGE
//BEGIN TIMELINE PAGE
.timeline-label{
.border-radius(0);
}
//END TIMELINE PAGE
//BEGIN FORM CONTROL
.form-control{
.box-shadow(none);
.border-style();
height: 38px;
.border-radius(0);
&:focus{
.border-color(#cccccc);
}
}
//END FORM CONTROL
//BEGIN LABEL TAG
label{
font-weight: normal;
}
//BEGIN LABEL TAG
//BEGIN ALERT
.alert{
.border-radius(0);
&.alert-success{
.border-style(3px, @alert-success-border);
}
&.alert-info{
.border-style(3px, @alert-info-border);
}
&.alert-warning{
.border-style(3px, @alert-warning-border);
}
&.alert-danger{
.border-style(3px, @alert-danger-border);
}
}
//END ALERT
//BEGIN BREADCRUMB
.breadcrumb{
.border-radius(0);
}
//END BREADCRUMB
//BEGIN NAVBAR
.navbar{
.border-radius(0);
}
//END NAVBAR
//BEGIN THUMBNAIL
.thumbnail{
.border-radius(0);
.border-color();
}
//END THUMBNAIL
//BEGIN TOOLTIP
.tooltip{
.tooltip-inner{
.border-radius(0);
}
}
//END TOOLTIP
//BEGIN POPOVER
.popover{
.border-radius(0);
.box-shadow(none);
.border-style();
&.left{
.arrow{
border-left-color: #e5e5e5;
&:after{
right: 3px;
}
}
}
&.right{
.arrow{
border-right-color: #e5e5e5;
&:after{
left: 3px;
}
}
}
&.top{
.arrow{
border-top-color: #e5e5e5;
&:after{
bottom: 3px;
}
}
}
&.bottom{
.arrow{
border-bottom-color: #e5e5e5;
top: -14px;
&:after{
top: 3px;
}
}
}
}
//END POPOVER
//BEGIN WELL
.well{
.border-radius(0);
.box-shadow(none);
.border-style();
}
//END WELL
//BEGIN TO-DO-LIST
ul.todo-list{
li{
.border-radius(0);
}
}
//END TO-DO-LIST
//BEGIN CHAT FORM
ul.chats li.in .message{
.border-radius(0);
}
ul.chats li.out .message{
.border-radius(0);
}
//END CHAT FORM
//BEGIN CKEDITOR
.cke_chrome{
.box-shadow(none);
.cke_top{
.box-shadow(none);
background-image: none;
}
.cke_bottom{
.box-shadow(none);
background-image: none;
}
.cke_combo_button,.cke_toolgroup{
border-color: #e5e5e5;
.border-radius(0);
.box-shadow(none);
background-image: none;
&:hover,
&:focus{
background-image: none;
}
}
a.cke_button_off:hover, a.cke_button_off:focus, a.cke_button_off:active, a.cke_button_disabled:hover, a.cke_button_disabled:focus, a.cke_button_disabled:active, .cke_combo_off a.cke_combo_button:hover, .cke_combo_off a.cke_combo_button:focus{
background-image: none;
}
}
//END CKEDITOR
//BEGIN MARKDOWN
.md-editor{
> textarea{
.border-radius(0);
}
}
//END MARKDOWN
//BEGIN JQUERY TOASTR
#toast-container{
> :hover{
.box-shadow(none);
}
div{
.border-radius(0);
.box-shadow(none);
}
}
//END JQUERY TOASTR
//BEGIN JQUERY BOOTSTRAP SWITCH
.has-switch{
.border-radius(0);
border: 0;
span.switch-left, span.switch-right, label{
text-shadow: none;
box-shadow: none;
background-image: none;
border: 0;
&.switch-primary{
text-shadow: none;
box-shadow: none;
background-image: none;
background: @brand-primary !important;
}
}
.switch-left{
.border-left-radius(0);
}
.switch-right{
.border-right-radius(0);
}
.switch-on{
label{
.border-right-radius(0);
background-color: #e5e5e5;
}
}
.switch-off{
label{
.border-left-radius(0);
background-color: #e5e5e5;
}
}
}
//END JQUERY BOOOTSTRAP SWITCH
//BEGIN JQUERY SLIMSCROLL
.slimScrollBar{
.border-radius(0);
}
//END JQUERY SLIMSCROLL
//BEGIN JQUERY CLOCKFACE TIME PICKER
.clockface .outer, .clockface .inner{
.border-radius(0);
}
.clockface .inner.active, .clockface .inner.active:hover, .clockface .outer.active, .clockface .outer.active:hover{
text-shadow: none;
background-image: none;
}
.clockface .inner.active:hover, .clockface .inner.active:hover:hover, .clockface .inner.active:active, .clockface .inner.active:hover:active, .clockface .inner.active.active, .clockface .inner.active:hover.active, .clockface .inner.active.disabled, .clockface .inner.active:hover.disabled, .clockface .inner.active[disabled], .clockface .inner.active:hover[disabled]{
background: @brand-primary;
}
.clockface .outer.active:hover, .clockface .outer.active:hover:hover, .clockface .outer.active:active, .clockface .outer.active:hover:active, .clockface .outer.active.active, .clockface .outer.active:hover.active, .clockface .outer.active.disabled, .clockface .outer.active:hover.disabled, .clockface .outer.active[disabled], .clockface .outer.active:hover[disabled]{
background: @brand-success;
}
//END JQUERY CLOCKFACE TIME PICKER
//BEGIN DATETIME PICKER
.bootstrap-datetimepicker-widget td span{
height: auto;
line-height: normal;
.border-radius(0);
}
.datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover{
background-image: none;
.border-radius(0);
}
.bootstrap-datetimepicker-widget td, .bootstrap-datetimepicker-widget th{
.border-radius(0);
}
//END DATETIME PICKER
//BEGIN DATEPICKER
.datepicker td, .datepicker th{
.border-radius(0);
}
.datepicker table tr td.selected, .datepicker table tr td.selected:hover, .datepicker table tr td.selected.disabled, .datepicker table tr td.selected.disabled:hover{
background-image: none;
text-shadow: none;
}
.datepicker table tr td span.active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover{
background-image: none;
text-shadow: none;
}
.datepicker table tr td span{
.border-radius(0);
}
.datepicker{
.border-radius(0);
}
//END DATEPICKER
//BEGIN DATERANGEPICKER
.daterangepicker .ranges li{
.border-radius(0);
color: @text-color;
}
.daterangepicker .ranges li.active, .daterangepicker .ranges li:hover{
background: @brand-primary;
border: 1px solid @brand-primary;
}
.daterangepicker .ranges .input-mini, .daterangepicker td, .daterangepicker th, .daterangepicker .calendar-date{
.border-radius(0);
//width: 74px !important;
}
//END DATERANGEPICKER
//BEGIN FULLCALENDAR
.fc-state-default{
.box-shadow(none);
background-image: none;
.border-radius(0);
border: 1px solid #e5e5e5;
text-shadow: none;
color: @text-color;
}
//END FULLCALENDAR
//BEGIN PAGE SIGNIN SIGNUP LOCKSCREEN
.page-form{
.border-radius(0);
.header-content{
.border-radius(0);
}
}
//END PAGE SIGNIN SIGNUP LOCKSCREEN
//BEGIN MEDIA
.media{
img.media-object{
.border-radius(0);
}
}
//END MEDIA
//BEGIN NESTABLE LIST
.dd{
.dd-list{
.dd-item{
.dd-handle, .dd3-content{
.border-radius(0);
.border-color();
&.dd3-handle{
.border-right-radius(0);
}
}
}
}
}
//END NESTABLE LIST
//BEGIN JQUERY NOTIFIC8 NOTIFICATION
.jquery-notific8-notification{
.border-radius(0);
}
//END JQUERY NOTIFIC8 NOTIFICATION
//BEGIN JQUERY STEP
.wizard > .steps a, .wizard > .steps a:hover, .wizard > .steps a:active{
padding: 0.5em 1em;
.border-radius(0);
}
.wizard > .actions a, .wizard > .actions a:hover, .wizard > .actions a:active{
.border-radius(0);
}
//END JQUERY STEP
//BEGIN THEME SETTING
#theme-setting{
.btn-theme-setting{
.border-left-radius(0);
}
.content-theme-setting {
ul#list-color {
li {
.border-radius(0);
}
}
}
}
//END THEME SETTING
//BEGIN TITLE & BREADCRUMB PAGE
.page-title-breadcrumb{
.box-shadow(none);
.border-bottom-style(5px);
}
//END TITLE & BREADCRUMB PAGE
//BEGIN FOOTER
#footer{
.border-top-style(5px);
}
//END FOOTER
//BEGIN NAV BAR
.navbar-form{
margin-top: 5px;
margin-bottom: 5px;
}
.nav .open>a, .nav .open>a:hover, .nav .open>a:focus{
border-color: @brand-primary;
}
//END NAV BAR
//BEGIN THUMBNAIL
.thumbnail{
.border-style();
}
//END THUMBNAIL
//BEGIN FORM LAYOUT
#form-layouts{
ul.nav-pills{
li{
&.active{
a{
.border-color(lighten(@brand-primary, 30%));
color: #FFFFFF;
}
}
a{
.border-style();
color: @text-color;
}
}
}
}
//END FORM LAYOUT
//BEGIN BOOTSTRAP MARKDOWN
.md-editor>.md-header, .md-editor .md-footer{
.border-style();
border-bottom: 0 !important;
}
//END BOOTSTRAP MARKDOWN
//BEGIN SUMMERNOTE
.note-editor{
.border-style();
.note-toolbar{
.border-bottom-style();
}
}
//END SUMMERNOTE
//BEGIN CKEDITOR
.cke_chrome{
.border-style();
}
//END CKEDITOR
//BEGIN JQUERY STEP
.wizard > .content{
.border-radius(0);
.body{
input{
.border-style();
}
}
}
//END JQUERY STEP
//BEGIN JQUERY JPLIST
.jplist-panel .jplist-pagination .jplist-current{
color: #FFFFFF;
background-color: @brand-primary;
border-color: darken(@brand-primary, 10%);
}
//END JQUERY JPLIST
// START TAB PAGE
.tabbable.tabs-left .nav-tabs {
border-right: 0px !important;
}
.tabbable.tabs-left .tab-content {
border-left: 5px solid #e5e5e5;
}
// END TAB PAGE
// START DATAGRID PAGE
.no-cssgradients .jplist-panel button:hover {
background: #f4f4f4
}
.jplist-ios-button {
display: none
}
.jplist-panel {
color: #27252a;
clear: both;
}
.jplist-panel button {
float: left;
margin: 10px 10px 0 0
}
.jplist-panel button:hover {
}
.jplist-panel button.jplist-disabled {
}
.jplist-panel button.jplist-selected {
}
.jplist-panel input[type="text"], .jplist-panel select {
float: left;
width: 150px;
text-indent: 5px;
}
.jplist-panel input[type="checkbox"], .jplist-panel input[type="radio"] {
float: left;
display: inline-block;
}
.jplist-panel label {
float: left;
display: inline-block;
cursor: pointer
}
.jplist-panel .text-filter-box {
float: left;
margin: 10px 10px 0 0
}
.jplist-panel .text-filter-box .input-group{
width: 200px;
}
.jplist-panel .text-filter-box .jplist-icon {
}
.jplist-panel .text-filter-box .jplist-label {
margin: 0;
border-right: 0;
}
.jplist-panel .text-filter-box button {
margin: 0;
border-left: 0;
padding: 0 10px
}
.jplist-panel .jplist-group {
float: left;
height: 30px;
background: #fff;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
border: 3px solid #e5e5e5;
color: #999999;
margin: 10px 10px 0 0;
padding: 0 10px;
height: auto
}
.jplist-panel .jplist-group input, .jplist-panel .jplist-group label {
height: 28px;
line-height: 30px
}
.jplist-panel .jplist-group ul {
list-style: none;
padding: 0;
margin: 0 0 0 10px;
line-height: 28px
}
.jplist-panel .jplist-group ul li {
float: left;
margin-right: 15px;
overflow: hidden;
height: 28px;
line-height: 30px
}
.jplist-empty {
display: none
}
.jplist-icon {
float: left;
height: 30px;
box-shadow: 0 0 1px #fff;
background: #fff;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #dbdbdb;
border-radius: 3px;
text-shadow: 1px 1px 1px #fff;
color: #27252a;
display: inline-block;
line-height: 30px;
padding: 0 10px;
border-right: 0
}
.jplist-icon:hover {
color: #777777;
}
.jplist-label {
float: left;
margin: 10px 10px 0 0;
}
.jplist-selected {
color: #ca3f1a
}
@media only screen and (max-width: 600px) {
.jplist-panel {
display: none
}
.jplist-ios-button {
display: block;
width: 100%;
text-align: center;
cursor: pointer;
font-size: 15px;
line-height: 30px;
float: left;
height: 30px;
box-shadow: 0 0 1px #fff;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #dbdbdb;
border-radius: 3px;
text-shadow: 1px 1px 1px #fff;
color: #27252a;
background: #fff;
background: -moz-linear-gradient(top, #fff 0, #efefef 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(100%, #efefef));
background: -webkit-linear-gradient(top, #fff 0, #efefef 100%);
background: -o-linear-gradient(top, #fff 0, #efefef 100%);
background: -ms-linear-gradient(top, #fff 0, #efefef 100%);
background: linear-gradient(to bottom, #fff 0, #efefef 100%)
}
.jplist-ios-button:hover {
background: #f2f2f2;
background: -moz-linear-gradient(top, #fafafa 0, #ededed 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fafafa), color-stop(100%, #ededed));
background: -webkit-linear-gradient(top, #fafafa 0, #ededed 100%);
background: -o-linear-gradient(top, #fafafa 0, #ededed 100%);
background: -ms-linear-gradient(top, #fafafa 0, #ededed 100%);
background: linear-gradient(to bottom, #fafafa 0, #ededed 100%)
}
.jplist-ios-show {
display: block
}
}
.jplist-drop-down {
float: left;
position: relative;
width: 170px;
margin: 10px 10px 0 0
}
.jplist-drop-down .jplist-dd-panel {
float: left;
width: 157px;
overflow: hidden;
text-indent: 10px;
cursor: pointer
}
.jplist-drop-down .jplist-dd-panel:after {
content: '\25BC';
color: #999;
display: inline-block;
float: right;
margin: 0 10px
}
.jplist-drop-down ul {
position: absolute;
top: 100%;
left: -3px;
z-index: 1000;
min-width: 170px;
display: none;
overflow: hidden;
background: #fff;
list-style: none;
margin-top: 5px;
padding: 0;
}
.panel-bottom .jplist-drop-down ul {
top: auto;
bottom: 100%;
margin-top: 0;
margin-bottom: 5px;
}
.panel-bottom .jplist-drop-down .jplist-dd-panel:after {
content: '\25B2';
}
.jplist-drop-down ul li {
width: 100%;
float: left;
height: 30px;
line-height: 30px;
text-indent: 10px;
cursor: pointer
}
.jplist-drop-down ul li:hover {
background-color: #ececec
}
.jplist-drop-down:hover .jplist-dd-panel {
color: #0381bb
}
.jplist-drop-down:hover .jplist-dd-panel:after {
color: #0381bb
}
.jplist-panel .jplist-pagination {
cursor: pointer;
float: left;
}
.jplist-panel .jplist-pagination button {
display: inline-block;
color: #999;
background: #efefef;
border: 3px solid #e5e5e5;
margin-bottom: 0;
font-weight: 400;
text-align: center;
vertical-align: middle;
cursor: pointer;
background-image: none;
white-space: nowrap;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
&:hover {
background: #e5e5e5;
}
}
.jplist-panel .jplist-pagination .jplist-current {
color: #444444;
}
.jplist-panel .jplist-pagination .jplist-pagingprev, .jplist-panel .jplist-pagination .jplist-pagingmid, .jplist-panel .jplist-pagination .jplist-pagingnext {
float: left
}
.jplist-panel .jplist-pagination .jplist-pagingprev button, .jplist-panel .jplist-pagination .jplist-pagingnext button {
}
.jplist-one-page {
display: none
}
.jplist-reset-btn {
}
.radio-filters {
float: left;
margin: 5px 15px 0 0
}
.radio-filters input {
vertical-align: baseline
}
.radio-filters label {
margin-right: 10px
}
.radio {
float: left
}
.jplist-select {
height: 30px;
box-shadow: 0 0 1px #fff;
background: #fff;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #dbdbdb;
border-radius: 3px;
text-shadow: 1px 1px 1px #fff;
color: #27252a;
float: left;
margin: 10px 10px 0 0;
padding: 5px
}
.jplist-range-slider {
float: left;
margin-top: 15px
}
.jplist-range-slider .value {
float: left;
margin: 0 15px;
font-size: 12px
}
.jplist-range-slider .ui-slider {
float: left;
width: 130px
}
.ui-slider {
margin-top: 5px
}
.jplist-date-picker-range {
float: left;
margin-top: 10px
}
.jplist-date-picker-range .gap {
float: left;
display: block;
margin-right: 5px
}
.date-picker {
float: left;
border: 1px solid #dbdbdb;
margin-right: 5px;
width: 100px
}
.jplist-panel .jplist-views {
float: left
}
.jplist-panel .jplist-views .jplist-view {
float: left;
color: #777;
cursor: pointer;
}
/*.jplist-panel .jplist-views .jplist-list-view {*/
/*background: url('../img/icons/list-btn.png') no-repeat 50% 50%*/
/*}*/
/*.jplist-panel .jplist-views .jplist-grid-view {*/
/*background: url('../img/icons/grid-btn-disabled.png') no-repeat 50% 50%*/
/*}*/
/*.jplist-panel .jplist-views .jplist-thumbs-view {*/
/*background: url('../img/icons/thumbs-btn-disabled.png') no-repeat 50% 50%*/
/*}*/
/*.jplist-grid-view .jplist-panel .jplist-views .jplist-list-view {*/
/*background: url('../img/icons/list-btn-disabled.png') no-repeat 50% 50%*/
/*}*/
/*.jplist-grid-view .jplist-panel .jplist-views .jplist-grid-view {*/
/*background: url('../img/icons/grid-btn.png') no-repeat 50% 50%*/
/*}*/
/*.jplist-grid-view .jplist-panel .jplist-views .jplist-thumbs-view {*/
/*background: url('../img/icons/thumbs-btn-disabled.png') no-repeat 50% 50%*/
/*}*/
/*.jplist-thumbs-view .jplist-panel .jplist-views .jplist-list-view {*/
/*background: url('../img/icons/list-btn-disabled.png') no-repeat 50% 50%*/
/*}*/
/*.jplist-thumbs-view .jplist-panel .jplist-views .jplist-grid-view {*/
/*background: url('../img/icons/grid-btn-disabled.png') no-repeat 50% 50%*/
/*}*/
/*.jplist-thumbs-view .jplist-panel .jplist-views .jplist-thumbs-view {*/
/*background: url('../img/icons/thumbs-btn.png') no-repeat 50% 50%*/
/*}*/
.jplist-panel button i{
font-size: 18px;
}
.jplist-grid-view .list-item {
width: 20%;
overflow: hidden;
margin: 20px 0
}
.jplist-grid-view .list-item .img {
width: 100%;
text-align: center;
margin: 0
}
.jplist-grid-view .list-item .desc {
display: none
}
.jplist-grid-view .list-item .block {
width: 100%;
text-align: center
}
.jplist-grid-view .list-item .block p {
padding: .3em 0 0 0
}
.jplist-grid-view .list-item .block .title {
line-height: 1.5em;
font-size: 1em
}
.jplist-grid-view .list-item .date {
float: none
}
@media only screen and (min-width: 600px) and (max-width: 800px) {
.jplist-grid-view .list-item .img {
width: 90%;
margin: 0 5%
}
}
@media only screen and (max-width: 600px) {
.jplist-grid-view .list-item {
width: 100%
}
.jplist-grid-view .list-item .img {
width: 90%;
margin: 0 5%
}
}
.jplist-hide-preloader {
display: none
}
.jplist-preloader {
height: 30px;
line-height: 30px;
margin: 10px 10px 0 0;
float: right
}
.block {
width: 840px
}
.title {
font-size: 16px;
color: #f03800
}
.date {
float: right;
color: #440e00
}
.like, .keywords {
color: #440e00
}
.price {
color: #17161b
}
.list {
background: #fff;
margin: 0;
}
.list .img {
width: 15%;
margin: 0 1%;
float: left;
font-size: 0;
text-align: center
}
.list .img img {
max-width: 90%;
border-radius: 3px
}
.list .block {
float: right;
width: 82%;
margin-right: 1%
}
.list .block p {
margin: 0;
padding: 0 15px 5px 0
}
.list .list-item {
*margin-top: 15px;
float: left;
padding: 30px;
}
.list .list-item:first-child{
margin-top: 20px;
}
.list .list-item:nth-child(odd) {
background-color: #f9f9f9;
}
.box-header {
background: #e0d7c5;
border-bottom: 1px solid #ccbda1;
border-radius: 3px 3px 0;
margin-top: 20px;
padding: 5px 0
}
@media only screen and (max-width: 800px) {
.list .block, .list .img {
width: 90%;
margin: 0 5%
}
.list .img {
border-radius: 3px;
font-size: 0;
line-height: 0;
padding: 15px 0;
margin-bottom: 10px
}
.list .img img {
max-width: 100%;
border-radius: 3px;
border: 1px solid #27252a
}
}
.jplist-panel .jplist-views {
float: left
}
.jplist-panel .jplist-views .jplist-view {
float: left;
cursor: pointer;
}
/*.jplist-panel .jplist-views .jplist-list-view {*/
/*background: url('../img/icons/list-btn.png') no-repeat 50% 50%*/
/*}*/
/*.jplist-panel .jplist-views .jplist-grid-view {*/
/*background: url('../img/icons/grid-btn-disabled.png') no-repeat 50% 50%*/
/*}*/
/*.jplist-panel .jplist-views .jplist-thumbs-view {*/
/*background: url('../img/icons/thumbs-btn-disabled.png') no-repeat 50% 50%*/
/*}*/
/*.jplist-grid-view .jplist-panel .jplist-views .jplist-list-view {*/
/*background: url('../img/icons/list-btn-disabled.png') no-repeat 50% 50%*/
/*}*/
/*.jplist-grid-view .jplist-panel .jplist-views .jplist-grid-view {*/
/*background: url('../img/icons/grid-btn.png') no-repeat 50% 50%*/
/*}*/
/*.jplist-grid-view .jplist-panel .jplist-views .jplist-thumbs-view {*/
/*background: url('../img/icons/thumbs-btn-disabled.png') no-repeat 50% 50%*/
/*}*/
/*.jplist-thumbs-view .jplist-panel .jplist-views .jplist-list-view {*/
/*background: url('../img/icons/list-btn-disabled.png') no-repeat 50% 50%*/
/*}*/
/*.jplist-thumbs-view .jplist-panel .jplist-views .jplist-grid-view {*/
/*background: url('../img/icons/grid-btn-disabled.png') no-repeat 50% 50%*/
/*}*/
/*.jplist-thumbs-view .jplist-panel .jplist-views .jplist-thumbs-view {*/
/*background: url('../img/icons/thumbs-btn.png') no-repeat 50% 50%*/
/*}*/
.jplist-grid-view .list-item {
width: 20%;
overflow: hidden;
margin: 20px 0
}
.jplist-grid-view .list-item .img {
width: 100%;
text-align: center;
margin: 0
}
.jplist-grid-view .list-item .desc {
display: none
}
.jplist-grid-view .list-item .block {
width: 100%;
text-align: center
}
.jplist-grid-view .list-item .block p {
padding: .3em 0 0 0
}
.jplist-grid-view .list-item .block .title {
line-height: 1.5em;
font-size: 1em
}
.jplist-grid-view .list-item .date {
float: none
}
@media only screen and (min-width: 600px) and (max-width: 800px) {
.jplist-grid-view .list-item .img {
width: 90%;
margin: 0 5%
}
}
@media only screen and (max-width: 600px) {
.jplist-grid-view .list-item {
width: 100%
}
.jplist-grid-view .list-item .img {
width: 90%;
margin: 0 5%
}
}
.jplist-thumbs-view .list-item {
width: 50%;
overflow: hidden;
margin: 20px 0;
position: relative
}
.jplist-thumbs-view .list-item .img {
width: 100%;
text-align: center;
vertical-align: bottom
}
.jplist-thumbs-view .list-item .img img {
min-width: 90%;
vertical-align: bottom
}
.jplist-thumbs-view .list-item .desc {
display: none
}
.jplist-thumbs-view .list-item .block {
width: 100%;
text-align: center;
position: absolute;
background: #fff;
opacity: .6;
bottom: 10px;
}
.jplist-thumbs-view .list-item .block p {
padding: .3em 0 0 0;
font-weight: bold
}
.jplist-thumbs-view .list-item .block .title {
line-height: 1.5em;
font-size: 1em
}
.jplist-thumbs-view .list-item .date {
float: none
}
@media only screen and (max-width: 800px) {
.jplist-thumbs-view .list .img {
background: #fff;
border: 0;
padding: 0;
margin: 0 5%;
width: 90%;
overflow: hidden
}
.jplist-thumbs-view .list .img img {
border-radius: 0;
border: 0
}
.jplist-thumbs-view .list .block {
margin: 0 5%;
width: 90%
}
.jplist-thumbs-view .list .block p {
padding: 0;
text-align: center
}
}
@media only screen and (max-width: 600px) {
.jplist-thumbs-view .list .date, .jplist-thumbs-view .list .like {
display: none
}
}
.ul-li-list {
background: #fff;
padding: 20px 0;
margin: 20px 0;
clear: both;
list-style: none;
}
.ul-li-list .list-item {
float: left;
width: 100%;
padding: 10px 0;
}
.ul-li-list .list-box {
width: 100%;
float: right
}
.ul-li-list .img {
float: left;
margin-right: 20px;
width: 15%
}
.ul-li-list .img img {
max-width: 90%;
border-radius: 3px
}
.ul-li-list .block {
float: right;
width: 82%;
margin-right: 1%
}
.ul-li-list .desc {
text-align: justify
}
.ul-li-list p {
margin: 0;
padding: 0 25px 5px 0
}
@media only screen and (max-width: 800px) {
.ul-li-list {
list-style: none;
padding: 0;
margin: 20px 0
}
.ul-li-list .block, .ul-li-list .img {
width: 90%;
margin: 0 5%
}
.ul-li-list .img {
border-radius: 3px;
font-size: 0;
line-height: 0;
padding: 15px 0;
margin-bottom: 10px;
text-align: center
}
.ul-li-list .img img {
max-width: 100%
}
}
.jplist-grid-view .ul-li-list {
padding: 0;
margin: 20px 0;
list-style: none
}
.jplist-grid-view .ul-li-list .list-item {
width: 20%;
overflow: hidden;
margin: 20px 0
}
.jplist-grid-view .ul-li-list .list-item .img {
width: 100%;
text-align: center;
margin: 0
}
.jplist-grid-view .ul-li-list .list-item .desc {
display: none
}
.jplist-grid-view .ul-li-list .list-item .block {
width: 100%;
text-align: center
}
.jplist-grid-view .ul-li-list .list-item .block p {
padding: .3em 0 0 0
}
.jplist-grid-view .ul-li-list .list-item .block .title {
line-height: 1.5em;
font-size: 1em
}
.jplist-grid-view .ul-li-list .list-item .date {
float: none
}
@media only screen and (min-width: 600px) and (max-width: 800px) {
.jplist-grid-view .ul-li-list .list-item .img {
width: 90%;
margin: 0 5%
}
}
@media only screen and (max-width: 600px) {
.jplist-grid-view .ul-li-list .list-item {
width: 100%
}
.jplist-grid-view .ul-li-list .list-item .img {
width: 90%;
margin: 0 5%
}
}
.jplist-thumbs-view .ul-li-list {
list-style: none;
padding: 0;
margin: 20px 0
}
.jplist-thumbs-view .list-item {
width: 50%;
overflow: hidden;
margin: 20px 0;
position: relative
}
.jplist-thumbs-view .list-item .img {
width: 100%;
text-align: center;
vertical-align: bottom
}
.jplist-thumbs-view .list-item .img img {
min-width: 90%;
vertical-align: bottom
}
.jplist-thumbs-view .list-item .desc {
display: none
}
.jplist-thumbs-view .list-item .block {
width: 100%;
text-align: center;
position: absolute;
background: #fff;
opacity: .6;
bottom: 0
}
.jplist-thumbs-view .list-item .block p {
padding: .3em 0 0 0;
font-weight: bold
}
.jplist-thumbs-view .list-item .block .title {
line-height: 1.5em;
font-size: 1em
}
.jplist-thumbs-view .list-item .date {
float: none
}
@media only screen and (max-width: 800px) {
.jplist-thumbs-view .ul-li-list .img {
background: #fff;
border: 0;
padding: 0;
margin: 0 5%;
width: 90%;
overflow: hidden
}
.jplist-thumbs-view .ul-li-list .img img {
border-radius: 0;
border: 0
}
.jplist-thumbs-view .ul-li-list .block {
margin: 0 5%;
width: 90%
}
.jplist-thumbs-view .ul-li-list .block p {
padding: 0;
text-align: center
}
}
@media only screen and (max-width: 600px) {
.jplist-thumbs-view .ul-li-list .date, .jplist-thumbs-view .ul-li-list .like {
display: none
}
}
.jplist-hidden {
display: none
}
.demo-tbl {
background: #fff;
width: 100%;
float: left;
border-collapse: collapse;
border-right: 1px solid #dbdbdb;
border-bottom: 1px solid #dbdbdb;
margin: 30px 0
}
.demo-tbl td, .demo-tbl th {
border-left: 1px solid #dbdbdb;
border-top: 1px solid #dbdbdb;
vertical-align: top;
padding: 15px
}
.demo-tbl p {
margin: 0;
padding: 0 15px 5px 0
}
.demo-tbl .odd {
background: transparent;
}
.demo-tbl .even {
background: #f9f9f9;
}
.double-sort .list {
float: left;
width: 100%;
padding: 1.25em 0
}
.double-sort .list .list-item {
float: left;
width: 96%;
margin: 0 2% 1em 2%;
clear: both
}
.subject {
font-family: verdana;
font-size: 14px;
line-height: 24px;
color: #444
}
.course {
font-family: verdana;
font-size: 12px;
line-height: 24px;
color: #8e3d3d
}
.jplist-sticky {
position: fixed;
width: 100%;
left: 0;
top: 0;
z-index: 1000;
background: #f1f1f1;
padding-bottom: 5px
}
.sticky-demo .panel > .center {
max-width: 100%
}
.sticky-demo .jplist-sticky > .center {
max-width: 95%
}
.jplist-thumbs-view .list-item .block {
bottom: 10px;
}
// END DATAGRID PAGE
// BEGIN TREE VIEW
.family-tree-horizontal li a ,
.family-tree-horizontal li:last-child::before,
.family-tree-horizontal li::after ,
.family-tree-horizontal li::before, .family-tree-horizontal li::after,
.family-tree-horizontal ul ul::before ,
.family-tree-horizontal li a:hover, .family-tree-horizontal li a:hover+ul li a {
border-width: 3px;
}
.family-tree-vertical li a,
.family-tree-vertical li a:hover, .family-tree-vertical li a:hover+ul li a,
.family-tree-vertical li:before, .family-tree-vertical li:after {
border-width: 3px;
}
Zerion Mini Shell 1.0