Added scss
This commit is contained in:
CHIEFSOFT\ameye
@@ -0,0 +1,491 @@
|
||||
input[readonly] {
|
||||
pointer-events: none;
|
||||
}
|
||||
.form-check {
|
||||
position: relative;
|
||||
padding: 19px 0 15px 40px;
|
||||
text-align: left;
|
||||
overflow: hidden;
|
||||
|
||||
label {
|
||||
cursor: pointer;
|
||||
&:before,
|
||||
&:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 0;
|
||||
border-radius: 5px;
|
||||
}
|
||||
&:before {
|
||||
left: 3px;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
margin: -10px 0 0;
|
||||
background: $light-gray;
|
||||
}
|
||||
&:after {
|
||||
left: 8px;
|
||||
width: 13px;
|
||||
height: 13px;
|
||||
margin: -6px 0 0;
|
||||
opacity: 0;
|
||||
background: $primary;
|
||||
transform: translate3d(0px, 0, 0) scale(0.5);
|
||||
transition: opacity 0.25s ease-in-out, transform 0.25s ease-in-out;
|
||||
}
|
||||
}
|
||||
|
||||
input[type="radio"],
|
||||
input[type="checkbox"] {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: -9999px;
|
||||
visibility: hidden;
|
||||
|
||||
&:checked + label {
|
||||
&:after {
|
||||
transform: translate3d(0, 0, 0);
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.form-check {
|
||||
label {
|
||||
&:before,
|
||||
&:after {
|
||||
border-radius: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.form-check {
|
||||
label {
|
||||
&:before {
|
||||
border-radius: 2px;
|
||||
}
|
||||
&:after {
|
||||
border-radius: 2px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.form-check {
|
||||
input[type="radio"] + label{
|
||||
|
||||
&:before {
|
||||
border-radius: 10px;
|
||||
}
|
||||
&:after {
|
||||
border-radius: 10px;
|
||||
margin:-5px 0 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.form-check input[type="radio"] + label:before {
|
||||
border-radius: 50px;
|
||||
}
|
||||
|
||||
.form-control {
|
||||
height: 40px;
|
||||
border: 1px solid $border-color;
|
||||
color: $muted;
|
||||
|
||||
&:focus {
|
||||
border-color: $primary;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
&-lg {
|
||||
height: 50px;
|
||||
}
|
||||
|
||||
&-sm {
|
||||
height: 30px;
|
||||
}
|
||||
|
||||
&-plaintext {
|
||||
color: $muted;
|
||||
}
|
||||
}
|
||||
|
||||
textarea.form-control {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
select.form-control:not([size]):not([multiple]) {
|
||||
height: 40px;
|
||||
}
|
||||
|
||||
select.form-control-lg:not([size]):not([multiple]) {
|
||||
height: 50px;
|
||||
}
|
||||
|
||||
select.form-control-sm:not([size]):not([multiple]) {
|
||||
height: 30px;
|
||||
}
|
||||
select{
|
||||
&.form-control[multiple], &.form-control[size]{
|
||||
height: auto;
|
||||
}
|
||||
}
|
||||
|
||||
label,
|
||||
legend {
|
||||
font-weight: $font-medium;
|
||||
color: $muted;
|
||||
}
|
||||
|
||||
.custom-select.is-valid, .form-control.is-valid{
|
||||
border-color: $success;
|
||||
box-shadow: none;
|
||||
&:focus{
|
||||
border-color: $success;
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
.was-validated{
|
||||
.custom-select, .form-control{
|
||||
&:valid{
|
||||
border-color: $success;
|
||||
box-shadow: none;
|
||||
&:focus{
|
||||
border-color: $success;
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.custom-select.is-invalid, .form-control.is-invalid{
|
||||
border-color: $danger;
|
||||
box-shadow: none;
|
||||
&:focus{
|
||||
border-color: $danger;
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
|
||||
.was-validated{
|
||||
.custom-select, .form-control{
|
||||
&:invalid{
|
||||
border-color: $danger;
|
||||
box-shadow: none;
|
||||
&:focus {
|
||||
border-color: $danger;
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.custom-control-input.is-invalid {
|
||||
~ .custom-control-label {
|
||||
&::before{
|
||||
@include hex-rgba($danger, 0.5);
|
||||
}
|
||||
}
|
||||
}
|
||||
.was-validated{
|
||||
.custom-control-input:invalid{
|
||||
~ .custom-control-label{
|
||||
&::before{
|
||||
@include hex-rgba($danger, 0.5);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.custom-control-input.is-valid{
|
||||
~ .custom-control-label{
|
||||
&::before {
|
||||
@include hex-rgba($success, 0.5);
|
||||
}
|
||||
}
|
||||
}
|
||||
.was-validated{
|
||||
.custom-control-input:valid{
|
||||
~ .custom-control-label{
|
||||
&::before{
|
||||
@include hex-rgba($success, 0.5);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.custom-control-input.is-invalid{
|
||||
~ .custom-control-label{
|
||||
color: $danger;
|
||||
}
|
||||
}
|
||||
.was-validated{
|
||||
.custom-control-input:invalid{
|
||||
~ .custom-control-label {
|
||||
color: $danger;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.valid-feedback {
|
||||
color: $success;
|
||||
}
|
||||
|
||||
.invalid-feedback {
|
||||
color: $danger;
|
||||
}
|
||||
|
||||
.valid-tooltip {
|
||||
@include hex-rgba($success, 0.8);
|
||||
}
|
||||
|
||||
.invalid-tooltip {
|
||||
@include hex-rgba($danger, 0.8);
|
||||
}
|
||||
|
||||
.form-check-input.is-valid{
|
||||
~ .form-check-label{
|
||||
color: $success;
|
||||
}
|
||||
}
|
||||
.was-validated{
|
||||
.form-check-input:valid{
|
||||
~ .form-check-label {
|
||||
color: $success;
|
||||
}
|
||||
}
|
||||
}
|
||||
.form-check-input.is-invalid{
|
||||
~ .form-check-label{
|
||||
color: $danger;
|
||||
}
|
||||
}
|
||||
.was-validated{
|
||||
.form-check-input:invalid{
|
||||
~ .form-check-label {
|
||||
color: $danger;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.custom-select {
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
appearance: none;
|
||||
}
|
||||
|
||||
/********************
|
||||
validation-form
|
||||
********************/
|
||||
#signupForm, #signupForm1 {
|
||||
.error{
|
||||
color: $danger;
|
||||
font-size:1rem !important;
|
||||
font-style: italic;
|
||||
padding: .4em .5em .3em;
|
||||
}
|
||||
}
|
||||
#signupForm3{
|
||||
.error.label{
|
||||
color: $danger;
|
||||
font-size:1rem !important;
|
||||
font-style: italic;
|
||||
padding: .4em .5em .3em;
|
||||
}
|
||||
}
|
||||
|
||||
#signupForm1 {
|
||||
span.fa-times {
|
||||
color: $danger;
|
||||
font-size:1rem !important;
|
||||
font-style: italic;
|
||||
padding: .4em .5em .3em;
|
||||
}
|
||||
}
|
||||
#signupForm1{
|
||||
span.fa-check {
|
||||
color: $success;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/********************
|
||||
selects-form
|
||||
********************/
|
||||
.selects-contant {
|
||||
.select2-container{
|
||||
.select2-selection--single{
|
||||
height: 40px;
|
||||
}
|
||||
&--default{
|
||||
.select2-selection--single{
|
||||
.select2-selection__rendered {
|
||||
line-height: 38px;
|
||||
}
|
||||
.select2-selection__arrow {
|
||||
height: 40px;
|
||||
position: absolute;
|
||||
top: 1px;
|
||||
right: 1px;
|
||||
width: 40px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.Multi-sel{
|
||||
.select2-container--default{
|
||||
.select2-selection--multiple{
|
||||
.select2-selection__choice, .select2-selection__choice__remove{
|
||||
background-color: $primary;
|
||||
border: 1px solid $primary;
|
||||
color: $white;
|
||||
padding: 1px 10px 1px 4px;
|
||||
}
|
||||
.select2-selection__choice__remove{
|
||||
&:hover {
|
||||
color: $danger;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
&.select2-container--focus{
|
||||
.select2-selection--multiple {
|
||||
border: solid $border-color 1px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.selects-contant-boots{
|
||||
.bootstrap-tagsinput {
|
||||
width: 100%;
|
||||
height: 40px;
|
||||
padding: 7px 6px;
|
||||
.label {
|
||||
padding: .4em .7em;
|
||||
&-info {
|
||||
background-color: $primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
/*datepicker*/
|
||||
.input-group-addon {
|
||||
padding: 8px 14px;
|
||||
background: $primary;
|
||||
border: 1px solid $primary;
|
||||
color: $white;
|
||||
}
|
||||
|
||||
.datepicker {
|
||||
border: 1px solid #eeeeee;
|
||||
padding: 12px;
|
||||
-webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.04);
|
||||
-moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.04);
|
||||
box-shadow: 0 0 30px rgba(0, 0, 0, 0.04);
|
||||
width: 270px;
|
||||
font-size: 14px;
|
||||
table {
|
||||
width: 100%;
|
||||
tr{
|
||||
td{
|
||||
width: 30px;
|
||||
height: 35px;
|
||||
&.today {
|
||||
@include linear-gradient($primary, $primary2);
|
||||
color: $white;
|
||||
&:hover {
|
||||
@include linear-gradient($primary, $primary2);
|
||||
color: $white;
|
||||
}
|
||||
&.disabled {
|
||||
@include linear-gradient($primary, $primary2);
|
||||
color: $white;
|
||||
&:hover {
|
||||
@include linear-gradient($primary, $primary2);
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.datepicker-inline {
|
||||
width: 270px;
|
||||
}
|
||||
|
||||
.datetimepicker table {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
.datepicker table tr td.active:hover,
|
||||
.datepicker table tr td.active:hover:hover,
|
||||
.datepicker table tr td.active.disabled:hover,
|
||||
.datepicker table tr td.active.disabled:hover:hover,
|
||||
.datepicker table tr td.active:active,
|
||||
.datepicker table tr td.active:hover:active,
|
||||
.datepicker table tr td.active.disabled:active,
|
||||
.datepicker table tr td.active.disabled:hover:active,
|
||||
.datepicker table tr td.active.active,
|
||||
.datepicker table tr td.active:hover.active,
|
||||
.datepicker table tr td.active.disabled.active,
|
||||
.datepicker table tr td.active.disabled:hover.active,
|
||||
.datepicker table tr td.active.disabled,
|
||||
.datepicker table tr td.active:hover.disabled,
|
||||
.datepicker table tr td.active.disabled.disabled,
|
||||
.datepicker table tr td.active.disabled:hover.disabled,
|
||||
.datepicker table tr td.active[disabled],
|
||||
.datepicker table tr td.active:hover[disabled],
|
||||
.datepicker table tr td.active.disabled[disabled],
|
||||
.datepicker table tr td.active.disabled:hover[disabled] {
|
||||
@include linear-gradient($primary, $primary2);
|
||||
color: $white;
|
||||
}
|
||||
|
||||
.datepicker {
|
||||
@include mobile-portrait-sm {
|
||||
width:230px;
|
||||
}
|
||||
@include mobile-portrait-xs {
|
||||
width:230px;
|
||||
}
|
||||
}
|
||||
.datepicker-inline {
|
||||
@include mobile-portrait-sm {
|
||||
width:100%;
|
||||
}
|
||||
@include mobile-portrait-xs {
|
||||
width:100%;
|
||||
}
|
||||
}
|
||||
|
||||
.datepicker-orient-right {
|
||||
@include mobile-portrait-sm {
|
||||
left:10px !important;
|
||||
}
|
||||
@include mobile-portrait-xs {
|
||||
left:10px !important;
|
||||
}
|
||||
}
|
||||
|
||||
.active-task {
|
||||
.form-check{
|
||||
label{
|
||||
&:before, &:after{
|
||||
top: 3px;
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,463 @@
|
||||
|
||||
.datepicker {
|
||||
padding: 4px;
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
direction: ltr; }
|
||||
|
||||
.datepicker-inline {
|
||||
width: 220px; }
|
||||
|
||||
.datepicker.datepicker-rtl {
|
||||
direction: rtl; }
|
||||
|
||||
.datepicker.datepicker-rtl table tr td span {
|
||||
float: right; }
|
||||
|
||||
.datepicker-dropdown {
|
||||
top: 0;
|
||||
left: 0; }
|
||||
|
||||
.datepicker-dropdown:before {
|
||||
content: '';
|
||||
display: inline-block;
|
||||
border-left: 7px solid transparent;
|
||||
border-right: 7px solid transparent;
|
||||
border-bottom: 7px solid #999;
|
||||
border-top: 0;
|
||||
border-bottom-color: rgba(0, 0, 0, 0.2);
|
||||
position: absolute; }
|
||||
|
||||
.datepicker-dropdown:after {
|
||||
content: '';
|
||||
display: inline-block;
|
||||
border-left: 6px solid transparent;
|
||||
border-right: 6px solid transparent;
|
||||
border-bottom: 6px solid #fff;
|
||||
border-top: 0;
|
||||
position: absolute; }
|
||||
|
||||
.datepicker-dropdown.datepicker-orient-left:before {
|
||||
left: 6px; }
|
||||
|
||||
.datepicker-dropdown.datepicker-orient-left:after {
|
||||
left: 7px; }
|
||||
|
||||
.datepicker-dropdown.datepicker-orient-right:before {
|
||||
right: 6px; }
|
||||
|
||||
.datepicker-dropdown.datepicker-orient-right:after {
|
||||
right: 7px; }
|
||||
|
||||
.datepicker-dropdown.datepicker-orient-bottom:before {
|
||||
top: -7px; }
|
||||
|
||||
.datepicker-dropdown.datepicker-orient-bottom:after {
|
||||
top: -6px; }
|
||||
|
||||
.datepicker-dropdown.datepicker-orient-top:before {
|
||||
bottom: -7px;
|
||||
border-bottom: 0;
|
||||
border-top: 7px solid #999; }
|
||||
|
||||
.datepicker-dropdown.datepicker-orient-top:after {
|
||||
bottom: -6px;
|
||||
border-bottom: 0;
|
||||
border-top: 6px solid #fff; }
|
||||
|
||||
.datepicker table {
|
||||
margin: 0;
|
||||
-webkit-touch-callout: none;
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none; }
|
||||
|
||||
.datepicker td,
|
||||
.datepicker th {
|
||||
text-align: center;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
border: none; }
|
||||
|
||||
.table-striped .datepicker table tr td,
|
||||
.table-striped .datepicker table tr th {
|
||||
background-color: transparent; }
|
||||
|
||||
.datepicker table tr td.day:hover,
|
||||
.datepicker table tr td.day.focused {
|
||||
background: #eee;
|
||||
cursor: pointer; }
|
||||
|
||||
.datepicker table tr td.old,
|
||||
.datepicker table tr td.new {
|
||||
color: #999; }
|
||||
|
||||
.datepicker table tr td.disabled,
|
||||
.datepicker table tr td.disabled:hover {
|
||||
background: none;
|
||||
color: #999;
|
||||
cursor: default; }
|
||||
|
||||
.datepicker table tr td.highlighted {
|
||||
background: #d9edf7;
|
||||
border-radius: 0; }
|
||||
|
||||
.datepicker table tr td.today,
|
||||
.datepicker table tr td.today:hover,
|
||||
.datepicker table tr td.today.disabled,
|
||||
.datepicker table tr td.today.disabled:hover {
|
||||
background-color: #fde19a;
|
||||
background-image: -moz-linear-gradient(to bottom, #fdd49a, #fdf59a);
|
||||
background-image: -ms-linear-gradient(to bottom, #fdd49a, #fdf59a);
|
||||
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a));
|
||||
background-image: -webkit-linear-gradient(to bottom, #fdd49a, #fdf59a);
|
||||
background-image: -o-linear-gradient(to bottom, #fdd49a, #fdf59a);
|
||||
background-image: linear-gradient(to bottom, #fdd49a, #fdf59a);
|
||||
background-repeat: repeat-x;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
|
||||
border-color: #fdf59a #fdf59a #fbed50;
|
||||
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
|
||||
color: #000; }
|
||||
|
||||
.datepicker table tr td.today:hover,
|
||||
.datepicker table tr td.today:hover:hover,
|
||||
.datepicker table tr td.today.disabled:hover,
|
||||
.datepicker table tr td.today.disabled:hover:hover,
|
||||
.datepicker table tr td.today:active,
|
||||
.datepicker table tr td.today:hover:active,
|
||||
.datepicker table tr td.today.disabled:active,
|
||||
.datepicker table tr td.today.disabled:hover:active,
|
||||
.datepicker table tr td.today.active,
|
||||
.datepicker table tr td.today:hover.active,
|
||||
.datepicker table tr td.today.disabled.active,
|
||||
.datepicker table tr td.today.disabled:hover.active,
|
||||
.datepicker table tr td.today.disabled,
|
||||
.datepicker table tr td.today:hover.disabled,
|
||||
.datepicker table tr td.today.disabled.disabled,
|
||||
.datepicker table tr td.today.disabled:hover.disabled,
|
||||
.datepicker table tr td.today[disabled],
|
||||
.datepicker table tr td.today:hover[disabled],
|
||||
.datepicker table tr td.today.disabled[disabled],
|
||||
.datepicker table tr td.today.disabled:hover[disabled] {
|
||||
background-color: #fdf59a; }
|
||||
|
||||
.datepicker table tr td.today:active,
|
||||
.datepicker table tr td.today:hover:active,
|
||||
.datepicker table tr td.today.disabled:active,
|
||||
.datepicker table tr td.today.disabled:hover:active,
|
||||
.datepicker table tr td.today.active,
|
||||
.datepicker table tr td.today:hover.active,
|
||||
.datepicker table tr td.today.disabled.active,
|
||||
.datepicker table tr td.today.disabled:hover.active {
|
||||
background-color: #fbf069 \9; }
|
||||
|
||||
.datepicker table tr td.today:hover:hover {
|
||||
color: #000; }
|
||||
|
||||
.datepicker table tr td.today.active:hover {
|
||||
color: #fff; }
|
||||
|
||||
.datepicker table tr td.range,
|
||||
.datepicker table tr td.range:hover,
|
||||
.datepicker table tr td.range.disabled,
|
||||
.datepicker table tr td.range.disabled:hover {
|
||||
background: #eee;
|
||||
-webkit-border-radius: 0;
|
||||
-moz-border-radius: 0;
|
||||
border-radius: 0; }
|
||||
|
||||
.datepicker table tr td.range.today,
|
||||
.datepicker table tr td.range.today:hover,
|
||||
.datepicker table tr td.range.today.disabled,
|
||||
.datepicker table tr td.range.today.disabled:hover {
|
||||
background-color: #f3d17a;
|
||||
background-image: -moz-linear-gradient(to bottom, #f3c17a, #f3e97a);
|
||||
background-image: -ms-linear-gradient(to bottom, #f3c17a, #f3e97a);
|
||||
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3c17a), to(#f3e97a));
|
||||
background-image: -webkit-linear-gradient(to bottom, #f3c17a, #f3e97a);
|
||||
background-image: -o-linear-gradient(to bottom, #f3c17a, #f3e97a);
|
||||
background-image: linear-gradient(to bottom, #f3c17a, #f3e97a);
|
||||
background-repeat: repeat-x;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c17a', endColorstr='#f3e97a', GradientType=0);
|
||||
border-color: #f3e97a #f3e97a #edde34;
|
||||
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
|
||||
-webkit-border-radius: 0;
|
||||
-moz-border-radius: 0;
|
||||
border-radius: 0; }
|
||||
|
||||
.datepicker table tr td.range.today:hover,
|
||||
.datepicker table tr td.range.today:hover:hover,
|
||||
.datepicker table tr td.range.today.disabled:hover,
|
||||
.datepicker table tr td.range.today.disabled:hover:hover,
|
||||
.datepicker table tr td.range.today:active,
|
||||
.datepicker table tr td.range.today:hover:active,
|
||||
.datepicker table tr td.range.today.disabled:active,
|
||||
.datepicker table tr td.range.today.disabled:hover:active,
|
||||
.datepicker table tr td.range.today.active,
|
||||
.datepicker table tr td.range.today:hover.active,
|
||||
.datepicker table tr td.range.today.disabled.active,
|
||||
.datepicker table tr td.range.today.disabled:hover.active,
|
||||
.datepicker table tr td.range.today.disabled,
|
||||
.datepicker table tr td.range.today:hover.disabled,
|
||||
.datepicker table tr td.range.today.disabled.disabled,
|
||||
.datepicker table tr td.range.today.disabled:hover.disabled,
|
||||
.datepicker table tr td.range.today[disabled],
|
||||
.datepicker table tr td.range.today:hover[disabled],
|
||||
.datepicker table tr td.range.today.disabled[disabled],
|
||||
.datepicker table tr td.range.today.disabled:hover[disabled] {
|
||||
background-color: #f3e97a; }
|
||||
|
||||
.datepicker table tr td.range.today:active,
|
||||
.datepicker table tr td.range.today:hover:active,
|
||||
.datepicker table tr td.range.today.disabled:active,
|
||||
.datepicker table tr td.range.today.disabled:hover:active,
|
||||
.datepicker table tr td.range.today.active,
|
||||
.datepicker table tr td.range.today:hover.active,
|
||||
.datepicker table tr td.range.today.disabled.active,
|
||||
.datepicker table tr td.range.today.disabled:hover.active {
|
||||
background-color: #efe24b \9; }
|
||||
|
||||
.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-color: #9e9e9e;
|
||||
background-image: -moz-linear-gradient(to bottom, #b3b3b3, #808080);
|
||||
background-image: -ms-linear-gradient(to bottom, #b3b3b3, #808080);
|
||||
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b3b3b3), to(#808080));
|
||||
background-image: -webkit-linear-gradient(to bottom, #b3b3b3, #808080);
|
||||
background-image: -o-linear-gradient(to bottom, #b3b3b3, #808080);
|
||||
background-image: linear-gradient(to bottom, #b3b3b3, #808080);
|
||||
background-repeat: repeat-x;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#808080', GradientType=0);
|
||||
border-color: #808080 #808080 #595959;
|
||||
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
|
||||
color: #fff;
|
||||
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }
|
||||
|
||||
.datepicker table tr td.selected:hover,
|
||||
.datepicker table tr td.selected:hover:hover,
|
||||
.datepicker table tr td.selected.disabled:hover,
|
||||
.datepicker table tr td.selected.disabled:hover:hover,
|
||||
.datepicker table tr td.selected:active,
|
||||
.datepicker table tr td.selected:hover:active,
|
||||
.datepicker table tr td.selected.disabled:active,
|
||||
.datepicker table tr td.selected.disabled:hover:active,
|
||||
.datepicker table tr td.selected.active,
|
||||
.datepicker table tr td.selected:hover.active,
|
||||
.datepicker table tr td.selected.disabled.active,
|
||||
.datepicker table tr td.selected.disabled:hover.active,
|
||||
.datepicker table tr td.selected.disabled,
|
||||
.datepicker table tr td.selected:hover.disabled,
|
||||
.datepicker table tr td.selected.disabled.disabled,
|
||||
.datepicker table tr td.selected.disabled:hover.disabled,
|
||||
.datepicker table tr td.selected[disabled],
|
||||
.datepicker table tr td.selected:hover[disabled],
|
||||
.datepicker table tr td.selected.disabled[disabled],
|
||||
.datepicker table tr td.selected.disabled:hover[disabled] {
|
||||
background-color: #808080; }
|
||||
|
||||
.datepicker table tr td.selected:active,
|
||||
.datepicker table tr td.selected:hover:active,
|
||||
.datepicker table tr td.selected.disabled:active,
|
||||
.datepicker table tr td.selected.disabled:hover:active,
|
||||
.datepicker table tr td.selected.active,
|
||||
.datepicker table tr td.selected:hover.active,
|
||||
.datepicker table tr td.selected.disabled.active,
|
||||
.datepicker table tr td.selected.disabled:hover.active {
|
||||
background-color: #666666 \9; }
|
||||
|
||||
.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-color: #006dcc;
|
||||
background-image: -moz-linear-gradient(to bottom, #08c, #0044cc);
|
||||
background-image: -ms-linear-gradient(to bottom, #08c, #0044cc);
|
||||
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#0044cc));
|
||||
background-image: -webkit-linear-gradient(to bottom, #08c, #0044cc);
|
||||
background-image: -o-linear-gradient(to bottom, #08c, #0044cc);
|
||||
background-image: linear-gradient(to bottom, #08c, #0044cc);
|
||||
background-repeat: repeat-x;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#08c', endColorstr='#0044cc', GradientType=0);
|
||||
border-color: #0044cc #0044cc #002a80;
|
||||
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
|
||||
color: #fff;
|
||||
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }
|
||||
|
||||
.datepicker table tr td.active:hover,
|
||||
.datepicker table tr td.active:hover:hover,
|
||||
.datepicker table tr td.active.disabled:hover,
|
||||
.datepicker table tr td.active.disabled:hover:hover,
|
||||
.datepicker table tr td.active:active,
|
||||
.datepicker table tr td.active:hover:active,
|
||||
.datepicker table tr td.active.disabled:active,
|
||||
.datepicker table tr td.active.disabled:hover:active,
|
||||
.datepicker table tr td.active.active,
|
||||
.datepicker table tr td.active:hover.active,
|
||||
.datepicker table tr td.active.disabled.active,
|
||||
.datepicker table tr td.active.disabled:hover.active,
|
||||
.datepicker table tr td.active.disabled,
|
||||
.datepicker table tr td.active:hover.disabled,
|
||||
.datepicker table tr td.active.disabled.disabled,
|
||||
.datepicker table tr td.active.disabled:hover.disabled,
|
||||
.datepicker table tr td.active[disabled],
|
||||
.datepicker table tr td.active:hover[disabled],
|
||||
.datepicker table tr td.active.disabled[disabled],
|
||||
.datepicker table tr td.active.disabled:hover[disabled] {
|
||||
background-color: #0044cc; }
|
||||
|
||||
.datepicker table tr td.active:active,
|
||||
.datepicker table tr td.active:hover:active,
|
||||
.datepicker table tr td.active.disabled:active,
|
||||
.datepicker table tr td.active.disabled:hover:active,
|
||||
.datepicker table tr td.active.active,
|
||||
.datepicker table tr td.active:hover.active,
|
||||
.datepicker table tr td.active.disabled.active,
|
||||
.datepicker table tr td.active.disabled:hover.active {
|
||||
background-color: #003399 \9; }
|
||||
|
||||
.datepicker table tr td span {
|
||||
display: block;
|
||||
width: 23%;
|
||||
height: 54px;
|
||||
line-height: 54px;
|
||||
float: left;
|
||||
margin: 1%;
|
||||
cursor: pointer;
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
border-radius: 4px; }
|
||||
|
||||
.datepicker table tr td span:hover,
|
||||
.datepicker table tr td span.focused {
|
||||
background: #eee; }
|
||||
|
||||
.datepicker table tr td span.disabled,
|
||||
.datepicker table tr td span.disabled:hover {
|
||||
background: none;
|
||||
color: #999;
|
||||
cursor: default; }
|
||||
|
||||
.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-color: #006dcc;
|
||||
background-image: -moz-linear-gradient(to bottom, #08c, #0044cc);
|
||||
background-image: -ms-linear-gradient(to bottom, #08c, #0044cc);
|
||||
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#0044cc));
|
||||
background-image: -webkit-linear-gradient(to bottom, #08c, #0044cc);
|
||||
background-image: -o-linear-gradient(to bottom, #08c, #0044cc);
|
||||
background-image: linear-gradient(to bottom, #08c, #0044cc);
|
||||
background-repeat: repeat-x;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#08c', endColorstr='#0044cc', GradientType=0);
|
||||
border-color: #0044cc #0044cc #002a80;
|
||||
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
|
||||
color: #fff;
|
||||
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }
|
||||
|
||||
.datepicker table tr td span.active:hover,
|
||||
.datepicker table tr td span.active:hover:hover,
|
||||
.datepicker table tr td span.active.disabled:hover,
|
||||
.datepicker table tr td span.active.disabled:hover:hover,
|
||||
.datepicker table tr td span.active:active,
|
||||
.datepicker table tr td span.active:hover:active,
|
||||
.datepicker table tr td span.active.disabled:active,
|
||||
.datepicker table tr td span.active.disabled:hover:active,
|
||||
.datepicker table tr td span.active.active,
|
||||
.datepicker table tr td span.active:hover.active,
|
||||
.datepicker table tr td span.active.disabled.active,
|
||||
.datepicker table tr td span.active.disabled:hover.active,
|
||||
.datepicker table tr td span.active.disabled,
|
||||
.datepicker table tr td span.active:hover.disabled,
|
||||
.datepicker table tr td span.active.disabled.disabled,
|
||||
.datepicker table tr td span.active.disabled:hover.disabled,
|
||||
.datepicker table tr td span.active[disabled],
|
||||
.datepicker table tr td span.active:hover[disabled],
|
||||
.datepicker table tr td span.active.disabled[disabled],
|
||||
.datepicker table tr td span.active.disabled:hover[disabled] {
|
||||
background-color: #0044cc; }
|
||||
|
||||
.datepicker table tr td span.active:active,
|
||||
.datepicker table tr td span.active:hover:active,
|
||||
.datepicker table tr td span.active.disabled:active,
|
||||
.datepicker table tr td span.active.disabled:hover:active,
|
||||
.datepicker table tr td span.active.active,
|
||||
.datepicker table tr td span.active:hover.active,
|
||||
.datepicker table tr td span.active.disabled.active,
|
||||
.datepicker table tr td span.active.disabled:hover.active {
|
||||
background-color: #003399 \9; }
|
||||
|
||||
.datepicker table tr td span.old,
|
||||
.datepicker table tr td span.new {
|
||||
color: #999; }
|
||||
|
||||
.datepicker .datepicker-switch {
|
||||
width: 145px; }
|
||||
|
||||
.datepicker .datepicker-switch,
|
||||
.datepicker .prev,
|
||||
.datepicker .next,
|
||||
.datepicker tfoot tr th {
|
||||
cursor: pointer; }
|
||||
|
||||
.datepicker .datepicker-switch:hover,
|
||||
.datepicker .prev:hover,
|
||||
.datepicker .next:hover,
|
||||
.datepicker tfoot tr th:hover {
|
||||
background: #eee; }
|
||||
|
||||
.datepicker .cw {
|
||||
font-size: 10px;
|
||||
width: 12px;
|
||||
padding: 0 2px 0 5px;
|
||||
vertical-align: middle; }
|
||||
|
||||
.input-append.date .add-on,
|
||||
.input-prepend.date .add-on {
|
||||
cursor: pointer; }
|
||||
|
||||
.input-append.date .add-on i,
|
||||
.input-prepend.date .add-on i {
|
||||
margin-top: 3px; }
|
||||
|
||||
.input-daterange input {
|
||||
text-align: center; }
|
||||
|
||||
.input-daterange input:first-child {
|
||||
-webkit-border-radius: 3px 0 0 3px;
|
||||
-moz-border-radius: 3px 0 0 3px;
|
||||
border-radius: 3px 0 0 3px; }
|
||||
|
||||
.input-daterange input:last-child {
|
||||
-webkit-border-radius: 0 3px 3px 0;
|
||||
-moz-border-radius: 0 3px 3px 0;
|
||||
border-radius: 0 3px 3px 0; }
|
||||
|
||||
.input-daterange .add-on {
|
||||
display: inline-block;
|
||||
width: auto;
|
||||
min-width: 16px;
|
||||
height: 18px;
|
||||
padding: 4px 5px;
|
||||
font-weight: normal;
|
||||
line-height: 18px;
|
||||
text-align: center;
|
||||
text-shadow: 0 1px 0 #fff;
|
||||
vertical-align: middle;
|
||||
background-color: #eee;
|
||||
border: 1px solid #ccc;
|
||||
margin-left: -5px;
|
||||
margin-right: -5px; }
|
||||
@@ -0,0 +1,31 @@
|
||||
@font-face{
|
||||
font-family:"summernote";
|
||||
font-style:normal;
|
||||
font-weight:normal;
|
||||
src:url("../fonts/summernote.eot?4c7e83314b68cfa6a0d18a8b4690044b");
|
||||
src:url("../fonts/summernote.eot?4c7e83314b68cfa6a0d18a8b4690044b#iefix") format("embedded-opentype"),
|
||||
url("../fonts/summernote.woff?4c7e83314b68cfa6a0d18a8b4690044b") format("woff"),
|
||||
url("../fonts/summernote.ttf?4c7e83314b68cfa6a0d18a8b4690044b") format("truetype")
|
||||
}
|
||||
|
||||
|
||||
.note-editor{
|
||||
&.note-frame {
|
||||
box-shadow: none;
|
||||
border-color:$border-color;
|
||||
margin-bottom:0;
|
||||
}
|
||||
}
|
||||
.ql-toolbar.ql-snow, .ql-container.ql-snow {
|
||||
border-color:$border-color;
|
||||
}
|
||||
|
||||
.note-toolbar-wrapper{
|
||||
.note-toolbar{
|
||||
.btn-group{
|
||||
.btn{
|
||||
padding:.25rem .5rem !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,16 @@
|
||||
.dropzone {
|
||||
border:2px dashed $border-color;
|
||||
.dz-message {
|
||||
color:$muted;
|
||||
font-size:$font-lg;
|
||||
margin:5em;
|
||||
|
||||
@include mobile-portrait-sm {
|
||||
margin:3em 0;
|
||||
}
|
||||
@include mobile-portrait-xs {
|
||||
margin:3em 0;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
@@ -0,0 +1,5 @@
|
||||
.input-group-text {
|
||||
color:$white;
|
||||
background-color:$primary;
|
||||
border-color:$primary;
|
||||
}
|
||||
@@ -0,0 +1,56 @@
|
||||
.bootstrap-duallistbox-container {
|
||||
label {
|
||||
color:$primary;
|
||||
}
|
||||
.filter {
|
||||
height:40px;
|
||||
}
|
||||
.btn-group {
|
||||
.btn {
|
||||
border-color:$border-color;
|
||||
&:hover, &:focus {
|
||||
background-color:$primary;
|
||||
border-color:$primary;
|
||||
color: $white !important;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
.btn-outline-secondary{
|
||||
background-color:$primary;
|
||||
border-color:$primary;
|
||||
color: $white !important;
|
||||
}
|
||||
|
||||
select {
|
||||
border-color:$border-color;
|
||||
option {
|
||||
padding:0.5rem;
|
||||
color:$darker-gray;
|
||||
}
|
||||
&:focus{
|
||||
outline: none;
|
||||
}
|
||||
}
|
||||
.box1 {
|
||||
@include mobile-landscape {
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
@include mobile-portrait-sm {
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
@include mobile-portrait-xs {
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.bootstrap-duallistbox-container {
|
||||
.box1.filtered, .box2.filtered {
|
||||
.clear1, .clear2 {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -0,0 +1,30 @@
|
||||
.irs--flat .irs-bar {
|
||||
background-color: $primary;
|
||||
}
|
||||
.irs--flat .irs-handle > i:first-child {
|
||||
background-color: $primary;
|
||||
}
|
||||
.irs--flat .irs-from, .irs--flat .irs-to, .irs--flat .irs-single {
|
||||
background-color: $primary;
|
||||
&:before {
|
||||
border-top-color: $primary;
|
||||
}
|
||||
}
|
||||
.irs-from{
|
||||
background: $primary;
|
||||
&:after{
|
||||
border-top-color: $primary;
|
||||
}
|
||||
}
|
||||
.irs-to{
|
||||
background: $primary;
|
||||
&:after{
|
||||
border-top-color: $primary;
|
||||
}
|
||||
}
|
||||
.irs-single{
|
||||
background: $primary;
|
||||
&:after{
|
||||
border-top-color: $primary;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,84 @@
|
||||
.select2-container {
|
||||
|
||||
.select2-dropdown {
|
||||
border-color:$border-color;
|
||||
.select2-results__group {
|
||||
color:$muted;
|
||||
}
|
||||
}
|
||||
&--default{
|
||||
.select2-selection{
|
||||
&--single, &--multiple {
|
||||
border: 1px solid $border-color;
|
||||
box-shadow:none;
|
||||
}
|
||||
}
|
||||
.select2-results__option--highlighted[aria-selected] {
|
||||
background-color: $primary;
|
||||
}
|
||||
.select2-search--dropdown {
|
||||
.select2-search__field {
|
||||
border-color:$border-color;
|
||||
&:focus {
|
||||
outline:0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.select2-selection--single {
|
||||
&:focus {
|
||||
outline:0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.select2-container--default .select2-search--dropdown
|
||||
.selects-contant{
|
||||
.custom-select{
|
||||
height: calc(2.65rem + 2px);
|
||||
}
|
||||
.Multi-sel{
|
||||
.select2-container--default.select2-container--focus{
|
||||
.select2-selection--multiple{
|
||||
border: 1px solid $border-color;
|
||||
box-shadow:none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.selects-contant-boots {
|
||||
.bootstrap-tagsinput {
|
||||
border: 1px solid $border-color;
|
||||
box-shadow:none;
|
||||
height: auto;
|
||||
.tag {
|
||||
margin-bottom:2px;
|
||||
display: inline-block;
|
||||
padding: 0.6em .7em;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// select
|
||||
.custom-select-sm {
|
||||
height: calc(1.5125rem + 2px);
|
||||
padding-top: 0.275rem;
|
||||
padding-bottom: 0.275rem;
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
-o-appearance: none;
|
||||
-ms-appearance: none;
|
||||
appearance: none;
|
||||
}
|
||||
.custom-select:focus {
|
||||
box-shadow: none;
|
||||
border-color: $primary;
|
||||
}
|
||||
|
||||
.bootstrap-tagsinput .badge {
|
||||
background-color: $primary;
|
||||
border: 1px solid $primary;
|
||||
padding: 2px 6px;
|
||||
border-radius: 2px;
|
||||
}
|
||||
Reference in New Issue
Block a user