From 5eeeb3ae2934caa65bcdea71d372f72dea7944c0 Mon Sep 17 00:00:00 2001 From: afc163 Date: Tue, 8 Dec 2015 16:43:06 +0800 Subject: Updates --- examples/common.css | 142 ++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 142 insertions(+) create mode 100644 examples/common.css (limited to 'examples/common.css') diff --git a/examples/common.css b/examples/common.css new file mode 100644 index 0000000..0209823 --- /dev/null +++ b/examples/common.css @@ -0,0 +1,142 @@ +.rc-time-picker { + display: inline-block; + box-sizing: border-box; +} +.rc-time-picker * { + box-sizing: border-box; +} +.rc-time-picker-input { + width: 100%; + position: relative; + display: inline-block; + padding: 4px 7px; + height: 28px; + cursor: text; + font-size: 12px; + line-height: 1.5; + color: #666; + background-color: #fff; + background-image: none; + border: 1px solid #d9d9d9; + border-radius: 6px; + -webkit-transition: border 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), box-shadow 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: border 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), box-shadow 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); +} +.rc-time-picker-panel { + z-index: 1070; + width: 170px; + position: absolute; + box-sizing: border-box; +} +.rc-time-picker-panel * { + box-sizing: border-box; +} +.rc-time-picker-panel-inner { + display: inline-block; + position: relative; + outline: none; + list-style: none; + font-size: 12px; + text-align: left; + background-color: #fff; + border-radius: 3px; + box-shadow: 0 1px 5px #ccc; + background-clip: padding-box; + border: 1px solid #ccc; + line-height: 1.5; +} +.rc-time-picker-panel-input { + margin: 0; + padding: 0; + width: 100%; + cursor: auto; + line-height: 1.5; + outline: 0; + border: 1px solid transparent; +} +.rc-time-picker-panel-input-wrap { + box-sizing: border-box; + position: relative; + padding: 6px; + border-bottom: 1px solid #e9e9e9; +} +.rc-time-picker-panel-input-invalid { + border-color: red; +} +.rc-time-picker-panel-clear-btn { + position: absolute; + right: 6px; + cursor: pointer; + overflow: hidden; + width: 20px; + height: 20px; + text-align: center; + line-height: 20px; + top: 6px; + margin: 0; +} +.rc-time-picker-panel-clear-btn:after { + content: "x"; + font-size: 12px; + color: #aaa; + display: inline-block; + line-height: 1; + width: 20px; + -webkit-transition: color 0.3s ease; + transition: color 0.3s ease; +} +.rc-time-picker-panel-clear-btn:hover:after { + color: #666; +} +.rc-time-picker-panel-select { + float: left; + font-size: 12px; + border: 1px solid #e9e9e9; + border-width: 0 1px; + margin-left: -1px; + box-sizing: border-box; + width: 56px; + overflow: hidden; +} +.rc-time-picker-panel-select:hover { + overflow-y: auto; +} +.rc-time-picker-panel-select:first-child { + border-left: 0; + margin-left: 0; +} +.rc-time-picker-panel-select:last-child { + border-right: 0; +} +.rc-time-picker-panel-select ul { + list-style: none; + box-sizing: border-box; + margin: 0; + padding: 0; + width: 100%; + max-height: 144px; +} +.rc-time-picker-panel-select li { + list-style: none; + box-sizing: border-box; + margin: 0; + padding: 0 0 0 16px; + width: 100%; + height: 24px; + line-height: 24px; + text-align: left; + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.rc-time-picker-panel-select li:hover { + background: #edfaff; +} +.rc-time-picker-panel-select-option-selected { + background: #edfaff; + color: #2db7f5; +} + +/*# sourceMappingURL=common.css.map*/ \ No newline at end of file -- cgit v1.2.3