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