diff options
Diffstat (limited to 'common.css')
-rw-r--r-- | common.css | 148 |
1 files changed, 148 insertions, 0 deletions
diff --git a/common.css b/common.css new file mode 100644 index 0000000..1d5265e --- /dev/null +++ b/common.css | |||
@@ -0,0 +1,148 @@ | |||
1 | .rc-time-picker { | ||
2 | display: inline-block; | ||
3 | box-sizing: border-box; | ||
4 | } | ||
5 | .rc-time-picker * { | ||
6 | box-sizing: border-box; | ||
7 | } | ||
8 | .rc-time-picker-input { | ||
9 | width: 100%; | ||
10 | position: relative; | ||
11 | display: inline-block; | ||
12 | padding: 4px 7px; | ||
13 | height: 28px; | ||
14 | cursor: text; | ||
15 | font-size: 12px; | ||
16 | line-height: 1.5; | ||
17 | color: #666; | ||
18 | background-color: #fff; | ||
19 | background-image: none; | ||
20 | border: 1px solid #d9d9d9; | ||
21 | border-radius: 6px; | ||
22 | 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); | ||
23 | } | ||
24 | .rc-time-picker-panel { | ||
25 | z-index: 1070; | ||
26 | width: 170px; | ||
27 | position: absolute; | ||
28 | box-sizing: border-box; | ||
29 | } | ||
30 | .rc-time-picker-panel * { | ||
31 | box-sizing: border-box; | ||
32 | } | ||
33 | .rc-time-picker-panel-inner { | ||
34 | display: inline-block; | ||
35 | position: relative; | ||
36 | outline: none; | ||
37 | list-style: none; | ||
38 | font-size: 12px; | ||
39 | text-align: left; | ||
40 | background-color: #fff; | ||
41 | border-radius: 3px; | ||
42 | box-shadow: 0 1px 5px #ccc; | ||
43 | background-clip: padding-box; | ||
44 | border: 1px solid #ccc; | ||
45 | line-height: 1.5; | ||
46 | } | ||
47 | .rc-time-picker-panel-input { | ||
48 | margin: 0; | ||
49 | padding: 0; | ||
50 | width: 100%; | ||
51 | cursor: auto; | ||
52 | line-height: 1.5; | ||
53 | outline: 0; | ||
54 | border: 1px solid transparent; | ||
55 | } | ||
56 | .rc-time-picker-panel-input-wrap { | ||
57 | box-sizing: border-box; | ||
58 | position: relative; | ||
59 | padding: 6px; | ||
60 | border-bottom: 1px solid #e9e9e9; | ||
61 | } | ||
62 | .rc-time-picker-panel-input-invalid { | ||
63 | border-color: red; | ||
64 | } | ||
65 | .rc-time-picker-panel-clear-btn { | ||
66 | position: absolute; | ||
67 | right: 6px; | ||
68 | cursor: pointer; | ||
69 | overflow: hidden; | ||
70 | width: 20px; | ||
71 | height: 20px; | ||
72 | text-align: center; | ||
73 | line-height: 20px; | ||
74 | top: 6px; | ||
75 | margin: 0; | ||
76 | } | ||
77 | .rc-time-picker-panel-clear-btn:after { | ||
78 | content: "x"; | ||
79 | font-size: 12px; | ||
80 | color: #aaa; | ||
81 | display: inline-block; | ||
82 | line-height: 1; | ||
83 | width: 20px; | ||
84 | transition: color 0.3s ease; | ||
85 | } | ||
86 | .rc-time-picker-panel-clear-btn:hover:after { | ||
87 | color: #666; | ||
88 | } | ||
89 | .rc-time-picker-panel-select { | ||
90 | float: left; | ||
91 | font-size: 12px; | ||
92 | border: 1px solid #e9e9e9; | ||
93 | border-width: 0 1px; | ||
94 | margin-left: -1px; | ||
95 | box-sizing: border-box; | ||
96 | width: 56px; | ||
97 | overflow: hidden; | ||
98 | position: relative; | ||
99 | } | ||
100 | .rc-time-picker-panel-select-active { | ||
101 | overflow-y: auto; | ||
102 | } | ||
103 | .rc-time-picker-panel-select:first-child { | ||
104 | border-left: 0; | ||
105 | margin-left: 0; | ||
106 | } | ||
107 | .rc-time-picker-panel-select:last-child { | ||
108 | border-right: 0; | ||
109 | } | ||
110 | .rc-time-picker-panel-select ul { | ||
111 | list-style: none; | ||
112 | box-sizing: border-box; | ||
113 | margin: 0; | ||
114 | padding: 0; | ||
115 | width: 100%; | ||
116 | max-height: 144px; | ||
117 | } | ||
118 | .rc-time-picker-panel-select li { | ||
119 | list-style: none; | ||
120 | box-sizing: content-box; | ||
121 | margin: 0; | ||
122 | padding: 0 0 0 16px; | ||
123 | width: 100%; | ||
124 | height: 24px; | ||
125 | line-height: 24px; | ||
126 | text-align: left; | ||
127 | cursor: pointer; | ||
128 | -webkit-user-select: none; | ||
129 | -moz-user-select: none; | ||
130 | -ms-user-select: none; | ||
131 | user-select: none; | ||
132 | } | ||
133 | .rc-time-picker-panel-select li:hover { | ||
134 | background: #edfaff; | ||
135 | } | ||
136 | li.rc-time-picker-panel-select-option-selected { | ||
137 | background: #edfaff; | ||
138 | color: #2db7f5; | ||
139 | } | ||
140 | li.rc-time-picker-panel-select-option-disabled { | ||
141 | color: #bfbfbf; | ||
142 | } | ||
143 | li.rc-time-picker-panel-select-option-disabled:hover { | ||
144 | background: transparent; | ||
145 | cursor: not-allowed; | ||
146 | } | ||
147 | |||
148 | /*# sourceMappingURL=common.css.map*/ \ No newline at end of file | ||