vendor/assets/stylesheets/datepicker.scss in active_frontend-1.0.11 vs vendor/assets/stylesheets/datepicker.scss in active_frontend-2.0.0
- old
+ new
@@ -10,21 +10,21 @@
padding: 5px;
top: 0;
z-index: 1060;
}
.datepicker:before {
- border-bottom: 7px solid rgba(245,248,250,1);
- border-right: 7px solid transparent;
- border-left: 7px solid transparent;
+ border-bottom: 7px solid rgba(56,67,81,1);
+ border-right: 7px solid transparent;
+ border-left: 7px solid transparent;
content: '';
display: inline-block;
position: absolute;
}
.datepicker:after {
- border-bottom: 6px solid rgba(245,248,250,1);
- border-right: 6px solid transparent;
- border-left: 6px solid transparent;
+ border-bottom: 6px solid rgba(56,67,81,1);
+ border-right: 6px solid transparent;
+ border-left: 6px solid transparent;
content: '';
display: inline-block;
position: absolute;
}
.datepicker.datepicker-orient-left:before { left: 6px; }
@@ -34,27 +34,27 @@
.datepicker.datepicker-orient-top:before { top: -7px; }
.datepicker.datepicker-orient-top:after { top: -6px; }
.datepicker.datepicker-orient-bottom:before {
bottom: -7px;
border-bottom: 0;
- border-top: 7px solid rgba(245,248,250,1);
+ border-top: 7px solid rgba(56,67,81,1);
}
.datepicker.datepicker-orient-bottom:after {
bottom: -6px;
border-bottom: 0;
- border-top: 6px rgba(245,248,250,1);
+ border-top: 6px rgba(56,67,81,1);
}
.dow {
- color: rgba(136,153,166,1);
+ color: rgba(255,255,255,1);
font-weight: bold;
}
.datepicker > div { display: none; }
.datepicker table {
margin: 0;
-webkit-touch-callout: none;
-webkit-user-select: none;
- user-select: none;
+ user-select: none;
width: 100%;
}
.datepicker th {
height: 20px;
text-align: center;
@@ -66,12 +66,12 @@
line-height: 16px;
text-align: center;
width: 20px;
}
.datepicker td.day:hover {
- background: rgba(15,135,226,1);
- border-radius: 500px;
+ background: rgba(0,132,255,1);
+ border-radius: 2px;
color: rgba(255,255,255,1);
cursor: pointer;
}
.datepicker td.day.disabled { color: rgba(136,153,166,1); }
.datepicker td.old,
@@ -87,12 +87,12 @@
.datepicker td.active:hover.active,
.datepicker td.active.disabled,
.datepicker td.active:hover.disabled,
.datepicker td.active[disabled],
.datepicker td.active:hover[disabled] {
- background: rgba(112,169,13,1);
- border-radius: 500px;
+ background: rgba(68,205,1,1);
+ border-radius: 2px;
color: rgba(255,255,255,1);
}
.datepicker td span {
border-radius: 500px;
display: block;
@@ -101,31 +101,31 @@
line-height: 46px;
margin: 2px;
width: 46px;
}
.datepicker td span:hover {
- background: rgba(15,135,226,1);
+ background: rgba(0,132,255,1);
color: rgba(255,255,255,1);
cursor: pointer;
}
.datepicker td span.active,
.datepicker td span.active:hover,
.datepicker td span.active:focus,
.datepicker td span.active:active,
.datepicker td span.active.active,
.datepicker td span.active.disabled,
.datepicker td span.active[disabled] {
- background: rgba(112,169,13,1);
+ background: rgba(68,205,1,1);
color: rgba(255,255,255,1);
}
.datepicker th.switch {
font-weight: bold;
width: 145px;
}
.datepicker th.next,
.datepicker th.prev { font-size: 17px; }
.datepicker thead tr:first-child th:hover {
- background: rgba(15,135,226,1);
+ background: rgba(0,132,255,1);
border-radius: 2px;
color: rgba(255,255,255,1);
cursor: pointer;
}
.datepicker thead tr:first-child th:nth-child(2) { font-weight: bold; }
\ No newline at end of file