aboutsummaryrefslogtreecommitdiffhomepage
path: root/common.css
diff options
context:
space:
mode:
Diffstat (limited to 'common.css')
-rw-r--r--common.css148
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}
136li.rc-time-picker-panel-select-option-selected {
137 background: #edfaff;
138 color: #2db7f5;
139}
140li.rc-time-picker-panel-select-option-disabled {
141 color: #bfbfbf;
142}
143li.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