diff options
author | Andrew Dolgov <[email protected]> | 2018-12-04 16:53:01 +0300 |
---|---|---|
committer | Andrew Dolgov <[email protected]> | 2018-12-04 16:53:01 +0300 |
commit | 563a46f55a392011d075811b3dc798e9cdcca949 (patch) | |
tree | 4321fadc393b5cf5bf26929d2fcf017dfc0b8f9a /lib/flat/dijit/TimePicker.css | |
parent | f679ec2e6e25598c511177d7d160c51d2bdf631e (diff) |
initial
Diffstat (limited to 'lib/flat/dijit/TimePicker.css')
-rwxr-xr-x | lib/flat/dijit/TimePicker.css | 60 |
1 files changed, 60 insertions, 0 deletions
diff --git a/lib/flat/dijit/TimePicker.css b/lib/flat/dijit/TimePicker.css new file mode 100755 index 000000000..2305e6f67 --- /dev/null +++ b/lib/flat/dijit/TimePicker.css @@ -0,0 +1,60 @@ +/* Time Picker + * + * Styling the Time Picker consists of the following: + * + * 1. minor time values + * .dijitTimePickerTick - set text color, size, background color of minor values + * .dijitTimePickerTickHover - set hover style of minor time values + * dijitTimePickerTickSelected - set selected style of minor time values + * + * 2. major time values - 1:00, 2:00, times on the hour + * set text color, size, background color, left/right margins for "zoom" affect + * .dijitTimePickerMarkerHover - to set hover style of major time values + * .dijitTimePickerMarkerSelected - set selected style of major time values + * + * 3. up and down arrow buttons + * .dijitTimePicker .dijitButtonNode - background-color, border + * .dijitTimePicker .dijitUpArrowHover, .dijitTimePicker .dijitDownArrowHover - set background-color for hover state + * + * Other classes provide the fundamental structure of the TimePicker and should not be modified. + */ +.dijitTimePickerPopup { + -webkit-box-shadow: 0 7px 3px -4px rgba(0,0,0,0.3), 0 8px 8px rgba(0,0,0,0.2); + box-shadow: 0 7px 3px -4px rgba(0,0,0,0.3), 0 8px 8px rgba(0,0,0,0.2); + height: 200px; +} +.dijitTimePicker { + background-color: #fff; + padding: 4px 0; + border: 1px solid #9e9e9e; + border-radius: 3px; +} +.dijitTimePickerItem { + margin: 0; +} +.dijitTimePickerTick { +/* minor value */ + color: #9e9e9e; + border: 0 none; +} +.dijitTimePickerMarker { +/* major value - 1:00, 2:00, times on the hour */ + background-color: transparent; + white-space: nowrap; + border: 0 none; +} +.dijitTimePickerTickHover, +.dijitTimePickerMarkerHover { + background: #f2f2f2; + color: #424242; +} +.dijitTimePickerMarkerSelected, +.dijitTimePickerTickSelected { + background: #f2f2f2; + color: #424242; +} +.dijitTimePickerTick .dijitTimePickerItemInner, +.dijitTimePickerMarker .dijitTimePickerItemInner { + padding: 8px; + margin: 0; +} |