propertyhive / assets / css / jquery.multiselect.css

jquery.multiselect.css in Property Hive trunk, at assets/css/jquery.multiselect.css

155 lines 3.2 KB

Raw Download Zip

1	.ms-options-wrap {
2	position:relative;
3	width:200px;
4	}
5	.ms-options-wrap,
6	.ms-options-wrap * {
7	box-sizing: border-box;
8	}
9
10	.ms-options-wrap > .selected {
11	position: relative;
12	width: 100%;
13	text-align: left;
14	border: 1px solid #aaa;
15	background-color: #fff;
16	padding: 6px 20px 6px 5px;
17	margin-top: 1px;
18	/*font-size: 13px;
19	color: #aaa;*/
20	outline-offset: -2px;
21	white-space: nowrap;
22	}
23
24	.ms-options-wrap > .selected > span {
25	display: inline-block;
26	}
27
28	/*.ms-options-wrap > button[disabled] {
29	background-color: #e5e9ed;
30	color: #808080;
31	opacity: 0.6;
32	}*/
33
34	.ms-options-wrap > .selected:after {
35	content: ' ';
36	height: 0;
37	position: absolute;
38	top: 50%;
39	right: 5px;
40	width: 0;
41	border: 6px solid rgba(0, 0, 0, 0);
42	border-top-color: #999;
43	margin-top: -3px;
44	}
45
46	.ms-options-wrap.ms-has-selections > .selected {
47	/color: #333;/
48	}
49
50	.ms-options-wrap > .ms-options {
51	position: absolute;
52	left: 0;
53	width: 100%;
54	margin-top: 1px;
55	margin-bottom: 20px;
56	background: white;
57	z-index: 2000;
58	border: 1px solid #aaa;
59	overflow: auto;
60	visibility: hidden;
61	}
62
63	.ms-options-wrap.ms-active > .ms-options {
64	visibility: visible
65	}
66
67	.ms-options-wrap > .ms-options > .ms-search input {
68	width: 100%;
69	padding: 4px 5px;
70	border: none;
71	border-bottom: 1px groove;
72	outline: none;
73	}
74
75	.ms-options-wrap > .ms-options .ms-selectall {
76	display: inline-block;
77	font-size: .9em;
78	text-transform: lowercase;
79	text-decoration: none;
80	}
81	.ms-options-wrap > .ms-options .ms-selectall:hover {
82	text-decoration: underline;
83	}
84
85	.ms-options-wrap > .ms-options > .ms-selectall.global {
86	margin: 4px 5px;
87	}
88
89	.ms-options-wrap > .ms-options > ul,
90	.ms-options-wrap > .ms-options > ul > li.optgroup ul {
91	list-style-type: none;
92	padding: 0;
93	margin: 0;
94	}
95
96	.ms-options-wrap > .ms-options > ul li.ms-hidden {
97	display: none;
98	}
99
100	.ms-options-wrap > .ms-options > ul > li.optgroup {
101	padding: 5px;
102	}
103	.ms-options-wrap > .ms-options > ul > li.optgroup + li.optgroup {
104	border-top: 1px solid #aaa;
105	}
106
107	.ms-options-wrap > .ms-options > ul > li.optgroup .label {
108	display: block;
109	padding: 5px 0 0 0;
110	/font-weight: bold;/
111	}
112
113	.ms-options-wrap > .ms-options > ul label {
114	position: relative;
115	display: inline-block;
116	width: 100%;
117	padding: 4px 4px 4px 26px;
118	margin: 1px 0;
119	border: 1px dotted transparent;
120	}
121	.ms-options-wrap > .ms-options.checkbox-autofit > ul label,
122	.ms-options-wrap > .ms-options.hide-checkbox > ul label {
123	padding: 4px;
124	}
125
126	.ms-options-wrap > .ms-options > ul label.focused,
127	.ms-options-wrap > .ms-options > ul label:hover {
128	background-color: #efefef;
129	border-color: #999;
130	}
131
132	.ms-options-wrap > .ms-options > ul li {
133	margin:0;
134	}
135
136	.ms-options-wrap > .ms-options > ul li.selected label {
137	background-color: #efefef;
138	border-color: transparent;
139	}
140
141	.ms-options-wrap > .ms-options > ul input[type="checkbox"] {
142	position: absolute;
143	left: 4px;
144	top: 9px;
145	}
146
147	.ms-options-wrap > .ms-options.hide-checkbox > ul input[type="checkbox"] {
148	position: absolute !important;
149	height: 1px;
150	width: 1px;
151	overflow: hidden;
152	clip: rect(1px 1px 1px 1px);
153	clip: rect(1px, 1px, 1px, 1px);
154	}
155