PluginProbe
Filter Everything — WordPress & WooCommerce Filters / 1.9.7
Filter Everything — WordPress & WooCommerce Filters v1.9.7
1.9.7 1.9.6 1.9.5 1.9.4 1.9.3 1.9.2.2 1.9.2.1 trunk 1.2.1 1.2.3 1.2.4 1.2.5 1.3.0 1.3.1 1.3.2 1.4.1 1.4.4 1.4.5 1.4.8 1.4.9 1.5.0 1.5.1 1.6.0 1.6.1 1.6.2 All 52 releases
← All changes | assets/css/filter-everything-admin.css +2284 -209 1.6.1 → 1.9.7 View file →
@@ -1,15 +1,22 @@
1 1 /*!
2 - * Filter Everything admin 1.6.1
2 + * Filter Everything admin 1.9.7
3 3 */
4 +:root {
5 + --wpc-pro-color: #3858E9;
6 + --wpc-admin-theme-color: #3858e9;
7 + --wpc--admin-theme-color-darker-10: #2145e6;
8 + --main-color: #3858E9;
9 +}
4 10 #filters-seo-rules .inside,
5 -#filters-set-items .inside{
11 +#filters-set-items .inside {
6 12 margin: 0;
7 13 padding: 0;
8 14 }
15 +
9 16 .wpc-filter-additional-fields,
10 17 .wpc-form-fields-table,
11 -.wpc-fields-table{
18 +.wpc-fields-table {
12 19 width: 100%;
13 20 table-layout: auto;
14 21 padding: 0;
15 22 margin: 0;
@@ -15,61 +22,141 @@
15 22 margin: 0;
16 23 clear: both;
17 24 box-sizing: content-box;
18 25 }
26 +
19 27 .postbox .inside table.wpc-form-fields-table td,
20 -.postbox .inside table.wpc-fields-table td{
28 +.postbox .inside table.wpc-fields-table td {
21 29 position: static;
22 30 }
23 -.wpc-filter-body{
31 +
32 +.wpc-advice-body,
33 +.wpc-filter-body {
24 34 display: none;
25 35 }
26 -.wpc-filter-body.wpc-opened{
36 +
37 +.wpc-advice-body:before {
38 + content: "";
27 39 display: block;
40 + width: 0px;
41 + height: 0px;
42 + position: absolute;
43 + left: 23px;
44 + top: -16px;
45 + border-left: 7px solid transparent;
46 + border-right: 7px solid transparent;
47 + border-bottom: 25px solid #f5f5f5;
48 + transform: rotate(-24deg);
28 49 }
50 +
51 +.wpc-advice-body {
52 + line-height: 1.5;
53 + background: #f5f5f5;
54 + padding: 15px 12px 1px 12px;
55 + margin-top: 7px;
56 + margin-bottom: 10px;
57 + position: relative;
58 +}
59 +
60 +.wpc-advice-body ol {
61 + margin-left: 1em;
62 +}
63 +
64 +.wpc-advice-body .wpc-advice-body {
65 + padding-top: 0;
66 + padding-left: 0;
67 + padding-right: 0;
68 +}
69 +
70 +.wpc-advice-body .wpc-advice-body:before {
71 + display: none;
72 +}
73 +
74 +.wpc-advice-body .wpc-advice-head .wpc-advice-title {
75 + line-height: 1.3;
76 +}
77 +
78 +.wpc-advice-body .wpc-advice-head {
79 + justify-content: space-between;
80 + display: flex;
81 +}
82 +
83 +.wpc-advice-body blockquote {
84 + border-left: 1px solid #cccccc;
85 + margin-left: 0;
86 + padding-left: 1em;
87 +}
88 +
89 +.wpc-advice-body p {
90 + margin-top: 0;
91 +}
92 +
93 +.wpc-advice-body input {
94 + margin: 7px 0;
95 +}
96 +
97 +.wpc-advice-head.wpc-opened + .wpc-advice-body,
98 +.wpc-filter-body.wpc-opened {
99 + display: block;
100 +}
101 +
102 +.wpc-advice-body h4 {
103 + font-size: 1.1em;
104 + margin-top: 0.33em;
105 +}
106 +
29 107 .wpc-additional-opened .wpc-more-options-toggle,
30 -.wpc-filter-body:hover .wpc-more-options-toggle{
108 +.wpc-filter-body:hover .wpc-more-options-toggle {
31 109 visibility: visible;
32 110 }
33 -.wpc-column-labels-wrapper{
111 +
112 +.wpc-column-labels-wrapper {
34 113 padding: 12px 12px 0 12px;
35 114 }
36 -.wpc-add-filter-wrapper{
115 +
116 +.wpc-add-filter-wrapper {
37 117 padding: 12px;
38 118 }
39 -.wpc-filters-list{
119 +
120 +.wpc-filters-list {
40 121 padding: 0 12px;
41 122 }
42 -.wpc-custom-row{
123 +
124 +.wpc-custom-row {
43 125 display: flex;
44 126 width: 100%;
45 127 padding: 0;
46 128 margin: 0;
47 129 }
48 -.wpc-custom-row li{
130 +
131 +.wpc-custom-row li {
49 132 padding: 8px 12px;
50 133 margin: 0;
51 134 box-sizing: border-box;
52 135 }
136 +
53 137 .wpc-filter-item-labels li.wpc-filter-order,
54 -.wpc-column-labels .wpc-filter-order{
138 +.wpc-column-labels .wpc-filter-order {
55 139 min-width: 51px;
56 140 text-align: center;
141 + border-radius: 5px;
57 142 }
58 -.wpc-filter-item-labels li.wpc-filter-order{
143 +
144 +.wpc-filter-item-labels li.wpc-filter-order {
59 145 padding-top: 0 !important;
60 146 padding-bottom: 0 !important;
61 147 display: flex;
62 148 align-items: center;
63 - /*border-right: 1px solid #ccd0d4;*/
64 149 justify-content: center;
65 150 }
151 +
66 152 li.wpc-filter-label,
67 153 li.wpc-filter-entity,
68 154 li.wpc-filter-view,
69 -li.wpc-filter-slug{
155 +li.wpc-filter-slug {
70 156 width: 24%;
71 157 }
158 +
72 159 .wpc-custom-row:before,
73 160 .wpc-custom-row:after {
74 161 content: "";
75 162 display: block;
@@ -74,18 +161,21 @@
74 161 content: "";
75 162 display: block;
76 163 line-height: 0;
77 164 }
78 -.wpc-custom-row:after{
165 +
166 +.wpc-custom-row:after {
79 167 clear: both;
80 168 }
169 +
81 170 /*.wpc-apply-button-item,*/
82 171 .wpc-filter-item {
83 172 clear: both;
84 173 margin-bottom: 10px;
85 174 }
86 -.wpc-title-action .wpc-action{
87 - padding: 10px;
175 +
176 +.wpc-title-action .wpc-action {
177 + padding: 13px 10px;
88 178 color: #555d66;
89 179 border: 0;
90 180 margin: 0;
91 181 background: 0 0;
@@ -90,19 +180,59 @@
90 180 margin: 0;
91 181 background: 0 0;
92 182 cursor: pointer;
93 183 outline: none;
184 + border-radius: 5px;
94 185 }
95 -.wpc-title-action .wpc-action:hover{
186 +
187 +.wpc-title-action .wpc-action:hover {
96 188 background: #ffffff;
97 189 }
190 +
191 +.wpc-title-action .wpc-action .toggle-indicator {
192 + color: #787c82 !important;
193 +}
194 +
195 +.wpc-sorting-widget-shortcode {
196 + background: #f1f1f1;
197 +}
198 +
98 199 .wpc-title-action .wpc-action .toggle-indicator:before {
99 200 padding: 1px 2px 1px 0;
100 201 border-radius: 50%;
101 202 }
102 -.wpc-title-action .wpc-action:focus .toggle-indicator:before{
103 - box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30,140,190,.8);
203 +
204 +.wpc-title-action .wpc-action:focus .toggle-indicator:before {
205 + box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, .8);
104 206 }
207 +
208 +.wpc-advices li {
209 + margin-bottom: 8px;
210 +}
211 +
212 +.wpc-advices ol li {
213 + margin-bottom: 16px;
214 +}
215 +
216 +.wpc-advice-head button.wpc-advice-toggle:hover,
217 +.wpc-advice-head:hover {
218 + cursor: pointer;
219 +}
220 +
221 +.wpc-advice-head {
222 + display: inline-flex;
223 + margin-bottom: 0.5em;
224 + align-items: flex-start;
225 +}
226 +
227 +.wpc-advice-head button.wpc-advice-toggle {
228 + border: none;
229 + background: transparent;
230 + padding: 0;
231 + margin: 0;
232 +}
233 +
234 +.meta-box-sortables .postbox .wpc-advice-toggle .toggle-indicator:before,
105 235 .wpc-title-action .wpc-action .toggle-indicator:before {
106 236 content: "\f140";
107 237 font: normal 20px/1 dashicons;
108 238 speak: none;
@@ -110,47 +240,107 @@
110 240 -webkit-font-smoothing: antialiased;
111 241 -moz-osx-font-smoothing: grayscale;
112 242 text-decoration: none;
113 243 }
114 -.wpc-opened .wpc-title-action .wpc-action .toggle-indicator:before{
244 +
245 +.meta-box-sortables .postbox .wpc-opened .wpc-advice-toggle .toggle-indicator:before,
246 +.wpc-opened .wpc-title-action .wpc-action .toggle-indicator:before {
115 247 content: "\f142";
116 248 }
117 -.wpc-filter-item-labels li{
118 - padding: 12px;
249 +
250 +.meta-box-sortables .postbox .wpc-advice-toggle .toggle-indicator:before {
251 + width: 18px;
252 + height: 18px;
253 + line-height: 18px;
254 +}
255 +
256 +.wpc-filter-item-labels li {
257 + padding: 15px 12px;
119 258 box-sizing: border-box;
120 259 overflow: hidden;
121 260 }
122 -.wpc-filter-head{
261 +
262 +.wpc-filter-item-search-field .wpc-filter-entity {
263 + padding: 9px 12px;
264 +}
265 +
266 +.wpc-advice-body ol.wpc-display-widgets {
267 + list-style-type: none;
268 + margin-left: 0;
269 +}
270 +
271 +.wpc-filter-head {
123 272 font-size: 13px;
124 - background: #f9f9f9;
125 273 border: 1px solid #e3e3e3;
126 - box-shadow: 0 1px 1px rgba(0,0,0,.04);
274 + box-shadow: 0 1px 1px rgba(0, 0, 0, .04);
275 + border-radius: 5px;
127 276 }
277 +
278 +.wpc-date-type-tr,
279 +.wpc-date-format-tr,
280 +.wpc-field-show-term-names-tr,
281 +.wpc-field-show-selected-and-above-tr,
282 +.wpc-field-show-range-list-input-tr,
283 +.wpc-field-show-range-list-tr,
128 284 .wpc-field-apply-button-text-tr,
129 285 .wpc-field-apply-button-page-type-tr,
130 286 .wpc-field-reset-button-text-tr,
131 287 .wpc-field-hide-until-parent-tr,
132 -#wpc-filter-id-apply-button{
288 +.wpc-search-field-placeholder-tr,
289 +.wpc-search-field-label-tr,
290 +#wpc-filter-id-apply-button,
291 +#wpc-filter-id-search-field,
292 +.wpc-field-horizontal-view-column-tr {
133 293 display: none;
134 294 }
295 +
296 +.wpc-filter-post_date .wpc-date-format-tr,
297 +.wpc-filter-post_date .wpc-date-type-tr,
298 +.wpc-filter-post_meta_date .wpc-date-format-tr,
299 +.wpc-filter-post_meta_date .wpc-date-type-tr,
300 +.taxonomy-has-swatches .wpc-field-show-term-names-tr,
301 +.selected-and-above-show .wpc-field-show-selected-and-above-tr,
302 +.wpc-view-range .wpc-field-show-range-list-tr,
303 +.wpc-view-range-list .wpc-field-show-range-list-input-tr,
304 +.wpc-filter-has-brands .wpc-field-show-term-names-tr,
135 305 .wpc-field-apply-button-text-tr.wpc-opened,
136 306 .wpc-field-reset-button-text-tr.wpc-opened,
137 307 .wpc-field-hide-until-parent-tr.wpc-opened,
138 -.wpc-field-apply-button-page-type-tr.wpc-opened{
308 +.wpc-field-apply-button-page-type-tr.wpc-opened,
309 +.wpc-search-field-placeholder-tr.wpc-opened,
310 +.wpc-search-field-label-tr.wpc-opened,
311 +.wpc-field-horizontal-view-column-tr.wpc-opened {
139 312 display: table-row;
140 313 }
141 -#wpc-filter-id-apply-button.wpc-opened{
314 +
315 +#wpc-filter-id-apply-button.wpc-opened,
316 +#wpc-filter-id-search-field.wpc-opened {
142 317 display: block;
143 318 }
144 -#wpc-filter-id-apply-button .wpc-filter-head{
145 - /*border: 1px solid transparent;*/
319 +
320 +#wpc-filter-id-search-field .wpc-filter-head,
321 +#wpc-filter-id-apply-button .wpc-filter-head {
146 322 background: #ffffff;
147 323 }
148 -#wpc-filter-id-apply-button li.wpc-filter-label{
324 +
325 +#wpc-filter-id-search-field li.wpc-filter-label,
326 +#wpc-filter-id-search-field li.wpc-filter-entity {
327 + min-height: 42px;
328 + display: flex;
329 + align-items: center;
330 +}
331 +
332 +#wpc-filter-id-apply-button li.wpc-filter-label {
149 333 width: auto;
150 334 min-height: 42px;
335 + padding: 9px 12px;
151 336 }
152 -.wpc-button-style{
337 +
338 +input.wpc-text-input-style[type="text"] {
339 + border-style: dashed;
340 +}
341 +
342 +.wpc-button-style {
153 343 display: inline-block;
154 344 text-decoration: none;
155 345 font-size: 13px;
156 346 line-height: 2.15384615;
@@ -155,9 +345,9 @@
155 345 font-size: 13px;
156 346 line-height: 2.15384615;
157 347 min-height: 30px;
158 348 margin: 0;
159 - padding: 0 10px;
349 + padding: 0 20px;
160 350 border-width: 1px;
161 351 border-style: dashed;
162 352 -webkit-appearance: none;
163 353 border-radius: 3px;
@@ -167,46 +357,72 @@
167 357 border-color: #2271b1;
168 358 background: #f6f7f7;
169 359 vertical-align: top;
170 360 }
171 -#wpc-filter-id-apply-button .wpc-filter-title{
361 +
362 +#wpc-filter-id-apply-button .wpc-filter-title {
172 363 margin-right: 0;
173 364 }
174 -.wpc-filter-item.ui-sortable-helper .wpc-filter-head{
365 +
366 +.wpc-filter-item.ui-sortable-helper .wpc-filter-head {
175 367 background: #fbfbfb;
176 368 }
177 -.wpc-filter-head:hover{
369 +
370 +.wpc-filter-head:hover {
178 371 border-color: #cbcbcb;
179 - box-shadow: 0 1px 2px rgba(0,0,0,.1);
372 + box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
180 373 }
181 -.wpc-title-action{
374 +
375 +.wpc-title-action {
182 376 float: right;
183 377 position: relative;
184 378 }
185 -.wpc-column-labels{
379 +
380 +.wpc-column-labels {
186 381 font-weight: 600;
187 382 }
383 +
188 384 .wpc-column-labels,
189 -.wpc-filter-title{
385 +.wpc-filter-title {
190 386 margin-right: 60px;
191 387 }
192 -.wpc-no-filters{
388 +
389 +.wpc-no-filters {
193 390 display: none;
194 391 padding: 15px;
195 392 border-top: #E1E1E1 solid 1px;
196 393 }
394 +
197 395 .wpc-add-filter-wrapper {
198 396 background: #f5f5f5;
199 397 border-top: #dddddd solid 1px;
200 398 }
201 -.wpc-add-filter-wrapper:after{
399 +
400 +.wpc-add-filter-wrapper:after {
202 401 clear: both;
203 402 display: block;
204 403 content: "";
205 404 }
405 +
206 406 .wpc-add-filter-div {
207 407 float: right;
208 408 }
409 +.wpc-add-filter-div .wpc-available-in-pro-button,
410 +#publishing-action .wpc-available-in-pro-button
411 +{
412 + display: none;
413 +}
414 +.wpc_under_limit_filter_set .wpc-available-in-pro-button,
415 +#publishing-action.wpc_under_limit_filter_set_publish .wpc-available-in-pro-button
416 +{
417 + display: inline-flex;
418 +}
419 +.wpc_under_limit_filter_set .wpc-add-filter,
420 +.wpc_under_limit_filter_set_publish .button
421 +{
422 + display: none;
423 +}
424 +
209 425 label.wpc-filter-label {
210 426 display: block;
211 427 font-weight: bold;
212 428 margin: 0 0 3px;
@@ -211,8 +427,9 @@
211 427 font-weight: bold;
212 428 margin: 0 0 3px;
213 429 padding: 0;
214 430 }
431 +
215 432 .postbox .inside table.wpc-form-fields-table td.wpc-filter-label-td,
216 433 .postbox .inside table.wpc-fields-table td.wpc-filter-label-td,
217 434 .wpc-filter-label-td {
218 435 padding: 15px 30px 15px 12px;
@@ -224,11 +441,27 @@
224 441 box-sizing: border-box;
225 442 position: relative;
226 443 min-width: 160px;
227 444 }
228 -.wpc-remove-filter-wrapper .wpc-filter-label-td{
445 +
446 +.postbox .inside table.wpc-form-fields-table .wpc-search-field-placeholder-tr td.wpc-filter-field-td,
447 +.postbox .inside table.wpc-form-fields-table .wpc-search-field-label-tr td.wpc-filter-field-td,
448 +.postbox .inside table.wpc-form-fields-table .wpc-field-apply-button-text-tr td.wpc-filter-field-td,
449 +.postbox .inside table.wpc-form-fields-table .wpc-field-reset-button-text-tr td.wpc-filter-field-td,
450 +.postbox .inside table.wpc-form-fields-table .wpc-field-apply-button-page-type-tr td.wpc-filter-field-td,
451 +.postbox .inside table.wpc-form-fields-table .wpc-search-field-placeholder-tr td.wpc-filter-label-td,
452 +.postbox .inside table.wpc-form-fields-table .wpc-search-field-label-tr td.wpc-filter-label-td,
453 +.postbox .inside table.wpc-form-fields-table .wpc-field-apply-button-text-tr td.wpc-filter-label-td,
454 +.postbox .inside table.wpc-form-fields-table .wpc-field-reset-button-text-tr td.wpc-filter-label-td,
455 +.postbox .inside table.wpc-form-fields-table .wpc-field-apply-button-page-type-tr td.wpc-filter-label-td,
456 +.postbox .inside table.wpc-form-fields-table .wpc-field-horizontal-view-column-tr td {
457 + padding-left: 24px;
458 +}
459 +
460 +.wpc-remove-filter-wrapper .wpc-filter-label-td {
229 461 background: transparent;
230 462 }
463 +
231 464 .wpc-filter-field-td {
232 465 padding: 15px 12px 15px 12px;
233 466 margin: 0;
234 467 border-left-color: #E1E1E1;
@@ -233,16 +466,19 @@
233 466 margin: 0;
234 467 border-left-color: #E1E1E1;
235 468 box-sizing: border-box;
236 469 }
237 -.wpc-filter-intersection-tr > .wpc-filter-field-td{
470 +
471 +.wpc-filter-intersection-tr > .wpc-filter-field-td {
238 472 padding-left: 0;
239 473 padding-right: 0;
240 474 }
241 -.wpc-first-row .wpc-filter-field-td{
475 +
476 +.wpc-first-row .wpc-filter-field-td {
242 477 padding-top: 0;
243 478 vertical-align: top;
244 479 }
480 +
245 481 .wpc-filter-field-td input[type="text"],
246 482 .wpc-filter-field-td input[type="password"],
247 483 .wpc-filter-field-td input[type="number"],
248 484 .wpc-filter-field-td input[type="search"],
@@ -248,9 +484,9 @@
248 484 .wpc-filter-field-td input[type="search"],
249 485 .wpc-filter-field-td input[type="email"],
250 486 .wpc-filter-field-td input[type="url"],
251 487 .wpc-filter-field-td textarea,
252 -.wpc-filter-field-td select{
488 +.wpc-filter-field-td select {
253 489 width: 100%;
254 490 padding: 3px 5px;
255 491 resize: none;
256 492 margin: 0;
@@ -259,27 +495,41 @@
259 495 box-sizing: border-box;
260 496 font-size: 14px;
261 497 line-height: 1.4;
262 498 }
263 -.wpc-wp-entity-label-wrapper{
499 +
500 +.wpc-filter-field-td .wpc-type-date input.wpc-date-custom-format,
501 +.wpc-filter-field-td .wpc-type-time input.wpc-date-custom-format {
502 + width: 100px;
503 +}
504 +
505 +.wpc-filter-field-td .wpc-type-datetime input.wpc-date-custom-format {
506 + width: 200px;
507 +}
508 +
509 +.wpc-wp-entity-label-wrapper {
264 510 padding-left: 12px;
265 511 padding-right: 12px;
266 512 }
267 -.wpc-filters-seo-rules-wrapper .wpc-filter-field-td label{
513 +
514 +.wpc-filters-seo-rules-wrapper .wpc-filter-field-td label {
268 515 position: relative;
269 516 bottom: 5px;
270 517 }
518 +
271 519 label[for="wpc_seo_rules-wp_entity"],
272 520 .wpc-location-label,
273 -.wpc-wp-entity-label{
521 +.wpc-wp-entity-label {
274 522 font-weight: bold;
275 523 position: relative;
276 524 bottom: 5px;
277 525 }
278 -#wpc-intersections-table .wpc-filter-field-td{
526 +
527 +#wpc-intersections-table .wpc-filter-field-td {
279 528 padding-bottom: 0;
280 529 position: relative;
281 530 }
531 +
282 532 .wpc-filter-label-td .wpc-field-description {
283 533 font-style: normal;
284 534 font-size: 12px;
285 535 color: #666666;
@@ -284,27 +534,46 @@
284 534 font-size: 12px;
285 535 color: #666666;
286 536 margin: 0;
287 537 }
538 +
539 +.wpc-filter-post_meta_num .wpc-field-hierarchy-tr,
288 540 .wpc-view-range .wpc-field-search-tr,
289 541 .wpc-view-dropdown .wpc-field-search-tr,
542 +.wpc-view-range .wpc-field-more-less-tr,
543 +.wpc-filter-post_date .wpc-field-more-less-tr,
544 +.wpc-filter-post_meta_date .wpc-field-more-less-tr,
545 +.wpc-view-dropdown .wpc-field-more-less-tr,
290 546 .wpc-field-for-variations-tr,
291 547 .wpc-field-hierarchy-tr,
292 548 .wpc-field-entity-tr,
293 -.wpc-field-ename-tr{
549 +.wpc-field-ename-tr,
550 +.wpc-field-acf-tr,
551 +.wpc-field-show-chips-tr,
552 +.wpc-field-min-num-label-tr,
553 +.wpc-field-dropdown-label-tr {
294 554 display: none;
295 555 }
556 +
296 557 #wpc-filters-list[data-posttype="product"] .wpc-filter-post_meta_exists .wpc-field-for-variations-tr,
297 558 #wpc-filters-list[data-posttype="product"] .wpc-filter-post_meta .wpc-field-for-variations-tr,
298 559 #wpc-filters-list[data-posttype="product"] .wpc-filter-post_meta_num .wpc-field-for-variations-tr,
299 560 #wpc-filters-list[data-posttype="product"] .wpc-filter-taxonomy.taxonomy-product-attribute .wpc-field-for-variations-tr,
300 -.wpc-filter-taxonomy.taxonomy-hierarchical .wpc-field-hierarchy-tr,
561 +.wpc-filter-taxonomy.taxonomy-hierarchical.wpc-view-checkboxes .wpc-field-hierarchy-tr,
301 562 .wpc-filter-post_meta_exists .wpc-field-ename-tr,
302 563 .wpc-filter-post_meta_num .wpc-field-ename-tr,
564 +.wpc-filter-post_meta_num .wpc-field-min-num-label-tr,
565 +.wpc-filter-post_date .wpc-field-min-num-label-tr,
566 +.wpc-filter-post_meta_date .wpc-field-min-num-label-tr,
567 +.wpc-filter-post_meta_date .wpc-field-ename-tr,
568 +.wpc-filter-tax_numeric .wpc-field-min-num-label-tr,
303 569 .wpc-filter-post_meta .wpc-field-ename-tr,
304 -.wpc-new-filter-item .wpc-field-entity-tr{
570 +.wpc-new-filter-item .wpc-field-entity-tr,
571 +.wpc-filter-tax_numeric .wpc-field-ename-tr,
572 +.wpc-view-dropdown .wpc-field-dropdown-label-tr {
305 573 display: table-row;
306 574 }
575 +
307 576 .wpc-belongs-not,
308 577 .wpc-belongs-not input[type="text"],
309 578 .wpc-belongs-not input[type="password"],
310 579 .wpc-belongs-not input[type="color"],
@@ -319,21 +588,25 @@
319 588 .wpc-belongs-not input[type="time"],
320 589 .wpc-belongs-not input[type="url"],
321 590 .wpc-belongs-not input[type="week"],
322 591 .wpc-belongs-not select,
323 -.wpc-belongs-not textarea{
324 - color: #b7b7b7;
592 +.wpc-belongs-not textarea {
593 + color: #b7b7b7;
325 594 }
326 -.wpc-remove-filter-wrapper{
595 +
596 +.wpc-remove-filter-wrapper {
327 597 margin: 0;
328 598 }
329 -.wpc-remove-filter-wrapper .spinner{
599 +
600 +.wpc-remove-filter-wrapper .spinner {
330 601 float: none;
331 602 }
332 -.wpc-filter-delete-controls-td{
603 +
604 +.wpc-filter-delete-controls-td {
333 605 min-width: 160px;
334 606 }
335 -.wp-core-ui .wpc-filter-delete{
607 +
608 +.wp-core-ui .wpc-filter-delete {
336 609 color: #a00;
337 610 border-color: #a00;
338 611 background: transparent;
339 612 margin-right: 1em;
@@ -338,41 +611,47 @@
338 611 background: transparent;
339 612 margin-right: 1em;
340 613 outline: none;
341 614 }
615 +
342 616 .wp-core-ui .wpc-filter-delete.hover,
343 617 .wp-core-ui .wpc-filter-delete:hover,
344 618 .wp-core-ui .wpc-filter-delete.active,
345 619 .wp-core-ui .wpc-filter-delete:active,
346 620 .wp-core-ui .wpc-filter-delete.focus,
347 -.wp-core-ui .wpc-filter-delete:focus{
621 +.wp-core-ui .wpc-filter-delete:focus {
348 622 color: #ffffff;
349 623 background: #a00;
350 624 border-color: #a00;
351 625 }
626 +
352 627 .wp-core-ui .wpc-filter-delete.focus,
353 -.wp-core-ui .wpc-filter-delete:focus{
628 +.wp-core-ui .wpc-filter-delete:focus {
354 629 box-shadow: 0 0 0 1px #a00;
355 630 }
356 -.wpc-filter-delete-wrapper{
631 +
632 +.wpc-filter-delete-wrapper {
357 633 visibility: hidden;
358 634 min-height: 30px;
359 635 }
360 -.wpc-additional-fields-selector{
636 +
637 +.wpc-additional-fields-selector {
361 638 text-align: right;
362 639 padding-right: 12px;
363 - /*margin-top: 20px;*/
364 640 position: relative;
365 641 top: 20px;
366 642 }
367 -.wpc-additional-fields-selector a{
643 +
644 +.wpc-additional-fields-selector a {
368 645 font-weight: bold;
369 646 }
370 -.wpc-filter-additional-fields{
647 +
648 +.wpc-filter-additional-fields {
371 649 display: none;
372 650 }
651 +
373 652 .wpc-filter-field-shadow,
374 -.wpc-filter-item-shadow{
653 +.wpc-filter-item-shadow {
375 654 height: 44px;
376 655 clear: both;
377 656 border: 1px dashed #b4b9be;
378 657 margin: 0 auto 10px;
@@ -377,30 +656,38 @@
377 656 border: 1px dashed #b4b9be;
378 657 margin: 0 auto 10px;
379 658 width: 100%;
380 659 box-sizing: border-box;
660 + border-radius: 5px;
381 661 }
382 -.wpc-filter-field-shadow{
662 +
663 +.wpc-filter-field-shadow {
383 664 height: 60px;
384 665 }
385 -.wpc-filter-item .wpc-filter-order:hover{
666 +
667 +.wpc-filter-item .wpc-filter-order:hover {
386 668 cursor: move;
387 669 background: #ffffff;
388 670 }
389 -.wpc-field-rule-meta-desc{
671 +
672 +.wpc-field-rule-meta-desc {
390 673 min-height: 65px;
391 674 }
675 +
676 +.wpc-date-format-tr .wpc-field-wrap,
392 677 .wpc_set_fields-post_name-wrap,
393 678 .wpc-intersection-fields-wrapper,
394 679 .wpc_set_fields-wp_filter_query-wrap,
395 -.wpc_set_fields-apply_button_post_name-wrap{
680 +.wpc_set_fields-apply_button_post_name-wrap {
396 681 position: relative;
397 682 }
683 +
684 +.wpc-date-format-tr .wpc-field-wrap .spinner,
398 685 .wpc-field-exclude-tr .wpc-field-wrap .spinner,
399 686 .wpc_set_fields-wp_filter_query-wrap .spinner,
400 687 .wpc_set_fields-post_name-wrap .spinner,
401 688 .wpc-intersection-fields-wrapper .spinner,
402 -.wpc_set_fields-apply_button_post_name-wrap .spinner{
689 +.wpc_set_fields-apply_button_post_name-wrap .spinner {
403 690 position: absolute;
404 691 right: calc(50% - 10px);
405 692 bottom: calc(50% - 10px);
406 693 z-index: 100;
@@ -405,42 +692,67 @@
405 692 bottom: calc(50% - 10px);
406 693 z-index: 100;
407 694 opacity: 0.9;
408 695 }
696 +
409 697 .wpc_set_fields-post_name-wrap .spinner,
410 -.wpc_set_fields-apply_button_post_name-wrap .spinner{
698 +.wpc_set_fields-apply_button_post_name-wrap .spinner {
411 699 bottom: calc(50% - 19px);
412 700 }
413 -.wpc_set_fields-wp_filter_query-wrap .spinner.is-active+#wpc-field-wp-query-container,
414 -.wpc-field-exclude-tr .wpc-field-wrap .spinner.is-active+.wpc-after-spinner-container,
415 -.wpc_set_fields-post_name-wrap .spinner.is-active+#wpc-field-location-container,
416 -.wpc_set_fields-apply_button_post_name-wrap .spinner.is-active+#wpc-field-apply-button-location-container,
417 -.wpc-intersection-fields-wrapper .spinner.is-active+.wpc-form-fields-table{
701 +
702 +.wpc-date-format-tr .wpc-field-wrap .spinner.is-active + .wpc-after-spinner-container,
703 +.wpc_set_fields-wp_filter_query-wrap .spinner.is-active + #wpc-field-wp-query-container,
704 +.wpc-field-exclude-tr .wpc-field-wrap .spinner.is-active + .wpc-after-spinner-container,
705 +.wpc_set_fields-post_name-wrap .spinner.is-active + #wpc-field-location-container,
706 +.wpc_set_fields-apply_button_post_name-wrap .spinner.is-active + #wpc-field-apply-button-location-container,
707 +.wpc-intersection-fields-wrapper .spinner.is-active + .wpc-form-fields-table {
418 708 opacity: 0.3;
419 709 }
420 -.wpc-no-seo-filters-message{
710 +
711 +.wpc-filter-post_date .wpc-type-datetime li label span,
712 +.wpc-filter-post_meta_date .wpc-type-datetime li label span {
713 + display: inline-block;
714 + min-width: 195px;
715 +}
716 +
717 +.wpc-filter-post_date .wpc-type-date li label span,
718 +.wpc-filter-post_meta_date .wpc-type-date li label span {
719 + display: inline-block;
720 + min-width: 140px;
721 +}
722 +
723 +.wpc-filter-post_date .wpc-type-time li label span,
724 +.wpc-filter-post_meta_date .wpc-type-time li label span {
725 + display: inline-block;
726 + min-width: 140px;
727 +}
728 +
729 +.wpc-no-seo-filters-message {
421 730 display: block;
422 731 line-height: 30px;
423 732 }
733 +
424 734 .wpc_seo_rules-rule_meta_desc-wrap,
425 735 .wpc_seo_rules-rule_h1-wrap,
426 -.wpc_seo_rules-rule_seo_title-wrap{
736 +.wpc_seo_rules-rule_seo_title-wrap {
427 737 text-align: right;
428 738 position: relative;
429 739 }
740 +
430 741 .wpc_seo_rules-rule_meta_desc-wrap span,
431 742 .wpc_seo_rules-rule_h1-wrap span,
432 -.wpc_seo_rules-rule_seo_title-wrap span{
743 +.wpc_seo_rules-rule_seo_title-wrap span {
433 744 display: inline-block;
434 745 margin-bottom: 7px;
435 746 }
436 -.wpc-vars-container{
747 +
748 +.wpc-vars-container {
437 749 position: absolute;
438 750 top: 52px;
439 751 text-align: left;
440 752 background: #fff;
441 753 right: 0px;
442 - box-shadow: rgba(0,0,0,0.1) 0px 0px 40px;
754 + box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 40px;
443 755 border: 1px solid rgb(221, 221, 221);
444 756 padding: 3px 0;
445 757 box-sizing: border-box;
446 758 z-index: 100;
@@ -446,125 +758,182 @@
446 758 z-index: 100;
447 759 display: none;
448 760 border-radius: 4px;
449 761 }
450 -.wpc-vars-container ul li{
762 +
763 +.wpc-vars-container ul li {
451 764 padding: 10px 15px;
452 765 min-width: 120px;
453 766 margin: 0;
454 767 }
455 -.wpc-vars-container ul li:hover{
768 +
769 +.wpc-vars-container ul li:hover {
456 770 cursor: pointer;
457 771 background: #007cba;
458 772 color: #ffffff;
459 773 }
460 -.wpc-seo-vars-list{
774 +
775 +.wpc-seo-vars-list {
461 776 margin: 0;
462 777 }
463 -.wpc-filter-number{
778 +
779 +.wpc-filter-number {
464 780 float: left;
465 781 }
466 -.post-type-filter-seo-rule #titlediv #title[readonly="readonly"]{
782 +
783 +.post-type-filter-seo-rule #titlediv #title[readonly="readonly"] {
467 784 background-color: #eee;
468 785 }
786 +
787 +.license-notice,
469 788 .wpc-error {
470 789 background: #fff;
471 790 border: 1px solid #ccd0d4;
472 791 border-left-width: 4px;
473 - box-shadow: 0 1px 1px rgba(0,0,0,.04);
792 + box-shadow: 0 1px 1px rgba(0, 0, 0, .04);
474 793 margin: 40px 15px 2px 0;
475 794 padding: 1px 12px;
476 795 border-left-color: #dc3232;
477 796 position: relative;
478 797 }
798 +
799 +.license-notice {
800 + border-left-color: #dba617;
801 + display: flex;
802 + justify-content: left;
803 +}
804 +
805 +.license-notice.license-locked {
806 + border-left-color: #dc3232;
807 +}
808 +
479 809 .wpc-error p {
480 810 margin: 0.5em 0;
481 811 padding: 2px;
482 812 }
483 -.wpc-filters-seo-rules-wrapper hr{
813 +
814 +.wpc-filters-seo-rules-wrapper hr {
484 815 margin: 15px 0;
485 816 }
486 -.wpc-container-handle-wrapper{
817 +
818 +.wpc-container-handle-wrapper {
487 819 position: relative;
488 820 padding-left: 25px;
489 821 }
822 +
490 823 td.wpc-order-td,
491 -.form-table td.wpc-order-td{
824 +.form-table td.wpc-order-td {
492 825 }
493 -.pro-version.wpc-sortable-row .wpc-order-sortable-handle-icon:hover{
826 +
827 +.pro-version.wpc-sortable-row .wpc-order-sortable-handle-icon:hover {
494 828 cursor: move;
495 829 }
496 -.wpc-sortable-table{
830 +
831 +.wpc-sortable-table {
497 832 max-width: 668px;
498 833 }
499 -tr.wpc-sortable-row.ui-sortable-helper{
834 +
835 +tr.wpc-sortable-row.ui-sortable-helper {
500 836 background: #f9f9f9;
501 837 }
502 -.wpc-field-exclude-tr .wpc-field-wrap{
838 +
839 +.wpc-field-exclude-tr .wpc-field-wrap {
503 840 position: relative;
504 841 }
505 -.wpc-field-exclude-wrap{
842 +
843 +.wpc-field-exclude-wrap {
506 844 width: 78%;
507 845 margin-right: 2%;
508 846 }
509 -.wpc-field-include-wrap{
847 +
848 +.wpc-field-include-wrap {
510 849 width: 20%;
511 850 display: flex;
512 851 }
513 -.wpc-field-include{
852 +
853 +.wpc-field-include {
514 854 min-width: 90px;
515 855 }
516 -.wpc-field-include-wrap label.wpc-filter-label{
856 +
857 +.wpc-field-include-wrap label.wpc-filter-label {
517 858 display: inline;
518 859 }
519 -.wpc-field-notice{
860 +
861 +.wpc-field-notice {
520 862 position: relative;
521 863 display: block;
522 864 margin: 5px 0 15px;
523 865 padding: 3px 12px;
524 866 }
525 -.wpc-field-notice p{
867 +
868 +.wpc-field-notice p {
526 869 margin: 0;
527 870 }
528 -.wpc-field-notice-error{
871 +
872 +.wpc-field-notice-error {
529 873 background: #ffe6e6;
530 874 color: #cc0000;
531 875 }
532 -.wpc-field-path-tr{
876 +
877 +.wpc-field-path-tr {
533 878 display: none;
534 879 }
535 -.free-version .wpc-field-sortable-handle{
880 +
881 +.free-version .wpc-field-sortable-handle {
536 882 color: #a7a7a7;
537 883 cursor: pointer;
538 884 }
539 -.regular-text .wpc-field-sortable-handle:before{
885 +
886 +.regular-text .wpc-field-sortable-handle:before {
540 887 display: none;
541 888 }
542 -.wpc-sortable-row.regular-text .wpc-field-sortable-handle:before{
889 +
890 +.wpc-sortable-row.regular-text .wpc-field-sortable-handle:before {
543 891 display: inline-block;
544 892 }
545 -.pro-version .wpc-field-sortable-handle{
893 +
894 +.pro-version .wpc-field-sortable-handle {
546 895 color: inherit;
547 896 cursor: inherit;
548 897 }
898 +
549 899 .wpc-field-range-slider-tr,
550 900 .wpc-field-value-step-tr,
901 +.wpc-filter-post_date .wpc-field-logic-tr,
902 +.wpc-filter-post_date .wpc-field-orderby-tr,
903 +.wpc-filter-post_date .wpc-field-path-tr,
904 +.wpc-filter-post_date .wpc-field-exclude-tr,
905 +.wpc-filter-post_date .wpc-field-search-tr,
906 +.wpc-filter-post_meta_date .wpc-field-logic-tr,
907 +.wpc-filter-post_meta_date .wpc-field-orderby-tr,
908 +.wpc-filter-post_meta_date.wpc-field-path-tr,
909 +.wpc-filter-post_meta_date .wpc-field-exclude-tr,
910 +.wpc-filter-post_meta_date .wpc-field-search-tr,
911 +.wpc-filter-tax_numeric .wpc-field-logic-tr,
912 +.wpc-filter-tax_numeric .wpc-field-orderby-tr,
913 +.wpc-filter-tax_numeric .wpc-field-path-tr,
914 +.wpc-filter-tax_numeric .wpc-field-exclude-tr,
915 +.wpc-filter-tax_numeric .wpc-field-search-tr,
551 916 .wpc-filter-post_meta_num .wpc-field-logic-tr,
552 917 .wpc-filter-post_meta_num .wpc-field-orderby-tr,
553 918 .wpc-filter-post_meta_num .wpc-field-path-tr,
554 919 .wpc-filter-post_meta_num .wpc-field-exclude-tr,
555 -.wpc-filter-post_meta_num .wpc-field-collapse-tr,
556 -.wpc-filter-post_meta_num .wpc-field-a-labels-tr{
920 +.wpc-filter-post_meta_num .wpc-field-search-tr {
557 921 display: none;
558 922 }
923 +
924 +.wpc-filter-tax_numeric .wpc-field-range-slider-tr,
925 +.wpc-filter-tax_numeric .wpc-field-value-step-tr,
559 926 .wpc-filter-post_meta_num .wpc-field-range-slider-tr,
560 -.wpc-filter-post_meta_num .wpc-field-value-step-tr{
927 +.wpc-filter-post_meta_num .wpc-field-value-step-tr {
561 928 display: table-row;
562 929 }
563 -input[disabled="disabled"]+.wpc-checkbox-placeholder{
930 +
931 +input[disabled="disabled"] + .wpc-checkbox-placeholder {
564 932 color: #a7a7a7;
565 933 margin-left: 5px;
566 934 }
935 +
567 936 /*TipTip CSS*/
568 937 .wpc-help-tip {
569 938 color: #929292;
570 939 display: inline-block;
@@ -574,8 +943,9 @@
574 943 position: relative;
575 944 vertical-align: middle;
576 945 width: 16px;
577 946 }
947 +
578 948 .wpc-help-tip::after {
579 949 font-family: Dashicons;
580 950 speak: none;
581 951 font-weight: 400;
@@ -593,8 +963,9 @@
593 963 text-align: center;
594 964 content: "";
595 965 cursor: help
596 966 }
967 +
597 968 .wpc-form-fields-table .wpc-help-tip {
598 969 font-size: 1.3em;
599 970 display: block;
600 971 position: absolute;
@@ -600,11 +971,29 @@
600 971 position: absolute;
601 972 right: 10px;
602 973 top: calc(50% - 8px);
603 974 }
604 -.wpc-form-fields-table .wpc-container-handle-wrapper .wpc-help-tip{
975 +
976 +.wpc-form-fields-table .wpc-container-handle-wrapper .wpc-help-tip {
605 977 left: 0;
606 978 }
979 +
980 +/* Settings pages: keep every option tooltip on one vertical line at the right
981 + edge of the label column; the padding reserves that lane so even a long
982 + option title wraps instead of running under the icon */
983 +.wpc-form-table.form-table th {
984 + position: relative;
985 + padding-right: 36px;
986 +}
987 +
988 +.wpc-form-table.form-table th .wpc-help-tip {
989 + font-size: 1.3em;
990 + display: block;
991 + position: absolute;
992 + right: 10px;
993 + top: 20px;
994 +}
995 +
607 996 #tiptip_holder {
608 997 display: none;
609 998 z-index: 8675309;
610 999 position: absolute;
@@ -610,40 +999,49 @@
610 999 position: absolute;
611 1000 top: 0;
612 1001 left: 0;
613 1002 }
1003 +
614 1004 #tiptip_holder.tip_top {
615 1005 padding-bottom: 5px
616 1006 }
1007 +
617 1008 #tiptip_holder.tip_top #tiptip_arrow_inner {
618 1009 margin-top: -7px;
619 1010 margin-left: -6px;
620 1011 border-top-color: #333
621 1012 }
1013 +
622 1014 #tiptip_holder.tip_bottom {
623 1015 padding-top: 5px
624 1016 }
1017 +
625 1018 #tiptip_holder.tip_bottom #tiptip_arrow_inner {
626 1019 margin-top: -5px;
627 1020 margin-left: -6px;
628 1021 border-bottom-color: #333
629 1022 }
1023 +
630 1024 #tiptip_holder.tip_right {
631 1025 padding-left: 5px
632 1026 }
1027 +
633 1028 #tiptip_holder.tip_right #tiptip_arrow_inner {
634 1029 margin-top: -6px;
635 1030 margin-left: -5px;
636 1031 border-right-color: #333
637 1032 }
1033 +
638 1034 #tiptip_holder.tip_left {
639 1035 padding-right: 5px
640 1036 }
1037 +
641 1038 #tiptip_holder.tip_left #tiptip_arrow_inner {
642 1039 margin-top: -6px;
643 1040 margin-left: -7px;
644 1041 border-left-color: #333
645 1042 }
1043 +
646 1044 #tiptip_content, .chart-tooltip, .wc_error_tip {
647 1045 color: #fff;
648 1046 font-size: .8em;
649 1047 background: #333;
@@ -650,12 +1048,22 @@
650 1048 border-radius: 3px;
651 1049 padding: .618em 1em;
652 1050 box-shadow: 0 1px 3px rgba(0, 0, 0, .2)
653 1051 }
1052 +
654 1053 #tiptip_content code, .chart-tooltip code, .wc_error_tip code {
655 1054 padding: 1px;
656 1055 background: #888
657 1056 }
1057 +
1058 +#tiptip_content a {
1059 + color: #ffffff;
1060 +}
1061 +
1062 +body #tiptip_content a:hover {
1063 + color: inherit;
1064 +}
1065 +
658 1066 #tiptip_arrow, #tiptip_arrow_inner {
659 1067 position: absolute;
660 1068 border-color: transparent;
661 1069 border-style: solid;
@@ -662,14 +1070,16 @@
662 1070 border-width: 6px;
663 1071 height: 0;
664 1072 width: 0
665 1073 }
666 -.wpc-settings-post-type-label{
1074 +
1075 +.wpc-settings-post-type-label {
667 1076 font-family: "Courier New";
668 1077 font-weight: normal;
669 1078 }
1079 +
670 1080 .wpc-filter-field-td .select2-container--default .select2-selection--multiple,
671 -.wpc-filter-field-td .select2-container .select2-selection--single{
1081 +.wpc-filter-field-td .select2-container .select2-selection--single {
672 1082 width: 100%;
673 1083 height: auto;
674 1084 padding: 3px 5px;
675 1085 resize: none;
@@ -682,61 +1092,77 @@
682 1092 border: 1px solid #7e8993;
683 1093 border-radius: 3px;
684 1094 color: #32373c;
685 1095 }
1096 +
686 1097 .wpc-filter-field-td .select2-container .select2-selection--multiple,
687 -.wpc-filter-field-td .select2-container--default .select2-selection--multiple{
1098 +.wpc-filter-field-td .select2-container--default .select2-selection--multiple {
688 1099 padding: 0 5px;
689 1100 min-height: 0;
690 1101 }
691 -.wpc-filter-field-td .select2-container--default .select2-selection--single .select2-selection__rendered{
1102 +
1103 +.wpc-filter-field-td .select2-container--default .select2-selection--single .select2-selection__rendered {
692 1104 line-height: 24px;
693 1105 padding-left: 0;
694 1106 min-height: 24px;
695 1107 }
696 -.wpc-filter-field-td .select2-container--default .select2-selection--single .select2-selection__arrow{
1108 +
1109 +.wpc-filter-field-td .select2-container--default .select2-selection--single .select2-selection__arrow {
697 1110 height: 30px;
698 1111 }
699 -.wpc-filter-field-td .select2-selection__rendered li{
1112 +
1113 +.wpc-filter-field-td .select2-selection__rendered li {
700 1114 margin-bottom: 0;
701 1115 }
702 -.wpc-filter-field-td .select2-container .select2-search--inline .select2-search__field{
1116 +
1117 +.wpc-filter-field-td .select2-container .select2-search--inline .select2-search__field {
703 1118 min-height: 0;
704 1119 width: auto !important;
705 1120 }
706 -.wpc-more-options-toggle.wpc-opened:hover{
707 - color: #dc3232;
1121 +
1122 +#wpc-filters-list a.wpc-more-options-toggle {
1123 + text-decoration: none;
708 1124 }
709 -.wpc-more-options-toggle.wpc-opened{
710 - color: #a00;
711 -}
1125 +
712 1126 .post-type-filter-seo-rule .inline-edit-status option[value="private"],
713 1127 .post-type-filter-seo-rule .inline-edit-status option[value="pending"],
714 1128 .post-type-filter-set .inline-edit-status option[value="private"],
715 -.post-type-filter-set .inline-edit-status option[value="pending"]{
1129 +.post-type-filter-set .inline-edit-status option[value="pending"] {
716 1130 display: none;
717 1131 }
1132 +
718 1133 .fixed .column-set_post_type,
719 -.fixed .column-seo_post_type{
1134 +.fixed .column-seo_post_type {
720 1135 width: 15%;
721 1136 }
722 -.fixed .column-location{
1137 +
1138 +.fixed .column-location {
723 1139 width: 45%;
724 1140 }
1141 +
725 1142 .fixed .column-seo_post_id {
726 - width: 8%;
1143 + width: 10%;
727 1144 }
728 -.wpc-form-table.form-table th{
1145 +
1146 +.wpc-form-table.form-table th {
729 1147 width: 300px;
730 1148 }
731 -#wpcontent .wpc-admin-toolbar{
1149 +
1150 +#wpcontent .wpc-admin-toolbar {
732 1151 margin-left: -20px;
733 1152 padding-left: 20px;
734 1153 }
1154 +
735 1155 .wpc-admin-toolbar {
736 1156 background: #fff;
737 1157 border-bottom: 1px solid #ccd0d4;
738 1158 }
1159 +
1160 +.license-notice h2 {
1161 + min-width: 165px;
1162 +}
1163 +
1164 +.license-notice h2,
739 1165 .wpc-admin-toolbar h2 {
740 1166 font-size: 14px;
741 1167 line-height: 2.57143;
742 1168 display: inline-block;
@@ -742,80 +1168,167 @@
742 1168 display: inline-block;
743 1169 padding: 5px 0;
744 1170 margin: 0 10px 0 0;
745 1171 }
1172 +
1173 +.wpc-license-status {
1174 + color: #919191;
1175 + font-size: 13px;
1176 +}
1177 +
1178 +.wpc-license-status a {
1179 + font-weight: 700;
1180 +}
1181 +
1182 +.wpc-plugin-status {
1183 + text-transform: uppercase;
1184 + text-decoration: none;
1185 +}
1186 +
1187 +.wpc-registered {
1188 + color: green;
1189 +}
1190 +
1191 +.wpc-unregistered {
1192 + color: #cc0000;
1193 +}
1194 +
1195 +.license-notice h2 {
1196 + line-height: 2;
1197 +}
1198 +
1199 +.woocommerce-page #wpcontent .license-notice,
1200 +.woocommerce-page.woocommerce_page_wc-admin #wpbody-content .license-notice {
1201 + margin-left: 20px;
1202 +}
1203 +
1204 +.license-notice p {
1205 + margin: 9px 20px 9px 0;
1206 +}
1207 +
1208 +.license-notice a {
1209 + text-decoration: none;
1210 +}
1211 +
746 1212 .wpc-admin-toolbar .wpc-tab-divider,
747 1213 .wpc-admin-toolbar .wpc-tab {
748 1214 display: inline-block;
749 - line-height: 2.57143;
1215 + line-height: 3;
750 1216 margin: 0 5px;
751 1217 text-decoration: none;
752 1218 }
753 -.wpc-admin-toolbar > .wpc-tab{
1219 +
1220 +.wpc-admin-toolbar > .wpc-tab {
754 1221 color: inherit;
755 1222 font-size: 14px;
756 1223 padding: 5px;
757 1224 }
758 -.wpc-admin-toolbar .wpc-tab.wpc-get-pro{
1225 +
1226 +.wpc-admin-toolbar .wpc-tab.wpc-get-pro {
759 1227 line-height: 2.15384615;
760 1228 min-height: 30px;
1229 + text-decoration: none;
1230 + padding: 4px 20px;
1231 + border-radius: 2px;
1232 + display: inline-flex;
1233 + align-items: center;
1234 + color: var(--wpc-pro-color);
1235 + box-sizing: border-box;
1236 + /* multicolour gradient frame, same as the «Get PRO» button on filtereverything.pro */
1237 + border: 2px solid transparent;
1238 + background:
1239 + linear-gradient(#fff, #fff) padding-box,
1240 + linear-gradient(135deg, #FFB300 0%, #FF4D8D 35%, #A855F7 68%, #22D3EE 100%) border-box;
761 1241 }
1242 +
1243 +.wpc-admin-toolbar .wpc-tab.wpc-get-pro-background {
1244 + color: #fff;
1245 + background: #3858E9;
1246 + border: 1px solid #3858E9;
1247 +}
1248 +.wpc-admin-toolbar .wpc-tab.wpc-get-pro:hover,
1249 +.wpc-admin-toolbar .wpc-tab.wpc-get-pro-background:hover{
1250 + opacity: 0.85;
1251 +}
1252 +
1253 +.wpc-admin-toolbar .wpc-tab.wpc-get-pro span {
1254 + margin-right: 8px;
1255 +}
1256 +
762 1257 .wpc-admin-toolbar .wpc-tab.is-active {
763 - border-bottom: #0071a4 solid 3px;
1258 + border-bottom: 3px solid var(--wp-admin-theme-color, var(--wpc-admin-theme-color));
764 1259 padding-bottom: 2px;
765 1260 }
766 -.wpc-admin-toolbar h2 img{
1261 +
1262 +.license-notice h2 img,
1263 +.wpc-admin-toolbar h2 img {
767 1264 float: left;
768 - margin: 8px 7px 0 0;
1265 + margin: 7px 7px 0 0;
769 1266 }
770 -.wpc-admin-right{
1267 +
1268 +.license-notice h2 img {
1269 + margin-top: 4px;
1270 +}
1271 +
1272 +.wpc-admin-right {
771 1273 float: right;
772 1274 padding-right: 20px;
773 1275 padding-left: 20px;
774 1276 margin: 7px 0;
775 1277 }
776 -.wpc-admin-right .wpc-tab{
777 - margin: 0 10px;
1278 +
1279 +.wpc-admin-right .wpc-tab.button-primary {
1280 + margin: 0 0 0 14px;
778 1281 }
779 -.wpc-tab .dashicons{
1282 +
1283 +.wpc-tab .dashicons {
780 1284 position: relative;
781 1285 top: 5px;
782 1286 display: none;
783 1287 }
784 -.wpc-tab-divider{
1288 +
1289 +.wpc-tab-divider {
785 1290 border-left: 1px solid #ccc;
786 1291 }
787 -.wpc-inactive-settings-field{
1292 +
1293 +.wpc-inactive-settings-field, .wpc-inactive-settings-field-text {
788 1294 color: #b7b7b7;
789 1295 }
790 -.description{
1296 +
1297 +.description {
791 1298 margin: 2px 0 5px;
792 1299 color: #646970;
793 1300 }
794 -.wpc-field-required{
1301 +
1302 +.wpc-field-required {
795 1303 color: #929292;
796 1304 margin-left: 3px;
797 1305 }
798 -.wpc-go-pro{
1306 +
1307 +.wpc-go-pro {
799 1308 color: #ed2390;
800 1309 font-weight: 700;
801 1310 }
802 -.comparison-table{
1311 +
1312 +.comparison-table {
803 1313 border-color: #F2F2F2;
804 1314 width: 600px;
805 1315 }
1316 +
806 1317 .comparison-table td,
807 -.comparison-table th{
1318 +.comparison-table th {
808 1319 padding: 5px;
809 1320 font-size: 14px;
810 1321 }
1322 +
811 1323 .comparison-table td:nth-child(2),
812 1324 .comparison-table td:nth-child(3),
813 1325 .comparison-table .second-td,
814 -.comparison-table .third-td{
1326 +.comparison-table .third-td {
815 1327 text-align: center;
816 1328 }
817 -.comparison-table .yes{
1329 +
1330 +.comparison-table .yes {
818 1331 display: inline-block;
819 1332 background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='check-circle' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='svg-inline--fa fa-check-circle fa-w-16 fa-3x'%3E%3Cpath fill='%233c434a' d='M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z' class=''%3E%3C/path%3E%3C/svg%3E");
820 1333 background-repeat: no-repeat;
821 1334 background-size: 16px;
@@ -822,14 +1335,16 @@
822 1335 width: 16px;
823 1336 height: 16px;
824 1337 position: relative;
825 1338 }
826 -.comparison-table .no{
1339 +
1340 +.comparison-table .no {
827 1341 display: inline-block;
828 1342 width: 16px;
829 1343 height: 16px;
830 1344 }
831 -.wpc-notes-table{
1345 +
1346 +.wpc-notes-table {
832 1347 border-color: #f1f1f1;
833 1348 border-style: solid;
834 1349 border-collapse: separate;
835 1350 border-spacing: 0;
@@ -835,13 +1350,15 @@
835 1350 border-spacing: 0;
836 1351 border-width: 1px 0 0 1px;
837 1352 width: 100%;
838 1353 }
839 -.wpc-notes-table th{
1354 +
1355 +.wpc-notes-table th {
840 1356 width: 131px;
841 1357 }
1358 +
842 1359 .wpc-notes-table td,
843 -.wpc-notes-table th{
1360 +.wpc-notes-table th {
844 1361 text-align: left;
845 1362 border-bottom: #f1f1f1 solid 1px;
846 1363 border-right: #f1f1f1 solid 1px;
847 1364 padding: 9px 12px;
@@ -846,95 +1363,137 @@
846 1363 border-right: #f1f1f1 solid 1px;
847 1364 padding: 9px 12px;
848 1365 text-align: left;
849 1366 }
1367 +
1368 +.wpc-filter-field-min-max-labels-wrap,
850 1369 .wpc-filter-field-include-exclude-wrap,
851 1370 .wpc-filter-field-apply-button-location-td,
852 -.wpc-filter-field-location-td{
1371 +.wpc-filter-field-location-td {
853 1372 display: flex;
854 1373 justify-content: space-between;
1374 + flex-wrap: wrap;
855 1375 }
1376 +
1377 +.wpc-filter-field-min-max-labels-wrap p.description {
1378 + flex: 0 0 100%;
1379 +}
1380 +
1381 +div.wpc-field-min_num_label-wrap,
1382 +div.wpc-field-max_num_label-wrap {
1383 + width: 49%;
1384 +}
1385 +
856 1386 div.wpc_set_fields-apply_button_page_type-wrap,
857 -div.wpc_set_fields-wp_page_type-wrap{
1387 +div.wpc_set_fields-wp_page_type-wrap {
858 1388 width: 47%;
859 1389 }
1390 +
860 1391 div.wpc_set_fields-apply_button_post_name-wrap,
861 -div.wpc_set_fields-post_name-wrap{
1392 +div.wpc_set_fields-post_name-wrap {
862 1393 width: 51%
863 1394 }
864 -.wpc-warning{
1395 +
1396 +.wpc-warning {
865 1397 color: #cc0000;
866 1398 }
867 -a.wpc-location-preview{
1399 +
1400 +.wpc-location-preview-hidden {
1401 + width: 20px;
1402 +}
1403 +
1404 +a.wpc-location-preview, a.wpc-location-preview-not-pro {
868 1405 text-decoration: none;
869 1406 display: flex;
1407 + cursor: pointer;
870 1408 align-items: center;
871 1409 color: #666666;
1410 + width: 20px;
1411 + height: 100%;
872 1412 outline: none;
873 1413 border: none;
874 1414 }
875 -a.wpc-location-preview:hover{
1415 +
1416 +a.wpc-location-preview:hover, a.wpc-location-preview-not-pro:hover {
876 1417 color: #135e96;
877 1418 }
878 -a.wpc-location-preview span{
1419 +
1420 +a.wpc-location-preview span, a.wpc-location-preview-not-pro span {
879 1421 font-size: 18px;
880 1422 }
881 -.wpc-full-width{
1423 +
1424 +.wpc-full-width {
882 1425 width: 100%;
883 1426 clear: both;
884 1427 flex-grow: 2;
1428 + line-height: 20px;
885 1429 }
886 -#wpc-field-apply-button-location-container{
1430 +
1431 +#wpc-field-apply-button-location-container {
887 1432 display: flex;
888 1433 flex-wrap: wrap;
889 1434 }
890 -.wpc-field-location-wrapper{
1435 +
1436 +.wpc-field-location-wrapper {
891 1437 display: flex;
892 1438 justify-content: space-between;
893 1439 }
894 -#wpc_set_fields-post_name{
1440 +
1441 +#wpc_set_fields-post_name {
895 1442 width: calc(100% - 25px);
896 1443 margin-right: 5px;
897 1444 }
898 -.wpc-bottom-widget-compatibility{
1445 +
1446 +.wpc-color-swatches-taxonomies,
1447 +.wpc-bottom-widget-compatibility {
899 1448 display: none;
900 1449 }
901 -.wpc-bottom-widget-compatibility.wpc-opened{
1450 +
1451 +.wpc-color-swatches-taxonomies.wpc-opened,
1452 +.wpc-bottom-widget-compatibility.wpc-opened {
902 1453 display: table-row;
903 1454 }
904 -.post-type-filter-set .select2-container--default .select2-results__option{
1455 +
1456 +.post-type-filter-set .select2-container--default .select2-results__option {
905 1457 margin: 0;
906 1458 }
907 -.select2-container--default .select2-selection--multiple .select2-selection__choice{
1459 +
1460 +.select2-container--default .select2-selection--multiple .select2-selection__choice {
908 1461 margin-bottom: 0;
909 1462 }
910 -.post-type-filter-set .select2-container--default .select2-results__option:hover{
1463 +
1464 +.post-type-filter-set .select2-container--default .select2-results__option:hover {
911 1465 cursor: pointer;
912 1466 }
1467 +
913 1468 .post-type-filter-set .select2-container--default .select2-results__option[aria-selected=true],
914 -.post-type-filter-set .select2-container--default .select2-results__option[data-selected=true]{
1469 +.post-type-filter-set .select2-container--default .select2-results__option[data-selected=true] {
915 1470 background-color: #f2f2f2;
916 1471 }
1472 +
917 1473 .post-type-filter-set .select2-container--default .select2-results__option--highlighted[aria-selected],
918 1474 .post-type-filter-set .select2-container--default .select2-results__option--highlighted[data-selected] {
919 1475 background-color: #0570e2;
920 1476 color: #f5f5f5;
921 1477 }
1478 +
922 1479 .wpc-filter-tr .select2-container--default .select2-selection--multiple .select2-selection__choice,
923 -.wpc-form-table .select2-container--default .select2-selection--multiple .select2-selection__choice{
1480 +.wpc-form-table .select2-container--default .select2-selection--multiple .select2-selection__choice {
924 1481 padding: 5px 5px 5px 25px;
925 1482 margin: 5px;
926 1483 position: relative;
927 1484 }
1485 +
928 1486 .wpc-filter-tr .select2-container--default .select2-selection--multiple .select2-selection__choice__remove,
929 -.wpc-form-table .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
1487 +.wpc-form-table .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
930 1488 display: flex;
931 1489 height: 100%;
932 1490 align-items: center;
933 1491 line-height: 1;
934 1492 }
1493 +
935 1494 .wpc-filter-tr .select2-container--default .select2-selection--multiple .select2-selection__choice__remove,
936 -.wpc-form-table .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
1495 +.wpc-form-table .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
937 1496 background-color: transparent;
938 1497 border: none;
939 1498 border-right: 1px solid #aaa;
940 1499 border-top-left-radius: 4px;
@@ -947,37 +1506,218 @@
947 1506 position: absolute;
948 1507 left: 0;
949 1508 top: 0;
950 1509 }
1510 +
951 1511 .wpc-filter-tr .select2-container .select2-selection--multiple,
952 -.wpc-form-table.form-table .select2-container .select2-selection--multiple{
1512 +.wpc-form-table.form-table .select2-container .select2-selection--multiple {
953 1513 padding: 5px;
954 1514 }
955 -.wpc-form-table.form-table .select2-container .select2-selection--multiple{
1515 +
1516 +.wpc-form-table.form-table .select2-container .select2-selection--multiple {
956 1517 min-height: 52px;
957 1518 }
1519 +
958 1520 .wpc-filter-tr .select2-container .select2-selection--multiple .select2-selection__rendered:after,
959 -.wpc-form-table.form-table .select2-container .select2-selection--multiple .select2-selection__rendered:after{
1521 +.wpc-form-table.form-table .select2-container .select2-selection--multiple .select2-selection__rendered:after {
960 1522 content: "";
961 1523 display: block;
962 1524 clear: both;
963 1525 float: none;
964 1526 }
1527 +
965 1528 .wpc-filter-tr .select2-search.select2-search--inline,
966 -.wpc-form-table.form-table .select2-search.select2-search--inline{
1529 +.wpc-form-table.form-table .select2-search.select2-search--inline {
967 1530 display: inline-block;
968 1531 }
1532 +
969 1533 .wpc-filter-tr .select2-search.select2-search--inline input.select2-search__field,
970 -.wpc-form-table.form-table .select2-search.select2-search--inline input.select2-search__field{
1534 +.wpc-form-table.form-table .select2-search.select2-search--inline input.select2-search__field {
971 1535 width: auto !important;
972 1536 }
973 -.wpc-filter-sortable-handle{
1537 +
1538 +.wpc-form-table.form-table select#color_swatches_taxonomies + .select2 .select2-search.select2-search--inline input.select2-search__field {
1539 + min-width: 200px;
1540 +}
1541 +
1542 +.wpc-filter-sortable-handle {
974 1543 width: 14px;
975 1544 height: 14px;
976 1545 font-size: 14px;
1546 + color: #a3a3a3;
977 1547 }
1548 +
1549 +.wpc-filter-head:hover .wpc-filter-sortable-handle {
1550 + color: inherit;
1551 +}
1552 +
1553 +#license_key {
1554 + width: 75%;
1555 +}
1556 +
1557 +a#wpc-get-license-key {
1558 + margin-left: 5px;
1559 +}
1560 +
1561 +/* External-link icon. Drawn as a mask filled with currentColor, so it always
1562 + matches the link it belongs to: the admin link colour of the running
1563 + WordPress version and colour scheme, its :hover / :focus shade, and white
1564 + on the primary «Get your License Key» button. It used to be an SVG image
1565 + with a hard-coded #2271b1, which drifted from the text once WordPress
1566 + started taking link colours from the admin theme colour. */
1567 +a.wpc-external-link::after,
1568 +a#wpc-get-license-key::after {
1569 + content: "";
1570 + display: inline-block;
1571 + width: 11px;
1572 + height: 11px;
1573 + margin: 0 3px 0 5px;
1574 + background-color: currentColor;
1575 + -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 1000'%3E%3Cpath d='M663.3,75.3L794,206L336.7,663.3l65.3,65.3l457.3-457.3L990,402V75.3H663.3z M728.7,859.3H206V336.7h261.3L598,206H75.3v784h784V467.3L728.7,598V859.3z'/%3E%3C/svg%3E") no-repeat center / contain;
1576 + mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 1000'%3E%3Cpath d='M663.3,75.3L794,206L336.7,663.3l65.3,65.3l457.3-457.3L990,402V75.3H663.3z M728.7,859.3H206V336.7h261.3L598,206H75.3v784h784V467.3L728.7,598V859.3z'/%3E%3C/svg%3E") no-repeat center / contain;
1577 +}
1578 +
1579 +/* Text links are underlined: drop the icon so that its bottom stroke sits on
1580 + the underline instead of on the text baseline (measured: the underline runs
1581 + ~0.17em below the baseline at the admin's 13–14px). Not for the button —
1582 + it has no underline, and there the baseline is the right place. */
1583 +a.wpc-external-link::after {
1584 + vertical-align: -0.17em;
1585 +}
1586 +
1587 +.td-activate-license .wpc-help-tip {
1588 + position: relative;
1589 + top: 5px;
1590 +}
1591 +
1592 +.rtl .wpc-additional-fields-selector {
1593 + text-align: left;
1594 +}
1595 +
1596 +.wpc-upload-image-button {
1597 + max-width: 150px;
1598 + display: block;
1599 +}
1600 +
1601 +.wpc-upload-image-button img {
1602 + max-width: 150px;
1603 + height: auto;
1604 +}
1605 +
1606 +#wpc_term_color {
1607 + max-width: 115px;
1608 +}
1609 +
1610 +.wpc-remove {
1611 + color: #cc0000;
1612 + text-decoration: none;
1613 + border-bottom: 1px dashed #cc0000;
1614 +}
1615 +
1616 +.wpc-remove:hover {
1617 + color: #e72020;
1618 + border-bottom: 1px dashed #e72020;
1619 +}
1620 +
1621 +#wpc-image-description,
1622 +#wpc-color-description {
1623 + color: #646970;
1624 + margin-top: 4px;
1625 +}
1626 +
1627 +.wpc-term-preview {
1628 + width: 30px;
1629 + height: 30px;
1630 + border: rgba(0, 0, 0, 0.2) 1px solid;
1631 + border-radius: 2px;
1632 + margin: 1px 2px;
1633 +}
1634 +
1635 +#wpc-term-meta {
1636 + width: 30px;
1637 +}
1638 +
1639 +/* https://www.kirupa.com/animations/creating_pulsing_circle_animation.htm */
1640 +.wpc-tab-helpme:before,
1641 +.wpc-help-me:before {
1642 + content: "";
1643 + display: inline-block;
1644 + width: 7px;
1645 + height: 7px;
1646 + background-color: #10c350;
1647 + border-radius: 7px;
1648 + margin-right: 6px;
1649 +}
1650 +
1651 +.wpc-help-me-wrapper {
1652 + background-color: #ffffff;
1653 + padding: 25px;
1654 + max-width: 775px;
1655 + border: 1px solid #ccc;
1656 + border-top-color: transparent;
1657 + margin-top: 10px;
1658 +}
1659 +
1660 +.wpc-help-me-image {
1661 + float: left;
1662 + margin-right: 25px;
1663 + border: 1px solid #c8c8c8;
1664 +}
1665 +
1666 +.wpc-help-me-wrapper + p.submit {
1667 + display: none;
1668 +}
1669 +
1670 +.wpc-help-me-buttons a.wpc-leave-review-button {
1671 + margin-right: 30px;
1672 +}
1673 +
1674 +.wpc-help-me-buttons {
1675 + display: flex;
1676 + flex-wrap: wrap;
1677 + justify-content: space-between;
1678 + align-items: center;
1679 + margin-top: 20px;
1680 +}
1681 +
1682 +.wpc-help-me-remove-tab {
1683 + margin-top: 24px;
1684 + text-align: center;
1685 +}
1686 +
1687 +.wpc-help-me-remove-tab a {
1688 + color: #cc0000;
1689 + text-decoration: none;
1690 + border-bottom: 1px dashed #cc0000;
1691 +}
1692 +
1693 +.wpc-help-me-remove-tab a:hover {
1694 + color: #ff0000;
1695 + border-bottom-color: #ff0000;
1696 +}
1697 +
1698 +.wpc-help-me-remove-icon {
1699 + font-size: 120%;
1700 +}
1701 +
1702 +.wpc-text-input-search {
1703 + width: 100%;
1704 + max-width: 200px;
1705 +}
1706 +
1707 +.wpc-variable-inserter {
1708 + font-family: Consolas, Monaco, monospace;
1709 + padding: 3px 0 2px;
1710 + margin: 0 1px;
1711 + background: #f0f0f1;
1712 + background: rgba(0, 0, 0, 0.07);
1713 + border-bottom: 1px dashed #646970;
1714 + cursor: pointer;
1715 + font-size: 12px;
1716 +}
1717 +
978 1718 @media screen and (max-width: 1200px) {
979 - #wpc-intersections-table .wpc-filter-field-td{
1719 + #wpc-intersections-table .wpc-filter-field-td {
980 1720 padding-top: 10px;
981 1721 padding-bottom: 10px;
982 1722 display: block !important;
983 1723 width: auto !important;
@@ -982,73 +1722,88 @@
982 1722 display: block !important;
983 1723 width: auto !important;
984 1724 border: 0 none !important;
985 1725 }
1726 +
986 1727 .wpc-filter-field-apply-button-location-td,
987 - .wpc-filter-field-location-td{
1728 + .wpc-filter-field-location-td {
988 1729 display: block;
989 1730 }
1731 +
990 1732 div.wpc_set_fields-apply_button_post_name-wrap,
991 1733 div.wpc_set_fields-apply_button_page_type-wrap,
992 1734 div.wpc_set_fields-post_name-wrap,
993 - div.wpc_set_fields-wp_page_type-wrap{
1735 + div.wpc_set_fields-wp_page_type-wrap {
994 1736 width: 100%;
995 1737 }
996 - .wpc-field-exclude-wrap{
1738 +
1739 + .wpc-field-exclude-wrap {
997 1740 width: 73%;
998 1741 margin-right: 2%;
999 1742 }
1000 - .wpc-field-include-wrap{
1743 +
1744 + .wpc-field-include-wrap {
1001 1745 width: 25%;
1002 1746 display: flex;
1003 1747 }
1004 - .wpc-field-include{
1748 +
1749 + .wpc-field-include {
1005 1750 min-width: 0;
1006 1751 }
1007 1752 }
1753 +
1008 1754 @media screen and (max-width: 850px) {
1009 - .wpc-no-filters{
1755 + .wpc-no-filters {
1010 1756 padding-left: 24px;
1011 1757 padding-right: 24px;
1012 1758 }
1759 +
1013 1760 .wpc-filter-label-td:not(.wpc-filter-delete-controls-td),
1014 - .wpc-filter-field-td:not(.wpc-filter-delete-td){
1761 + .wpc-filter-field-td:not(.wpc-filter-delete-td) {
1015 1762 display: block !important;
1016 1763 width: auto !important;
1017 1764 border: 0 none !important;
1018 1765 }
1019 - .wpc-filter-label-td{
1766 +
1767 + .wpc-filter-label-td {
1020 1768 background-color: transparent;
1021 1769 padding-bottom: 0;
1022 1770 }
1023 - .wpc-additional-fields-selector{
1771 +
1772 + .wpc-additional-fields-selector {
1024 1773 position: static;
1025 1774 top: auto;
1026 1775 margin-top: 15px;
1027 1776 }
1028 - .wpc-field-description br{
1777 +
1778 + .wpc-field-description br {
1029 1779 display: none;
1030 1780 }
1031 1781 }
1782 +
1032 1783 @media screen and (max-width: 782px) {
1033 - .wpc-filter-field-td .select2-container .select2-selection--multiple .select2-selection__rendered{
1784 + .wpc-filter-field-td .select2-container .select2-selection--multiple .select2-selection__rendered {
1034 1785 min-height: 27px;
1035 1786 line-height: 27px;
1036 1787 }
1788 +
1037 1789 .wpc-filter-field-td .select2-container .select2-selection--multiple .select2-selection__rendered,
1038 - .wpc-filter-field-td .select2-container--default.select2-container--disabled .select2-selection--multiple .select2-selection__rendered{
1790 + .wpc-filter-field-td .select2-container--default.select2-container--disabled .select2-selection--multiple .select2-selection__rendered {
1039 1791 min-height: 28px;
1040 1792 line-height: 28px;
1041 1793 }
1042 - .wpc-filter-field-td .select2-container--default .select2-selection--single .select2-selection__rendered{
1794 +
1795 + .wpc-filter-field-td .select2-container--default .select2-selection--single .select2-selection__rendered {
1043 1796 min-height: 32px;
1044 1797 line-height: 32px;
1045 1798 }
1046 - .wpc-filter-field-td .select2-container--default .select2-selection--single .select2-selection__arrow{
1799 +
1800 + .wpc-filter-field-td .select2-container--default .select2-selection--single .select2-selection__arrow {
1047 1801 height: 40px;
1048 1802 }
1803 +
1049 1804 .form-table.wpc-sortable-table th,
1050 - .form-table.wpc-sortable-table td{
1805 + .form-table.wpc-sortable-table td {
1051 1806 display: table-cell;
1052 1807 margin-bottom: 9px;
1053 1808 padding: 15px 10px;
1054 1809 line-height: 1.3;
@@ -1054,43 +1809,1363 @@
1054 1809 line-height: 1.3;
1055 1810 vertical-align: middle;
1056 1811 }
1057 1812 }
1813 +
1058 1814 @media screen and (max-width: 600px) {
1059 - .wpc-admin-toolbar{
1815 + .wpc-admin-toolbar {
1060 1816 display: none;
1061 1817 }
1062 - .comparison-table{
1818 +
1819 + .comparison-table {
1063 1820 width: auto;
1064 1821 }
1065 - .wpc-filter-field-include-exclude-wrap{
1822 +
1823 + .wpc-filter-field-include-exclude-wrap {
1066 1824 display: block;
1067 1825 }
1826 +
1068 1827 .wpc-field-exclude-wrap,
1069 - .wpc-field-include-wrap{
1828 + .wpc-field-include-wrap {
1070 1829 width: 100%;
1071 1830 }
1072 - .wpc-field-exclude-wrap{
1831 +
1832 + .wpc-field-exclude-wrap {
1073 1833 margin-right: 0;
1074 1834 margin-bottom: 10px;
1075 1835 }
1076 1836 }
1837 +
1077 1838 @media screen and (max-width: 485px) {
1078 1839 .wpc-filter-label-td.wpc-filter-delete-controls-td,
1079 - .wpc-filter-field-td.wpc-filter-delete-td{
1840 + .wpc-filter-field-td.wpc-filter-delete-td {
1080 1841 display: block !important;
1081 1842 width: auto !important;
1082 1843 border: 0 none !important;
1083 1844 }
1084 - .wpc-filter-view{
1845 +
1846 + .wpc-filter-view {
1085 1847 display: none;
1086 1848 }
1849 +
1087 1850 li.wpc-filter-label,
1088 1851 li.wpc-filter-entity,
1089 - li.wpc-filter-slug{
1852 + li.wpc-filter-slug {
1090 1853 width: 30%;
1091 1854 }
1855 +
1092 1856 .form-table.wpc-sortable-table th,
1093 - .form-table.wpc-sortable-table td{
1857 + .form-table.wpc-sortable-table td {
1094 1858 padding-left: 0;
1095 1859 }
1096 -}
1860 +}
1861 +
1862 +.flrt-checkbox-switch-wrapper {
1863 + display: inline-flex;
1864 + align-items: center;
1865 + gap: 10px;
1866 + font-family: sans-serif;
1867 +}
1868 +
1869 +.flrt-checkbox-switch {
1870 + position: relative;
1871 + display: inline-block;
1872 + width: 48px;
1873 + height: 24px;
1874 +}
1875 +
1876 +.flrt-checkbox-switch input {
1877 + opacity: 0;
1878 + width: 0;
1879 + height: 0;
1880 +}
1881 +
1882 +.flrt-checkbox-slider {
1883 + position: absolute;
1884 + cursor: pointer;
1885 + top: 0;
1886 + left: 0;
1887 + right: 0;
1888 + bottom: 0;
1889 + background-color: #ccc;
1890 + transition: 0.4s;
1891 + border-radius: 34px;
1892 +}
1893 +
1894 +.flrt-checkbox-slider:before {
1895 + position: absolute;
1896 + content: "";
1897 + height: 20px;
1898 + width: 20px;
1899 + left: 2px;
1900 + bottom: 2px;
1901 + background-color: white;
1902 + transition: 0.4s;
1903 + border-radius: 50%;
1904 +}
1905 +
1906 +input:checked + .flrt-checkbox-slider {
1907 + background-color: var(--wp-admin-theme-color, var(--wpc-admin-theme-color));
1908 +}
1909 +
1910 +input:active + .flrt-checkbox-slider:hover, input:focus + .flrt-checkbox-slider:hover {
1911 + box-shadow: 0px 0px 0px 3px color-mix(in srgb, var(--wp-admin-theme-color-darker-10, var(--wpc--admin-theme-color-darker-10)) 17%, transparent);
1912 +}
1913 +
1914 +input:checked + .flrt-checkbox-slider:before {
1915 + left: 0px;
1916 + transform: translateX(26px);
1917 +}
1918 +
1919 +label.flrt-checkbox-switch:hover input + span.flrt-checkbox-slide, .flrt-checkbox-slider:hover {
1920 + background-color: rgb(152, 162, 179);
1921 + transition: background 0.25s;
1922 +}
1923 +
1924 +input:checked + .flrt-checkbox-slider:hover {
1925 + background-color: var(--wp-admin-theme-color-darker-10, var(--wpc--admin-theme-color-darker-10));
1926 +}
1927 +
1928 +a.wpc-location-preview.display-none, a.wpc-location-preview-not-pro.display-none {
1929 + display: none;
1930 +}
1931 +
1932 +.wpc_set_fields-instead_post_name-wrap {
1933 + display: flex;
1934 +}
1935 +
1936 +.wpc-field-instead-of-location {
1937 + margin-right: 5px !important;
1938 +}
1939 +
1940 +.wpc-view-rating .wpc-field-orderby-tr, .wpc-view-rating .wpc-field-search-tr, .wpc-view-rating .wpc-field-more-less-tr {
1941 + display: none;
1942 +}
1943 +
1944 +#wpc-create-xml {
1945 + padding-left: 50px;
1946 + padding-right: 50px;
1947 + display: flex;
1948 + align-items: center;
1949 +}
1950 +
1951 +#wpc-create-xml span {
1952 + margin-left: 8px;
1953 +}
1954 +
1955 +#wpc-loader,
1956 +.button.wpc-button-animation-loader,
1957 +.button.wpc-button-animation-loader:hover,
1958 +.button.wpc-button-animation-loader:active,
1959 +.button.wpc-button-animation-loader:focus,
1960 +.button.wpc-xml-loader,
1961 +.button.wpc-xml-loader:hover,
1962 +.button.wpc-xml-loader:active,
1963 +.button.wpc-xml-loader:focus {
1964 + position: relative;
1965 + overflow: hidden;
1966 + background: repeating-linear-gradient(135deg, #3858E9 0 10px, #506df4 0 20px) 0 / 0 no-repeat, #f6f7f7;
1967 + animation: fillTo10 2s ease-in-out forwards;
1968 +}
1969 +
1970 +#wpc-loader,
1971 +.button.wpc-button-animation-loader,
1972 +.button.wpc-button-animation-loader:hover,
1973 +.button.wpc-button-animation-loader:active,
1974 +.button.wpc-button-animation-loader:focus {
1975 + animation: fillTo0-100 2.2s ease-in-out forwards;
1976 +}
1977 +
1978 +@keyframes fillTo0-100 {
1979 + 0% {
1980 + background-size: 0%
1981 + }
1982 + 100% {
1983 + background-size: 100%
1984 + }
1985 +}
1986 +
1987 +
1988 +@keyframes fillTo10 {
1989 + 0% {
1990 + background-size: 0%
1991 + }
1992 + 100% {
1993 + background-size: 10%
1994 + }
1995 +}
1996 +
1997 +@keyframes fillTo20 {
1998 + 0% {
1999 + background-size: 10%
2000 + }
2001 + 100% {
2002 + background-size: 20%
2003 + }
2004 +}
2005 +
2006 +@keyframes fillTo30 {
2007 + 0% {
2008 + background-size: 20%
2009 + }
2010 + 100% {
2011 + background-size: 30%
2012 + }
2013 +}
2014 +
2015 +@keyframes fillTo40 {
2016 + 0% {
2017 + background-size: 30%
2018 + }
2019 + 100% {
2020 + background-size: 40%
2021 + }
2022 +}
2023 +
2024 +@keyframes fillTo50 {
2025 + 0% {
2026 + background-size: 40%
2027 + }
2028 + 100% {
2029 + background-size: 50%
2030 + }
2031 +}
2032 +
2033 +@keyframes fillTo60 {
2034 + 0% {
2035 + background-size: 50%
2036 + }
2037 + 100% {
2038 + background-size: 60%
2039 + }
2040 +}
2041 +
2042 +@keyframes fillTo70 {
2043 + 0% {
2044 + background-size: 60%
2045 + }
2046 + 100% {
2047 + background-size: 70%
2048 + }
2049 +}
2050 +
2051 +@keyframes fillTo80 {
2052 + 0% {
2053 + background-size: 70%
2054 + }
2055 + 100% {
2056 + background-size: 80%
2057 + }
2058 +}
2059 +
2060 +@keyframes fillTo90 {
2061 + 0% {
2062 + background-size: 80%
2063 + }
2064 + 100% {
2065 + background-size: 90%
2066 + }
2067 +}
2068 +
2069 +@keyframes fillTo100 {
2070 + 0% {
2071 + background-size: 90%
2072 + }
2073 + 100% {
2074 + background-size: 100%
2075 + }
2076 +}
2077 +
2078 +.button.wpc-xml-loader.fill-complete {
2079 + animation: fillTo100 0.2s forwards;
2080 +}
2081 +
2082 +.button.wpc-xml-loader::after,
2083 +#wpc-loader::after,
2084 +.wpc-button-animation-loader::after {
2085 + content: "";
2086 + position: absolute;
2087 + top: 0;
2088 + bottom: 0;
2089 + width: 20px;
2090 + background: rgba(255, 255, 255, 0.6);
2091 + filter: blur(4px);
2092 + transform: skewX(-20deg);
2093 + animation: shimmerMove 1.2s linear infinite;
2094 +}
2095 +
2096 +
2097 +@keyframes shimmerMove {
2098 + 0% {
2099 + left: -30px;
2100 + }
2101 + 100% {
2102 + left: 100%;
2103 + }
2104 +}
2105 +
2106 +#wpc-loader::after {
2107 + animation: wpc-loader-shimmerMove 3.5s linear infinite;
2108 +}
2109 +
2110 +@keyframes wpc-loader-shimmerMove {
2111 + 0% {
2112 + left: -100px;
2113 + }
2114 + 100% {
2115 + left: 100%;
2116 + }
2117 +}
2118 +
2119 +.wpc-create-xml-file-wrap {
2120 + display: flex;
2121 + align-items: center;
2122 + justify-content: end;
2123 +}
2124 +
2125 +.wpc-create-xml-file-wrap .wpc-help-tip {
2126 + font-size: 1.2rem;
2127 + margin-left: 8px;
2128 +}
2129 +
2130 +#wpc-create-auto-filter-div {
2131 + display: flex;
2132 + justify-content: end;
2133 +}
2134 +
2135 +#wpc-xml-link {
2136 + margin-left: 12px;
2137 + display: flex;
2138 + align-items: center;
2139 +}
2140 +
2141 +#wpc-xml-link svg {
2142 + width: 20px;
2143 + margin-right: -8px;
2144 + margin-bottom: -3px;
2145 + margin-left: 4px;
2146 + fill: #2271b1;
2147 +}
2148 +
2149 +#wpc-xml-link:hover svg {
2150 + fill: #0a4b78;
2151 +}
2152 +
2153 +#wpc-xml-link.hidden-xml-button {
2154 + display: none;
2155 +}
2156 +
2157 +
2158 +.flrt-file-upload input {
2159 + font-family: inherit;
2160 + font-size: 13px;
2161 + padding: 6px;
2162 + border: none;
2163 + background-color: transparent;
2164 + color: #333;
2165 +}
2166 +
2167 +.flrt-file-upload input::file-selector-button {
2168 + background-color: #f6f7f7;
2169 + color: #2271b1;
2170 + border-color: #2271b1;
2171 + padding: 10px 18px;
2172 + text-decoration: none;
2173 + font-size: 13px;
2174 + border-radius: 3px;
2175 + margin-right: 12px;
2176 + cursor: pointer;
2177 + font-weight: 400;
2178 + border-width: 1px;
2179 + transition: background-color 0.3s ease;
2180 +}
2181 +
2182 +.flrt-file-upload input::file-selector-button:hover {
2183 + background-color: #f0f0f1;
2184 + border-color: #0a4b78;
2185 + color: #0a4b78;
2186 +}
2187 +
2188 +#import-export-tab {
2189 + display: flex;
2190 + width: 100%;
2191 + justify-content: space-between;
2192 +}
2193 +
2194 +.import-export-block:first-child {
2195 + margin-right: 4%;
2196 +}
2197 +
2198 +.import-export-block {
2199 + box-sizing: border-box;
2200 + width: 48%;
2201 + margin: 30px 0;
2202 + border: 1px solid #c3c4c7;
2203 + border-radius: 25px;
2204 + padding: 20px 30px 40px 30px;
2205 +}
2206 +
2207 +.wpc_import_message {
2208 + border-radius: 3px;
2209 + align-items: center;
2210 + display: flex;
2211 + width: 100%;
2212 + font-size: 14px;
2213 +}
2214 +
2215 +.wpc_import_message span {
2216 + margin-left: 8px;
2217 +}
2218 +
2219 +#wpc-loader {
2220 + height: 25px;
2221 + border-radius: 3px;
2222 + margin-bottom: 15px;
2223 +}
2224 +
2225 +.wpc_before_import_export_blocks {
2226 + color: #656970;
2227 + display: flex;
2228 + align-items: center;
2229 +}
2230 +
2231 +@media screen and (max-width: 1440px) {
2232 + #import-export-tab, .wpc_before_import_export_blocks {
2233 + flex-direction: column;
2234 + }
2235 +
2236 + .import-export-block {
2237 + width: 100%;
2238 + margin: 20px 0;
2239 + }
2240 +}
2241 +
2242 +.flrt-create-auto-filter-set {
2243 + margin: 130px 0;
2244 + text-align: center;
2245 + display: flex;
2246 + flex-direction: column;
2247 + justify-content: center;
2248 + align-items: center;
2249 +}
2250 +
2251 +.flrt-create-auto-filter-set p {
2252 + margin: 0.5rem 0;
2253 +}
2254 +
2255 +.wpc-auto-filter-buttons {
2256 + margin-bottom: 32px;
2257 + display: grid;
2258 + grid-template-columns: 1fr 1fr;
2259 + gap: 10px;
2260 +}
2261 +
2262 +.flrt-create-auto-filter-set a {
2263 + font-size: 18px !important;
2264 + text-align: center;
2265 + padding: 8px 25px !important;
2266 +}
2267 +
2268 +.flrt-duplicate-filter-set {
2269 + font-size: 16px;
2270 + font-weight: bold;
2271 +}
2272 +
2273 +.wpc-field-horizontal-view-priority-tr {
2274 + display: none;
2275 +}
2276 +
2277 +.wpc-text-center {
2278 + text-align: center;
2279 +}
2280 +
2281 +.wpc-select2-dots {
2282 + padding: 0 4px;
2283 +}
2284 +
2285 +.wpc-select2-info {
2286 + background: #e7e7e7;
2287 + padding: 2px 8px;
2288 + border-radius: 4px;
2289 +}
2290 +
2291 +.post-type-filter-set .select2-container--default .select2-results__option--highlighted[aria-selected] .wpc-select2-info,
2292 +.post-type-filter-set .select2-container--default .select2-results__option--highlighted[data-selected] .wpc-select2-info {
2293 + color: #3c434a;
2294 +}
2295 +
2296 +#wpc-seo-settings {
2297 + margin-top: 16px;
2298 +
2299 +}
2300 +
2301 +.wpc-seo-setting-head {
2302 + background: #fff;
2303 +}
2304 +
2305 +.wpc-filter-head.wpc-seo-setting-head {
2306 + cursor: pointer;
2307 +}
2308 +
2309 +.wpc-setting-body {
2310 + margin-left: 3rem;
2311 +}
2312 +
2313 +.wpc-import-export-title {
2314 + display: flex;
2315 + justify-content: space-between;
2316 + align-items: center;
2317 +}
2318 +
2319 +.wpc-import-export-title .wpc-help-tip:after {
2320 + font-size: 1.2rem;
2321 +}
2322 +
2323 +.wpc-import-export-title h2 {
2324 + display: flex;
2325 + align-items: center;
2326 +}
2327 +
2328 +.wpc-import-export-title h2 svg {
2329 + margin-right: 8px;
2330 +}
2331 +
2332 +#wpc-import-icon {
2333 + margin-bottom: -2px;
2334 +}
2335 +
2336 +.wpc-import-export-checkboxes {
2337 + display: grid;
2338 + row-gap: 24px;
2339 + column-gap: 16px;
2340 + grid-template-columns: 50% 50%;
2341 +}
2342 +
2343 +.wpc-import-file-setting-block {
2344 + display: flex;
2345 + align-items: center;
2346 +}
2347 +
2348 +.wpc-export-import-desc {
2349 + line-height: 1.3;
2350 + font-weight: 600;
2351 + color: #1d2327;
2352 + text-shadow: none;
2353 + font-size: 14px;
2354 + margin-right: 32px;
2355 +}
2356 +
2357 +.wpc-export-file-setting-block {
2358 + display: flex;
2359 + align-items: center;
2360 +}
2361 +
2362 +.wpc-export-file-setting-block, .wpc-import-file-setting-block {
2363 + height: 56px;
2364 + margin-bottom: 30px;
2365 +}
2366 +
2367 +.wpc-alert-emoji {
2368 + margin-right: 4px;
2369 +}
2370 +
2371 +#wpc-seo-settings .nav-tab {
2372 + padding: 10px 20px;
2373 + background: none;
2374 + box-shadow: none;
2375 +}
2376 +
2377 +#wpc-seo-settings .tab-content {
2378 + display: none;
2379 +}
2380 +
2381 +.column-where_filter {
2382 + width: 64px;
2383 + text-align: center;
2384 +}
2385 +
2386 +.column-where_filter a {
2387 + display: flex;
2388 + align-items: center;
2389 + justify-content: center;
2390 + width: 100%;
2391 +}
2392 +
2393 +#where_filter {
2394 + text-align: center;
2395 + width: 140px;
2396 +}
2397 +
2398 +#where_filter > div, tfoot .column-where_filter > div {
2399 + display: flex;
2400 + justify-content: center;
2401 + align-items: center;
2402 +}
2403 +
2404 +#where_filter svg, tfoot .column-where_filter svg {
2405 + margin-left: 2px;
2406 + fill: #2c3338;
2407 +}
2408 +
2409 +select.wpc-field-logic option[disabled="disabled"],
2410 +select.wpc-field-orderby option[disabled="disabled"],
2411 +select.wpc-field-view option[disabled="disabled"],
2412 +select.wpc-field-parent-filter option[disabled="disabled"],
2413 +select.wpc-field-entity option[disabled]:not(.tax_numeric-disabled, .post_meta_exists-disabled) {
2414 + display: none;
2415 +}
2416 +
2417 +.wpc-pro-bnf-page-wrap .wpc-crown-icon,
2418 +.wpc-crown-icon{
2419 + width: 16px;
2420 + height: 16px;
2421 + margin-left: 6px;
2422 +}
2423 +
2424 +.wpc-vailable-in-pro-link, .wpc-vailable-in-pro-link:hover {
2425 + cursor: pointer;
2426 + color: var(--wpc-pro-color);
2427 +}
2428 +
2429 +.wpc-pro-badge-transparent {
2430 + color: var(--wpc-pro-color);
2431 + font-weight: normal;
2432 + padding: 2px 6px;
2433 + border-radius: 14px;
2434 + margin-left: 6px;
2435 + font-size: 10px;
2436 + border: 1px solid var(--wpc-pro-color);
2437 + background: transparent;
2438 + position: relative;
2439 + bottom: 4px;
2440 +}
2441 +
2442 +.wpc-filter-label.wpc-filter-label-in-pro {
2443 + display: flex;
2444 + justify-content: space-between;
2445 +}
2446 +
2447 +.wpc-available-in-pro-button {
2448 + text-decoration: none;
2449 + background: transparent;
2450 + padding: 8px 12px;
2451 + padding: 8px 20px;
2452 + border-radius: 2px;
2453 + color: var(--wpc-pro-color);
2454 + display: inline-flex;
2455 + line-height: 1;
2456 + align-items: center;
2457 + border: 1px solid var(--wpc-pro-color);
2458 +}
2459 +
2460 +.locale-de-de .wpc-available-in-pro-button span{
2461 + margin-left: 2px;
2462 +}
2463 +.wpc-available-in-pro-button:hover {
2464 + opacity: 0.8;
2465 +}
2466 +
2467 +.wpc-available-in-pro-button:focus, .wpc-available-in-pro-button:active {
2468 + color: #fff;
2469 + box-shadow: none;
2470 +}
2471 +
2472 +.wpc-available-in-pro-button span {
2473 + margin-left: 8px;
2474 +}
2475 +
2476 +.wpc-available-in-pro-button:hover {
2477 + color: var(--wpc-pro-color);
2478 +}
2479 +
2480 +.wpc-row-pro-only {
2481 + display: flex;
2482 + justify-content: space-between;
2483 + /* stretch (the default) inflates the PRO badge to the full row height
2484 + when the option title wraps to a second line */
2485 + align-items: baseline;
2486 +}
2487 +
2488 +.wpc-icon-help-tip {
2489 + cursor: help;
2490 +}
2491 +
2492 +.wpc-pro-filter-set-badge {
2493 + display: flex;
2494 +}
2495 +
2496 +.wpc-pro-filter-set-badge .wpc-alert-emoji {
2497 + margin-top: -1px;
2498 + margin-right: 0;
2499 + display: flex;
2500 + align-items: center;
2501 +}
2502 +
2503 +.duplicate-filter-set {
2504 + margin-bottom: 4px;
2505 +}
2506 +
2507 +#flrt-pro-modal-overlay {
2508 + display: none;
2509 + position: fixed;
2510 + top: 0;
2511 + left: 0;
2512 + width: 100%;
2513 + height: 100%;
2514 + background: rgba(0, 0, 0, 0.6);
2515 + z-index: 99999;
2516 + justify-content: center;
2517 + align-items: center;
2518 +}
2519 +
2520 +.flrt-upgrade-to-pro-popup-modal-wrapper * {
2521 + box-sizing: border-box;
2522 + margin: 0;
2523 + padding: 0;
2524 + font-family: inherit;
2525 +}
2526 +
2527 +.flrt-upgrade-to-pro-popup-modal-wrapper {
2528 + padding: 0;
2529 + background-color: transparent;
2530 + max-width: 740px;
2531 + width: 100%;
2532 +}
2533 +
2534 +.flrt-upgrade-to-pro-popup-modal {
2535 + background-color: #ffffff;
2536 + width: 100%;
2537 + position: relative;
2538 + display: flex;
2539 + padding: 48px 18px 32px 18px;
2540 + gap: 24px;
2541 + border-radius: 12px;
2542 +}
2543 +
2544 +.flrt-upgrade-to-pro-popup-close-btn {
2545 + position: absolute;
2546 + top: 12px;
2547 + right: 18px;
2548 + cursor: pointer;
2549 + z-index: 10;
2550 +}
2551 +
2552 +.flrt-upgrade-to-pro-popup-features-side {
2553 + max-width: 334px;
2554 + width: 100%;
2555 + display: flex;
2556 + flex-direction: column;
2557 + align-items: center;
2558 + justify-content: center;
2559 + padding-left: 8px;
2560 +}
2561 +
2562 +.flrt-upgrade-to-pro-popup-table {
2563 + width: 100%;
2564 + border-collapse: collapse;
2565 + border: none;
2566 +}
2567 +
2568 +.flrt-upgrade-to-pro-popup-th {
2569 + text-align: center;
2570 + font-size: 14px;
2571 + color: #000000;
2572 + font-weight: 600;
2573 + padding-bottom: 0;
2574 +}
2575 +
2576 +.flrt-upgrade-to-pro-popup-td {
2577 + padding: 12px 0 11px 0;
2578 + border-bottom: 1px solid #CCD4E3;
2579 + font-size: 15px;
2580 + color: #000000;
2581 + vertical-align: middle;
2582 + line-height: 130%;
2583 +}
2584 +
2585 +.flrt-upgrade-to-pro-popup-tr-first .flrt-upgrade-to-pro-popup-td {
2586 + padding: 8px 0 11px 0;
2587 +}
2588 +
2589 +.flrt-upgrade-to-pro-popup-modal-wrapper tr td:nth-child(3),
2590 +.flrt-upgrade-to-pro-popup-modal-wrapper tr th:nth-child(3) {
2591 + padding-left: 8px;
2592 +}
2593 +
2594 +.flrt-upgrade-to-pro-popup-tr-last .flrt-upgrade-to-pro-popup-td {
2595 + border-bottom: none;
2596 + padding: 12px 0 0 0;
2597 +}
2598 +
2599 +.flrt-upgrade-to-pro-popup-dash-icon {
2600 + height: 24px;
2601 + width: 24px;
2602 + min-height: 24px;
2603 + min-width: 24px;
2604 + background-image: url('data:image/svg+xml,%3Csvg width="14" height="2" viewBox="0 0 14 2" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0.000156432 -1.91331e-05H13.3202V1.94398H0.000156432V-1.91331e-05Z" fill="%237B879C"/%3E%3C/svg%3E');
2605 + background-repeat: no-repeat;
2606 + background-position: center;
2607 + background-size: 14px 2px;
2608 + margin: 0 auto;
2609 +}
2610 +
2611 +.flrt-upgrade-to-pro-popup-checkmark-icon {
2612 + height: 24px;
2613 + width: 24px;
2614 + min-height: 24px;
2615 + min-width: 24px;
2616 + display: flex;
2617 + align-items: center;
2618 + justify-content: center;
2619 + margin: 0 auto;
2620 +}
2621 +
2622 +.flrt-upgrade-to-pro-popup-link-icon {
2623 + height: 20px;
2624 + width: 20px;
2625 + background-image: url('data:image/svg+xml,%3Csvg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M18.0001 12.9999V18.9999C18.0001 19.5303 17.7894 20.039 17.4143 20.4141C17.0392 20.7892 16.5305 20.9999 16.0001 20.9999H5.00001C4.46958 20.9999 3.96087 20.7892 3.58579 20.4141C3.21071 20.039 3 19.5303 3 18.9999V7.99983C3 7.46939 3.21071 6.96068 3.58579 6.58561C3.96087 6.21053 4.46958 5.99982 5.00001 5.99982H11.0001" stroke="%23000000" stroke-width="2.02501" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath d="M15 2.99994H21V8.99998" stroke="%23000000" stroke-width="2.02501" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath d="M10 14L21.0001 2.99994" stroke="%23000000" stroke-width="2.02501" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E');
2626 + background-repeat: no-repeat;
2627 + background-position: center;
2628 + background-size: 20px 20px;
2629 + margin: -2px 0 0 10px;
2630 +}
2631 +
2632 +.flrt-upgrade-to-pro-popup-close-icon {
2633 + height: 24px;
2634 + width: 24px;
2635 + background-image: url('data:image/svg+xml,%3Csvg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M18 18L12 12M12 12L6 6M12 12L18 6M12 12L6 18" stroke="%237B879C" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E');
2636 + background-repeat: no-repeat;
2637 + background-position: center;
2638 + background-size: 24px 24px;
2639 +}
2640 +
2641 +.flrt-upgrade-to-pro-popup-center-col {
2642 + text-align: center;
2643 + width: 52px;
2644 + font-size: 14px;
2645 + line-height: 160%;
2646 + font-weight: 400;
2647 +}
2648 +
2649 +.flrt-upgrade-to-pro-popup-center-col:last-child {
2650 + font-weight: 600;
2651 +}
2652 +
2653 +.flrt-upgrade-to-pro-popup-see-all-container {
2654 + text-align: center;
2655 + display: flex;
2656 + align-content: center;
2657 + justify-content: center;
2658 + width: 100%;
2659 + margin-top: 32px;
2660 + height: 24px;
2661 +}
2662 +
2663 +.flrt-upgrade-to-pro-popup-see-all-link {
2664 + display: inline-flex;
2665 + align-items: center;
2666 + justify-content: center;
2667 + color: #000000 !important;
2668 + text-decoration: none;
2669 + font-weight: 600;
2670 + font-size: 14px;
2671 +}
2672 +
2673 +.flrt-upgrade-to-pro-popup-see-all-link:hover {
2674 + opacity: 0.85;
2675 +}
2676 +
2677 +.flrt-upgrade-to-pro-popup-promo-side {
2678 + display: flex;
2679 + flex-direction: column;
2680 + max-width: 346px;
2681 + width: 100%;
2682 +}
2683 +
2684 +.flrt-upgrade-to-pro-popup-promo-card {
2685 + background-color: #E8ECFF;
2686 + border-radius: 12px;
2687 + padding: 24px 24px 24px 24px;
2688 + text-align: center;
2689 +}
2690 +
2691 +.flrt-upgrade-to-pro-popup-promo-title {
2692 + font-size: 28px;
2693 + font-weight: 700;
2694 + color: #000000;
2695 + line-height: 130%;
2696 + margin-bottom: 16px;
2697 + margin-top: 3px;
2698 +}
2699 +
2700 +.flrt-upgrade-to-pro-popup-modal .flrt-td-feature-flex {
2701 + display: flex;
2702 + /* baseline keeps the badge and the help icon on the FIRST line
2703 + when a translated label wraps to two lines */
2704 + align-items: baseline;
2705 +}
2706 +
2707 +.flrt-upgrade-to-pro-popup-modal .fetm-new-badge {
2708 + background: #3858E9;
2709 + color: #fff;
2710 + padding: 2px 6px;
2711 + border-radius: 14px;
2712 + margin: 0 10px 0 6px;
2713 + font-size: 10px;
2714 + font-weight: 600;
2715 + line-height: 1.5;
2716 + display: inline-block;
2717 + flex-shrink: 0;
2718 + white-space: nowrap;
2719 +}
2720 +
2721 +.flrt-upgrade-to-pro-popup-modal .fetm-help-tip {
2722 + display: inline-flex;
2723 + align-items: center;
2724 + justify-content: center;
2725 + flex-shrink: 0;
2726 + width: 16px;
2727 + height: 16px;
2728 + border: 1px solid #929292;
2729 + border-radius: 50%;
2730 + color: #929292;
2731 + background: transparent;
2732 + font-size: 11px;
2733 + font-weight: 600;
2734 + line-height: 1;
2735 + margin-left: auto;
2736 + cursor: help;
2737 +}
2738 +
2739 +.flrt-upgrade-to-pro-popup-rating {
2740 + display: flex;
2741 + align-items: center;
2742 + justify-content: center;
2743 + gap: 0;
2744 + margin: -6px 0 12px;
2745 +}
2746 +
2747 +.flrt-upgrade-to-pro-popup-rating svg {
2748 + display: block;
2749 + margin: 0 -3px 0 0;
2750 +}
2751 +
2752 +.flrt-upgrade-to-pro-popup-rating-number {
2753 + color: #000000;
2754 + font-size: 14px;
2755 + font-weight: 400;
2756 + line-height: 130%;
2757 + margin-left: 6px;
2758 +}
2759 +
2760 +.flrt-upgrade-to-pro-popup-subtitle {
2761 + color: #000000;
2762 + font-size: 17px;
2763 + font-weight: 600;
2764 + line-height: 130%;
2765 + margin-bottom: 33px;
2766 +}
2767 +
2768 +.flrt-upgrade-to-pro-popup-pricing-row {
2769 + color: #000000;
2770 + font-size: 14px;
2771 + display: flex;
2772 + align-items: center;
2773 + justify-content: center;
2774 + gap: 10px;
2775 +}
2776 +
2777 +.flrt-upgrade-to-pro-popup-price-dot {
2778 + color: #7B879C;
2779 +}
2780 +.flrt-upgrade-to-pro-popup-price-tag {
2781 + font-size: 34px;
2782 + line-height: 130%;
2783 + font-weight: 600;
2784 +}
2785 +/* Sale price from the notifications feed: old price struck out above, new price emphasised */
2786 +.flrt-upgrade-to-pro-popup-price-tag--sale {
2787 + display: inline-flex;
2788 + flex-direction: column;
2789 + align-items: center;
2790 + line-height: 1.1;
2791 +}
2792 +.flrt-upgrade-to-pro-popup-price-was {
2793 + display: inline-flex;
2794 + align-items: center;
2795 + gap: 6px;
2796 + font-size: 15px;
2797 + font-weight: 500;
2798 + color: #7B879C;
2799 +}
2800 +.flrt-upgrade-to-pro-popup-price-was s {
2801 + text-decoration-thickness: 2px;
2802 +}
2803 +.flrt-upgrade-to-pro-popup-price-off {
2804 + display: inline-block;
2805 + padding: 1px 7px;
2806 + border-radius: 999px;
2807 + background: #D63638;
2808 + color: #ffffff;
2809 + font-size: 11px;
2810 + font-weight: 700;
2811 + letter-spacing: .02em;
2812 + line-height: 16px;
2813 +}
2814 +.flrt-upgrade-to-pro-popup-price-tag--sale .flrt-upgrade-to-pro-popup-price-now {
2815 + color: #D63638;
2816 +}
2817 +.flrt-upgrade-to-pro-popup-sale-note {
2818 + margin-top: 14px;
2819 + font-size: 13px;
2820 + font-weight: 600;
2821 + color: #D63638;
2822 + line-height: 130%;
2823 +}
2824 +.flrt-upgrade-to-pro-popup-sale-note + .flrt-upgrade-to-pro-popup-support-text {
2825 + margin-top: 10px;
2826 +}
2827 +.flrt-upgrade-to-pro-popup-under-button-text,
2828 +.flrt-upgrade-to-pro-popup-support-text {
2829 + margin-top: 28px;
2830 + font-weight: 400;
2831 + font-size: 13px;
2832 + color: #565656;
2833 + line-height: 130%;
2834 +}
2835 +/* "Plugin keeps working after expiry" only — underlined so the reassurance is not overlooked */
2836 +.flrt-upgrade-to-pro-popup-support-text {
2837 + text-decoration: underline;
2838 + text-underline-offset: 3px;
2839 + text-decoration-thickness: 1px;
2840 +}
2841 +.flrt-upgrade-to-pro-popup-under-button-text{
2842 + margin: 16px 0 0 0;
2843 + text-align: center;
2844 +}
2845 +.flrt-upgrade-to-pro-popup-unlock-btn {
2846 + background-color: #3858E9 !important;
2847 + color: white !important;
2848 + text-align: center;
2849 + padding: 15px 0;
2850 + border-radius: 8px;
2851 + text-decoration: none;
2852 + font-weight: 500;
2853 + margin-top: 12px;
2854 + font-size: 18px;
2855 + line-height: 100%;
2856 +}
2857 +.flrt-upgrade-to-pro-popup-unlock-btn:focus{
2858 + border-radius: 8px;
2859 +}
2860 +.flrt-upgrade-to-pro-popup-unlock-btn:hover {
2861 + opacity: 0.85;
2862 +}
2863 +
2864 +.flrt-upgrade-to-pro-popup-unlock-btn .wpc-crown-icon{
2865 + position: relative;
2866 + top: 1px;
2867 + margin-left: 4px;
2868 +}
2869 +
2870 +@media (max-width: 768px) {
2871 + .flrt-upgrade-to-pro-popup-modal-wrapper {
2872 + padding: 0 12px;
2873 + max-width: 370px;
2874 + width: calc(100% - 24px);
2875 + }
2876 +
2877 + .flrt-upgrade-to-pro-popup-modal {
2878 + flex-direction: column;
2879 + padding: 54px 18px 32px 18px;
2880 + width: 100%;
2881 + }
2882 +
2883 + .flrt-upgrade-to-pro-popup-close-btn {
2884 + top: 18px;
2885 + right: 18px;
2886 + }
2887 +
2888 + .flrt-upgrade-to-pro-popup-features-side {
2889 + padding: 0;
2890 + max-width: unset;
2891 + }
2892 +
2893 + .flrt-upgrade-to-pro-popup-tr-first .flrt-upgrade-to-pro-popup-td,
2894 + .flrt-upgrade-to-pro-popup-td {
2895 + padding: 8px 0 7px 0;
2896 + }
2897 +
2898 + .flrt-upgrade-to-pro-popup-tr-last .flrt-upgrade-to-pro-popup-td {
2899 + padding: 8px 0 0 0;
2900 + }
2901 +
2902 + .flrt-upgrade-to-pro-popup-see-all-container {
2903 + margin-top: 24px;
2904 + }
2905 +
2906 + .flrt-upgrade-to-pro-popup-promo-side {
2907 + max-width: unset;
2908 + }
2909 +
2910 + .flrt-upgrade-to-pro-popup-promo-card {
2911 + padding: 24px 18px;
2912 + }
2913 +
2914 + .flrt-upgrade-to-pro-popup-promo-title {
2915 + margin-bottom: 8px;
2916 + }
2917 +
2918 + .flrt-upgrade-to-pro-popup-subtitle {
2919 + margin-bottom: 26px;
2920 + }
2921 +
2922 + .flrt-upgrade-to-pro-popup-support-text {
2923 + margin-top: 9px;
2924 + }
2925 +}
2926 +
2927 +.wpc-pro-filter-set-badge .wpc-pro-badge-text {
2928 + color: var(--wpc-pro-color) !important;
2929 +}
2930 +.post-type-filter-set #major-publishing-actions{
2931 + display: block;
2932 +}
2933 +.wpc-tab-aboutpro {
2934 + display: flex;
2935 +}
2936 +/* «PRO benefits» tab: the same multicolour frame as the toolbar button and the
2937 + site's «Get PRO». Opaque bottom border on the active tab hides the gradient
2938 + there so it still merges with the page like every other active tab. */
2939 +.nav-tab-wrapper .nav-tab.wpc-tab-aboutpro {
2940 + border: 2px solid transparent;
2941 + border-bottom: none;
2942 + padding-top: 4px;
2943 + background:
2944 + linear-gradient(#dcdcde, #dcdcde) padding-box,
2945 + linear-gradient(135deg, #FFB300 0%, #FF4D8D 35%, #A855F7 68%, #22D3EE 100%) border-box;
2946 +}
2947 +.nav-tab-wrapper .nav-tab.wpc-tab-aboutpro:hover {
2948 + background:
2949 + linear-gradient(#fff, #fff) padding-box,
2950 + linear-gradient(135deg, #FFB300 0%, #FF4D8D 35%, #A855F7 68%, #22D3EE 100%) border-box;
2951 +}
2952 +.nav-tab-wrapper .nav-tab.wpc-tab-aboutpro.nav-tab-active,
2953 +.nav-tab-wrapper .nav-tab.wpc-tab-aboutpro.nav-tab-active:hover {
2954 + border-bottom: 1px solid #f0f0f1;
2955 + background:
2956 + linear-gradient(#f0f0f1, #f0f0f1) padding-box,
2957 + linear-gradient(135deg, #FFB300 0%, #FF4D8D 35%, #A855F7 68%, #22D3EE 100%) border-box;
2958 +}
2959 +.wpc-nav-tab-icon{
2960 + display: flex;
2961 + align-items: center;
2962 + margin-left: 4px;
2963 +}
2964 +@media screen and (max-width: 1160px) {
2965 + .wpc-admin-toolbar .wpc-tab.wpc-importexportpro,
2966 + .wpc-admin-toolbar .wpc-tab.wpc-importationexportationpro,
2967 + .wpc-admin-toolbar .wpc-tab.wpc-importierenexportierenpro,
2968 + .wpc-admin-toolbar .wpc-tab.wpc-pro,
2969 + .wpc-admin-toolbar .wpc-importaesportapro,
2970 + .wpc-admin-toolbar .wpc-importarexportarpro,
2971 + .wpc-admin-toolbar .wpc-importerenexporterenpro,
2972 + .wpc-admin-toolbar .wpc-tab.wpc-importujeksportujpro{
2973 + display: none;
2974 + }
2975 +}
2976 +.wpc-range-list-inputs{
2977 + display: flex;
2978 +}
2979 +.wpc-range-list-inputs div{
2980 + margin-right: 8px;
2981 + margin-bottom: 8px;
2982 +}
2983 +.wpc-range-list-inputs input {
2984 + width: 130px !important;
2985 +}
2986 +.wpc-range-list-value-error, .wpc-range-list-value-error-button{
2987 + color: #d99e00;
2988 + background: #fff6e1;
2989 + margin-bottom: 8px;
2990 + padding: 3px 12px;
2991 +}
2992 +.wpc-field-show-range-list-input{
2993 + margin-bottom: 8px !important;
2994 +}
2995 +.wpc_set_fields-custom_posts_container-wrap{
2996 + display: flex;
2997 +}
2998 +a.button.wpc-choose-selector{
2999 + margin-left: 2px;
3000 +}
3001 +
3002 +#wpc-modal-overlay {
3003 + position: fixed;
3004 + inset: 0;
3005 + background: rgba(0,0,0,0.7);
3006 + z-index: 999999;
3007 + display: flex;
3008 + align-items: center;
3009 + justify-content: center;
3010 +}
3011 +
3012 +.wpc-modal-content {
3013 + position: relative;
3014 + width: 95vw;
3015 + height: 95vh;
3016 + background: #fff;
3017 + border-radius: 8px;
3018 + overflow: hidden;
3019 + display: flex;
3020 + flex-direction: column;
3021 +}
3022 +
3023 +.wpc-modal-header {
3024 + padding: 10px 16px;
3025 + background: #23282d;
3026 + display: flex;
3027 + justify-content: space-between;
3028 + align-items: center;
3029 +}
3030 +
3031 +.wpc-modal-title {
3032 + color: #fff;
3033 + font-size: 14px;
3034 +}
3035 +
3036 +.wpc-modal-close {
3037 + background: none;
3038 + border: none;
3039 + color: #fff;
3040 + font-size: 20px;
3041 + cursor: pointer;
3042 + line-height: 1;
3043 +}
3044 +#wpc-selector-iframe{
3045 + flex: 1;
3046 + border: none;
3047 + width: 100%;
3048 +}
3049 +.wpc-modal-description{
3050 + border-radius: 4px;
3051 + border: 3px solid#ffdd00;
3052 + background: #000;
3053 + color: #ffdd00;
3054 + padding: 10px 24px;
3055 + position: relative;
3056 + font-size: 16px;
3057 + font-weight: bold;
3058 +}
3059 +#wpc-choose-element-loading-spinner {
3060 + display: flex;
3061 + justify-content: center;
3062 + align-items: center;
3063 + height: 100%;
3064 + width: 100%;
3065 +}
3066 +
3067 +#wpc-choose-element-loading-spinner .choose-element-spinner {
3068 + border: 4px solid #f3f3f3;
3069 + border-top: 4px solid var(--main-color);
3070 + border-radius: 50%;
3071 + width: 40px;
3072 + height: 40px;
3073 + animation: spin 1s linear infinite;
3074 +}
3075 +
3076 +@keyframes spin {
3077 + 0% { transform: rotate(0deg); }
3078 + 100% { transform: rotate(360deg); }
3079 +}
3080 +
3081 +/* What's new page (src/Admin/WhatsNew.php) */
3082 +.wpc-whats-new .wpc-whats-new-date{color:#646970;margin-top:-6px}
3083 +.wpc-whats-new-list{list-style:none;margin:16px 0 20px;padding:0;max-width:860px}
3084 +.wpc-whats-new-list li{background:#fff;border:1px solid #c3c4c7;border-radius:4px;padding:12px 14px;margin:0 0 8px;font-size:14px;line-height:1.55}
3085 +.wpc-whats-new-tag{display:inline-block;font-size:11px;font-weight:600;line-height:1;padding:4px 7px;border-radius:3px;background:#f0f0f1;color:#50575e;margin:0 8px 0 0;vertical-align:middle;text-transform:uppercase;letter-spacing:.02em}
3086 +.wpc-whats-new-tag-new{background:#0570e2;color:#fff}
3087 +.wpc-whats-new-earlier{max-width:860px;margin-top:24px}
3088 +.wpc-whats-new-earlier summary{cursor:pointer;font-weight:600;font-size:14px;padding:6px 0}
3089 +.wpc-whats-new-earlier h3{margin:18px 0 6px;font-size:14px}
3090 +.wpc-whats-new-earlier h3 small{color:#646970;font-weight:400;margin-left:6px}
3091 +.wpc-whats-new-earlier ul{list-style:disc;margin:0 0 0 20px}
3092 +.wpc-whats-new-earlier li{margin:0 0 4px;color:#3c434a}
3093 +#adminmenu .flrt-whats-new-badge{margin-left:5px}
3094 +.nav-tab .flrt-whats-new-badge{display:inline-block;margin-left:6px;vertical-align:1px;background:#d63638;color:#fff;font-size:9px;line-height:17px;font-weight:600;min-width:17px;height:17px;padding:0 5px;border-radius:10px;text-align:center;box-sizing:border-box}.nav-tab .flrt-whats-new-badge .plugin-count{display:inline}
3095 +.wpc-whats-new h2{font-size:1.3em;margin:1em 0 .6em}
3096 +
3097 +/* Toolbar brand: logo + name link back to the Filter Sets list; version in the same colour as the name (both builds) */
3098 +.wpc-admin-toolbar h2 .wpc-toolbar-brand{color:inherit;text-decoration:none;display:inline-block}
3099 +.wpc-admin-toolbar h2 .wpc-toolbar-brand:hover,
3100 +.wpc-admin-toolbar h2 .wpc-toolbar-brand:focus{color:inherit;text-decoration:none;box-shadow:none}
3101 +.wpc-admin-toolbar h2 .wpc-plugin-version{font-size:13px;font-weight:400;color:inherit;margin-left:6px;vertical-align:baseline}
3102 +
3103 +/* License tab: purchase-source cards */
3104 +.wpc-license-lock {
3105 + background: #fcf0f1;
3106 + border-left: 4px solid #d63638;
3107 + padding: 10px 14px;
3108 + margin: 0 0 20px;
3109 + max-width: 960px;
3110 +}
3111 +
3112 +.wpc-license-sources {
3113 + max-width: 960px;
3114 + margin: 0 0 8px;
3115 +}
3116 +
3117 +.wpc-license-sources h3 {
3118 + margin: 0 0 4px;
3119 + font-size: 15px;
3120 +}
3121 +
3122 +.wpc-license-cards {
3123 + display: grid;
3124 + grid-template-columns: 1fr 1fr;
3125 + gap: 16px;
3126 + margin: 16px 0 18px;
3127 +}
3128 +
3129 +.wpc-license-card {
3130 + border: 1px solid #c3c4c7;
3131 + border-radius: 6px;
3132 + padding: 18px 20px;
3133 + background: #fbfbfc;
3134 +}
3135 +
3136 +.wpc-license-card h4 {
3137 + margin: 0 0 4px;
3138 + font-size: 14px;
3139 +}
3140 +
3141 +.wpc-license-card-sub {
3142 + color: #646970;
3143 + margin: 0 0 12px;
3144 +}
3145 +
3146 +.wpc-license-card ol {
3147 + margin: 0 0 12px 18px;
3148 + padding: 0;
3149 +}
3150 +
3151 +.wpc-license-card li {
3152 + margin: 0 0 6px;
3153 +}
3154 +
3155 +.wpc-license-card-warn {
3156 + background: #fff8e5;
3157 + border-left: 3px solid #dba617;
3158 + padding: 6px 10px;
3159 + margin: 8px 0 14px;
3160 + font-size: 12px;
3161 +}
3162 +
3163 +.wpc-license-card code {
3164 + font-size: 12px;
3165 +}
3166 +
3167 +@media (max-width: 960px) {
3168 + .wpc-license-cards {
3169 + grid-template-columns: 1fr;
3170 + }
3171 +}