| @@ -1,15 +1,22 @@ | ||
| 1 | 1 | /*! |
| 2 | - * Filter Everything admin 1.5.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,45 +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 | -#wpc-filter-id-apply-button{ | |
| 287 | +.wpc-field-hide-until-parent-tr, | |
| 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 { | |
| 132 | 293 | display: none; |
| 133 | 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, | |
| 134 | 305 | .wpc-field-apply-button-text-tr.wpc-opened, |
| 135 | 306 | .wpc-field-reset-button-text-tr.wpc-opened, |
| 136 | -.wpc-field-apply-button-page-type-tr.wpc-opened{ | |
| 307 | +.wpc-field-hide-until-parent-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 { | |
| 137 | 312 | display: table-row; |
| 138 | 313 | } |
| 139 | -#wpc-filter-id-apply-button.wpc-opened{ | |
| 314 | + | |
| 315 | +#wpc-filter-id-apply-button.wpc-opened, | |
| 316 | +#wpc-filter-id-search-field.wpc-opened { | |
| 140 | 317 | display: block; |
| 141 | 318 | } |
| 142 | -#wpc-filter-id-apply-button .wpc-filter-head{ | |
| 143 | - /*border: 1px solid transparent;*/ | |
| 319 | + | |
| 320 | +#wpc-filter-id-search-field .wpc-filter-head, | |
| 321 | +#wpc-filter-id-apply-button .wpc-filter-head { | |
| 144 | 322 | background: #ffffff; |
| 145 | 323 | } |
| 146 | -#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 { | |
| 147 | 333 | width: auto; |
| 148 | 334 | min-height: 42px; |
| 335 | + padding: 9px 12px; | |
| 149 | 336 | } |
| 150 | -.wpc-button-style{ | |
| 337 | + | |
| 338 | +input.wpc-text-input-style[type="text"] { | |
| 339 | + border-style: dashed; | |
| 340 | +} | |
| 341 | + | |
| 342 | +.wpc-button-style { | |
| 151 | 343 | display: inline-block; |
| 152 | 344 | text-decoration: none; |
| 153 | 345 | font-size: 13px; |
| 154 | 346 | line-height: 2.15384615; |
| @@ -153,9 +345,9 @@ | ||
| 153 | 345 | font-size: 13px; |
| 154 | 346 | line-height: 2.15384615; |
| 155 | 347 | min-height: 30px; |
| 156 | 348 | margin: 0; |
| 157 | - padding: 0 10px; | |
| 349 | + padding: 0 20px; | |
| 158 | 350 | border-width: 1px; |
| 159 | 351 | border-style: dashed; |
| 160 | 352 | -webkit-appearance: none; |
| 161 | 353 | border-radius: 3px; |
| @@ -165,46 +357,72 @@ | ||
| 165 | 357 | border-color: #2271b1; |
| 166 | 358 | background: #f6f7f7; |
| 167 | 359 | vertical-align: top; |
| 168 | 360 | } |
| 169 | -#wpc-filter-id-apply-button .wpc-filter-title{ | |
| 361 | + | |
| 362 | +#wpc-filter-id-apply-button .wpc-filter-title { | |
| 170 | 363 | margin-right: 0; |
| 171 | 364 | } |
| 172 | -.wpc-filter-item.ui-sortable-helper .wpc-filter-head{ | |
| 365 | + | |
| 366 | +.wpc-filter-item.ui-sortable-helper .wpc-filter-head { | |
| 173 | 367 | background: #fbfbfb; |
| 174 | 368 | } |
| 175 | -.wpc-filter-head:hover{ | |
| 369 | + | |
| 370 | +.wpc-filter-head:hover { | |
| 176 | 371 | border-color: #cbcbcb; |
| 177 | - box-shadow: 0 1px 2px rgba(0,0,0,.1); | |
| 372 | + box-shadow: 0 1px 2px rgba(0, 0, 0, .1); | |
| 178 | 373 | } |
| 179 | -.wpc-title-action{ | |
| 374 | + | |
| 375 | +.wpc-title-action { | |
| 180 | 376 | float: right; |
| 181 | 377 | position: relative; |
| 182 | 378 | } |
| 183 | -.wpc-column-labels{ | |
| 379 | + | |
| 380 | +.wpc-column-labels { | |
| 184 | 381 | font-weight: 600; |
| 185 | 382 | } |
| 383 | + | |
| 186 | 384 | .wpc-column-labels, |
| 187 | -.wpc-filter-title{ | |
| 385 | +.wpc-filter-title { | |
| 188 | 386 | margin-right: 60px; |
| 189 | 387 | } |
| 190 | -.wpc-no-filters{ | |
| 388 | + | |
| 389 | +.wpc-no-filters { | |
| 191 | 390 | display: none; |
| 192 | 391 | padding: 15px; |
| 193 | 392 | border-top: #E1E1E1 solid 1px; |
| 194 | 393 | } |
| 394 | + | |
| 195 | 395 | .wpc-add-filter-wrapper { |
| 196 | 396 | background: #f5f5f5; |
| 197 | 397 | border-top: #dddddd solid 1px; |
| 198 | 398 | } |
| 199 | -.wpc-add-filter-wrapper:after{ | |
| 399 | + | |
| 400 | +.wpc-add-filter-wrapper:after { | |
| 200 | 401 | clear: both; |
| 201 | 402 | display: block; |
| 202 | 403 | content: ""; |
| 203 | 404 | } |
| 405 | + | |
| 204 | 406 | .wpc-add-filter-div { |
| 205 | 407 | float: right; |
| 206 | 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 | + | |
| 207 | 425 | label.wpc-filter-label { |
| 208 | 426 | display: block; |
| 209 | 427 | font-weight: bold; |
| 210 | 428 | margin: 0 0 3px; |
| @@ -209,8 +427,9 @@ | ||
| 209 | 427 | font-weight: bold; |
| 210 | 428 | margin: 0 0 3px; |
| 211 | 429 | padding: 0; |
| 212 | 430 | } |
| 431 | + | |
| 213 | 432 | .postbox .inside table.wpc-form-fields-table td.wpc-filter-label-td, |
| 214 | 433 | .postbox .inside table.wpc-fields-table td.wpc-filter-label-td, |
| 215 | 434 | .wpc-filter-label-td { |
| 216 | 435 | padding: 15px 30px 15px 12px; |
| @@ -222,11 +441,27 @@ | ||
| 222 | 441 | box-sizing: border-box; |
| 223 | 442 | position: relative; |
| 224 | 443 | min-width: 160px; |
| 225 | 444 | } |
| 226 | -.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 { | |
| 227 | 461 | background: transparent; |
| 228 | 462 | } |
| 463 | + | |
| 229 | 464 | .wpc-filter-field-td { |
| 230 | 465 | padding: 15px 12px 15px 12px; |
| 231 | 466 | margin: 0; |
| 232 | 467 | border-left-color: #E1E1E1; |
| @@ -231,16 +466,19 @@ | ||
| 231 | 466 | margin: 0; |
| 232 | 467 | border-left-color: #E1E1E1; |
| 233 | 468 | box-sizing: border-box; |
| 234 | 469 | } |
| 235 | -.wpc-filter-intersection-tr > .wpc-filter-field-td{ | |
| 470 | + | |
| 471 | +.wpc-filter-intersection-tr > .wpc-filter-field-td { | |
| 236 | 472 | padding-left: 0; |
| 237 | 473 | padding-right: 0; |
| 238 | 474 | } |
| 239 | -.wpc-first-row .wpc-filter-field-td{ | |
| 475 | + | |
| 476 | +.wpc-first-row .wpc-filter-field-td { | |
| 240 | 477 | padding-top: 0; |
| 241 | 478 | vertical-align: top; |
| 242 | 479 | } |
| 480 | + | |
| 243 | 481 | .wpc-filter-field-td input[type="text"], |
| 244 | 482 | .wpc-filter-field-td input[type="password"], |
| 245 | 483 | .wpc-filter-field-td input[type="number"], |
| 246 | 484 | .wpc-filter-field-td input[type="search"], |
| @@ -246,9 +484,9 @@ | ||
| 246 | 484 | .wpc-filter-field-td input[type="search"], |
| 247 | 485 | .wpc-filter-field-td input[type="email"], |
| 248 | 486 | .wpc-filter-field-td input[type="url"], |
| 249 | 487 | .wpc-filter-field-td textarea, |
| 250 | -.wpc-filter-field-td select{ | |
| 488 | +.wpc-filter-field-td select { | |
| 251 | 489 | width: 100%; |
| 252 | 490 | padding: 3px 5px; |
| 253 | 491 | resize: none; |
| 254 | 492 | margin: 0; |
| @@ -257,27 +495,41 @@ | ||
| 257 | 495 | box-sizing: border-box; |
| 258 | 496 | font-size: 14px; |
| 259 | 497 | line-height: 1.4; |
| 260 | 498 | } |
| 261 | -.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 { | |
| 262 | 510 | padding-left: 12px; |
| 263 | 511 | padding-right: 12px; |
| 264 | 512 | } |
| 265 | -.wpc-filters-seo-rules-wrapper .wpc-filter-field-td label{ | |
| 513 | + | |
| 514 | +.wpc-filters-seo-rules-wrapper .wpc-filter-field-td label { | |
| 266 | 515 | position: relative; |
| 267 | 516 | bottom: 5px; |
| 268 | 517 | } |
| 518 | + | |
| 269 | 519 | label[for="wpc_seo_rules-wp_entity"], |
| 270 | 520 | .wpc-location-label, |
| 271 | -.wpc-wp-entity-label{ | |
| 521 | +.wpc-wp-entity-label { | |
| 272 | 522 | font-weight: bold; |
| 273 | 523 | position: relative; |
| 274 | 524 | bottom: 5px; |
| 275 | 525 | } |
| 276 | -#wpc-intersections-table .wpc-filter-field-td{ | |
| 526 | + | |
| 527 | +#wpc-intersections-table .wpc-filter-field-td { | |
| 277 | 528 | padding-bottom: 0; |
| 278 | 529 | position: relative; |
| 279 | 530 | } |
| 531 | + | |
| 280 | 532 | .wpc-filter-label-td .wpc-field-description { |
| 281 | 533 | font-style: normal; |
| 282 | 534 | font-size: 12px; |
| 283 | 535 | color: #666666; |
| @@ -282,27 +534,46 @@ | ||
| 282 | 534 | font-size: 12px; |
| 283 | 535 | color: #666666; |
| 284 | 536 | margin: 0; |
| 285 | 537 | } |
| 538 | + | |
| 539 | +.wpc-filter-post_meta_num .wpc-field-hierarchy-tr, | |
| 286 | 540 | .wpc-view-range .wpc-field-search-tr, |
| 287 | 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, | |
| 288 | 546 | .wpc-field-for-variations-tr, |
| 289 | 547 | .wpc-field-hierarchy-tr, |
| 290 | 548 | .wpc-field-entity-tr, |
| 291 | -.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 { | |
| 292 | 554 | display: none; |
| 293 | 555 | } |
| 556 | + | |
| 294 | 557 | #wpc-filters-list[data-posttype="product"] .wpc-filter-post_meta_exists .wpc-field-for-variations-tr, |
| 295 | 558 | #wpc-filters-list[data-posttype="product"] .wpc-filter-post_meta .wpc-field-for-variations-tr, |
| 296 | 559 | #wpc-filters-list[data-posttype="product"] .wpc-filter-post_meta_num .wpc-field-for-variations-tr, |
| 297 | 560 | #wpc-filters-list[data-posttype="product"] .wpc-filter-taxonomy.taxonomy-product-attribute .wpc-field-for-variations-tr, |
| 298 | -.wpc-filter-taxonomy.taxonomy-hierarchical .wpc-field-hierarchy-tr, | |
| 561 | +.wpc-filter-taxonomy.taxonomy-hierarchical.wpc-view-checkboxes .wpc-field-hierarchy-tr, | |
| 299 | 562 | .wpc-filter-post_meta_exists .wpc-field-ename-tr, |
| 300 | 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, | |
| 301 | 569 | .wpc-filter-post_meta .wpc-field-ename-tr, |
| 302 | -.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 { | |
| 303 | 573 | display: table-row; |
| 304 | 574 | } |
| 575 | + | |
| 305 | 576 | .wpc-belongs-not, |
| 306 | 577 | .wpc-belongs-not input[type="text"], |
| 307 | 578 | .wpc-belongs-not input[type="password"], |
| 308 | 579 | .wpc-belongs-not input[type="color"], |
| @@ -317,21 +588,25 @@ | ||
| 317 | 588 | .wpc-belongs-not input[type="time"], |
| 318 | 589 | .wpc-belongs-not input[type="url"], |
| 319 | 590 | .wpc-belongs-not input[type="week"], |
| 320 | 591 | .wpc-belongs-not select, |
| 321 | -.wpc-belongs-not textarea{ | |
| 322 | - color: #b7b7b7; | |
| 592 | +.wpc-belongs-not textarea { | |
| 593 | + color: #b7b7b7; | |
| 323 | 594 | } |
| 324 | -.wpc-remove-filter-wrapper{ | |
| 595 | + | |
| 596 | +.wpc-remove-filter-wrapper { | |
| 325 | 597 | margin: 0; |
| 326 | 598 | } |
| 327 | -.wpc-remove-filter-wrapper .spinner{ | |
| 599 | + | |
| 600 | +.wpc-remove-filter-wrapper .spinner { | |
| 328 | 601 | float: none; |
| 329 | 602 | } |
| 330 | -.wpc-filter-delete-controls-td{ | |
| 603 | + | |
| 604 | +.wpc-filter-delete-controls-td { | |
| 331 | 605 | min-width: 160px; |
| 332 | 606 | } |
| 333 | -.wp-core-ui .wpc-filter-delete{ | |
| 607 | + | |
| 608 | +.wp-core-ui .wpc-filter-delete { | |
| 334 | 609 | color: #a00; |
| 335 | 610 | border-color: #a00; |
| 336 | 611 | background: transparent; |
| 337 | 612 | margin-right: 1em; |
| @@ -336,38 +611,47 @@ | ||
| 336 | 611 | background: transparent; |
| 337 | 612 | margin-right: 1em; |
| 338 | 613 | outline: none; |
| 339 | 614 | } |
| 615 | + | |
| 340 | 616 | .wp-core-ui .wpc-filter-delete.hover, |
| 341 | 617 | .wp-core-ui .wpc-filter-delete:hover, |
| 342 | 618 | .wp-core-ui .wpc-filter-delete.active, |
| 343 | 619 | .wp-core-ui .wpc-filter-delete:active, |
| 344 | 620 | .wp-core-ui .wpc-filter-delete.focus, |
| 345 | -.wp-core-ui .wpc-filter-delete:focus{ | |
| 621 | +.wp-core-ui .wpc-filter-delete:focus { | |
| 346 | 622 | color: #ffffff; |
| 347 | 623 | background: #a00; |
| 348 | 624 | border-color: #a00; |
| 349 | 625 | } |
| 626 | + | |
| 350 | 627 | .wp-core-ui .wpc-filter-delete.focus, |
| 351 | -.wp-core-ui .wpc-filter-delete:focus{ | |
| 628 | +.wp-core-ui .wpc-filter-delete:focus { | |
| 352 | 629 | box-shadow: 0 0 0 1px #a00; |
| 353 | 630 | } |
| 354 | -.wpc-filter-delete-wrapper{ | |
| 631 | + | |
| 632 | +.wpc-filter-delete-wrapper { | |
| 355 | 633 | visibility: hidden; |
| 356 | 634 | min-height: 30px; |
| 357 | 635 | } |
| 358 | -.wpc-additional-fields-selector{ | |
| 636 | + | |
| 637 | +.wpc-additional-fields-selector { | |
| 359 | 638 | text-align: right; |
| 360 | 639 | padding-right: 12px; |
| 361 | - /*margin-top: 20px;*/ | |
| 362 | 640 | position: relative; |
| 363 | 641 | top: 20px; |
| 364 | 642 | } |
| 365 | -.wpc-filter-additional-fields{ | |
| 643 | + | |
| 644 | +.wpc-additional-fields-selector a { | |
| 645 | + font-weight: bold; | |
| 646 | +} | |
| 647 | + | |
| 648 | +.wpc-filter-additional-fields { | |
| 366 | 649 | display: none; |
| 367 | 650 | } |
| 651 | + | |
| 368 | 652 | .wpc-filter-field-shadow, |
| 369 | -.wpc-filter-item-shadow{ | |
| 653 | +.wpc-filter-item-shadow { | |
| 370 | 654 | height: 44px; |
| 371 | 655 | clear: both; |
| 372 | 656 | border: 1px dashed #b4b9be; |
| 373 | 657 | margin: 0 auto 10px; |
| @@ -372,30 +656,38 @@ | ||
| 372 | 656 | border: 1px dashed #b4b9be; |
| 373 | 657 | margin: 0 auto 10px; |
| 374 | 658 | width: 100%; |
| 375 | 659 | box-sizing: border-box; |
| 660 | + border-radius: 5px; | |
| 376 | 661 | } |
| 377 | -.wpc-filter-field-shadow{ | |
| 662 | + | |
| 663 | +.wpc-filter-field-shadow { | |
| 378 | 664 | height: 60px; |
| 379 | 665 | } |
| 380 | -.wpc-filter-item .wpc-filter-order:hover{ | |
| 666 | + | |
| 667 | +.wpc-filter-item .wpc-filter-order:hover { | |
| 381 | 668 | cursor: move; |
| 382 | 669 | background: #ffffff; |
| 383 | 670 | } |
| 384 | -.wpc-field-rule-meta-desc{ | |
| 671 | + | |
| 672 | +.wpc-field-rule-meta-desc { | |
| 385 | 673 | min-height: 65px; |
| 386 | 674 | } |
| 675 | + | |
| 676 | +.wpc-date-format-tr .wpc-field-wrap, | |
| 387 | 677 | .wpc_set_fields-post_name-wrap, |
| 388 | 678 | .wpc-intersection-fields-wrapper, |
| 389 | 679 | .wpc_set_fields-wp_filter_query-wrap, |
| 390 | -.wpc_set_fields-apply_button_post_name-wrap{ | |
| 680 | +.wpc_set_fields-apply_button_post_name-wrap { | |
| 391 | 681 | position: relative; |
| 392 | 682 | } |
| 683 | + | |
| 684 | +.wpc-date-format-tr .wpc-field-wrap .spinner, | |
| 393 | 685 | .wpc-field-exclude-tr .wpc-field-wrap .spinner, |
| 394 | 686 | .wpc_set_fields-wp_filter_query-wrap .spinner, |
| 395 | 687 | .wpc_set_fields-post_name-wrap .spinner, |
| 396 | 688 | .wpc-intersection-fields-wrapper .spinner, |
| 397 | -.wpc_set_fields-apply_button_post_name-wrap .spinner{ | |
| 689 | +.wpc_set_fields-apply_button_post_name-wrap .spinner { | |
| 398 | 690 | position: absolute; |
| 399 | 691 | right: calc(50% - 10px); |
| 400 | 692 | bottom: calc(50% - 10px); |
| 401 | 693 | z-index: 100; |
| @@ -400,42 +692,67 @@ | ||
| 400 | 692 | bottom: calc(50% - 10px); |
| 401 | 693 | z-index: 100; |
| 402 | 694 | opacity: 0.9; |
| 403 | 695 | } |
| 696 | + | |
| 404 | 697 | .wpc_set_fields-post_name-wrap .spinner, |
| 405 | -.wpc_set_fields-apply_button_post_name-wrap .spinner{ | |
| 698 | +.wpc_set_fields-apply_button_post_name-wrap .spinner { | |
| 406 | 699 | bottom: calc(50% - 19px); |
| 407 | 700 | } |
| 408 | -.wpc_set_fields-wp_filter_query-wrap .spinner.is-active+#wpc-field-wp-query-container, | |
| 409 | -.wpc-field-exclude-tr .wpc-field-wrap .spinner.is-active+.wpc-after-spinner-container, | |
| 410 | -.wpc_set_fields-post_name-wrap .spinner.is-active+#wpc-field-location-container, | |
| 411 | -.wpc_set_fields-apply_button_post_name-wrap .spinner.is-active+#wpc-field-apply-button-location-container, | |
| 412 | -.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 { | |
| 413 | 708 | opacity: 0.3; |
| 414 | 709 | } |
| 415 | -.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 { | |
| 416 | 730 | display: block; |
| 417 | 731 | line-height: 30px; |
| 418 | 732 | } |
| 733 | + | |
| 419 | 734 | .wpc_seo_rules-rule_meta_desc-wrap, |
| 420 | 735 | .wpc_seo_rules-rule_h1-wrap, |
| 421 | -.wpc_seo_rules-rule_seo_title-wrap{ | |
| 736 | +.wpc_seo_rules-rule_seo_title-wrap { | |
| 422 | 737 | text-align: right; |
| 423 | 738 | position: relative; |
| 424 | 739 | } |
| 740 | + | |
| 425 | 741 | .wpc_seo_rules-rule_meta_desc-wrap span, |
| 426 | 742 | .wpc_seo_rules-rule_h1-wrap span, |
| 427 | -.wpc_seo_rules-rule_seo_title-wrap span{ | |
| 743 | +.wpc_seo_rules-rule_seo_title-wrap span { | |
| 428 | 744 | display: inline-block; |
| 429 | 745 | margin-bottom: 7px; |
| 430 | 746 | } |
| 431 | -.wpc-vars-container{ | |
| 747 | + | |
| 748 | +.wpc-vars-container { | |
| 432 | 749 | position: absolute; |
| 433 | 750 | top: 52px; |
| 434 | 751 | text-align: left; |
| 435 | 752 | background: #fff; |
| 436 | 753 | right: 0px; |
| 437 | - box-shadow: rgba(0,0,0,0.1) 0px 0px 40px; | |
| 754 | + box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 40px; | |
| 438 | 755 | border: 1px solid rgb(221, 221, 221); |
| 439 | 756 | padding: 3px 0; |
| 440 | 757 | box-sizing: border-box; |
| 441 | 758 | z-index: 100; |
| @@ -441,111 +758,182 @@ | ||
| 441 | 758 | z-index: 100; |
| 442 | 759 | display: none; |
| 443 | 760 | border-radius: 4px; |
| 444 | 761 | } |
| 445 | -.wpc-vars-container ul li{ | |
| 762 | + | |
| 763 | +.wpc-vars-container ul li { | |
| 446 | 764 | padding: 10px 15px; |
| 447 | 765 | min-width: 120px; |
| 448 | 766 | margin: 0; |
| 449 | 767 | } |
| 450 | -.wpc-vars-container ul li:hover{ | |
| 768 | + | |
| 769 | +.wpc-vars-container ul li:hover { | |
| 451 | 770 | cursor: pointer; |
| 452 | 771 | background: #007cba; |
| 453 | 772 | color: #ffffff; |
| 454 | 773 | } |
| 455 | -.wpc-seo-vars-list{ | |
| 774 | + | |
| 775 | +.wpc-seo-vars-list { | |
| 456 | 776 | margin: 0; |
| 457 | 777 | } |
| 458 | -.wpc-filter-number{ | |
| 778 | + | |
| 779 | +.wpc-filter-number { | |
| 459 | 780 | float: left; |
| 460 | 781 | } |
| 461 | -.post-type-filter-seo-rule #titlediv #title[readonly="readonly"]{ | |
| 782 | + | |
| 783 | +.post-type-filter-seo-rule #titlediv #title[readonly="readonly"] { | |
| 462 | 784 | background-color: #eee; |
| 463 | 785 | } |
| 786 | + | |
| 787 | +.license-notice, | |
| 464 | 788 | .wpc-error { |
| 465 | 789 | background: #fff; |
| 466 | 790 | border: 1px solid #ccd0d4; |
| 467 | 791 | border-left-width: 4px; |
| 468 | - box-shadow: 0 1px 1px rgba(0,0,0,.04); | |
| 792 | + box-shadow: 0 1px 1px rgba(0, 0, 0, .04); | |
| 469 | 793 | margin: 40px 15px 2px 0; |
| 470 | 794 | padding: 1px 12px; |
| 471 | 795 | border-left-color: #dc3232; |
| 472 | 796 | position: relative; |
| 473 | 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 | + | |
| 474 | 809 | .wpc-error p { |
| 475 | 810 | margin: 0.5em 0; |
| 476 | 811 | padding: 2px; |
| 477 | 812 | } |
| 478 | -.wpc-filters-seo-rules-wrapper hr{ | |
| 813 | + | |
| 814 | +.wpc-filters-seo-rules-wrapper hr { | |
| 479 | 815 | margin: 15px 0; |
| 480 | 816 | } |
| 481 | -.wpc-container-handle-wrapper{ | |
| 817 | + | |
| 818 | +.wpc-container-handle-wrapper { | |
| 482 | 819 | position: relative; |
| 483 | 820 | padding-left: 25px; |
| 484 | 821 | } |
| 822 | + | |
| 485 | 823 | td.wpc-order-td, |
| 486 | -.form-table td.wpc-order-td{ | |
| 824 | +.form-table td.wpc-order-td { | |
| 487 | 825 | } |
| 488 | -.pro-version.wpc-sortable-row .wpc-order-sortable-handle-icon:hover{ | |
| 826 | + | |
| 827 | +.pro-version.wpc-sortable-row .wpc-order-sortable-handle-icon:hover { | |
| 489 | 828 | cursor: move; |
| 490 | 829 | } |
| 491 | -.wpc-sortable-table{ | |
| 830 | + | |
| 831 | +.wpc-sortable-table { | |
| 492 | 832 | max-width: 668px; |
| 493 | 833 | } |
| 494 | -tr.wpc-sortable-row.ui-sortable-helper{ | |
| 834 | + | |
| 835 | +tr.wpc-sortable-row.ui-sortable-helper { | |
| 495 | 836 | background: #f9f9f9; |
| 496 | 837 | } |
| 497 | -.wpc-field-exclude-tr .wpc-field-wrap{ | |
| 838 | + | |
| 839 | +.wpc-field-exclude-tr .wpc-field-wrap { | |
| 498 | 840 | position: relative; |
| 499 | 841 | } |
| 500 | -.wpc-field-notice{ | |
| 842 | + | |
| 843 | +.wpc-field-exclude-wrap { | |
| 844 | + width: 78%; | |
| 845 | + margin-right: 2%; | |
| 846 | +} | |
| 847 | + | |
| 848 | +.wpc-field-include-wrap { | |
| 849 | + width: 20%; | |
| 850 | + display: flex; | |
| 851 | +} | |
| 852 | + | |
| 853 | +.wpc-field-include { | |
| 854 | + min-width: 90px; | |
| 855 | +} | |
| 856 | + | |
| 857 | +.wpc-field-include-wrap label.wpc-filter-label { | |
| 858 | + display: inline; | |
| 859 | +} | |
| 860 | + | |
| 861 | +.wpc-field-notice { | |
| 501 | 862 | position: relative; |
| 502 | 863 | display: block; |
| 503 | 864 | margin: 5px 0 15px; |
| 504 | 865 | padding: 3px 12px; |
| 505 | 866 | } |
| 506 | -.wpc-field-notice p{ | |
| 867 | + | |
| 868 | +.wpc-field-notice p { | |
| 507 | 869 | margin: 0; |
| 508 | 870 | } |
| 509 | -.wpc-field-notice-error{ | |
| 871 | + | |
| 872 | +.wpc-field-notice-error { | |
| 510 | 873 | background: #ffe6e6; |
| 511 | 874 | color: #cc0000; |
| 512 | 875 | } |
| 513 | -.wpc-field-path-tr{ | |
| 876 | + | |
| 877 | +.wpc-field-path-tr { | |
| 514 | 878 | display: none; |
| 515 | 879 | } |
| 516 | -.free-version .wpc-field-sortable-handle{ | |
| 880 | + | |
| 881 | +.free-version .wpc-field-sortable-handle { | |
| 517 | 882 | color: #a7a7a7; |
| 518 | 883 | cursor: pointer; |
| 519 | 884 | } |
| 520 | -.regular-text .wpc-field-sortable-handle:before{ | |
| 885 | + | |
| 886 | +.regular-text .wpc-field-sortable-handle:before { | |
| 521 | 887 | display: none; |
| 522 | 888 | } |
| 523 | -.wpc-sortable-row.regular-text .wpc-field-sortable-handle:before{ | |
| 889 | + | |
| 890 | +.wpc-sortable-row.regular-text .wpc-field-sortable-handle:before { | |
| 524 | 891 | display: inline-block; |
| 525 | 892 | } |
| 526 | -.pro-version .wpc-field-sortable-handle{ | |
| 893 | + | |
| 894 | +.pro-version .wpc-field-sortable-handle { | |
| 527 | 895 | color: inherit; |
| 528 | 896 | cursor: inherit; |
| 529 | 897 | } |
| 898 | + | |
| 530 | 899 | .wpc-field-range-slider-tr, |
| 531 | 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, | |
| 532 | 916 | .wpc-filter-post_meta_num .wpc-field-logic-tr, |
| 533 | 917 | .wpc-filter-post_meta_num .wpc-field-orderby-tr, |
| 534 | 918 | .wpc-filter-post_meta_num .wpc-field-path-tr, |
| 535 | 919 | .wpc-filter-post_meta_num .wpc-field-exclude-tr, |
| 536 | -.wpc-filter-post_meta_num .wpc-field-collapse-tr, | |
| 537 | -.wpc-filter-post_meta_num .wpc-field-a-labels-tr{ | |
| 920 | +.wpc-filter-post_meta_num .wpc-field-search-tr { | |
| 538 | 921 | display: none; |
| 539 | 922 | } |
| 923 | + | |
| 924 | +.wpc-filter-tax_numeric .wpc-field-range-slider-tr, | |
| 925 | +.wpc-filter-tax_numeric .wpc-field-value-step-tr, | |
| 540 | 926 | .wpc-filter-post_meta_num .wpc-field-range-slider-tr, |
| 541 | -.wpc-filter-post_meta_num .wpc-field-value-step-tr{ | |
| 927 | +.wpc-filter-post_meta_num .wpc-field-value-step-tr { | |
| 542 | 928 | display: table-row; |
| 543 | 929 | } |
| 544 | -input[disabled="disabled"]+.wpc-checkbox-placeholder{ | |
| 930 | + | |
| 931 | +input[disabled="disabled"] + .wpc-checkbox-placeholder { | |
| 545 | 932 | color: #a7a7a7; |
| 546 | 933 | margin-left: 5px; |
| 547 | 934 | } |
| 935 | + | |
| 548 | 936 | /*TipTip CSS*/ |
| 549 | 937 | .wpc-help-tip { |
| 550 | 938 | color: #929292; |
| 551 | 939 | display: inline-block; |
| @@ -555,8 +943,9 @@ | ||
| 555 | 943 | position: relative; |
| 556 | 944 | vertical-align: middle; |
| 557 | 945 | width: 16px; |
| 558 | 946 | } |
| 947 | + | |
| 559 | 948 | .wpc-help-tip::after { |
| 560 | 949 | font-family: Dashicons; |
| 561 | 950 | speak: none; |
| 562 | 951 | font-weight: 400; |
| @@ -574,8 +963,9 @@ | ||
| 574 | 963 | text-align: center; |
| 575 | 964 | content: ""; |
| 576 | 965 | cursor: help |
| 577 | 966 | } |
| 967 | + | |
| 578 | 968 | .wpc-form-fields-table .wpc-help-tip { |
| 579 | 969 | font-size: 1.3em; |
| 580 | 970 | display: block; |
| 581 | 971 | position: absolute; |
| @@ -581,11 +971,29 @@ | ||
| 581 | 971 | position: absolute; |
| 582 | 972 | right: 10px; |
| 583 | 973 | top: calc(50% - 8px); |
| 584 | 974 | } |
| 585 | -.wpc-form-fields-table .wpc-container-handle-wrapper .wpc-help-tip{ | |
| 975 | + | |
| 976 | +.wpc-form-fields-table .wpc-container-handle-wrapper .wpc-help-tip { | |
| 586 | 977 | left: 0; |
| 587 | 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 | + | |
| 588 | 996 | #tiptip_holder { |
| 589 | 997 | display: none; |
| 590 | 998 | z-index: 8675309; |
| 591 | 999 | position: absolute; |
| @@ -591,40 +999,49 @@ | ||
| 591 | 999 | position: absolute; |
| 592 | 1000 | top: 0; |
| 593 | 1001 | left: 0; |
| 594 | 1002 | } |
| 1003 | + | |
| 595 | 1004 | #tiptip_holder.tip_top { |
| 596 | 1005 | padding-bottom: 5px |
| 597 | 1006 | } |
| 1007 | + | |
| 598 | 1008 | #tiptip_holder.tip_top #tiptip_arrow_inner { |
| 599 | 1009 | margin-top: -7px; |
| 600 | 1010 | margin-left: -6px; |
| 601 | 1011 | border-top-color: #333 |
| 602 | 1012 | } |
| 1013 | + | |
| 603 | 1014 | #tiptip_holder.tip_bottom { |
| 604 | 1015 | padding-top: 5px |
| 605 | 1016 | } |
| 1017 | + | |
| 606 | 1018 | #tiptip_holder.tip_bottom #tiptip_arrow_inner { |
| 607 | 1019 | margin-top: -5px; |
| 608 | 1020 | margin-left: -6px; |
| 609 | 1021 | border-bottom-color: #333 |
| 610 | 1022 | } |
| 1023 | + | |
| 611 | 1024 | #tiptip_holder.tip_right { |
| 612 | 1025 | padding-left: 5px |
| 613 | 1026 | } |
| 1027 | + | |
| 614 | 1028 | #tiptip_holder.tip_right #tiptip_arrow_inner { |
| 615 | 1029 | margin-top: -6px; |
| 616 | 1030 | margin-left: -5px; |
| 617 | 1031 | border-right-color: #333 |
| 618 | 1032 | } |
| 1033 | + | |
| 619 | 1034 | #tiptip_holder.tip_left { |
| 620 | 1035 | padding-right: 5px |
| 621 | 1036 | } |
| 1037 | + | |
| 622 | 1038 | #tiptip_holder.tip_left #tiptip_arrow_inner { |
| 623 | 1039 | margin-top: -6px; |
| 624 | 1040 | margin-left: -7px; |
| 625 | 1041 | border-left-color: #333 |
| 626 | 1042 | } |
| 1043 | + | |
| 627 | 1044 | #tiptip_content, .chart-tooltip, .wc_error_tip { |
| 628 | 1045 | color: #fff; |
| 629 | 1046 | font-size: .8em; |
| 630 | 1047 | background: #333; |
| @@ -631,12 +1048,22 @@ | ||
| 631 | 1048 | border-radius: 3px; |
| 632 | 1049 | padding: .618em 1em; |
| 633 | 1050 | box-shadow: 0 1px 3px rgba(0, 0, 0, .2) |
| 634 | 1051 | } |
| 1052 | + | |
| 635 | 1053 | #tiptip_content code, .chart-tooltip code, .wc_error_tip code { |
| 636 | 1054 | padding: 1px; |
| 637 | 1055 | background: #888 |
| 638 | 1056 | } |
| 1057 | + | |
| 1058 | +#tiptip_content a { | |
| 1059 | + color: #ffffff; | |
| 1060 | +} | |
| 1061 | + | |
| 1062 | +body #tiptip_content a:hover { | |
| 1063 | + color: inherit; | |
| 1064 | +} | |
| 1065 | + | |
| 639 | 1066 | #tiptip_arrow, #tiptip_arrow_inner { |
| 640 | 1067 | position: absolute; |
| 641 | 1068 | border-color: transparent; |
| 642 | 1069 | border-style: solid; |
| @@ -643,14 +1070,16 @@ | ||
| 643 | 1070 | border-width: 6px; |
| 644 | 1071 | height: 0; |
| 645 | 1072 | width: 0 |
| 646 | 1073 | } |
| 647 | -.wpc-settings-post-type-label{ | |
| 1074 | + | |
| 1075 | +.wpc-settings-post-type-label { | |
| 648 | 1076 | font-family: "Courier New"; |
| 649 | 1077 | font-weight: normal; |
| 650 | 1078 | } |
| 1079 | + | |
| 651 | 1080 | .wpc-filter-field-td .select2-container--default .select2-selection--multiple, |
| 652 | -.wpc-filter-field-td .select2-container .select2-selection--single{ | |
| 1081 | +.wpc-filter-field-td .select2-container .select2-selection--single { | |
| 653 | 1082 | width: 100%; |
| 654 | 1083 | height: auto; |
| 655 | 1084 | padding: 3px 5px; |
| 656 | 1085 | resize: none; |
| @@ -663,61 +1092,77 @@ | ||
| 663 | 1092 | border: 1px solid #7e8993; |
| 664 | 1093 | border-radius: 3px; |
| 665 | 1094 | color: #32373c; |
| 666 | 1095 | } |
| 1096 | + | |
| 667 | 1097 | .wpc-filter-field-td .select2-container .select2-selection--multiple, |
| 668 | -.wpc-filter-field-td .select2-container--default .select2-selection--multiple{ | |
| 1098 | +.wpc-filter-field-td .select2-container--default .select2-selection--multiple { | |
| 669 | 1099 | padding: 0 5px; |
| 670 | 1100 | min-height: 0; |
| 671 | 1101 | } |
| 672 | -.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 { | |
| 673 | 1104 | line-height: 24px; |
| 674 | 1105 | padding-left: 0; |
| 675 | 1106 | min-height: 24px; |
| 676 | 1107 | } |
| 677 | -.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 { | |
| 678 | 1110 | height: 30px; |
| 679 | 1111 | } |
| 680 | -.wpc-filter-field-td .select2-selection__rendered li{ | |
| 1112 | + | |
| 1113 | +.wpc-filter-field-td .select2-selection__rendered li { | |
| 681 | 1114 | margin-bottom: 0; |
| 682 | 1115 | } |
| 683 | -.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 { | |
| 684 | 1118 | min-height: 0; |
| 685 | 1119 | width: auto !important; |
| 686 | 1120 | } |
| 687 | -.wpc-more-options-toggle.wpc-opened:hover{ | |
| 688 | - color: #dc3232; | |
| 1121 | + | |
| 1122 | +#wpc-filters-list a.wpc-more-options-toggle { | |
| 1123 | + text-decoration: none; | |
| 689 | 1124 | } |
| 690 | -.wpc-more-options-toggle.wpc-opened{ | |
| 691 | - color: #a00; | |
| 692 | -} | |
| 1125 | + | |
| 693 | 1126 | .post-type-filter-seo-rule .inline-edit-status option[value="private"], |
| 694 | 1127 | .post-type-filter-seo-rule .inline-edit-status option[value="pending"], |
| 695 | 1128 | .post-type-filter-set .inline-edit-status option[value="private"], |
| 696 | -.post-type-filter-set .inline-edit-status option[value="pending"]{ | |
| 1129 | +.post-type-filter-set .inline-edit-status option[value="pending"] { | |
| 697 | 1130 | display: none; |
| 698 | 1131 | } |
| 1132 | + | |
| 699 | 1133 | .fixed .column-set_post_type, |
| 700 | -.fixed .column-seo_post_type{ | |
| 1134 | +.fixed .column-seo_post_type { | |
| 701 | 1135 | width: 15%; |
| 702 | 1136 | } |
| 703 | -.fixed .column-location{ | |
| 1137 | + | |
| 1138 | +.fixed .column-location { | |
| 704 | 1139 | width: 45%; |
| 705 | 1140 | } |
| 1141 | + | |
| 706 | 1142 | .fixed .column-seo_post_id { |
| 707 | - width: 8%; | |
| 1143 | + width: 10%; | |
| 708 | 1144 | } |
| 709 | -.wpc-form-table.form-table th{ | |
| 1145 | + | |
| 1146 | +.wpc-form-table.form-table th { | |
| 710 | 1147 | width: 300px; |
| 711 | 1148 | } |
| 712 | -#wpcontent .wpc-admin-toolbar{ | |
| 1149 | + | |
| 1150 | +#wpcontent .wpc-admin-toolbar { | |
| 713 | 1151 | margin-left: -20px; |
| 714 | 1152 | padding-left: 20px; |
| 715 | 1153 | } |
| 1154 | + | |
| 716 | 1155 | .wpc-admin-toolbar { |
| 717 | 1156 | background: #fff; |
| 718 | 1157 | border-bottom: 1px solid #ccd0d4; |
| 719 | 1158 | } |
| 1159 | + | |
| 1160 | +.license-notice h2 { | |
| 1161 | + min-width: 165px; | |
| 1162 | +} | |
| 1163 | + | |
| 1164 | +.license-notice h2, | |
| 720 | 1165 | .wpc-admin-toolbar h2 { |
| 721 | 1166 | font-size: 14px; |
| 722 | 1167 | line-height: 2.57143; |
| 723 | 1168 | display: inline-block; |
| @@ -723,80 +1168,167 @@ | ||
| 723 | 1168 | display: inline-block; |
| 724 | 1169 | padding: 5px 0; |
| 725 | 1170 | margin: 0 10px 0 0; |
| 726 | 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 | + | |
| 727 | 1212 | .wpc-admin-toolbar .wpc-tab-divider, |
| 728 | 1213 | .wpc-admin-toolbar .wpc-tab { |
| 729 | 1214 | display: inline-block; |
| 730 | - line-height: 2.57143; | |
| 1215 | + line-height: 3; | |
| 731 | 1216 | margin: 0 5px; |
| 732 | 1217 | text-decoration: none; |
| 733 | 1218 | } |
| 734 | -.wpc-admin-toolbar > .wpc-tab{ | |
| 1219 | + | |
| 1220 | +.wpc-admin-toolbar > .wpc-tab { | |
| 735 | 1221 | color: inherit; |
| 736 | 1222 | font-size: 14px; |
| 737 | 1223 | padding: 5px; |
| 738 | 1224 | } |
| 739 | -.wpc-admin-toolbar .wpc-tab.wpc-get-pro{ | |
| 1225 | + | |
| 1226 | +.wpc-admin-toolbar .wpc-tab.wpc-get-pro { | |
| 740 | 1227 | line-height: 2.15384615; |
| 741 | 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; | |
| 742 | 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 | + | |
| 743 | 1257 | .wpc-admin-toolbar .wpc-tab.is-active { |
| 744 | - border-bottom: #0071a4 solid 3px; | |
| 1258 | + border-bottom: 3px solid var(--wp-admin-theme-color, var(--wpc-admin-theme-color)); | |
| 745 | 1259 | padding-bottom: 2px; |
| 746 | 1260 | } |
| 747 | -.wpc-admin-toolbar h2 img{ | |
| 1261 | + | |
| 1262 | +.license-notice h2 img, | |
| 1263 | +.wpc-admin-toolbar h2 img { | |
| 748 | 1264 | float: left; |
| 749 | - margin: 8px 7px 0 0; | |
| 1265 | + margin: 7px 7px 0 0; | |
| 750 | 1266 | } |
| 751 | -.wpc-admin-right{ | |
| 1267 | + | |
| 1268 | +.license-notice h2 img { | |
| 1269 | + margin-top: 4px; | |
| 1270 | +} | |
| 1271 | + | |
| 1272 | +.wpc-admin-right { | |
| 752 | 1273 | float: right; |
| 753 | 1274 | padding-right: 20px; |
| 754 | 1275 | padding-left: 20px; |
| 755 | 1276 | margin: 7px 0; |
| 756 | 1277 | } |
| 757 | -.wpc-admin-right .wpc-tab{ | |
| 758 | - margin: 0 10px; | |
| 1278 | + | |
| 1279 | +.wpc-admin-right .wpc-tab.button-primary { | |
| 1280 | + margin: 0 0 0 14px; | |
| 759 | 1281 | } |
| 760 | -.wpc-tab .dashicons{ | |
| 1282 | + | |
| 1283 | +.wpc-tab .dashicons { | |
| 761 | 1284 | position: relative; |
| 762 | 1285 | top: 5px; |
| 763 | 1286 | display: none; |
| 764 | 1287 | } |
| 765 | -.wpc-tab-divider{ | |
| 1288 | + | |
| 1289 | +.wpc-tab-divider { | |
| 766 | 1290 | border-left: 1px solid #ccc; |
| 767 | 1291 | } |
| 768 | -.wpc-inactive-settings-field{ | |
| 1292 | + | |
| 1293 | +.wpc-inactive-settings-field, .wpc-inactive-settings-field-text { | |
| 769 | 1294 | color: #b7b7b7; |
| 770 | 1295 | } |
| 771 | -.description{ | |
| 1296 | + | |
| 1297 | +.description { | |
| 772 | 1298 | margin: 2px 0 5px; |
| 773 | 1299 | color: #646970; |
| 774 | 1300 | } |
| 775 | -.wpc-field-required{ | |
| 1301 | + | |
| 1302 | +.wpc-field-required { | |
| 776 | 1303 | color: #929292; |
| 777 | 1304 | margin-left: 3px; |
| 778 | 1305 | } |
| 779 | -.wpc-go-pro{ | |
| 1306 | + | |
| 1307 | +.wpc-go-pro { | |
| 780 | 1308 | color: #ed2390; |
| 781 | 1309 | font-weight: 700; |
| 782 | 1310 | } |
| 783 | -.comparison-table{ | |
| 1311 | + | |
| 1312 | +.comparison-table { | |
| 784 | 1313 | border-color: #F2F2F2; |
| 785 | 1314 | width: 600px; |
| 786 | 1315 | } |
| 1316 | + | |
| 787 | 1317 | .comparison-table td, |
| 788 | -.comparison-table th{ | |
| 1318 | +.comparison-table th { | |
| 789 | 1319 | padding: 5px; |
| 790 | 1320 | font-size: 14px; |
| 791 | 1321 | } |
| 1322 | + | |
| 792 | 1323 | .comparison-table td:nth-child(2), |
| 793 | 1324 | .comparison-table td:nth-child(3), |
| 794 | 1325 | .comparison-table .second-td, |
| 795 | -.comparison-table .third-td{ | |
| 1326 | +.comparison-table .third-td { | |
| 796 | 1327 | text-align: center; |
| 797 | 1328 | } |
| 798 | -.comparison-table .yes{ | |
| 1329 | + | |
| 1330 | +.comparison-table .yes { | |
| 799 | 1331 | display: inline-block; |
| 800 | 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"); |
| 801 | 1333 | background-repeat: no-repeat; |
| 802 | 1334 | background-size: 16px; |
| @@ -803,14 +1335,16 @@ | ||
| 803 | 1335 | width: 16px; |
| 804 | 1336 | height: 16px; |
| 805 | 1337 | position: relative; |
| 806 | 1338 | } |
| 807 | -.comparison-table .no{ | |
| 1339 | + | |
| 1340 | +.comparison-table .no { | |
| 808 | 1341 | display: inline-block; |
| 809 | 1342 | width: 16px; |
| 810 | 1343 | height: 16px; |
| 811 | 1344 | } |
| 812 | -.wpc-notes-table{ | |
| 1345 | + | |
| 1346 | +.wpc-notes-table { | |
| 813 | 1347 | border-color: #f1f1f1; |
| 814 | 1348 | border-style: solid; |
| 815 | 1349 | border-collapse: separate; |
| 816 | 1350 | border-spacing: 0; |
| @@ -816,13 +1350,15 @@ | ||
| 816 | 1350 | border-spacing: 0; |
| 817 | 1351 | border-width: 1px 0 0 1px; |
| 818 | 1352 | width: 100%; |
| 819 | 1353 | } |
| 820 | -.wpc-notes-table th{ | |
| 1354 | + | |
| 1355 | +.wpc-notes-table th { | |
| 821 | 1356 | width: 131px; |
| 822 | 1357 | } |
| 1358 | + | |
| 823 | 1359 | .wpc-notes-table td, |
| 824 | -.wpc-notes-table th{ | |
| 1360 | +.wpc-notes-table th { | |
| 825 | 1361 | text-align: left; |
| 826 | 1362 | border-bottom: #f1f1f1 solid 1px; |
| 827 | 1363 | border-right: #f1f1f1 solid 1px; |
| 828 | 1364 | padding: 9px 12px; |
| @@ -827,93 +1363,137 @@ | ||
| 827 | 1363 | border-right: #f1f1f1 solid 1px; |
| 828 | 1364 | padding: 9px 12px; |
| 829 | 1365 | text-align: left; |
| 830 | 1366 | } |
| 1367 | + | |
| 1368 | +.wpc-filter-field-min-max-labels-wrap, | |
| 1369 | +.wpc-filter-field-include-exclude-wrap, | |
| 831 | 1370 | .wpc-filter-field-apply-button-location-td, |
| 832 | -.wpc-filter-field-location-td{ | |
| 1371 | +.wpc-filter-field-location-td { | |
| 833 | 1372 | display: flex; |
| 834 | 1373 | justify-content: space-between; |
| 1374 | + flex-wrap: wrap; | |
| 835 | 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 | + | |
| 836 | 1386 | div.wpc_set_fields-apply_button_page_type-wrap, |
| 837 | -div.wpc_set_fields-wp_page_type-wrap{ | |
| 1387 | +div.wpc_set_fields-wp_page_type-wrap { | |
| 838 | 1388 | width: 47%; |
| 839 | 1389 | } |
| 1390 | + | |
| 840 | 1391 | div.wpc_set_fields-apply_button_post_name-wrap, |
| 841 | -div.wpc_set_fields-post_name-wrap{ | |
| 1392 | +div.wpc_set_fields-post_name-wrap { | |
| 842 | 1393 | width: 51% |
| 843 | 1394 | } |
| 844 | -.wpc-warning{ | |
| 1395 | + | |
| 1396 | +.wpc-warning { | |
| 845 | 1397 | color: #cc0000; |
| 846 | 1398 | } |
| 847 | -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 { | |
| 848 | 1405 | text-decoration: none; |
| 849 | 1406 | display: flex; |
| 1407 | + cursor: pointer; | |
| 850 | 1408 | align-items: center; |
| 851 | 1409 | color: #666666; |
| 1410 | + width: 20px; | |
| 1411 | + height: 100%; | |
| 852 | 1412 | outline: none; |
| 853 | 1413 | border: none; |
| 854 | 1414 | } |
| 855 | -a.wpc-location-preview:hover{ | |
| 1415 | + | |
| 1416 | +a.wpc-location-preview:hover, a.wpc-location-preview-not-pro:hover { | |
| 856 | 1417 | color: #135e96; |
| 857 | 1418 | } |
| 858 | -a.wpc-location-preview span{ | |
| 1419 | + | |
| 1420 | +a.wpc-location-preview span, a.wpc-location-preview-not-pro span { | |
| 859 | 1421 | font-size: 18px; |
| 860 | 1422 | } |
| 861 | -.wpc-full-width{ | |
| 1423 | + | |
| 1424 | +.wpc-full-width { | |
| 862 | 1425 | width: 100%; |
| 863 | 1426 | clear: both; |
| 864 | 1427 | flex-grow: 2; |
| 1428 | + line-height: 20px; | |
| 865 | 1429 | } |
| 866 | -#wpc-field-apply-button-location-container, | |
| 867 | -#wpc-field-location-container{ | |
| 1430 | + | |
| 1431 | +#wpc-field-apply-button-location-container { | |
| 868 | 1432 | display: flex; |
| 869 | 1433 | flex-wrap: wrap; |
| 870 | 1434 | } |
| 871 | -#wpc_set_fields-post_name{ | |
| 872 | - flex-grow: 1; | |
| 873 | - width: auto; | |
| 1435 | + | |
| 1436 | +.wpc-field-location-wrapper { | |
| 1437 | + display: flex; | |
| 1438 | + justify-content: space-between; | |
| 1439 | +} | |
| 1440 | + | |
| 1441 | +#wpc_set_fields-post_name { | |
| 1442 | + width: calc(100% - 25px); | |
| 874 | 1443 | margin-right: 5px; |
| 875 | - max-width: 408px; | |
| 876 | 1444 | } |
| 877 | -.wpc-bottom-widget-compatibility{ | |
| 1445 | + | |
| 1446 | +.wpc-color-swatches-taxonomies, | |
| 1447 | +.wpc-bottom-widget-compatibility { | |
| 878 | 1448 | display: none; |
| 879 | 1449 | } |
| 880 | -.wpc-bottom-widget-compatibility.wpc-opened{ | |
| 1450 | + | |
| 1451 | +.wpc-color-swatches-taxonomies.wpc-opened, | |
| 1452 | +.wpc-bottom-widget-compatibility.wpc-opened { | |
| 881 | 1453 | display: table-row; |
| 882 | 1454 | } |
| 883 | -.post-type-filter-set .select2-container--default .select2-results__option{ | |
| 1455 | + | |
| 1456 | +.post-type-filter-set .select2-container--default .select2-results__option { | |
| 884 | 1457 | margin: 0; |
| 885 | 1458 | } |
| 886 | -.select2-container--default .select2-selection--multiple .select2-selection__choice{ | |
| 1459 | + | |
| 1460 | +.select2-container--default .select2-selection--multiple .select2-selection__choice { | |
| 887 | 1461 | margin-bottom: 0; |
| 888 | 1462 | } |
| 889 | -.post-type-filter-set .select2-container--default .select2-results__option:hover{ | |
| 1463 | + | |
| 1464 | +.post-type-filter-set .select2-container--default .select2-results__option:hover { | |
| 890 | 1465 | cursor: pointer; |
| 891 | 1466 | } |
| 1467 | + | |
| 892 | 1468 | .post-type-filter-set .select2-container--default .select2-results__option[aria-selected=true], |
| 893 | -.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] { | |
| 894 | 1470 | background-color: #f2f2f2; |
| 895 | 1471 | } |
| 1472 | + | |
| 896 | 1473 | .post-type-filter-set .select2-container--default .select2-results__option--highlighted[aria-selected], |
| 897 | 1474 | .post-type-filter-set .select2-container--default .select2-results__option--highlighted[data-selected] { |
| 898 | 1475 | background-color: #0570e2; |
| 899 | 1476 | color: #f5f5f5; |
| 900 | 1477 | } |
| 1478 | + | |
| 901 | 1479 | .wpc-filter-tr .select2-container--default .select2-selection--multiple .select2-selection__choice, |
| 902 | -.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 { | |
| 903 | 1481 | padding: 5px 5px 5px 25px; |
| 904 | 1482 | margin: 5px; |
| 905 | 1483 | position: relative; |
| 906 | 1484 | } |
| 1485 | + | |
| 907 | 1486 | .wpc-filter-tr .select2-container--default .select2-selection--multiple .select2-selection__choice__remove, |
| 908 | -.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 { | |
| 909 | 1488 | display: flex; |
| 910 | 1489 | height: 100%; |
| 911 | 1490 | align-items: center; |
| 912 | 1491 | line-height: 1; |
| 913 | 1492 | } |
| 1493 | + | |
| 914 | 1494 | .wpc-filter-tr .select2-container--default .select2-selection--multiple .select2-selection__choice__remove, |
| 915 | -.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 { | |
| 916 | 1496 | background-color: transparent; |
| 917 | 1497 | border: none; |
| 918 | 1498 | border-right: 1px solid #aaa; |
| 919 | 1499 | border-top-left-radius: 4px; |
| @@ -926,37 +1506,218 @@ | ||
| 926 | 1506 | position: absolute; |
| 927 | 1507 | left: 0; |
| 928 | 1508 | top: 0; |
| 929 | 1509 | } |
| 1510 | + | |
| 930 | 1511 | .wpc-filter-tr .select2-container .select2-selection--multiple, |
| 931 | -.wpc-form-table.form-table .select2-container .select2-selection--multiple{ | |
| 1512 | +.wpc-form-table.form-table .select2-container .select2-selection--multiple { | |
| 932 | 1513 | padding: 5px; |
| 933 | 1514 | } |
| 934 | -.wpc-form-table.form-table .select2-container .select2-selection--multiple{ | |
| 1515 | + | |
| 1516 | +.wpc-form-table.form-table .select2-container .select2-selection--multiple { | |
| 935 | 1517 | min-height: 52px; |
| 936 | 1518 | } |
| 1519 | + | |
| 937 | 1520 | .wpc-filter-tr .select2-container .select2-selection--multiple .select2-selection__rendered:after, |
| 938 | -.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 { | |
| 939 | 1522 | content: ""; |
| 940 | 1523 | display: block; |
| 941 | 1524 | clear: both; |
| 942 | 1525 | float: none; |
| 943 | 1526 | } |
| 1527 | + | |
| 944 | 1528 | .wpc-filter-tr .select2-search.select2-search--inline, |
| 945 | -.wpc-form-table.form-table .select2-search.select2-search--inline{ | |
| 1529 | +.wpc-form-table.form-table .select2-search.select2-search--inline { | |
| 946 | 1530 | display: inline-block; |
| 947 | 1531 | } |
| 1532 | + | |
| 948 | 1533 | .wpc-filter-tr .select2-search.select2-search--inline input.select2-search__field, |
| 949 | -.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 { | |
| 950 | 1535 | width: auto !important; |
| 951 | 1536 | } |
| 952 | -.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 { | |
| 953 | 1543 | width: 14px; |
| 954 | 1544 | height: 14px; |
| 955 | 1545 | font-size: 14px; |
| 1546 | + color: #a3a3a3; | |
| 956 | 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 | + | |
| 957 | 1718 | @media screen and (max-width: 1200px) { |
| 958 | - #wpc-intersections-table .wpc-filter-field-td{ | |
| 1719 | + #wpc-intersections-table .wpc-filter-field-td { | |
| 959 | 1720 | padding-top: 10px; |
| 960 | 1721 | padding-bottom: 10px; |
| 961 | 1722 | display: block !important; |
| 962 | 1723 | width: auto !important; |
| @@ -961,59 +1722,88 @@ | ||
| 961 | 1722 | display: block !important; |
| 962 | 1723 | width: auto !important; |
| 963 | 1724 | border: 0 none !important; |
| 964 | 1725 | } |
| 965 | - .wpc-filter-field-location-td{ | |
| 1726 | + | |
| 1727 | + .wpc-filter-field-apply-button-location-td, | |
| 1728 | + .wpc-filter-field-location-td { | |
| 966 | 1729 | display: block; |
| 967 | 1730 | } |
| 1731 | + | |
| 1732 | + div.wpc_set_fields-apply_button_post_name-wrap, | |
| 1733 | + div.wpc_set_fields-apply_button_page_type-wrap, | |
| 968 | 1734 | div.wpc_set_fields-post_name-wrap, |
| 969 | - div.wpc_set_fields-wp_page_type-wrap{ | |
| 1735 | + div.wpc_set_fields-wp_page_type-wrap { | |
| 970 | 1736 | width: 100%; |
| 971 | 1737 | } |
| 1738 | + | |
| 1739 | + .wpc-field-exclude-wrap { | |
| 1740 | + width: 73%; | |
| 1741 | + margin-right: 2%; | |
| 1742 | + } | |
| 1743 | + | |
| 1744 | + .wpc-field-include-wrap { | |
| 1745 | + width: 25%; | |
| 1746 | + display: flex; | |
| 1747 | + } | |
| 1748 | + | |
| 1749 | + .wpc-field-include { | |
| 1750 | + min-width: 0; | |
| 1751 | + } | |
| 972 | 1752 | } |
| 1753 | + | |
| 973 | 1754 | @media screen and (max-width: 850px) { |
| 974 | - .wpc-no-filters{ | |
| 1755 | + .wpc-no-filters { | |
| 975 | 1756 | padding-left: 24px; |
| 976 | 1757 | padding-right: 24px; |
| 977 | 1758 | } |
| 1759 | + | |
| 978 | 1760 | .wpc-filter-label-td:not(.wpc-filter-delete-controls-td), |
| 979 | - .wpc-filter-field-td:not(.wpc-filter-delete-td){ | |
| 1761 | + .wpc-filter-field-td:not(.wpc-filter-delete-td) { | |
| 980 | 1762 | display: block !important; |
| 981 | 1763 | width: auto !important; |
| 982 | 1764 | border: 0 none !important; |
| 983 | 1765 | } |
| 984 | - .wpc-filter-label-td{ | |
| 1766 | + | |
| 1767 | + .wpc-filter-label-td { | |
| 985 | 1768 | background-color: transparent; |
| 986 | 1769 | padding-bottom: 0; |
| 987 | 1770 | } |
| 988 | - .wpc-additional-fields-selector{ | |
| 1771 | + | |
| 1772 | + .wpc-additional-fields-selector { | |
| 989 | 1773 | position: static; |
| 990 | 1774 | top: auto; |
| 991 | 1775 | margin-top: 15px; |
| 992 | 1776 | } |
| 993 | - .wpc-field-description br{ | |
| 1777 | + | |
| 1778 | + .wpc-field-description br { | |
| 994 | 1779 | display: none; |
| 995 | 1780 | } |
| 996 | 1781 | } |
| 1782 | + | |
| 997 | 1783 | @media screen and (max-width: 782px) { |
| 998 | - .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 { | |
| 999 | 1785 | min-height: 27px; |
| 1000 | 1786 | line-height: 27px; |
| 1001 | 1787 | } |
| 1788 | + | |
| 1002 | 1789 | .wpc-filter-field-td .select2-container .select2-selection--multiple .select2-selection__rendered, |
| 1003 | - .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 { | |
| 1004 | 1791 | min-height: 28px; |
| 1005 | 1792 | line-height: 28px; |
| 1006 | 1793 | } |
| 1007 | - .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 { | |
| 1008 | 1796 | min-height: 32px; |
| 1009 | 1797 | line-height: 32px; |
| 1010 | 1798 | } |
| 1011 | - .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 { | |
| 1012 | 1801 | height: 40px; |
| 1013 | 1802 | } |
| 1803 | + | |
| 1014 | 1804 | .form-table.wpc-sortable-table th, |
| 1015 | - .form-table.wpc-sortable-table td{ | |
| 1805 | + .form-table.wpc-sortable-table td { | |
| 1016 | 1806 | display: table-cell; |
| 1017 | 1807 | margin-bottom: 9px; |
| 1018 | 1808 | padding: 15px 10px; |
| 1019 | 1809 | line-height: 1.3; |
| @@ -1019,32 +1809,1363 @@ | ||
| 1019 | 1809 | line-height: 1.3; |
| 1020 | 1810 | vertical-align: middle; |
| 1021 | 1811 | } |
| 1022 | 1812 | } |
| 1813 | + | |
| 1023 | 1814 | @media screen and (max-width: 600px) { |
| 1024 | - .wpc-admin-toolbar{ | |
| 1815 | + .wpc-admin-toolbar { | |
| 1025 | 1816 | display: none; |
| 1026 | 1817 | } |
| 1027 | - .comparison-table{ | |
| 1818 | + | |
| 1819 | + .comparison-table { | |
| 1028 | 1820 | width: auto; |
| 1029 | 1821 | } |
| 1822 | + | |
| 1823 | + .wpc-filter-field-include-exclude-wrap { | |
| 1824 | + display: block; | |
| 1825 | + } | |
| 1826 | + | |
| 1827 | + .wpc-field-exclude-wrap, | |
| 1828 | + .wpc-field-include-wrap { | |
| 1829 | + width: 100%; | |
| 1830 | + } | |
| 1831 | + | |
| 1832 | + .wpc-field-exclude-wrap { | |
| 1833 | + margin-right: 0; | |
| 1834 | + margin-bottom: 10px; | |
| 1835 | + } | |
| 1030 | 1836 | } |
| 1837 | + | |
| 1031 | 1838 | @media screen and (max-width: 485px) { |
| 1032 | 1839 | .wpc-filter-label-td.wpc-filter-delete-controls-td, |
| 1033 | - .wpc-filter-field-td.wpc-filter-delete-td{ | |
| 1840 | + .wpc-filter-field-td.wpc-filter-delete-td { | |
| 1034 | 1841 | display: block !important; |
| 1035 | 1842 | width: auto !important; |
| 1036 | 1843 | border: 0 none !important; |
| 1037 | 1844 | } |
| 1038 | - .wpc-filter-view{ | |
| 1845 | + | |
| 1846 | + .wpc-filter-view { | |
| 1039 | 1847 | display: none; |
| 1040 | 1848 | } |
| 1849 | + | |
| 1041 | 1850 | li.wpc-filter-label, |
| 1042 | 1851 | li.wpc-filter-entity, |
| 1043 | - li.wpc-filter-slug{ | |
| 1852 | + li.wpc-filter-slug { | |
| 1044 | 1853 | width: 30%; |
| 1045 | 1854 | } |
| 1855 | + | |
| 1046 | 1856 | .form-table.wpc-sortable-table th, |
| 1047 | - .form-table.wpc-sortable-table td{ | |
| 1857 | + .form-table.wpc-sortable-table td { | |
| 1048 | 1858 | padding-left: 0; |
| 1049 | 1859 | } |
| 1050 | -} | |
| 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 | +} | |
