aboutsummaryrefslogtreecommitdiffhomepage
path: root/examples/pick-time.css
diff options
context:
space:
mode:
author崖鹰 <zhao.wuz@alipay.com>2015-11-16 14:58:35 +0800
committer崖鹰 <zhao.wuz@alipay.com>2015-11-16 14:58:35 +0800
commit80256746c1b81af8b19a4df9a93029e904d03859 (patch)
treec56268f890150bf45345359f54151b33129caa71 /examples/pick-time.css
downloadtime-picker-80256746c1b81af8b19a4df9a93029e904d03859.tar.gz
time-picker-80256746c1b81af8b19a4df9a93029e904d03859.tar.zst
time-picker-80256746c1b81af8b19a4df9a93029e904d03859.zip
Updates
Diffstat (limited to 'examples/pick-time.css')
-rw-r--r--examples/pick-time.css125
1 files changed, 125 insertions, 0 deletions
diff --git a/examples/pick-time.css b/examples/pick-time.css
new file mode 100644
index 0000000..61bb5e1
--- /dev/null
+++ b/examples/pick-time.css
@@ -0,0 +1,125 @@
1.rc-time-picker {
2 display: inline;
3 box-sizing: border-box;
4}
5.rc-time-picker * {
6 box-sizing: border-box;
7}
8@font-face {
9 font-family: 'anticon';
10 src: url('//at.alicdn.com/t/font_1434092639_4910953.eot');
11 /* IE9*/
12 src: url('//at.alicdn.com/t/font_1434092639_4910953.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('//at.alicdn.com/t/font_1434092639_4910953.woff') format('woff'), /* chrome、firefox */ url('//at.alicdn.com/t/font_1434092639_4910953.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('//at.alicdn.com/t/font_1434092639_4910953.svg#iconfont') format('svg');
13 /* iOS 4.1- */
14}
15.rc-time-picker-panel {
16 display: inline-block;
17 position: relative;
18 outline: none;
19 font-family: Arial, "Hiragino Sans GB", "Microsoft Yahei", "Microsoft Sans Serif", "WenQuanYi Micro Hei", sans-serif;
20 list-style: none;
21 font-size: 12px;
22 text-align: left;
23 background-color: #fff;
24 border-radius: 3px;
25 box-shadow: 0 1px 5px #ccc;
26 background-clip: padding-box;
27 border: 1px solid #ccc;
28 line-height: 1.5;
29}
30.rc-time-picker-input {
31 margin: 0;
32 padding: 0;
33 border: 0;
34 width: 100%;
35 cursor: auto;
36 line-height: 1.5;
37 outline: 0;
38 border: 1px solid transparent;
39}
40.rc-time-picker-input-wrap {
41 box-sizing: border-box;
42 position: relative;
43 padding: 6px;
44 border-bottom: 1px solid #e9e9e9;
45}
46.rc-time-picker-input-invalid {
47 border-color: red;
48}
49.rc-time-picker-clear-btn {
50 position: absolute;
51 right: 6px;
52 cursor: pointer;
53 overflow: hidden;
54 width: 20px;
55 height: 20px;
56 text-align: center;
57 line-height: 20px;
58 top: 6px;
59 margin: 0;
60}
61.rc-time-picker-clear-btn:after {
62 content: "x";
63 font-size: 12px;
64 color: #aaa;
65 display: inline-block;
66 line-height: 1;
67 width: 20px;
68 -webkit-transition: color 0.3s ease;
69 transition: color 0.3s ease;
70}
71.rc-time-picker-clear-btn:hover:after {
72 color: #666;
73}
74.narrow .rc-time-picker-input-wrap {
75 max-width: 111px;
76}
77.rc-time-picker-select {
78 float: left;
79 overflow-y: auto;
80 font-size: 12px;
81 border: 1px solid #e9e9e9;
82 border-width: 0 1px;
83 margin-left: -1px;
84 box-sizing: border-box;
85 width: 56px;
86}
87.rc-time-picker-select:first-child {
88 border-left: 0;
89 margin-left: 0;
90}
91.rc-time-picker-select:last-child {
92 border-right: 0;
93}
94.rc-time-picker-select ul {
95 list-style: none;
96 box-sizing: border-box;
97 margin: 0;
98 padding: 0;
99 width: 100%;
100 max-height: 144px;
101}
102.rc-time-picker-select li {
103 list-style: none;
104 box-sizing: border-box;
105 margin: 0;
106 padding: 0 0 0 16px;
107 width: 100%;
108 height: 24px;
109 line-height: 24px;
110 text-align: left;
111 cursor: pointer;
112 -webkit-user-select: none;
113 -moz-user-select: none;
114 -ms-user-select: none;
115 user-select: none;
116}
117.rc-time-picker-select li.selected {
118 background: #edfaff;
119 color: #2db7f5;
120}
121.rc-time-picker-select li:hover {
122 background: #edfaff;
123}
124
125/*# sourceMappingURL=pick-time.css.map*/ \ No newline at end of file