1 | .ms-container{ |
---|
2 | background: transparent url('switch.png') no-repeat 164px 80px; |
---|
3 | } |
---|
4 | |
---|
5 | .ms-container:after{ |
---|
6 | content: "."; display: block; height: 0; line-height: 0; font-size: 0; clear: both; min-height: 0; visibility: hidden; |
---|
7 | } |
---|
8 | |
---|
9 | .ms-container .ms-selectable, .ms-container .ms-selection{ |
---|
10 | |
---|
11 | background: #fff; |
---|
12 | color: #555555; |
---|
13 | float: left; |
---|
14 | } |
---|
15 | |
---|
16 | .ms-container .ms-list{ |
---|
17 | -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); |
---|
18 | -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); |
---|
19 | box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); |
---|
20 | -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; |
---|
21 | -moz-transition: border linear 0.2s, box-shadow linear 0.2s; |
---|
22 | -ms-transition: border linear 0.2s, box-shadow linear 0.2s; |
---|
23 | -o-transition: border linear 0.2s, box-shadow linear 0.2s; |
---|
24 | transition: border linear 0.2s, box-shadow linear 0.2s; |
---|
25 | border: 1px solid #cccccc; |
---|
26 | -webkit-border-radius: 3px; |
---|
27 | -moz-border-radius: 3px; |
---|
28 | border-radius: 3px; |
---|
29 | } |
---|
30 | |
---|
31 | |
---|
32 | .ms-selected{ |
---|
33 | display:none; |
---|
34 | } |
---|
35 | .ms-container .ms-selectable{ |
---|
36 | margin-right: 40px; |
---|
37 | } |
---|
38 | |
---|
39 | .ms-container .ms-list.ms-focus{ |
---|
40 | border-color: rgba(82, 168, 236, 0.8); |
---|
41 | -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); |
---|
42 | -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); |
---|
43 | box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); |
---|
44 | outline: 0; |
---|
45 | outline: thin dotted \9; |
---|
46 | } |
---|
47 | |
---|
48 | .ms-container ul { |
---|
49 | margin: 0; |
---|
50 | list-style-type: none; |
---|
51 | } |
---|
52 | |
---|
53 | .ms-container ul li { |
---|
54 | margin: 0; |
---|
55 | } |
---|
56 | |
---|
57 | .ms-container ul.ms-list{ |
---|
58 | width: 160px; |
---|
59 | height: 200px; |
---|
60 | padding: 0px 0px; |
---|
61 | overflow-y: auto; |
---|
62 | } |
---|
63 | |
---|
64 | .ms-container .ms-selectable li.ms-elem-selectable, |
---|
65 | .ms-container .ms-selection li.ms-elem-selected{ |
---|
66 | border-bottom: 1px #eee solid; |
---|
67 | padding: 2px 10px; |
---|
68 | color: #555; |
---|
69 | font-size: 14px; |
---|
70 | } |
---|
71 | |
---|
72 | .ms-container .ms-selectable li.disabled, |
---|
73 | .ms-container .ms-selection li.disabled{ |
---|
74 | background-color: #eee; |
---|
75 | color: #aaa; |
---|
76 | } |
---|
77 | |
---|
78 | .ms-container .ms-optgroup-label{ |
---|
79 | padding: 5px 0px 0px 5px; |
---|
80 | cursor: pointer; |
---|
81 | color: #999; |
---|
82 | } |
---|
83 | |
---|
84 | .ms-container li.ms-elem-selectable:not(.disabled).ms-hover, |
---|
85 | .ms-container .ms-selection li:not(.disabled).ms-hover{ |
---|
86 | cursor: pointer; |
---|
87 | color: #ffffff; |
---|
88 | text-decoration: none; |
---|
89 | background-color: #0088cc; |
---|
90 | } |
---|
91 | |
---|