| 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; | |
| 104 | } | |
| 105 | .rdtPicker th.rdtSwitch { | |
| 106 | width: 100px; | |
| 107 | } | |
| 108 | .rdtPicker th.rdtNext, | |
| 109 | .rdtPicker th.rdtPrev { | |
| 110 | font-size: 21px; | |
| 111 | vertical-align: top; | |
| 112 | } | |
| 8ec1fb | 113 | |
| SE | 114 | .rdtPrev span, |
| 115 | .rdtNext span { | |
| 116 | display: block; | |
| 117 | -webkit-touch-callout: none; /* iOS Safari */ | |
| 118 | -webkit-user-select: none; /* Chrome/Safari/Opera */ | |
| 119 | -khtml-user-select: none; /* Konqueror */ | |
| 120 | -moz-user-select: none; /* Firefox */ | |
| 121 | -ms-user-select: none; /* Internet Explorer/Edge */ | |
| 122 | user-select: none; | |
| 123 | } | |
| 124 | ||
| 4de50d | 125 | .rdtPicker th.rdtDisabled, |
| EC | 126 | .rdtPicker th.rdtDisabled:hover { |
| 127 | background: none; | |
| 128 | color: #999999; | |
| 129 | cursor: not-allowed; | |
| 130 | } | |
| 131 | .rdtPicker thead tr:first-child th { | |
| 132 | cursor: pointer; | |
| 133 | } | |
| 134 | .rdtPicker thead tr:first-child th:hover { | |
| 135 | background: #eeeeee; | |
| 136 | } | |
| 137 | ||
| 8ec1fb | 138 | .rdtPicker tfoot { |
| SE | 139 | border-top: 1px solid #f9f9f9; |
| 4de50d | 140 | } |
| EC | 141 | |
| 142 | .rdtPicker button { | |
| 8ec1fb | 143 | border: none; |
| SE | 144 | background: none; |
| 145 | cursor: pointer; | |
| 4de50d | 146 | } |
| EC | 147 | .rdtPicker button:hover { |
| 8ec1fb | 148 | background-color: #eee; |
| 4de50d | 149 | } |
| EC | 150 | |
| 151 | .rdtPicker thead button { | |
| 8ec1fb | 152 | width: 100%; |
| SE | 153 | height: 100%; |
| 4de50d | 154 | } |
| EC | 155 | |
| 156 | td.rdtMonth, | |
| 157 | td.rdtYear { | |
| 8ec1fb | 158 | height: 50px; |
| SE | 159 | width: 25%; |
| 160 | cursor: pointer; | |
| 4de50d | 161 | } |
| EC | 162 | td.rdtMonth:hover, |
| 163 | td.rdtYear:hover { | |
| 8ec1fb | 164 | background: #eee; |
| 4de50d | 165 | } |
| EC | 166 | |
| 167 | .rdtCounters { | |
| 8ec1fb | 168 | display: inline-block; |
| 4de50d | 169 | } |
| EC | 170 | |
| 8ec1fb | 171 | .rdtCounters > div { |
| SE | 172 | float: left; |
| 4de50d | 173 | } |
| EC | 174 | |
| 175 | .rdtCounter { | |
| 8ec1fb | 176 | height: 100px; |
| 4de50d | 177 | } |
| EC | 178 | |
| 179 | .rdtCounter { | |
| 8ec1fb | 180 | width: 40px; |
| 4de50d | 181 | } |
| EC | 182 | |
| 183 | .rdtCounterSeparator { | |
| 8ec1fb | 184 | line-height: 100px; |
| 4de50d | 185 | } |
| EC | 186 | |
| 187 | .rdtCounter .rdtBtn { | |
| 8ec1fb | 188 | height: 40%; |
| SE | 189 | line-height: 40px; |
| 190 | cursor: pointer; | |
| 191 | display: block; | |
| 192 | ||
| 193 | -webkit-touch-callout: none; /* iOS Safari */ | |
| 194 | -webkit-user-select: none; /* Chrome/Safari/Opera */ | |
| 195 | -khtml-user-select: none; /* Konqueror */ | |
| 196 | -moz-user-select: none; /* Firefox */ | |
| 197 | -ms-user-select: none; /* Internet Explorer/Edge */ | |
| 198 | user-select: none; | |
| 4de50d | 199 | } |
| EC | 200 | .rdtCounter .rdtBtn:hover { |
| 8ec1fb | 201 | background: #eee; |
| 4de50d | 202 | } |
| EC | 203 | .rdtCounter .rdtCount { |
| 8ec1fb | 204 | height: 20%; |
| SE | 205 | font-size: 1.2em; |
| 4de50d | 206 | } |
| EC | 207 | |
| 208 | .rdtMilli { | |
| 8ec1fb | 209 | vertical-align: middle; |
| SE | 210 | padding-left: 8px; |
| 211 | width: 48px; | |
| 4de50d | 212 | } |
| EC | 213 | |
| 214 | .rdtMilli input { | |
| 8ec1fb | 215 | width: 100%; |
| SE | 216 | font-size: 1.2em; |
| 217 | margin-top: 37px; | |
| 4de50d | 218 | } |
| 8ec1fb | 219 | |
| SE | 220 | .rdtDayPart { |
| 221 | margin-top: 43px; | |
| 222 | } | |
