| @@ -1,4 +1,5 @@ | ||
| 1 | +@charset "UTF-8"; | |
| 1 | 2 | :root { |
| 2 | 3 | --wowp-blue: #005BBF; |
| 3 | 4 | --wowp-yellow: #FFD500; |
| 4 | 5 | --wowp-border: #cccccc; |
| @@ -39,11 +40,10 @@ | ||
| 39 | 40 | } |
| 40 | 41 | |
| 41 | 42 | .wowp-header { |
| 42 | 43 | position: relative; |
| 43 | - padding: 32px 20px; | |
| 44 | + padding: 32px 36px; | |
| 44 | 45 | margin-left: -20px; |
| 45 | - background: #ffffff; | |
| 46 | 46 | display: flex; |
| 47 | 47 | align-items: center; |
| 48 | 48 | gap: 1rem; |
| 49 | 49 | flex-wrap: wrap; |
| @@ -48,8 +48,29 @@ | ||
| 48 | 48 | gap: 1rem; |
| 49 | 49 | flex-wrap: wrap; |
| 50 | 50 | } |
| 51 | 51 | |
| 52 | +.wowp-header-title { | |
| 53 | + display: flex; | |
| 54 | + align-items: center; | |
| 55 | + background: #ffffff; | |
| 56 | + padding: 22px 36px; | |
| 57 | + margin-left: -20px; | |
| 58 | + border-top: 1px solid #dcdcdc; | |
| 59 | + border-bottom: 1px solid #dcdcdc; | |
| 60 | +} | |
| 61 | +.wowp-header-title h2 { | |
| 62 | + font-size: 22px; | |
| 63 | + font-weight: 600; | |
| 64 | + margin: 0; | |
| 65 | +} | |
| 66 | +.wowp-header-title .button { | |
| 67 | + margin-left: 20px; | |
| 68 | +} | |
| 69 | +.wowp-header-title .wowp-notice-license { | |
| 70 | + margin-left: 20px; | |
| 71 | +} | |
| 72 | + | |
| 52 | 73 | .wowp-logo { |
| 53 | 74 | display: flex; |
| 54 | 75 | align-items: center; |
| 55 | 76 | } |
| @@ -71,17 +92,11 @@ | ||
| 71 | 92 | } |
| 72 | 93 | |
| 73 | 94 | .wowp-links { |
| 74 | 95 | position: absolute; |
| 75 | - top: 0; | |
| 76 | - right: 20px; | |
| 96 | + bottom: 0; | |
| 97 | + left: 36px; | |
| 77 | 98 | display: flex; |
| 78 | - border-radius: 0 0 4px 4px; | |
| 79 | - border: 2px solid; | |
| 80 | - border-top: none; | |
| 81 | - background-color: #DFE2FC; | |
| 82 | - border-image: linear-gradient(to right, #14102C, #E86E2C); | |
| 83 | - border-image-slice: 1; | |
| 84 | 99 | } |
| 85 | 100 | @media screen and (max-width: 850px) { |
| 86 | 101 | .wowp-links { |
| 87 | 102 | display: none; |
| @@ -93,9 +108,8 @@ | ||
| 93 | 108 | } |
| 94 | 109 | |
| 95 | 110 | .wowp-links a { |
| 96 | 111 | text-decoration: none; |
| 97 | - color: #14102C; | |
| 98 | 112 | display: flex; |
| 99 | 113 | flex-direction: column; |
| 100 | 114 | font-size: 12px; |
| 101 | 115 | align-items: center; |
| @@ -103,16 +117,18 @@ | ||
| 103 | 117 | transition: all 0.15s linear; |
| 104 | 118 | } |
| 105 | 119 | |
| 106 | 120 | .wowp-links a:hover { |
| 107 | - background-color: #F6C8AF; | |
| 121 | + color: #14102C; | |
| 108 | 122 | } |
| 109 | 123 | |
| 124 | +.wowp-links .codericon, | |
| 110 | 125 | .wowp-links .dashicons { |
| 111 | 126 | width: 15px; |
| 112 | 127 | height: 15px; |
| 113 | 128 | font-size: 15px; |
| 114 | 129 | color: #596FF9; |
| 130 | + display: none; | |
| 115 | 131 | } |
| 116 | 132 | |
| 117 | 133 | .wowp-wrap .nav-tab-wrapper .nav-tab-active { |
| 118 | 134 | color: var(--wowp-blue); |
| @@ -118,9 +134,9 @@ | ||
| 118 | 134 | color: var(--wowp-blue); |
| 119 | 135 | } |
| 120 | 136 | |
| 121 | 137 | .wowp-list { |
| 122 | - padding: 50px 0; | |
| 138 | + padding: 50px 36px 50px 16px; | |
| 123 | 139 | } |
| 124 | 140 | |
| 125 | 141 | @media screen and (max-width: 782px) { |
| 126 | 142 | .wowp-list td.column-mode span:first-child { |
| @@ -149,8 +165,20 @@ | ||
| 149 | 165 | .wowp-status-off { |
| 150 | 166 | background-color: red; |
| 151 | 167 | } |
| 152 | 168 | |
| 169 | +.wowp-settings #titlewrap input { | |
| 170 | + padding: 3px 8px; | |
| 171 | + font-size: 1.7em; | |
| 172 | + line-height: 100%; | |
| 173 | + height: 1.7em; | |
| 174 | + width: 100%; | |
| 175 | + outline: none; | |
| 176 | + margin: 0 0 3px; | |
| 177 | + background-color: #fff; | |
| 178 | + border-radius: 0; | |
| 179 | +} | |
| 180 | + | |
| 153 | 181 | .wowp-wrap fieldset { |
| 154 | 182 | border: 2px solid var(--wowp-border); |
| 155 | 183 | padding: 20px; |
| 156 | 184 | display: flex; |
| @@ -168,9 +196,10 @@ | ||
| 168 | 196 | .wowp-field { |
| 169 | 197 | position: relative; |
| 170 | 198 | box-sizing: border-box; |
| 171 | 199 | } |
| 172 | -.wowp-field > input:not([type=checkbox], [type=radio]), .wowp-field > select { | |
| 200 | +.wowp-field input:not([type=checkbox], [type=radio], .wp-color-picker, .wp-picker-clear, .button), | |
| 201 | +.wowp-field select { | |
| 173 | 202 | height: 40px; |
| 174 | 203 | line-height: 40px; |
| 175 | 204 | width: 100%; |
| 176 | 205 | border: 1px solid var(--wowp-blue); |
| @@ -175,8 +204,12 @@ | ||
| 175 | 204 | width: 100%; |
| 176 | 205 | border: 1px solid var(--wowp-blue); |
| 177 | 206 | max-width: 100%; |
| 178 | 207 | } |
| 208 | +.wowp-field textarea { | |
| 209 | + width: 100%; | |
| 210 | + min-height: 350px; | |
| 211 | +} | |
| 179 | 212 | .wowp-field .label { |
| 180 | 213 | position: absolute; |
| 181 | 214 | top: 0; |
| 182 | 215 | left: 10px; |
| @@ -184,13 +217,14 @@ | ||
| 184 | 217 | font-size: 12px; |
| 185 | 218 | font-weight: 700; |
| 186 | 219 | padding: 0 5px; |
| 187 | 220 | color: #004A9B; |
| 221 | + z-index: 9; | |
| 188 | 222 | } |
| 189 | 223 | .wowp-field .label:after { |
| 190 | 224 | position: absolute; |
| 191 | 225 | content: " "; |
| 192 | - height: 3px; | |
| 226 | + height: 4px; | |
| 193 | 227 | background: #fff; |
| 194 | 228 | width: 100%; |
| 195 | 229 | top: 50%; |
| 196 | 230 | left: 0; |
| @@ -196,8 +230,46 @@ | ||
| 196 | 230 | left: 0; |
| 197 | 231 | z-index: -1; |
| 198 | 232 | transform: translateY(-50%); |
| 199 | 233 | } |
| 234 | +.wowp-field .label.wowp-info:before { | |
| 235 | + position: absolute; | |
| 236 | + content: "?"; | |
| 237 | + top: 0; | |
| 238 | + left: calc(100% - 5px); | |
| 239 | + font-size: 10px; | |
| 240 | + color: var(--wowp-dark); | |
| 241 | + transform: translateY(calc(-50% )); | |
| 242 | + font-weight: bold; | |
| 243 | +} | |
| 244 | +.wowp-field .label.wowp-info:hover:before { | |
| 245 | + position: absolute; | |
| 246 | + top: 0; | |
| 247 | + left: 0; | |
| 248 | + background-color: #2B222A; | |
| 249 | + border-radius: 5px; | |
| 250 | + color: #fff; | |
| 251 | + content: attr(data-info); | |
| 252 | + padding: 5px 10px; | |
| 253 | + text-transform: none; | |
| 254 | + width: 160px; | |
| 255 | + transform: translateY(calc(-100% - 7px)); | |
| 256 | + word-wrap: break-word; | |
| 257 | + white-space: break-spaces; | |
| 258 | + line-height: 1.1; | |
| 259 | + font-weight: normal; | |
| 260 | + font-size: 12px; | |
| 261 | +} | |
| 262 | +.wowp-field .wowp-download-img { | |
| 263 | + position: absolute; | |
| 264 | + top: 0; | |
| 265 | + right: 5px; | |
| 266 | + transform: translateY(-100%); | |
| 267 | + font-weight: 600; | |
| 268 | + font-size: 8px; | |
| 269 | + cursor: pointer; | |
| 270 | + color: var(--wowp-dark); | |
| 271 | +} | |
| 200 | 272 | |
| 201 | 273 | .wowp-field { |
| 202 | 274 | width: calc(100%/3 - 15px/2 - 2.5px); |
| 203 | 275 | } |
| @@ -206,9 +278,9 @@ | ||
| 206 | 278 | width: 100%; |
| 207 | 279 | } |
| 208 | 280 | } |
| 209 | 281 | |
| 210 | -.wowp-field.has-chackbox { | |
| 282 | +.wowp-field.has-checkbox { | |
| 211 | 283 | display: flex; |
| 212 | 284 | padding: 0 8px; |
| 213 | 285 | align-items: center; |
| 214 | 286 | border: 1px solid var(--wowp-blue); |
| @@ -218,16 +290,16 @@ | ||
| 218 | 290 | gap: 8px; |
| 219 | 291 | width: calc(100%/3 - 15px/2 - 2.5px - 2.5px); |
| 220 | 292 | } |
| 221 | 293 | @media screen and (max-width: 1024px) { |
| 222 | - .wowp-field.has-chackbox { | |
| 294 | + .wowp-field.has-checkbox { | |
| 223 | 295 | width: 100%; |
| 224 | 296 | } |
| 225 | 297 | } |
| 226 | -.wowp-field.has-chackbox input[type=checkbox] { | |
| 227 | - margin: 0; | |
| 298 | +.wowp-field.has-checkbox input[type=checkbox] { | |
| 299 | + margin: 0 8px 0 0; | |
| 228 | 300 | } |
| 229 | -.wowp-field.has-chackbox .label { | |
| 301 | +.wowp-field.has-checkbox .label { | |
| 230 | 302 | line-height: initial; |
| 231 | 303 | } |
| 232 | 304 | |
| 233 | 305 | .wowp-field.has-addon { |
| @@ -234,13 +306,14 @@ | ||
| 234 | 306 | display: flex; |
| 235 | 307 | align-items: center; |
| 236 | 308 | } |
| 237 | 309 | .wowp-field.has-addon .is-addon { |
| 238 | - box-sizing: inherit; | |
| 310 | + order: -1; | |
| 311 | + box-sizing: border-box; | |
| 239 | 312 | height: 40px; |
| 240 | 313 | line-height: 40px; |
| 241 | 314 | padding: 0 8px; |
| 242 | - background-color: #DFE2FC; | |
| 315 | + background-color: #ffffff; | |
| 243 | 316 | color: var(--wowp-dark); |
| 244 | 317 | border: 1px solid var(--wowp-blue); |
| 245 | 318 | border-radius: 3px 0 0 3px; |
| 246 | 319 | border-right: none; |
| @@ -245,12 +318,63 @@ | ||
| 245 | 318 | border-radius: 3px 0 0 3px; |
| 246 | 319 | border-right: none; |
| 247 | 320 | margin-right: -2px; |
| 248 | 321 | } |
| 322 | +.wowp-field.has-addon select, | |
| 249 | 323 | .wowp-field.has-addon input:not([type=checkbox], [type=radio]) { |
| 324 | + box-sizing: border-box; | |
| 250 | 325 | border-radius: 0 3px 3px 0; |
| 326 | + border-left: none; | |
| 251 | 327 | } |
| 328 | +.wowp-field.has-addon select[readonly] + .is-addon, | |
| 329 | +.wowp-field.has-addon input:not([type=checkbox], [type=radio])[readonly] + .is-addon { | |
| 330 | + background-color: #f0f0f1; | |
| 331 | +} | |
| 332 | +.wowp-field.has-addon select:focus, | |
| 333 | +.wowp-field.has-addon input:not([type=checkbox], [type=radio]):focus { | |
| 334 | + box-shadow: none; | |
| 335 | +} | |
| 336 | +.wowp-field.has-addon:has(input:focus) { | |
| 337 | + box-shadow: 0 0 0 1px #2271b1; | |
| 338 | + border-radius: 3px; | |
| 339 | +} | |
| 340 | +.wowp-field.has-addon.has-background .is-addon { | |
| 341 | + background-color: #DFE2FC; | |
| 342 | +} | |
| 252 | 343 | |
| 344 | +.wowp-field.has-addon-right label { | |
| 345 | + display: flex; | |
| 346 | + align-items: center; | |
| 347 | +} | |
| 348 | +.wowp-field.has-addon-right label .is-addon { | |
| 349 | + order: 1; | |
| 350 | + box-sizing: border-box; | |
| 351 | + height: 40px; | |
| 352 | + line-height: 40px; | |
| 353 | + padding: 0 8px; | |
| 354 | + background-color: #ffffff; | |
| 355 | + color: var(--wowp-dark); | |
| 356 | + border: 1px solid var(--wowp-blue); | |
| 357 | + border-radius: 0 3px 3px 0; | |
| 358 | + border-left: none; | |
| 359 | + margin-left: -2px; | |
| 360 | +} | |
| 361 | +.wowp-field.has-addon-right label select, | |
| 362 | +.wowp-field.has-addon-right label input:not([type=checkbox], [type=radio]) { | |
| 363 | + border-radius: 3px 0 0 3px; | |
| 364 | +} | |
| 365 | +.wowp-field.has-addon-right label select:focus + .is-addon, | |
| 366 | +.wowp-field.has-addon-right label input:not([type=checkbox], [type=radio]):focus + .is-addon { | |
| 367 | + box-shadow: 0 0 0 1px #2271b1; | |
| 368 | +} | |
| 369 | +.wowp-field.has-addon-right:has(input:focus) { | |
| 370 | + box-shadow: 0 0 0 1px #2271b1; | |
| 371 | + border-radius: 3px; | |
| 372 | +} | |
| 373 | +.wowp-field.has-addon-right.has-background .is-addon { | |
| 374 | + background-color: #DFE2FC; | |
| 375 | +} | |
| 376 | + | |
| 253 | 377 | .wowp-field.has-addon .is-addon .dashicons { |
| 254 | 378 | line-height: 40px; |
| 255 | 379 | } |
| 256 | 380 | |
| @@ -267,16 +391,76 @@ | ||
| 267 | 391 | width: 100%; |
| 268 | 392 | } |
| 269 | 393 | |
| 270 | 394 | .wowp-fields-group { |
| 395 | + position: relative; | |
| 271 | 396 | display: flex; |
| 272 | 397 | gap: 15px; |
| 273 | 398 | flex-wrap: wrap; |
| 274 | 399 | width: 100%; |
| 400 | + box-sizing: border-box; | |
| 275 | 401 | } |
| 276 | 402 | |
| 403 | +.wowp-wrap .large-text.code { | |
| 404 | + background: #32373c; | |
| 405 | + color: rgba(240, 245, 250, 0.7); | |
| 406 | + font-size: 12px; | |
| 407 | + font-family: Menlo, Monaco, monospace; | |
| 408 | + display: block; | |
| 409 | + overflow: auto; | |
| 410 | + white-space: pre; | |
| 411 | + width: 100%; | |
| 412 | + height: 450px; | |
| 413 | + padding: 10px; | |
| 414 | + outline: none; | |
| 415 | +} | |
| 416 | + | |
| 417 | +.wowp-code-nav { | |
| 418 | + position: relative; | |
| 419 | + min-height: 30px; | |
| 420 | +} | |
| 421 | + | |
| 422 | +.wowp-snippet__list + .wowp-snippet__list { | |
| 423 | + border-top: 1px dashed #8c8f94; | |
| 424 | +} | |
| 425 | +.wowp-snippet__list dt { | |
| 426 | + padding-top: 0.5rem; | |
| 427 | +} | |
| 428 | +.wowp-snippet__list dt:has(input:checked) { | |
| 429 | + background-color: #f0f0f1; | |
| 430 | + margin-inline: -1.25rem; | |
| 431 | + padding-inline: 1.25rem; | |
| 432 | + transition: background-color 0.2s ease-out; | |
| 433 | +} | |
| 434 | +.wowp-snippet__list dt:has(input:checked) + dd { | |
| 435 | + background-color: #f0f0f1; | |
| 436 | + margin-inline: -1.25rem; | |
| 437 | + padding-inline: calc(1.25rem + 24px) 1.25rem; | |
| 438 | + transition: background-color 0.2s ease-out; | |
| 439 | +} | |
| 440 | +.wowp-snippet__list dt label { | |
| 441 | + font-weight: 700; | |
| 442 | + font-size: 16px; | |
| 443 | +} | |
| 444 | +.wowp-snippet__list dt input { | |
| 445 | + margin-right: 8px; | |
| 446 | +} | |
| 447 | +.wowp-snippet__list dd { | |
| 448 | + padding-top: 8px; | |
| 449 | + margin-left: 0; | |
| 450 | + padding-left: 24px; | |
| 451 | +} | |
| 452 | +.wowp-snippet__list dd:not(:last-child) { | |
| 453 | + padding-bottom: 8px; | |
| 454 | + margin-bottom: 0; | |
| 455 | + border-bottom: 1px dashed #8c8f94; | |
| 456 | +} | |
| 457 | + | |
| 277 | 458 | .wowp-notice { |
| 278 | - padding: 0.75rem 1.25rem; | |
| 459 | + padding: 22px; | |
| 460 | + border-right: none; | |
| 461 | + border-top: none; | |
| 462 | + border-bottom: none; | |
| 279 | 463 | } |
| 280 | 464 | |
| 281 | 465 | .wowp-error { |
| 282 | 466 | background: #FAD0D0; |
| @@ -290,8 +474,47 @@ | ||
| 290 | 474 | color: #14102C; |
| 291 | 475 | border-left: 6px solid #109610; |
| 292 | 476 | } |
| 293 | 477 | |
| 478 | +.wowp-notice { | |
| 479 | + --notification-color: var(--wowp-success); | |
| 480 | + position: relative; | |
| 481 | + background-color: color-mix(in srgb, var(--notification-color) 7%, white); | |
| 482 | + border-width: 1px; | |
| 483 | + border-style: solid; | |
| 484 | + border-color: var(--notification-color); | |
| 485 | + padding-block: 1.25rem; | |
| 486 | + padding-inline: 3rem 1.25rem; | |
| 487 | + border-radius: 4px; | |
| 488 | + margin-block: 15px; | |
| 489 | +} | |
| 490 | +.wowp-notice:before { | |
| 491 | + position: absolute; | |
| 492 | + left: 0.5rem; | |
| 493 | + top: 50%; | |
| 494 | + transform: translateY(-50%); | |
| 495 | + content: ""; | |
| 496 | + font-family: dashicons; | |
| 497 | + font-size: 1.5rem; | |
| 498 | + width: 2rem; | |
| 499 | + height: 2rem; | |
| 500 | + display: flex; | |
| 501 | + align-items: center; | |
| 502 | + justify-content: center; | |
| 503 | + color: var(--notification-color); | |
| 504 | +} | |
| 505 | +.wowp-notice:after { | |
| 506 | + position: absolute; | |
| 507 | + content: ""; | |
| 508 | + left: 0; | |
| 509 | + top: 50%; | |
| 510 | + transform: translateY(-50%); | |
| 511 | + height: 2rem; | |
| 512 | + width: 3px; | |
| 513 | + border-radius: 0 3px 3px 0; | |
| 514 | + background-color: var(--notification-color); | |
| 515 | +} | |
| 516 | + | |
| 294 | 517 | .wowp-file input::file-selector-button { |
| 295 | 518 | color: #14102C; |
| 296 | 519 | padding: 0.5em; |
| 297 | 520 | border: thin solid var(--wowp-yellow); |
| @@ -301,8 +524,12 @@ | ||
| 301 | 524 | .wowp-file input[type=file]:valid { |
| 302 | 525 | color: var(--wowp-orange); |
| 303 | 526 | } |
| 304 | 527 | |
| 528 | +.wowp-settings #poststuff { | |
| 529 | + padding-top: 0; | |
| 530 | + margin-top: 15px; | |
| 531 | +} | |
| 305 | 532 | .wowp-settings h4 { |
| 306 | 533 | display: flex; |
| 307 | 534 | width: max-content; |
| 308 | 535 | gap: 8px; |
| @@ -320,9 +547,9 @@ | ||
| 320 | 547 | padding: 4px 8px; |
| 321 | 548 | border-radius: 25px; |
| 322 | 549 | } |
| 323 | 550 | |
| 324 | -.wowp-icon { | |
| 551 | +.codericon { | |
| 325 | 552 | color: var(--wowp-orange); |
| 326 | 553 | } |
| 327 | 554 | |
| 328 | 555 | .nav-tab-wrapper.wowp-tab { |
| @@ -334,8 +561,9 @@ | ||
| 334 | 561 | border-bottom: 1px solid #ffffff; |
| 335 | 562 | } |
| 336 | 563 | |
| 337 | 564 | .wowp-tab-content { |
| 565 | + position: relative; | |
| 338 | 566 | padding: 1.5rem 1.25rem; |
| 339 | 567 | background-color: #ffffff; |
| 340 | 568 | border-width: 1px; |
| 341 | 569 | border-style: solid; |
| @@ -341,12 +569,14 @@ | ||
| 341 | 569 | border-style: solid; |
| 342 | 570 | border-image: linear-gradient(to bottom, var(--wowp-blue), var(--wowp-yellow)) 1 100%; |
| 343 | 571 | } |
| 344 | 572 | .wowp-tab-content .tab-content { |
| 345 | - display: none; | |
| 573 | + position: absolute; | |
| 574 | + left: -9999%; | |
| 346 | 575 | } |
| 347 | 576 | .wowp-tab-content .tab-content.tab-content-active { |
| 348 | - display: block; | |
| 577 | + position: relative; | |
| 578 | + left: 0; | |
| 349 | 579 | } |
| 350 | 580 | |
| 351 | 581 | .wowp-text-helper { |
| 352 | 582 | width: 100%; |
| @@ -351,15 +581,8 @@ | ||
| 351 | 581 | .wowp-text-helper { |
| 352 | 582 | width: 100%; |
| 353 | 583 | } |
| 354 | 584 | |
| 355 | -.CodeMirror { | |
| 356 | - border: 1px solid var(--wowp-border); | |
| 357 | - font-size: 13px; | |
| 358 | - resize: vertical; | |
| 359 | - overflow: auto; | |
| 360 | -} | |
| 361 | - | |
| 362 | 585 | .wowp-sidebar-pub-section { |
| 363 | 586 | display: flex; |
| 364 | 587 | flex-direction: column; |
| 365 | 588 | gap: 15px; |
| @@ -380,8 +603,9 @@ | ||
| 380 | 603 | text-decoration: none; |
| 381 | 604 | } |
| 382 | 605 | .wowp-sidebar-pub-section .wowp-field input:not([type=checkbox], [type=radio]) { |
| 383 | 606 | height: 32px; |
| 607 | + line-height: 32px; | |
| 384 | 608 | } |
| 385 | 609 | |
| 386 | 610 | .wowp-sidebar-pub-section [list]::-webkit-calendar-picker-indicator { |
| 387 | 611 | display: none !important; |
| @@ -417,8 +641,27 @@ | ||
| 417 | 641 | border-color: #760200; |
| 418 | 642 | color: #ffffff; |
| 419 | 643 | } |
| 420 | 644 | |
| 645 | +.button-editor { | |
| 646 | + right: 0; | |
| 647 | + bottom: 2px; | |
| 648 | + cursor: pointer; | |
| 649 | + padding: 5px 10px; | |
| 650 | + background-color: var(--wowp-border); | |
| 651 | + color: var(--wowp-dark); | |
| 652 | + border-radius: 4px; | |
| 653 | + display: block; | |
| 654 | +} | |
| 655 | +.button-editor:focus, .button-editor:hover { | |
| 656 | + background-color: var(--wowp-yellow); | |
| 657 | +} | |
| 658 | + | |
| 659 | +.add-img-btn { | |
| 660 | + align-self: flex-end; | |
| 661 | + text-align: right; | |
| 662 | +} | |
| 663 | + | |
| 421 | 664 | .has-tooltip { |
| 422 | 665 | position: relative; |
| 423 | 666 | cursor: help; |
| 424 | 667 | } |
| @@ -535,8 +778,45 @@ | ||
| 535 | 778 | .wowp-toogle.is-off:focus span, .wowp-toogle.is-off:hover span { |
| 536 | 779 | background-color: #760200; |
| 537 | 780 | } |
| 538 | 781 | |
| 782 | +.wowp-input-group { | |
| 783 | + position: relative; | |
| 784 | + display: flex; | |
| 785 | +} | |
| 786 | +.wowp-input-group .wowp-copy { | |
| 787 | + display: flex; | |
| 788 | + align-items: center; | |
| 789 | + padding: 0 5px; | |
| 790 | + cursor: pointer; | |
| 791 | + color: var(--wowp-blue); | |
| 792 | + transform: translateX(-100%); | |
| 793 | +} | |
| 794 | +.wowp-input-group .wowp-copy:hover { | |
| 795 | + color: var(--wowp-dark); | |
| 796 | +} | |
| 797 | +.wowp-input-group input { | |
| 798 | + padding-right: 21px; | |
| 799 | +} | |
| 800 | + | |
| 801 | +.wpcoder-expand { | |
| 802 | + margin-top: 8px; | |
| 803 | +} | |
| 804 | + | |
| 805 | +.wpcoder-expand__title { | |
| 806 | + color: var(--wowp-blue); | |
| 807 | + font-weight: 600; | |
| 808 | + font-size: 14px; | |
| 809 | + cursor: pointer; | |
| 810 | +} | |
| 811 | + | |
| 812 | +.wpcoder-expand__content { | |
| 813 | + padding-block: 8px; | |
| 814 | +} | |
| 815 | + | |
| 816 | +.wowp-wrap { | |
| 817 | + padding: 22px 16px 50px 16px; | |
| 818 | +} | |
| 539 | 819 | .wowp-wrap .has-shadow { |
| 540 | 820 | box-shadow: 0 0 10px 3px rgba(0, 91, 191, 0.1); |
| 541 | 821 | } |
| 542 | 822 | .wowp-wrap .has-padding { |
| @@ -558,8 +838,20 @@ | ||
| 558 | 838 | } |
| 559 | 839 | .wowp-wrap .has-mt { |
| 560 | 840 | margin-top: 24px; |
| 561 | 841 | } |
| 842 | +.wowp-wrap .color-red { | |
| 843 | + color: #760200; | |
| 844 | +} | |
| 845 | +.wowp-wrap .color-green { | |
| 846 | + color: #109610; | |
| 847 | +} | |
| 848 | +.wowp-wrap .is-relative { | |
| 849 | + position: relative; | |
| 850 | +} | |
| 851 | +.wowp-wrap ._m-is-auto { | |
| 852 | + margin-inline-start: auto; | |
| 853 | +} | |
| 562 | 854 | |
| 563 | 855 | .w_block { |
| 564 | 856 | background-color: #ebf3ff; |
| 565 | 857 | padding: 50px 32px; |
| @@ -695,7 +987,173 @@ | ||
| 695 | 987 | } |
| 696 | 988 | |
| 697 | 989 | .w_boxes__3-col { |
| 698 | 990 | grid-template-columns: repeat(auto-fill, minmax(350px, 1fr)); |
| 991 | +} | |
| 992 | + | |
| 993 | +@media screen and (max-width: 850px) { | |
| 994 | + .wowp-feature-box { | |
| 995 | + display: none; | |
| 996 | + } | |
| 997 | +} | |
| 998 | +.wowp-feature-box .hndle { | |
| 999 | + color: var(--wowp-orange); | |
| 1000 | +} | |
| 1001 | + | |
| 1002 | +.wowp-feature .wowp-feature-title { | |
| 1003 | + color: var(--wowp-dark); | |
| 1004 | + font-weight: bold; | |
| 1005 | + padding-bottom: 6px; | |
| 1006 | + font-size: 15px; | |
| 1007 | +} | |
| 1008 | +.wowp-feature .wowp-feature-desc { | |
| 1009 | + margin-left: 0; | |
| 1010 | + padding-bottom: 6px; | |
| 1011 | + margin-bottom: 12px; | |
| 1012 | +} | |
| 1013 | +.wowp-feature .wowp-feature-desc:not(:last-child) { | |
| 1014 | + border-bottom: 1px dashed var(--wowp-bg); | |
| 1015 | +} | |
| 1016 | +.wowp-feature .minimal-price { | |
| 1017 | + color: var(--wowp-blue); | |
| 1018 | +} | |
| 1019 | + | |
| 1020 | +.changelog-list { | |
| 1021 | + max-width: 750px; | |
| 1022 | + margin-inline: auto; | |
| 1023 | +} | |
| 1024 | +.changelog-list h4 { | |
| 1025 | + font-size: 22px; | |
| 1026 | + padding-bottom: 0.75rem; | |
| 1027 | + border-bottom: 2px solid #FADFD0; | |
| 1028 | + margin-bottom: 1rem; | |
| 1029 | + display: inline-block; | |
| 1030 | +} | |
| 1031 | +.changelog-list ul li { | |
| 1032 | + font-size: 16px; | |
| 1033 | + line-height: 1.5; | |
| 1034 | + padding-left: 8px; | |
| 1035 | +} | |
| 1036 | +.changelog-list ul li::marker { | |
| 1037 | + font-size: 12px; | |
| 1038 | +} | |
| 1039 | +.changelog-list ul li.added::marker { | |
| 1040 | + content: "✅"; | |
| 1041 | +} | |
| 1042 | +.changelog-list ul li.fixed::marker { | |
| 1043 | + content: "🛠"; | |
| 1044 | +} | |
| 1045 | +.changelog-list ul li.initial::marker { | |
| 1046 | + content: "📢"; | |
| 1047 | +} | |
| 1048 | + | |
| 1049 | +#code-attributes .dashicons, | |
| 1050 | +#dequeue .dashicons, | |
| 1051 | +#includes-files .dashicons, | |
| 1052 | +#schedule .dashicons, | |
| 1053 | +#display-rules .dashicons { | |
| 1054 | + color: var(--wowp-danger); | |
| 1055 | + cursor: pointer; | |
| 1056 | + position: absolute; | |
| 1057 | + right: 0; | |
| 1058 | + top: 0; | |
| 1059 | + transform: translateX(calc(100% + 5px)); | |
| 1060 | +} | |
| 1061 | + | |
| 1062 | +.CodeMirror { | |
| 1063 | + border: 1px solid var(--wowp-border); | |
| 1064 | + font-size: 13px; | |
| 1065 | + width: 100%; | |
| 1066 | + min-height: 60vh !important; | |
| 1067 | + height: calc(100vh - 295px) !important; | |
| 1068 | + box-sizing: border-box; | |
| 1069 | +} | |
| 1070 | + | |
| 1071 | +.wpcoder-global-php .CodeMirror-sizer:before { | |
| 1072 | + content: "<?php\a defined( 'ABSPATH' ) || exit;\a\a"; | |
| 1073 | + white-space: pre; | |
| 1074 | +} | |
| 1075 | + | |
| 1076 | +.wpcoder-global-php .CodeMirror-sizer:before { | |
| 1077 | + color: #848A8A; | |
| 1078 | + position: absolute; | |
| 1079 | +} | |
| 1080 | + | |
| 1081 | +.wpcoder-global-php .CodeMirror-lines { | |
| 1082 | + padding-top: 50px; | |
| 1083 | +} | |
| 1084 | + | |
| 1085 | +.highlighted-gutter { | |
| 1086 | + background-color: #e8f2ff; | |
| 1087 | + border-left: 5px solid var(--wowp-orange); | |
| 1088 | +} | |
| 1089 | + | |
| 1090 | +.wowp-notification { | |
| 1091 | + --notification-color: var(--wowp-dark); | |
| 1092 | + position: relative; | |
| 1093 | + background-color: color-mix(in srgb, var(--notification-color) 7%, white); | |
| 1094 | + border-width: 1px; | |
| 1095 | + border-style: solid; | |
| 1096 | + border-color: var(--notification-color); | |
| 1097 | + padding-block: 1.25rem; | |
| 1098 | + padding-inline: 3rem 1.25rem; | |
| 1099 | + border-radius: 4px; | |
| 1100 | + margin-block: 15px; | |
| 1101 | +} | |
| 1102 | +.wowp-notification:before { | |
| 1103 | + position: absolute; | |
| 1104 | + left: 0.5rem; | |
| 1105 | + top: 50%; | |
| 1106 | + transform: translateY(-50%); | |
| 1107 | + content: ""; | |
| 1108 | + font-family: dashicons; | |
| 1109 | + font-size: 1.5rem; | |
| 1110 | + width: 2rem; | |
| 1111 | + height: 2rem; | |
| 1112 | + display: flex; | |
| 1113 | + align-items: center; | |
| 1114 | + justify-content: center; | |
| 1115 | + color: var(--notification-color); | |
| 1116 | +} | |
| 1117 | +.wowp-notification:after { | |
| 1118 | + position: absolute; | |
| 1119 | + content: ""; | |
| 1120 | + left: 0; | |
| 1121 | + top: 50%; | |
| 1122 | + transform: translateY(-50%); | |
| 1123 | + height: 2rem; | |
| 1124 | + width: 3px; | |
| 1125 | + border-radius: 0 3px 3px 0; | |
| 1126 | + background-color: var(--notification-color); | |
| 1127 | +} | |
| 1128 | +.wowp-notification.-info { | |
| 1129 | + --notification-color: var(--wowp-blue); | |
| 1130 | +} | |
| 1131 | +.wowp-notification.-info:before { | |
| 1132 | + content: ""; | |
| 1133 | +} | |
| 1134 | +.wowp-notification.-warning { | |
| 1135 | + --notification-color: var(--wowp-yellow); | |
| 1136 | +} | |
| 1137 | +.wowp-notification.-warning:before { | |
| 1138 | + content: ""; | |
| 1139 | +} | |
| 1140 | +.wowp-notification.-error { | |
| 1141 | + --notification-color: var(--wowp-danger); | |
| 1142 | +} | |
| 1143 | +.wowp-notification.-error:before { | |
| 1144 | + content: ""; | |
| 1145 | +} | |
| 1146 | +.wowp-notification.-lock { | |
| 1147 | + --notification-color: var(--wowp-danger); | |
| 1148 | +} | |
| 1149 | +.wowp-notification.-lock:before { | |
| 1150 | + content: ""; | |
| 1151 | +} | |
| 1152 | +.wowp-notification.-success { | |
| 1153 | + --notification-color: var(--wowp-success); | |
| 1154 | +} | |
| 1155 | +.wowp-notification.-success:before { | |
| 1156 | + content: ""; | |
| 699 | 1157 | } |
| 700 | 1158 | |
| 701 | 1159 | /*# sourceMappingURL=admin.css.map */ |
