127 lines
2.9 KiB
SCSS
127 lines
2.9 KiB
SCSS
/* General overwrite */
|
|
body{
|
|
color: $font-color;
|
|
font-size: $font-size-base;
|
|
font-family: 'Montserrat', "Helvetica", Arial, sans-serif;
|
|
}
|
|
a{
|
|
color: $info-color;
|
|
|
|
&:hover, &:focus{
|
|
color: $info-states-color;
|
|
text-decoration: none;
|
|
}
|
|
|
|
@include transition($fast-transition-time, linear);
|
|
}
|
|
hr{
|
|
border-color: $medium-pale-bg;
|
|
}
|
|
.icon{
|
|
fill: $font-color;
|
|
}
|
|
.fa-base{
|
|
font-size: 1.25em !important;
|
|
}
|
|
a:focus, a:active,
|
|
button::-moz-focus-inner,
|
|
input[type="reset"]::-moz-focus-inner,
|
|
input[type="button"]::-moz-focus-inner,
|
|
input[type="submit"]::-moz-focus-inner,
|
|
select::-moz-focus-inner,
|
|
input[type="file"] > input[type="button"]::-moz-focus-inner {
|
|
outline : 0;
|
|
}
|
|
.ui-slider-handle:focus,
|
|
.navbar-toggle {
|
|
outline : 0 !important;
|
|
}
|
|
|
|
/* Animations */
|
|
.form-control,
|
|
.input-group-addon,
|
|
.tagsinput,
|
|
.navbar,
|
|
.navbar .alert{
|
|
@include transition($general-transition-time, linear);
|
|
}
|
|
.tagsinput .tag,
|
|
.tagsinput-remove-link,
|
|
.filter,
|
|
.btn-hover,
|
|
[data-toggle="collapse"] i{
|
|
@include transition($fast-transition-time, linear);
|
|
}
|
|
|
|
.btn-morphing .fa,
|
|
.btn-morphing .circle,
|
|
.gsdk-collapse{
|
|
@include transition($slow-transition-time, linear);
|
|
}
|
|
|
|
.fa{
|
|
width: 18px;
|
|
text-align: center;
|
|
}
|
|
.margin-top{
|
|
margin-top: 50px;
|
|
}
|
|
|
|
|
|
/* CT colors */
|
|
.ct-blue,
|
|
.checkbox-blue.checkbox.checked .second-icon,
|
|
.checkbox-blue.checkbox.checked,
|
|
.radio-blue.radio.checked .second-icon,
|
|
.radio-blue.radio.checked{
|
|
color: $primary-color;
|
|
}
|
|
.ct-azure,
|
|
.checkbox-azure.checkbox.checked .second-icon,
|
|
.radio-azure.radio.checked .second-icon,
|
|
.checkbox-azure.checkbox.checked,
|
|
.radio-azure.radio.checked{
|
|
color: $info-color;
|
|
}
|
|
.ct-green,
|
|
.checkbox-green.checkbox.checked .second-icon,
|
|
.radio-green.radio.checked .second-icon,
|
|
.checkbox-green.checkbox.checked,
|
|
.radio-green.radio.checked{
|
|
color: $success-color;
|
|
}
|
|
.ct-orange,
|
|
.checkbox-orange.checkbox.checked .second-icon,
|
|
.radio-orange.radio.checked .second-icon,
|
|
.checkbox-orange.checkbox.checked,
|
|
.radio-orange.radio.checked{
|
|
color: $warning-color;
|
|
}
|
|
.ct-red,
|
|
.checkbox-red.checkbox.checked .second-icon,
|
|
.radio-red.radio.checked .second-icon,
|
|
.checkbox-red.checkbox.checked,
|
|
.radio-red.radio.checked{
|
|
color: $danger-color;
|
|
}
|
|
input.ct-blue + span.switch-left,
|
|
input.ct-blue + span + label + span.switch-right{
|
|
background-color: $primary-color;
|
|
}
|
|
input.ct-azure + span.switch-left,
|
|
input.ct-azure + span + label + span.switch-right{
|
|
background-color: $info-color;
|
|
}
|
|
input.ct-green + span.switch-left,
|
|
input.ct-green + span + label + span.switch-right{
|
|
background-color: $success-color;
|
|
}
|
|
input.ct-orange + span.switch-left,
|
|
input.ct-orange + span + label + span.switch-right{
|
|
background-color: $warning-color;
|
|
}
|
|
input.ct-red + span.switch-left,
|
|
input.ct-red + span + label + span.switch-right{
|
|
background-color: $danger-color;
|
|
}
|
|
|