New file |
| | |
| | | /*! |
| | | * https://github.com/arqex/react-datetime |
| | | */ |
| | | |
| | | .rdt { |
| | | position: relative; |
| | | } |
| | | .rdtPicker { |
| | | display: none; |
| | | position: absolute; |
| | | width: 250px; |
| | | padding: 4px; |
| | | margin-top: 1px; |
| | | z-index: 99999 !important; |
| | | background: #fff; |
| | | box-shadow: 0 1px 3px rgba(0,0,0,.1); |
| | | border: 1px solid #f9f9f9; |
| | | } |
| | | .rdtOpen .rdtPicker { |
| | | display: block; |
| | | } |
| | | .rdtStatic .rdtPicker { |
| | | box-shadow: none; |
| | | position: static; |
| | | } |
| | | |
| | | .rdtPicker .rdtTimeToggle { |
| | | text-align: center; |
| | | } |
| | | |
| | | .rdtPicker table { |
| | | width: 100%; |
| | | margin: 0; |
| | | } |
| | | .rdtPicker td, |
| | | .rdtPicker th { |
| | | text-align: center; |
| | | height: 28px; |
| | | } |
| | | .rdtPicker td.rdtToday:hover, |
| | | .rdtPicker td.rdtHour:hover, |
| | | .rdtPicker td.rdtMinute:hover, |
| | | .rdtPicker td.rdtSecond:hover, |
| | | .rdtPicker .rdtTimeToggle:hover { |
| | | background: #eeeeee; |
| | | cursor: pointer; |
| | | } |
| | | .rdtPicker td.rdtOld, |
| | | .rdtPicker td.rdtNew { |
| | | color: #999999; |
| | | } |
| | | .rdtPicker td.rdtToday { |
| | | position: relative; |
| | | } |
| | | .rdtPicker td.rdtToday:before { |
| | | content: ''; |
| | | display: inline-block; |
| | | border-left: 7px solid transparent; |
| | | border-bottom: 7px solid #428bca; |
| | | border-top-color: rgba(0, 0, 0, 0.2); |
| | | position: absolute; |
| | | bottom: 4px; |
| | | right: 4px; |
| | | } |
| | | .rdtPicker td.rdtActive, |
| | | .rdtPicker td.rdtActive:hover { |
| | | background-color: #428bca; |
| | | color: #fff; |
| | | text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); |
| | | } |
| | | .rdtPicker td.rdtActive.rdtToday:before { |
| | | border-bottom-color: #fff; |
| | | } |
| | | .rdtPicker td.rdtDisabled, |
| | | .rdtPicker td.rdtDisabled:hover { |
| | | background: none; |
| | | color: #999999; |
| | | cursor: not-allowed; |
| | | } |
| | | |
| | | .rdtPicker td span.rdtOld { |
| | | color: #999999; |
| | | } |
| | | .rdtPicker td span.rdtDisabled, |
| | | .rdtPicker td span.rdtDisabled:hover { |
| | | background: none; |
| | | color: #999999; |
| | | cursor: not-allowed; |
| | | } |
| | | .rdtPicker th { |
| | | border-bottom: 1px solid #f9f9f9; |
| | | } |
| | | .rdtPicker .dow { |
| | | width: 14.2857%; |
| | | border-bottom: none; |
| | | } |
| | | .rdtPicker th.rdtSwitch { |
| | | width: 100px; |
| | | } |
| | | .rdtPicker th.rdtNext, |
| | | .rdtPicker th.rdtPrev { |
| | | font-size: 21px; |
| | | vertical-align: top; |
| | | } |
| | | .rdtPicker th.rdtDisabled, |
| | | .rdtPicker th.rdtDisabled:hover { |
| | | background: none; |
| | | color: #999999; |
| | | cursor: not-allowed; |
| | | } |
| | | .rdtPicker thead tr:first-child th { |
| | | cursor: pointer; |
| | | } |
| | | .rdtPicker thead tr:first-child th:hover { |
| | | background: #eeeeee; |
| | | } |
| | | |
| | | .rdtPicker tfoot{ |
| | | border-top: 1px solid #f9f9f9; |
| | | } |
| | | |
| | | .rdtPicker button { |
| | | border: none; |
| | | background: none; |
| | | cursor: pointer; |
| | | } |
| | | .rdtPicker button:hover { |
| | | background-color: #eee; |
| | | } |
| | | |
| | | .rdtPicker thead button { |
| | | width: 100%; |
| | | height: 100%; |
| | | } |
| | | |
| | | td.rdtMonth, |
| | | td.rdtYear { |
| | | height: 50px; |
| | | width: 25%; |
| | | cursor: pointer; |
| | | } |
| | | td.rdtMonth:hover, |
| | | td.rdtYear:hover { |
| | | background: #eee; |
| | | } |
| | | |
| | | .rdtCounters { |
| | | display: inline-block; |
| | | } |
| | | |
| | | .rdtCounters > div{ |
| | | float: left; |
| | | } |
| | | |
| | | .rdtCounter { |
| | | height: 100px; |
| | | } |
| | | |
| | | .rdtCounter { |
| | | width: 40px; |
| | | } |
| | | |
| | | .rdtCounterSeparator { |
| | | line-height: 100px; |
| | | } |
| | | |
| | | .rdtCounter .rdtBtn { |
| | | height: 40%; |
| | | line-height: 40px; |
| | | cursor: pointer; |
| | | } |
| | | .rdtCounter .rdtBtn:hover { |
| | | background: #eee; |
| | | } |
| | | .rdtCounter .rdtCount { |
| | | height: 20%; |
| | | font-size: 1.2em; |
| | | } |
| | | |
| | | .rdtMilli { |
| | | vertical-align: middle; |
| | | padding-left: 8px; |
| | | width: 48px; |
| | | } |
| | | |
| | | .rdtMilli input { |
| | | width: 100%; |
| | | font-size: 1.2em; |
| | | margin-top: 37px; |
| | | } |