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