| commit | author | age | ||
| a3a33b | 1 | /*! |
| 8055e6 | 2 | * https://github.com/YouCanBookMe/react-datetime |
| a3a33b | 3 | */ |
| M | 4 | |
| 5 | .rdt { | |
| 523ce1 | 6 | position: relative; |
| a3a33b | 7 | } |
| M | 8 | .rdtPicker { |
| 523ce1 | 9 | display: none; |
| SE | 10 | position: absolute; |
| a3a33b | 11 | width: 250px; |
| M | 12 | padding: 4px; |
| 13 | margin-top: 1px; | |
| 14 | z-index: 99999 !important; | |
| 15 | background: #fff; | |
| 16 | box-shadow: 0 1px 3px rgba(0,0,0,.1); | |
| 17 | border: 1px solid #f9f9f9; | |
| 18 | } | |
| 19 | .rdtOpen .rdtPicker { | |
| 523ce1 | 20 | display: block; |
| a3a33b | 21 | } |
| M | 22 | .rdtStatic .rdtPicker { |
| 523ce1 | 23 | box-shadow: none; |
| SE | 24 | position: static; |
| a3a33b | 25 | } |
| M | 26 | |
| e4010d | 27 | .rdtPicker .rdtTimeToggle { |
| 523ce1 | 28 | text-align: center; |
| a3a33b | 29 | } |
| M | 30 | |
| 31 | .rdtPicker table { | |
| 32 | width: 100%; | |
| 33 | margin: 0; | |
| 34 | } | |
| 35 | .rdtPicker td, | |
| 36 | .rdtPicker th { | |
| 37 | text-align: center; | |
| 38 | height: 28px; | |
| 39 | } | |
| c6d2f6 | 40 | .rdtPicker td { |
| IV | 41 | cursor: pointer; |
| 42 | } | |
| da92b7 | 43 | .rdtPicker td.rdtDay:hover, |
| e4010d | 44 | .rdtPicker td.rdtHour:hover, |
| M | 45 | .rdtPicker td.rdtMinute:hover, |
| 46 | .rdtPicker td.rdtSecond:hover, | |
| 47 | .rdtPicker .rdtTimeToggle:hover { | |
| a3a33b | 48 | background: #eeeeee; |
| M | 49 | cursor: pointer; |
| 50 | } | |
| e4010d | 51 | .rdtPicker td.rdtOld, |
| M | 52 | .rdtPicker td.rdtNew { |
| a3a33b | 53 | color: #999999; |
| M | 54 | } |
| e4010d | 55 | .rdtPicker td.rdtToday { |
| a3a33b | 56 | position: relative; |
| M | 57 | } |
| e4010d | 58 | .rdtPicker td.rdtToday:before { |
| a3a33b | 59 | content: ''; |
| M | 60 | display: inline-block; |
| 61 | border-left: 7px solid transparent; | |
| 62 | border-bottom: 7px solid #428bca; | |
| 63 | border-top-color: rgba(0, 0, 0, 0.2); | |
| 64 | position: absolute; | |
| 65 | bottom: 4px; | |
| 66 | right: 4px; | |
| 67 | } | |
| e4010d | 68 | .rdtPicker td.rdtActive, |
| M | 69 | .rdtPicker td.rdtActive:hover { |
| a3a33b | 70 | background-color: #428bca; |
| M | 71 | color: #fff; |
| 72 | text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); | |
| 73 | } | |
| e4010d | 74 | .rdtPicker td.rdtActive.rdtToday:before { |
| a3a33b | 75 | border-bottom-color: #fff; |
| M | 76 | } |
| e4010d | 77 | .rdtPicker td.rdtDisabled, |
| M | 78 | .rdtPicker td.rdtDisabled:hover { |
| a3a33b | 79 | background: none; |
| M | 80 | color: #999999; |
| 81 | cursor: not-allowed; | |
| 82 | } | |
| 83 | ||
| e4010d | 84 | .rdtPicker td span.rdtOld { |
| a3a33b | 85 | color: #999999; |
| M | 86 | } |
| e4010d | 87 | .rdtPicker td span.rdtDisabled, |
| M | 88 | .rdtPicker td span.rdtDisabled:hover { |
| a3a33b | 89 | background: none; |
| M | 90 | color: #999999; |
| 91 | cursor: not-allowed; | |
| 92 | } | |
| 93 | .rdtPicker th { | |
| 523ce1 | 94 | border-bottom: 1px solid #f9f9f9; |
| a3a33b | 95 | } |
| M | 96 | .rdtPicker .dow { |
| 97 | width: 14.2857%; | |
| 98 | border-bottom: none; | |
| 99 | } | |
| e4010d | 100 | .rdtPicker th.rdtSwitch { |
| 182c2b | 101 | width: 100px; |
| a3a33b | 102 | } |
| e4010d | 103 | .rdtPicker th.rdtNext, |
| M | 104 | .rdtPicker th.rdtPrev { |
| a3a33b | 105 | font-size: 21px; |
| M | 106 | vertical-align: top; |
| 107 | } | |
| a8a17a | 108 | |
| M | 109 | .rdtPrev span, |
| 110 | .rdtNext span { | |
| 523ce1 | 111 | display: block; |
| SE | 112 | -webkit-touch-callout: none; /* iOS Safari */ |
| a8a17a | 113 | -webkit-user-select: none; /* Chrome/Safari/Opera */ |
| M | 114 | -khtml-user-select: none; /* Konqueror */ |
| 115 | -moz-user-select: none; /* Firefox */ | |
| 116 | -ms-user-select: none; /* Internet Explorer/Edge */ | |
| 117 | user-select: none; | |
| 118 | } | |
| 119 | ||
| e4010d | 120 | .rdtPicker th.rdtDisabled, |
| M | 121 | .rdtPicker th.rdtDisabled:hover { |
| a3a33b | 122 | background: none; |
| M | 123 | color: #999999; |
| 124 | cursor: not-allowed; | |
| 125 | } | |
| 126 | .rdtPicker thead tr:first-child th { | |
| 127 | cursor: pointer; | |
| 128 | } | |
| 129 | .rdtPicker thead tr:first-child th:hover { | |
| 130 | background: #eeeeee; | |
| 131 | } | |
| 132 | ||
| 523ce1 | 133 | .rdtPicker tfoot { |
| SE | 134 | border-top: 1px solid #f9f9f9; |
| a3a33b | 135 | } |
| M | 136 | |
| 182c2b | 137 | .rdtPicker button { |
| 523ce1 | 138 | border: none; |
| SE | 139 | background: none; |
| 140 | cursor: pointer; | |
| 182c2b | 141 | } |
| M | 142 | .rdtPicker button:hover { |
| 523ce1 | 143 | background-color: #eee; |
| 182c2b | 144 | } |
| M | 145 | |
| 146 | .rdtPicker thead button { | |
| 523ce1 | 147 | width: 100%; |
| SE | 148 | height: 100%; |
| 182c2b | 149 | } |
| M | 150 | |
| e4010d | 151 | td.rdtMonth, |
| M | 152 | td.rdtYear { |
| 523ce1 | 153 | height: 50px; |
| SE | 154 | width: 25%; |
| 155 | cursor: pointer; | |
| a3a33b | 156 | } |
| e4010d | 157 | td.rdtMonth:hover, |
| M | 158 | td.rdtYear:hover { |
| 523ce1 | 159 | background: #eee; |
| a3a33b | 160 | } |
| M | 161 | |
| 162 | .rdtCounters { | |
| 523ce1 | 163 | display: inline-block; |
| a3a33b | 164 | } |
| M | 165 | |
| 523ce1 | 166 | .rdtCounters > div { |
| SE | 167 | float: left; |
| a3a33b | 168 | } |
| M | 169 | |
| 170 | .rdtCounter { | |
| 523ce1 | 171 | height: 100px; |
| a3a33b | 172 | } |
| M | 173 | |
| 174 | .rdtCounter { | |
| 523ce1 | 175 | width: 40px; |
| a3a33b | 176 | } |
| M | 177 | |
| 178 | .rdtCounterSeparator { | |
| 523ce1 | 179 | line-height: 100px; |
| a3a33b | 180 | } |
| M | 181 | |
| e4010d | 182 | .rdtCounter .rdtBtn { |
| 523ce1 | 183 | height: 40%; |
| SE | 184 | line-height: 40px; |
| 185 | cursor: pointer; | |
| 186 | display: block; | |
| a8a17a | 187 | |
| 523ce1 | 188 | -webkit-touch-callout: none; /* iOS Safari */ |
| a8a17a | 189 | -webkit-user-select: none; /* Chrome/Safari/Opera */ |
| M | 190 | -khtml-user-select: none; /* Konqueror */ |
| 191 | -moz-user-select: none; /* Firefox */ | |
| 192 | -ms-user-select: none; /* Internet Explorer/Edge */ | |
| 193 | user-select: none; | |
| a3a33b | 194 | } |
| e4010d | 195 | .rdtCounter .rdtBtn:hover { |
| 523ce1 | 196 | background: #eee; |
| a3a33b | 197 | } |
| M | 198 | .rdtCounter .rdtCount { |
| 523ce1 | 199 | height: 20%; |
| SE | 200 | font-size: 1.2em; |
| a3a33b | 201 | } |
| M | 202 | |
| 203 | .rdtMilli { | |
| 523ce1 | 204 | vertical-align: middle; |
| SE | 205 | padding-left: 8px; |
| 206 | width: 48px; | |
| a3a33b | 207 | } |
| M | 208 | |
| 209 | .rdtMilli input { | |
| 523ce1 | 210 | width: 100%; |
| SE | 211 | font-size: 1.2em; |
| 212 | margin-top: 37px; | |
| da92b7 | 213 | } |
| 9e5311 | 214 | |
| SE | 215 | .rdtTime td { |
| 216 | cursor: default; | |
| 217 | } | |
