chore: synchronize project dependencies and update vendor directory files
This commit is contained in:
+472
@@ -0,0 +1,472 @@
|
||||
/*!
|
||||
* Datepicker for Bootstrap v1.5.0 (https://github.com/eternicode/bootstrap-datepicker)
|
||||
*
|
||||
* Copyright 2012 Stefan Petre
|
||||
* Improvements by Andrew Rowls
|
||||
* Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0)
|
||||
*/
|
||||
.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 #999999;
|
||||
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 #ffffff;
|
||||
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 #999999;
|
||||
}
|
||||
.datepicker-dropdown.datepicker-orient-top:after {
|
||||
bottom: -6px;
|
||||
border-bottom: 0;
|
||||
border-top: 6px solid #ffffff;
|
||||
}
|
||||
.datepicker > div {
|
||||
display: none;
|
||||
}
|
||||
.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: #eeeeee;
|
||||
cursor: pointer;
|
||||
}
|
||||
.datepicker table tr td.old,
|
||||
.datepicker table tr td.new {
|
||||
color: #999999;
|
||||
}
|
||||
.datepicker table tr td.disabled,
|
||||
.datepicker table tr td.disabled:hover {
|
||||
background: none;
|
||||
color: #999999;
|
||||
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: #eeeeee;
|
||||
-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, #0088cc, #0044cc);
|
||||
background-image: -ms-linear-gradient(to bottom, #0088cc, #0044cc);
|
||||
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
|
||||
background-image: -webkit-linear-gradient(to bottom, #0088cc, #0044cc);
|
||||
background-image: -o-linear-gradient(to bottom, #0088cc, #0044cc);
|
||||
background-image: linear-gradient(to bottom, #0088cc, #0044cc);
|
||||
background-repeat: repeat-x;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', 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 {
|
||||
background: #eeeeee;
|
||||
}
|
||||
.datepicker table tr td span.disabled,
|
||||
.datepicker table tr td span.disabled:hover {
|
||||
background: none;
|
||||
color: #999999;
|
||||
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, #0088cc, #0044cc);
|
||||
background-image: -ms-linear-gradient(to bottom, #0088cc, #0044cc);
|
||||
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
|
||||
background-image: -webkit-linear-gradient(to bottom, #0088cc, #0044cc);
|
||||
background-image: -o-linear-gradient(to bottom, #0088cc, #0044cc);
|
||||
background-image: linear-gradient(to bottom, #0088cc, #0044cc);
|
||||
background-repeat: repeat-x;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', 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: #999999;
|
||||
}
|
||||
.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: #eeeeee;
|
||||
}
|
||||
.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 #ffffff;
|
||||
vertical-align: middle;
|
||||
background-color: #eeeeee;
|
||||
border: 1px solid #ccc;
|
||||
margin-left: -5px;
|
||||
margin-right: -5px;
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 74 B |
Binary file not shown.
|
After Width: | Height: | Size: 112 B |
Binary file not shown.
|
After Width: | Height: | Size: 81 B |
Binary file not shown.
|
After Width: | Height: | Size: 88 B |
Binary file not shown.
|
After Width: | Height: | Size: 88 B |
Binary file not shown.
|
After Width: | Height: | Size: 86 B |
Binary file not shown.
|
After Width: | Height: | Size: 3.6 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.6 KiB |
Vendored
+1178
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,186 @@
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
box-sizing: border-box;
|
||||
font-family: "Poppins", sans-serif;
|
||||
}
|
||||
|
||||
:root {
|
||||
--primary-color: #c6c3c3;
|
||||
--second-color: #ffffff;
|
||||
--black-color: #000000;
|
||||
}
|
||||
|
||||
body {
|
||||
background-image: url("https://codingstella.com/wp-content/uploads/2024/01/download-6-scaled.jpeg");
|
||||
background-position: center;
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
background-attachment: fixed;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
color: var(--second-color);
|
||||
}
|
||||
|
||||
a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.wrapper {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
min-height: 100vh;
|
||||
background-color: rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
.login_box {
|
||||
position: relative;
|
||||
width: 450px;
|
||||
backdrop-filter: blur(25px);
|
||||
border: 2px solid var(--primary-color);
|
||||
border-radius: 15px;
|
||||
padding: 7.5em 2.5em 4em 2.5em;
|
||||
color: var(--second-color);
|
||||
box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
.login-header {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background-color: var(--primary-color);
|
||||
width: 140px;
|
||||
height: 70px;
|
||||
border-radius: 0 0 20px 20px;
|
||||
}
|
||||
|
||||
.login-header span {
|
||||
font-size: 2.5rem;
|
||||
color: var(--black-color);
|
||||
font-weight: 800;
|
||||
}
|
||||
|
||||
.login-header::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: -30px;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
border-top-right-radius: 50%;
|
||||
background: transparent;
|
||||
box-shadow: 15px 0 0 0 var(--primary-color);
|
||||
}
|
||||
|
||||
.login-header::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: -30px;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
border-top-left-radius: 50%;
|
||||
background: transparent;
|
||||
box-shadow: -15px 0 0 0 var(--primary-color);
|
||||
/* Removed space before --primary-color */
|
||||
}
|
||||
|
||||
.input_box {
|
||||
position: relative;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
margin: 20px 0;
|
||||
}
|
||||
|
||||
.input-field {
|
||||
width: 100%;
|
||||
height: 55px;
|
||||
font-size: 16px;
|
||||
background: transparent;
|
||||
color: var(--second-color);
|
||||
padding-inline: 20px 50px;
|
||||
border: 2px solid var(--primary-color);
|
||||
border-radius: 30px;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
#user {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.label {
|
||||
position: absolute;
|
||||
top: 15px;
|
||||
left: 20px;
|
||||
transition: 0.2s;
|
||||
}
|
||||
|
||||
.input-field:focus~.label,
|
||||
.input-field:valid .label {
|
||||
/* Added missing closing brace here */
|
||||
position: absolute;
|
||||
top: -10px;
|
||||
left: 20px;
|
||||
font-size: 14px;
|
||||
background-color: var(--primary-color);
|
||||
border-radius: 30px;
|
||||
color: var(--black-color);
|
||||
padding: 0 10px;
|
||||
}
|
||||
|
||||
/* Closed the missing brace */
|
||||
|
||||
.icon {
|
||||
position: absolute;
|
||||
top: 18px;
|
||||
right: 25px;
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
.remember-forgot {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
.input-submit {
|
||||
width: 100%;
|
||||
height: 50px;
|
||||
background: #ececec;
|
||||
font-size: 16px;
|
||||
font-weight: 500;
|
||||
border: none;
|
||||
border-radius: 30px;
|
||||
cursor: pointer;
|
||||
transition: 0.3s;
|
||||
}
|
||||
|
||||
.input-submit:hover {
|
||||
background: var(--second-color);
|
||||
}
|
||||
|
||||
.register {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.register a {
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 564px) {
|
||||
.wrapper {
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.login_box {
|
||||
padding: 7.5em 1.5em 4em 1.5em;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,723 @@
|
||||
:root {
|
||||
--font-family-sans-serif: "Open Sans", -apple-system, BlinkMacSystemFont,
|
||||
"Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji",
|
||||
"Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
||||
}
|
||||
|
||||
*,
|
||||
*::before,
|
||||
*::after {
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
html {
|
||||
font-family: sans-serif;
|
||||
line-height: 1.15;
|
||||
-webkit-text-size-adjust: 100%;
|
||||
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
||||
}
|
||||
|
||||
nav {
|
||||
display: block;
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI",
|
||||
Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji",
|
||||
"Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
||||
font-size: 1rem;
|
||||
font-weight: 400;
|
||||
line-height: 1.5;
|
||||
color: #515151;
|
||||
text-align: left;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
p {
|
||||
margin-top: 0;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #3f84fc;
|
||||
text-decoration: none;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: #0458eb;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6,
|
||||
.h1,
|
||||
.h2,
|
||||
.h3,
|
||||
.h4,
|
||||
.h5,
|
||||
.h6 {
|
||||
font-family: "Nunito", sans-serif;
|
||||
margin-bottom: 0.5rem;
|
||||
font-weight: 500;
|
||||
line-height: 1.2;
|
||||
}
|
||||
|
||||
h1,
|
||||
.h1 {
|
||||
font-size: 1.8rem;
|
||||
font-weight: normal;
|
||||
color: #5283bf;
|
||||
}
|
||||
|
||||
.card {
|
||||
position: relative;
|
||||
display: -webkit-box;
|
||||
display: -webkit-flex;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
-webkit-flex-direction: column;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
min-width: 0;
|
||||
word-wrap: break-word;
|
||||
background-color: #fff;
|
||||
background-clip: border-box;
|
||||
border: 1px solid rgba(0, 0, 0, 0.125);
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.card-body {
|
||||
-webkit-box-flex: 1;
|
||||
-webkit-flex: 1 1 auto;
|
||||
-ms-flex: 1 1 auto;
|
||||
flex: 1 1 auto;
|
||||
padding: 1.25rem;
|
||||
}
|
||||
|
||||
.card-header {
|
||||
padding: 0.75rem 0 0;
|
||||
margin-bottom: 0;
|
||||
background-color: #fff;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.card-header h1 {
|
||||
color: #000;
|
||||
font-size: 1.5rem;
|
||||
text-transform: uppercase;
|
||||
font-family: sans-serif;
|
||||
}
|
||||
|
||||
.card-header i {
|
||||
border: 0.01rem solid #ffffff;
|
||||
padding: 0.3rem 0.4rem;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.dashboard {
|
||||
display: -webkit-box;
|
||||
display: -webkit-flex;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
min-height: 100vh;
|
||||
}
|
||||
|
||||
.dashboard-app {
|
||||
display: -webkit-box;
|
||||
display: -webkit-flex;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
-webkit-flex-direction: column;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
-webkit-box-flex: 2;
|
||||
-webkit-flex-grow: 2;
|
||||
-ms-flex-positive: 2;
|
||||
flex-grow: 2;
|
||||
margin-top: 84px;
|
||||
}
|
||||
|
||||
.dashboard-content {
|
||||
-webkit-box-flex: 2;
|
||||
-webkit-flex-grow: 2;
|
||||
-ms-flex-positive: 2;
|
||||
flex-grow: 2;
|
||||
padding: 1rem;
|
||||
}
|
||||
|
||||
.dashboard-nav {
|
||||
min-width: 238px;
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
overflow: auto;
|
||||
background-color: #373193;
|
||||
}
|
||||
|
||||
.dashboard-compact .dashboard-nav {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.dashboard-nav header {
|
||||
min-height: 3rem;
|
||||
padding: 0.3rem 0.5rem;
|
||||
display: -webkit-box;
|
||||
display: -webkit-flex;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-pack: center;
|
||||
-webkit-justify-content: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
-webkit-box-align: center;
|
||||
-webkit-align-items: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
text-transform: uppercase;
|
||||
border: 0.01rem solid #fff;
|
||||
margin: 0.5rem;
|
||||
border-radius: 3rem;
|
||||
max-width: 14rem;
|
||||
}
|
||||
|
||||
.dashboard-nav header .menu-toggle {
|
||||
display: none;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
.dashboard-nav a {
|
||||
color: #515151;
|
||||
}
|
||||
|
||||
.dashboard-nav a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.dashboard-nav {
|
||||
background-color: #ffffff;
|
||||
box-shadow: inset 1px 1px 8px #939393;
|
||||
border-radius: 1rem;
|
||||
margin: 1rem 0;
|
||||
}
|
||||
|
||||
.dashboard-nav a {
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.brand-logo {
|
||||
font-family: "Nunito", sans-serif;
|
||||
font-weight: bold;
|
||||
font-size: 20px;
|
||||
display: -webkit-box;
|
||||
display: -webkit-flex;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
color: #515151;
|
||||
-webkit-box-align: center;
|
||||
-webkit-align-items: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.brand-logo:focus,
|
||||
.brand-logo:active,
|
||||
.brand-logo:hover {
|
||||
color: #dbdbdb;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.brand-logo i {
|
||||
color: #d2d1d1;
|
||||
font-size: 27px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.brand-logo img {
|
||||
width: 4rem;
|
||||
}
|
||||
|
||||
.dashboard-nav-list {
|
||||
display: -webkit-box;
|
||||
display: -webkit-flex;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
-webkit-flex-direction: column;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
max-width: 14.8rem;
|
||||
}
|
||||
|
||||
.dashboard-nav-item {
|
||||
min-height: 56px;
|
||||
padding: 8px 20px 8px 50px;
|
||||
display: -webkit-box;
|
||||
display: -webkit-flex;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-webkit-align-items: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
letter-spacing: 0.02em;
|
||||
transition: ease-out 0.5s;
|
||||
border-bottom: 0.01rem solid #00000033;
|
||||
}
|
||||
|
||||
.dashboard-nav-item i {
|
||||
width: 2.4rem;
|
||||
font-size: 19px;
|
||||
margin-left: -40px;
|
||||
border: 0.01rem solid #fff;
|
||||
padding: 0.5rem 0.5rem;
|
||||
border-radius: 0.5rem;
|
||||
margin-right: 0.5rem;
|
||||
}
|
||||
|
||||
.dashboard-nav-item:hover {
|
||||
background: rgba(255, 255, 255, 0.04);
|
||||
}
|
||||
|
||||
.active {
|
||||
background: rgb(95 170 175);
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
.dashboard-nav-dropdown {
|
||||
display: -webkit-box;
|
||||
display: -webkit-flex;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
-webkit-flex-direction: column;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.dashboard-nav-dropdown.show {
|
||||
background: rgba(255, 255, 255, 0.04);
|
||||
}
|
||||
|
||||
.dashboard-nav-dropdown.show>.dashboard-nav-dropdown-toggle {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.dashboard-nav-dropdown.show>.dashboard-nav-dropdown-toggle:after {
|
||||
-webkit-transform: none;
|
||||
-o-transform: none;
|
||||
transform: none;
|
||||
}
|
||||
|
||||
.dashboard-nav-dropdown.show>.dashboard-nav-dropdown-menu {
|
||||
display: -webkit-box;
|
||||
display: -webkit-flex;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.dashboard-nav-dropdown-toggle:after {
|
||||
content: "";
|
||||
margin-left: auto;
|
||||
display: inline-block;
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-left: 5px solid transparent;
|
||||
border-right: 5px solid transparent;
|
||||
border-top: 5px solid rgba(81, 81, 81, 0.8);
|
||||
-webkit-transform: rotate(90deg);
|
||||
-o-transform: rotate(90deg);
|
||||
transform: rotate(90deg);
|
||||
}
|
||||
|
||||
.dashboard-nav .dashboard-nav-dropdown-toggle:after {
|
||||
border-top-color: rgba(255, 255, 255, 0.72);
|
||||
}
|
||||
|
||||
.dashboard-nav-dropdown-menu {
|
||||
display: none;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
-webkit-flex-direction: column;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.dashboard-nav-dropdown-item {
|
||||
min-height: 40px;
|
||||
padding: 8px 20px 8px 70px;
|
||||
display: -webkit-box;
|
||||
display: -webkit-flex;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-webkit-align-items: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
transition: ease-out 0.5s;
|
||||
}
|
||||
|
||||
.dashboard-nav-dropdown-item:hover {
|
||||
background: rgba(255, 255, 255, 0.04);
|
||||
}
|
||||
|
||||
.menu-toggle {
|
||||
position: relative;
|
||||
width: 42px;
|
||||
height: 42px;
|
||||
display: -webkit-box;
|
||||
display: -webkit-flex;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-webkit-align-items: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
-webkit-box-pack: center;
|
||||
-webkit-justify-content: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.menu-toggle:hover,
|
||||
.menu-toggle:active,
|
||||
.menu-toggle:focus {
|
||||
text-decoration: none;
|
||||
color: #875de5;
|
||||
}
|
||||
|
||||
.menu-toggle i {
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
.dashboard-toolbar {
|
||||
min-height: 3rem;
|
||||
background-color: #fff;
|
||||
display: -webkit-box;
|
||||
display: -webkit-flex;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-webkit-align-items: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
padding: 8px 27px;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
right: 0;
|
||||
left: 0;
|
||||
z-index: 1000;
|
||||
}
|
||||
|
||||
.nav-item-divider {
|
||||
height: 1px;
|
||||
margin: 1rem 0;
|
||||
overflow: hidden;
|
||||
background-color: rgba(236, 238, 239, 0.3);
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
.dashboard-app {
|
||||
margin-left: 238px;
|
||||
}
|
||||
|
||||
.dashboard-compact .dashboard-app {
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.dashboard-content {
|
||||
padding: 15px 0px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 992px) {
|
||||
.dashboard-nav {
|
||||
display: none;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
right: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
z-index: 1070;
|
||||
}
|
||||
|
||||
.dashboard-nav.mobile-show {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 992px) {
|
||||
.dashboard-nav header .menu-toggle {
|
||||
display: -webkit-box;
|
||||
display: -webkit-flex;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
.dashboard-toolbar {
|
||||
left: 238px;
|
||||
}
|
||||
|
||||
.dashboard-compact .dashboard-toolbar {
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.dashboard-content .container {
|
||||
min-width: 100%;
|
||||
box-shadow: 1px 1px 9px #666666;
|
||||
padding: 1rem;
|
||||
border-radius: 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
#table {
|
||||
font-family: serif;
|
||||
font-size: 1.1rem;
|
||||
font-weight: normal;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
/* #table td, #table th {
|
||||
color: #4a4a4a !important;
|
||||
} */
|
||||
|
||||
#table td img {
|
||||
width: 10rem;
|
||||
}
|
||||
|
||||
#table.table>:not(caption)>*>* {
|
||||
padding: .5rem .5rem;
|
||||
color: #363636;
|
||||
background-color: #ffffff;
|
||||
border-bottom-width: var(--bs-border-width);
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.active>.page-link,
|
||||
.page-link.active {
|
||||
z-index: 3;
|
||||
color: var(--bs-pagination-active-color);
|
||||
background-color: #55999d;
|
||||
border-color: #55999d;
|
||||
}
|
||||
|
||||
.btn-custom {
|
||||
background-color: #55999d;
|
||||
border-color: #55999d;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.btn-custom.right {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.btn-custom.small {
|
||||
padding: 0.1rem 1rem;
|
||||
}
|
||||
|
||||
.btn-custom.default {
|
||||
padding: 0.1rem 1rem;
|
||||
background-color: #dfdfdf;
|
||||
border-color: #cfcfcf;
|
||||
color: #747474;
|
||||
}
|
||||
|
||||
.btn-custom:hover {
|
||||
background-color: #fff;
|
||||
color: #5283bf;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.custom-danger-link,
|
||||
.custom-danger-link:hover {
|
||||
background-color: #f74444;
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
border: 0.01rem solid #ffffff;
|
||||
padding: 0.1rem 0.5rem;
|
||||
border-radius: 0.3rem;
|
||||
font-size: 1rem;
|
||||
padding: 0.3rem 1rem;
|
||||
}
|
||||
|
||||
.custom-link {
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.custom-link:hover {
|
||||
color: #ff8c00;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#upload-image {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#upload-image-label {
|
||||
font-size: 3rem;
|
||||
}
|
||||
|
||||
.custom-file {
|
||||
text-align: center;
|
||||
min-height: 15rem;
|
||||
}
|
||||
|
||||
.imgPreview {
|
||||
width: 8rem;
|
||||
height: 8rem;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
overflow: hidden;
|
||||
border: 0.1rem solid;
|
||||
border-radius: 1rem;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.imgPreview img {
|
||||
width: auto;
|
||||
height: auto;
|
||||
max-height: 100%;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.group_info {
|
||||
border: 0.01rem solid #d5d5d5;
|
||||
padding: 0.5rem;
|
||||
margin: 2rem 0 1rem;
|
||||
border-radius: 0.3rem;
|
||||
}
|
||||
|
||||
.group_info .group_info_title {
|
||||
margin: auto;
|
||||
margin-top: -1.4rem;
|
||||
background-color: #fff;
|
||||
width: fit-content;
|
||||
}
|
||||
|
||||
.required {
|
||||
color: #dd2f2f;
|
||||
}
|
||||
|
||||
html {
|
||||
overflow: scroll;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar {
|
||||
width: 0;
|
||||
/* Remove scrollbar space */
|
||||
background: transparent;
|
||||
/* Optional: just make scrollbar invisible */
|
||||
}
|
||||
|
||||
/* Optional: show position indicator in red */
|
||||
::-webkit-scrollbar-thumb {
|
||||
background: #FF0000;
|
||||
}
|
||||
|
||||
table.dataTable thead th {
|
||||
background-color: #5faaaf !important;
|
||||
color: #fff !important;
|
||||
font-weight: normal;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.col-sm-12:has(#table) {
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
input[type=checkbox]+label {
|
||||
display: block;
|
||||
margin: 0.2em;
|
||||
cursor: pointer;
|
||||
padding: 0.2em;
|
||||
font-family: 'Arial'
|
||||
}
|
||||
|
||||
input[type=checkbox] {
|
||||
display: none;
|
||||
}
|
||||
|
||||
input[type=checkbox]+label:before {
|
||||
content: "\2714";
|
||||
border: 0.1em solid #000;
|
||||
border-radius: 0.2em;
|
||||
display: inline-block;
|
||||
width: 1.5em;
|
||||
height: 1.5em;
|
||||
padding-left: 0.2em;
|
||||
padding-bottom: 0.3em;
|
||||
margin-right: 0.2em;
|
||||
vertical-align: bottom;
|
||||
color: transparent;
|
||||
transition: .2s;
|
||||
}
|
||||
|
||||
input[type=checkbox]+label:active:before {
|
||||
transform: scale(0);
|
||||
}
|
||||
|
||||
input[type=checkbox]:checked+label:before {
|
||||
background-color: #55999d;
|
||||
border-color: #55999d;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
input[type=checkbox]:disabled+label:before {
|
||||
transform: scale(1);
|
||||
border-color: #aaa;
|
||||
}
|
||||
|
||||
input[type=checkbox]:checked:disabled+label:before {
|
||||
transform: scale(1);
|
||||
background-color: #F7C28F;
|
||||
border-color: #F7C28F;
|
||||
}
|
||||
|
||||
.member_data {
|
||||
padding: 0.3rem;
|
||||
border: 0.01rem solid #5faaaf;
|
||||
border-radius: 0.3rem;
|
||||
margin-top: 1rem;
|
||||
}
|
||||
|
||||
.member_data b {
|
||||
color: #5faaaf;
|
||||
}
|
||||
|
||||
|
||||
.table_img:hover {
|
||||
transform: scale(2);
|
||||
/* Adjust the scale factor for the zoom level */
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 255 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 166 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 268 KiB |
+1920
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1 @@
|
||||
!function(a){a.fn.datepicker.dates.vi={days:["Chủ nhật","Thứ hai","Thứ ba","Thứ tư","Thứ năm","Thứ sáu","Thứ bảy"],daysShort:["CN","Thứ 2","Thứ 3","Thứ 4","Thứ 5","Thứ 6","Thứ 7"],daysMin:["CN","T2","T3","T4","T5","T6","T7"],months:["Tháng 1","Tháng 2","Tháng 3","Tháng 4","Tháng 5","Tháng 6","Tháng 7","Tháng 8","Tháng 9","Tháng 10","Tháng 11","Tháng 12"],monthsShort:["Th1","Th2","Th3","Th4","Th5","Th6","Th7","Th8","Th9","Th10","Th11","Th12"],today:"Hôm nay",clear:"Xóa",format:"dd/mm/yyyy"}}(jQuery);
|
||||
Vendored
+6659
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,41 @@
|
||||
// Wait for the DOM to load before running the script
|
||||
document.addEventListener('DOMContentLoaded', function() {
|
||||
|
||||
// Get the remember-me container, checkbox, and custom checkbox from the DOM
|
||||
var rememberMeContainer = document.querySelector('.remember-me');
|
||||
var checkbox = rememberMeContainer.querySelector('input[type="checkbox"]');
|
||||
var checkboxCustom = rememberMeContainer.querySelector('.checkbox-custom');
|
||||
|
||||
// Add a click event listener to the remember-me container
|
||||
rememberMeContainer.addEventListener('click', function(event) {
|
||||
// If the clicked element isn't the checkbox itself, toggle the checkbox
|
||||
if (event.target !== checkbox) {
|
||||
checkbox.checked = !checkbox.checked;
|
||||
|
||||
// Manually trigger the change event on the checkbox
|
||||
var changeEvent = new Event('change', {
|
||||
'bubbles': true,
|
||||
'cancelable': true
|
||||
});
|
||||
checkbox.dispatchEvent(changeEvent);
|
||||
}
|
||||
});
|
||||
|
||||
// Add a change event listener to the checkbox
|
||||
checkbox.addEventListener('change', function() {
|
||||
// This function will be called any time the checkbox is checked or unchecked
|
||||
// You can add any additional functionality you need here
|
||||
});
|
||||
|
||||
// Optional: If you have a form and want to perform a custom submit action
|
||||
var form = document.querySelector('.login-form');
|
||||
form.addEventListener('submit', function(event) {
|
||||
// Prevent the default form submit
|
||||
event.preventDefault();
|
||||
|
||||
// You can add custom form submit functionality here
|
||||
// For example, you could use AJAX to submit the form data to your server
|
||||
});
|
||||
|
||||
// Additional event listeners and functionality can be added below
|
||||
});
|
||||
@@ -0,0 +1,72 @@
|
||||
const mobileScreen = window.matchMedia("(max-width: 990px )");
|
||||
$(document).ready(function () {
|
||||
$(".dashboard-nav-dropdown-toggle").click(function () {
|
||||
$(this).closest(".dashboard-nav-dropdown")
|
||||
.toggleClass("show")
|
||||
.find(".dashboard-nav-dropdown")
|
||||
.removeClass("show");
|
||||
$(this).parent()
|
||||
.siblings()
|
||||
.removeClass("show");
|
||||
});
|
||||
$(".menu-toggle").click(function () {
|
||||
if (mobileScreen.matches) {
|
||||
$(".dashboard-nav").toggleClass("mobile-show");
|
||||
} else {
|
||||
$(".dashboard").toggleClass("dashboard-compact");
|
||||
}
|
||||
});
|
||||
|
||||
new DataTable('#table', {
|
||||
responsive: true,
|
||||
bAutoWidth: false,
|
||||
bLengthChange: true,
|
||||
lengthMenu: [[5, 10, 15, -1], ["5", "10", "15", "Tất cả"]],
|
||||
style_data :
|
||||
[{'border': 'none'}],
|
||||
info: false,
|
||||
paging: true,
|
||||
pageLength: 10,
|
||||
language: {
|
||||
search: "",
|
||||
info: "Hiển thị _START_ tới _END_ của _TOTAL_ giường",
|
||||
paginate: {
|
||||
previous: 'Trang trước',
|
||||
next: 'Trang sau'
|
||||
},
|
||||
lengthMenu: 'Hiển thị _MENU_ dòng trên mỗi trang'
|
||||
},
|
||||
dom: "<'row'<'col-sm-10'l><'col-sm-2'f>>" +
|
||||
"<'row'<'col-sm-12'tr>>" +
|
||||
"<'row'<'col-sm-5'i><'col-sm-7'p>>",
|
||||
// ordering: false,
|
||||
// order: [
|
||||
// [4, 'asc'],
|
||||
// [1, 'asc'],
|
||||
// [2, 'asc'],
|
||||
// [6, 'desc']
|
||||
// ],
|
||||
// draw: 1,
|
||||
pagingType: 'simple_numbers',
|
||||
"fnRowCallback": function( nRow, aData, iDisplayIndex, iDisplayIndexFull ) {
|
||||
$('td:eq(0)', nRow).html(iDisplayIndexFull +1);
|
||||
},
|
||||
});
|
||||
|
||||
var multiImgPreview = function(input, imgPreviewPlaceholder) {
|
||||
if (input.files) {
|
||||
$('.imgPreview').empty();
|
||||
var filesAmount = input.files.length;
|
||||
for (i = 0; i < filesAmount; i++) {
|
||||
var reader = new FileReader();
|
||||
reader.onload = function(event) {
|
||||
$($.parseHTML('<img>')).attr('src', event.target.result).appendTo(imgPreviewPlaceholder);
|
||||
}
|
||||
reader.readAsDataURL(input.files[i]);
|
||||
}
|
||||
}
|
||||
};
|
||||
$('#upload-image').on('change', function() {
|
||||
multiImgPreview(this, 'div.imgPreview');
|
||||
});
|
||||
});
|
||||
Reference in New Issue
Block a user