PluginProbe
MailerLite – WooCommerce integration / trunk
MailerLite – WooCommerce integration vtrunk
3.1.25 3.1.26 3.1.24 3.1.23 3.1.22 3.1.21 3.1.20 3.1.19 3.1.18 3.1.17 3.1.16 3.1.15 1.8.7 1.8.8 2.0 2.0.1 2.0.2 2.0.3 2.0.4 2.0.5 2.0.6 2.0.7 2.0.8 2.0.9 2.1.0 All 147 releases
woo-mailerlite / public / css / mailerlite-select2.css

mailerlite-select2.css in MailerLite – WooCommerce integration trunk, at public/css/mailerlite-select2.css

324 lines 11.5 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 .select2-container--mailerlite .select2-selection--single {
2 border: 1px solid #d1d5db;
3 height: 38px;
4 width: 100%;
5 padding-left: 0;
6 border-radius: 0.25rem;}
7 .select2-container--mailerlite .select2-dropdown {
8 border-color: #d1d5db;
9 }
10 .select2-container--mailerlite .select2-selection--single .select2-selection__rendered {
11 line-height: 38px;
12 font-size: 14px;
13 color: rgba(0,0,0,0.75);
14 padding-left: 12px;
15 border-color: #d1d5db;
16 height: 38px;
17 width: auto;
18 display: block;
19 background: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E) no-repeat right 12px top 48%;
20 background-size: 14px 14px;}
21 .select2-container--mailerlite .select2-selection--single .select2-selection__clear {
22 cursor: pointer;
23 float: right;
24 font-weight: bold;
25 height: 26px;
26 margin-right: 20px;
27 padding-right: 0px; }
28 .select2-container--mailerlite .select2-selection--single .select2-selection__placeholder {
29 color: #999; }
30 .select2-container--mailerlite .select2-selection--single .select2-selection__arrow {
31 display: none;}
32 .select2-container--mailerlite .select2-selection--single .select2-selection__arrow b {
33 border-color: #888 transparent transparent transparent;
34 border-style: solid;
35 border-width: 5px 4px 0 4px;
36 height: 0;
37 left: 50%;
38 margin-left: -4px;
39 margin-top: -2px;
40 position: absolute;
41 top: 50%;
42 width: 0; }
43
44 .select2-container--mailerlite[dir="rtl"] .select2-selection--single .select2-selection__clear {
45 float: left; }
46
47 .select2-container--mailerlite[dir="rtl"] .select2-selection--single .select2-selection__arrow {
48 left: 1px;
49 right: auto; }
50
51 .select2-container--mailerlite.select2-container--disabled .select2-selection--single {
52 background-color: #eee;
53 cursor: default; }
54 .select2-container--mailerlite.select2-container--disabled .select2-selection--single .select2-selection__clear {
55 display: none; }
56
57 .select2-container--mailerlite.select2-container--open .select2-selection--single .select2-selection__arrow b {
58 border-color: transparent transparent #888 transparent;
59 border-width: 0 4px 5px 4px; }
60
61 .select2-container--mailerlite .select2-selection--multiple {
62 background-color: white;
63 border: 1px solid #d1d5db;
64 border-radius: 4px;
65 cursor: text;
66 padding-bottom: 5px;
67 padding-right: 5px;
68 position: relative; }
69 .select2-container--mailerlite.select2-container--focus .select2-selection--multiple {
70 border-color: #d1d5db;
71 }
72 .select2-container--mailerlite .select2-selection--multiple.select2-selection--clearable {
73 padding-right: 25px;
74 height: 38px;
75 }
76 .select2-container--mailerlite .select2-selection--multiple .select2-selection__clear {
77 display: none;
78 }
79 .select2-container--mailerlite .select2-selection--multiple .select2-selection__choice {
80 display: inline-flex;
81 align-items: center;
82 background-color: #e5e7eb;
83 border: 0;
84 border-radius: 2px;
85 box-sizing: border-box;
86 font-size: 13px;
87 margin-left: 5px;
88 margin-top: 5px;
89 max-width: 100%;
90 overflow: hidden;
91 padding: 2px 5px;
92 position: relative;
93 vertical-align: bottom;
94 white-space: nowrap;
95 }
96 .select2-container--mailerlite .select2-selection--multiple .select2-selection__choice__display {
97 color: rgba(0,0,0,0.75);
98 cursor: default;
99 min-width: 0;
100 order: 0;
101 overflow: hidden;
102 padding-right: 4px;
103 text-overflow: ellipsis;
104 }
105 .select2-container--mailerlite .select2-selection--multiple .select2-selection__choice__remove {
106 background-color: transparent;
107 border: none;
108 color: #999;
109 cursor: pointer;
110 flex-shrink: 0;
111 font-size: 0.875rem;
112 font-weight: normal;
113 line-height: 1;
114 order: 1;
115 padding: 0 2px;
116 position: static;
117 }
118 .select2-container--mailerlite .select2-selection--multiple .select2-selection__choice__remove:hover,
119 .select2-container--mailerlite .select2-selection--multiple .select2-selection__choice__remove:focus {
120 color: #555;
121 background-color: transparent;
122 outline: none;
123 }
124
125 .select2-container--mailerlite[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
126 margin-left: 5px;
127 margin-right: auto; }
128
129 .select2-container--mailerlite[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display {
130 padding-left: 5px;
131 padding-right: 2px; }
132
133 .select2-container--mailerlite[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
134 border-left: 1px solid #aaa;
135 border-right: none;
136 border-top-left-radius: 0;
137 border-bottom-left-radius: 0;
138 border-top-right-radius: 4px;
139 border-bottom-right-radius: 4px; }
140
141 .select2-container--mailerlite[dir="rtl"] .select2-selection--multiple .select2-selection__clear {
142 float: left;
143 margin-left: 10px;
144 margin-right: auto; }
145
146 .select2-container--mailerlite.select2-container--focus .select2-selection--multiple {
147 border: solid black 1px;
148 outline: 0; }
149
150 .select2-container--mailerlite.select2-container--disabled .select2-selection--multiple {
151 background-color: #eee;
152 cursor: default; }
153
154 .select2-container--mailerlite.select2-container--disabled .select2-selection__choice__remove {
155 display: none; }
156
157 .select2-container--mailerlite.select2-container--open.select2-container--above .select2-selection--single,
158 .select2-container--mailerlite.select2-container--open.select2-container--above .select2-selection--multiple {
159 border-top-left-radius: 0;
160 border-top-right-radius: 0; }
161
162 .select2-container--mailerlite.select2-container--open.select2-container--below .select2-selection--single,
163 .select2-container--mailerlite.select2-container--open.select2-container--below .select2-selection--multiple {
164 border-bottom-left-radius: 0;
165 border-bottom-right-radius: 0; }
166
167 .select2-container--mailerlite .select2-search--dropdown .select2-search__field {
168 border: 1px solid #aaa; }
169
170 .select2-container--mailerlite .select2-search--inline .select2-search__field {
171 background: transparent;
172 border: none;
173 outline: 0;
174 box-shadow: none;
175 -webkit-appearance: textfield;
176 }
177
178 .select2-container--mailerlite .select2-results > .select2-results__options {
179 max-height: 200px;
180 overflow-y: auto; }
181
182 .select2-container--mailerlite .select2-results__option .select2-results__option {
183 padding-left: 1em; }
184 .select2-container--mailerlite .select2-results__option .select2-results__option .select2-results__group {
185 padding-left: 0; }
186 .select2-container--mailerlite .select2-results__option .select2-results__option .select2-results__option {
187 margin-left: -1em;
188 padding-left: 2em; }
189 .select2-container--mailerlite .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
190 margin-left: -2em;
191 padding-left: 3em; }
192 .select2-container--mailerlite .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
193 margin-left: -3em;
194 padding-left: 4em; }
195 .select2-container--mailerlite .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
196 margin-left: -4em;
197 padding-left: 5em; }
198 .select2-container--mailerlite .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
199 margin-left: -5em;
200 padding-left: 6em; }
201
202 .select2-container--mailerlite .select2-results__option--group {
203 padding: 0; }
204
205 .select2-container--mailerlite .select2-results__option--disabled {
206 color: #999; }
207
208 .select2-container--mailerlite .select2-results__option--selected {
209 background-color: #F9FAFB;
210 color: rgba(0,0,0,0.75); }
211
212 .select2-container--mailerlite .select2-results__option--highlighted.select2-results__option--selectable {
213 background-color: #F9FAFB;
214 color: rgba(0,0,0,0.75); }
215
216 .select2-container--mailerlite .select2-results__group {
217 cursor: default;
218 display: block;
219 padding: 6px; }
220
221 .select2-container--mailerlite .select2-results__option {
222 padding-right: 20px;
223 vertical-align: middle;
224 }
225
226 .select2-container--mailerlite .select2-results__option:before {
227 content: "";
228 display: inline-block;
229 position: relative;
230 height: 10px;
231 width: 10px;
232 border: 2px solid #e9e9e9;
233 border-radius: 4px;
234 background-color: #fff;
235 margin-right: 8px;
236 vertical-align: middle;
237 }
238 .select2-container--mailerlite .select2-results__option {
239 background-color: #fff;
240 display: flex;
241 align-items: center;
242 }
243 .select2-container--mailerlite .select2-results__option--highlighted[aria-selected] {
244 background-color: #eaeaeb;
245 color: #272727;
246 }
247 .select2-container--mailerlite .select2-selection--multiple {
248 margin-bottom: 10px;
249 }
250 .select2-container--mailerlite.select2-container--open.select2-container--below .select2-selection--multiple {
251 border-radius: 4px;
252 }
253 .select2-container--mailerlite.select2-container--focus .select2-selection--multiple {
254 border-color: #d1d5db;
255 border-width: 2px;
256 }
257 .select2-container--mailerlite .select2-selection--multiple {
258 border-width: 2px;
259 }
260 .select2-container--mailerlite.select2-container--open .select2-dropdown--below {
261 border-color: transparent;
262 border-radius: 6px;
263 box-shadow: 0 0 10px rgba(0,0,0,0.5);
264 overflow: hidden;
265 }
266
267 .select2-container--mailerlite .select2-selection--multiple,
268 .select2-container--mailerlite.select2-container--focus .select2-selection--multiple {
269 border-width: 1px !important;
270 border-color: #d1d5db !important;
271 }
272 .select2-container--mailerlite .select2-results__option.select2-results__option--selected:before {
273 color: #fff;
274 background-color: #09c269;
275 border: 0;
276 display: inline-block;
277 content: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0z'/%3E%3C%2Fsvg%3E");
278 padding-left: 0;
279 width: 14px;
280 height: 14px;
281 }
282 .select2-container--mailerlite .select2-results__option.select2-results__message:before {
283 content: none;
284 }
285 .select2-container--mailerlite .ml-default-choice .select2-selection__choice__remove {
286 display: none;
287 }
288 .select2-container--mailerlite .select2-selection__choice.ml-default-choice {
289 padding: 2px 5px;
290 }
291 .select2-container--mailerlite .select2-search--inline {
292 width: 100%;
293 position: absolute;
294 }
295 .woo-ml-native-select {
296 border: 1px solid #d1d5db;
297 border-radius: 0.25rem;
298 height: 38px;
299 width: 100%;
300 padding: 0 12px;
301 font-size: 14px;
302 color: rgba(0,0,0,0.75);
303 background-color: #fff;
304 appearance: none;
305 background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E");
306 background-repeat: no-repeat;
307 background-position: right 12px center;
308 background-size: 14px 14px;
309 cursor: pointer;
310 }
311 .woo-ml-native-select:focus {
312 outline: none;
313 border-color: #000;
314 }
315 .woo-ml-native-select:disabled {
316 background-color: #eee;
317 cursor: default;
318 }
319
320 .wc-wp-version-gte-53 .select2-container--mailerlite.select2-container--open .select2-selection--multiple {
321 border-width: 1px;
322 border-color: #d1d5db;
323 }
324