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