| @@ -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,40 @@ | ||
| 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 | + | |
| 277 | 422 | .wowp-notice { |
| 278 | - padding: 0.75rem 1.25rem; | |
| 423 | + padding: 22px; | |
| 424 | + border-right: none; | |
| 425 | + border-top: none; | |
| 426 | + border-bottom: none; | |
| 279 | 427 | } |
| 280 | 428 | |
| 281 | 429 | .wowp-error { |
| 282 | 430 | background: #FAD0D0; |
| @@ -290,8 +438,47 @@ | ||
| 290 | 438 | color: #14102C; |
| 291 | 439 | border-left: 6px solid #109610; |
| 292 | 440 | } |
| 293 | 441 | |
| 442 | +.wowp-notice { | |
| 443 | + --notification-color: var(--wowp-success); | |
| 444 | + position: relative; | |
| 445 | + background-color: color-mix(in srgb, var(--notification-color) 7%, white); | |
| 446 | + border-width: 1px; | |
| 447 | + border-style: solid; | |
| 448 | + border-color: var(--notification-color); | |
| 449 | + padding-block: 1.25rem; | |
| 450 | + padding-inline: 3rem 1.25rem; | |
| 451 | + border-radius: 4px; | |
| 452 | + margin-block: 15px; | |
| 453 | +} | |
| 454 | +.wowp-notice:before { | |
| 455 | + position: absolute; | |
| 456 | + left: 0.5rem; | |
| 457 | + top: 50%; | |
| 458 | + transform: translateY(-50%); | |
| 459 | + content: ""; | |
| 460 | + font-family: dashicons; | |
| 461 | + font-size: 1.5rem; | |
| 462 | + width: 2rem; | |
| 463 | + height: 2rem; | |
| 464 | + display: flex; | |
| 465 | + align-items: center; | |
| 466 | + justify-content: center; | |
| 467 | + color: var(--notification-color); | |
| 468 | +} | |
| 469 | +.wowp-notice:after { | |
| 470 | + position: absolute; | |
| 471 | + content: ""; | |
| 472 | + left: 0; | |
| 473 | + top: 50%; | |
| 474 | + transform: translateY(-50%); | |
| 475 | + height: 2rem; | |
| 476 | + width: 3px; | |
| 477 | + border-radius: 0 3px 3px 0; | |
| 478 | + background-color: var(--notification-color); | |
| 479 | +} | |
| 480 | + | |
| 294 | 481 | .wowp-file input::file-selector-button { |
| 295 | 482 | color: #14102C; |
| 296 | 483 | padding: 0.5em; |
| 297 | 484 | border: thin solid var(--wowp-yellow); |
| @@ -301,8 +488,12 @@ | ||
| 301 | 488 | .wowp-file input[type=file]:valid { |
| 302 | 489 | color: var(--wowp-orange); |
| 303 | 490 | } |
| 304 | 491 | |
| 492 | +.wowp-settings #poststuff { | |
| 493 | + padding-top: 0; | |
| 494 | + margin-top: 15px; | |
| 495 | +} | |
| 305 | 496 | .wowp-settings h4 { |
| 306 | 497 | display: flex; |
| 307 | 498 | width: max-content; |
| 308 | 499 | gap: 8px; |
| @@ -320,9 +511,9 @@ | ||
| 320 | 511 | padding: 4px 8px; |
| 321 | 512 | border-radius: 25px; |
| 322 | 513 | } |
| 323 | 514 | |
| 324 | -.wowp-icon { | |
| 515 | +.codericon { | |
| 325 | 516 | color: var(--wowp-orange); |
| 326 | 517 | } |
| 327 | 518 | |
| 328 | 519 | .nav-tab-wrapper.wowp-tab { |
| @@ -334,8 +525,9 @@ | ||
| 334 | 525 | border-bottom: 1px solid #ffffff; |
| 335 | 526 | } |
| 336 | 527 | |
| 337 | 528 | .wowp-tab-content { |
| 529 | + position: relative; | |
| 338 | 530 | padding: 1.5rem 1.25rem; |
| 339 | 531 | background-color: #ffffff; |
| 340 | 532 | border-width: 1px; |
| 341 | 533 | border-style: solid; |
| @@ -341,12 +533,14 @@ | ||
| 341 | 533 | border-style: solid; |
| 342 | 534 | border-image: linear-gradient(to bottom, var(--wowp-blue), var(--wowp-yellow)) 1 100%; |
| 343 | 535 | } |
| 344 | 536 | .wowp-tab-content .tab-content { |
| 345 | - display: none; | |
| 537 | + position: absolute; | |
| 538 | + left: -9999%; | |
| 346 | 539 | } |
| 347 | 540 | .wowp-tab-content .tab-content.tab-content-active { |
| 348 | - display: block; | |
| 541 | + position: relative; | |
| 542 | + left: 0; | |
| 349 | 543 | } |
| 350 | 544 | |
| 351 | 545 | .wowp-text-helper { |
| 352 | 546 | width: 100%; |
| @@ -351,15 +545,8 @@ | ||
| 351 | 545 | .wowp-text-helper { |
| 352 | 546 | width: 100%; |
| 353 | 547 | } |
| 354 | 548 | |
| 355 | -.CodeMirror { | |
| 356 | - border: 1px solid var(--wowp-border); | |
| 357 | - font-size: 13px; | |
| 358 | - resize: vertical; | |
| 359 | - overflow: auto; | |
| 360 | -} | |
| 361 | - | |
| 362 | 549 | .wowp-sidebar-pub-section { |
| 363 | 550 | display: flex; |
| 364 | 551 | flex-direction: column; |
| 365 | 552 | gap: 15px; |
| @@ -380,8 +567,9 @@ | ||
| 380 | 567 | text-decoration: none; |
| 381 | 568 | } |
| 382 | 569 | .wowp-sidebar-pub-section .wowp-field input:not([type=checkbox], [type=radio]) { |
| 383 | 570 | height: 32px; |
| 571 | + line-height: 32px; | |
| 384 | 572 | } |
| 385 | 573 | |
| 386 | 574 | .wowp-sidebar-pub-section [list]::-webkit-calendar-picker-indicator { |
| 387 | 575 | display: none !important; |
| @@ -417,8 +605,27 @@ | ||
| 417 | 605 | border-color: #760200; |
| 418 | 606 | color: #ffffff; |
| 419 | 607 | } |
| 420 | 608 | |
| 609 | +.button-editor { | |
| 610 | + right: 0; | |
| 611 | + bottom: 2px; | |
| 612 | + cursor: pointer; | |
| 613 | + padding: 5px 10px; | |
| 614 | + background-color: var(--wowp-border); | |
| 615 | + color: var(--wowp-dark); | |
| 616 | + border-radius: 4px; | |
| 617 | + display: block; | |
| 618 | +} | |
| 619 | +.button-editor:focus, .button-editor:hover { | |
| 620 | + background-color: var(--wowp-yellow); | |
| 621 | +} | |
| 622 | + | |
| 623 | +.add-img-btn { | |
| 624 | + align-self: flex-end; | |
| 625 | + text-align: right; | |
| 626 | +} | |
| 627 | + | |
| 421 | 628 | .has-tooltip { |
| 422 | 629 | position: relative; |
| 423 | 630 | cursor: help; |
| 424 | 631 | } |
| @@ -535,8 +742,30 @@ | ||
| 535 | 742 | .wowp-toogle.is-off:focus span, .wowp-toogle.is-off:hover span { |
| 536 | 743 | background-color: #760200; |
| 537 | 744 | } |
| 538 | 745 | |
| 746 | +.wowp-input-group { | |
| 747 | + position: relative; | |
| 748 | + display: flex; | |
| 749 | +} | |
| 750 | +.wowp-input-group .wowp-copy { | |
| 751 | + display: flex; | |
| 752 | + align-items: center; | |
| 753 | + padding: 0 5px; | |
| 754 | + cursor: pointer; | |
| 755 | + color: var(--wowp-blue); | |
| 756 | + transform: translateX(-100%); | |
| 757 | +} | |
| 758 | +.wowp-input-group .wowp-copy:hover { | |
| 759 | + color: var(--wowp-dark); | |
| 760 | +} | |
| 761 | +.wowp-input-group input { | |
| 762 | + padding-right: 21px; | |
| 763 | +} | |
| 764 | + | |
| 765 | +.wowp-wrap { | |
| 766 | + padding: 22px 16px 50px 16px; | |
| 767 | +} | |
| 539 | 768 | .wowp-wrap .has-shadow { |
| 540 | 769 | box-shadow: 0 0 10px 3px rgba(0, 91, 191, 0.1); |
| 541 | 770 | } |
| 542 | 771 | .wowp-wrap .has-padding { |
| @@ -558,8 +787,20 @@ | ||
| 558 | 787 | } |
| 559 | 788 | .wowp-wrap .has-mt { |
| 560 | 789 | margin-top: 24px; |
| 561 | 790 | } |
| 791 | +.wowp-wrap .color-red { | |
| 792 | + color: #760200; | |
| 793 | +} | |
| 794 | +.wowp-wrap .color-green { | |
| 795 | + color: #109610; | |
| 796 | +} | |
| 797 | +.wowp-wrap .is-relative { | |
| 798 | + position: relative; | |
| 799 | +} | |
| 800 | +.wowp-wrap ._m-is-auto { | |
| 801 | + margin-inline-start: auto; | |
| 802 | +} | |
| 562 | 803 | |
| 563 | 804 | .w_block { |
| 564 | 805 | background-color: #ebf3ff; |
| 565 | 806 | padding: 50px 32px; |
| @@ -697,5 +938,142 @@ | ||
| 697 | 938 | .w_boxes__3-col { |
| 698 | 939 | grid-template-columns: repeat(auto-fill, minmax(350px, 1fr)); |
| 699 | 940 | } |
| 700 | 941 | |
| 701 | -/*# sourceMappingURL=admin.css.map */ | |
| 942 | +.changelog-list { | |
| 943 | + max-width: 750px; | |
| 944 | + margin-inline: auto; | |
| 945 | +} | |
| 946 | +.changelog-list h4 { | |
| 947 | + font-size: 22px; | |
| 948 | + padding-bottom: 0.75rem; | |
| 949 | + border-bottom: 2px solid #FADFD0; | |
| 950 | + margin-bottom: 1rem; | |
| 951 | + display: inline-block; | |
| 952 | +} | |
| 953 | +.changelog-list ul li { | |
| 954 | + font-size: 16px; | |
| 955 | + line-height: 1.5; | |
| 956 | + padding-left: 8px; | |
| 957 | +} | |
| 958 | +.changelog-list ul li::marker { | |
| 959 | + font-size: 12px; | |
| 960 | +} | |
| 961 | +.changelog-list ul li.added::marker { | |
| 962 | + content: "✅"; | |
| 963 | +} | |
| 964 | +.changelog-list ul li.fixed::marker { | |
| 965 | + content: "🛠"; | |
| 966 | +} | |
| 967 | +.changelog-list ul li.initial::marker { | |
| 968 | + content: "📢"; | |
| 969 | +} | |
| 970 | + | |
| 971 | +#code-attributes .dashicons, | |
| 972 | +#dequeue .dashicons, | |
| 973 | +#includes-files .dashicons, | |
| 974 | +#schedule .dashicons, | |
| 975 | +#display-rules .dashicons { | |
| 976 | + color: var(--wowp-danger); | |
| 977 | + cursor: pointer; | |
| 978 | + position: absolute; | |
| 979 | + right: 0; | |
| 980 | + top: 0; | |
| 981 | + transform: translateX(calc(100% + 5px)); | |
| 982 | +} | |
| 983 | + | |
| 984 | +.CodeMirror { | |
| 985 | + border: 1px solid var(--wowp-border); | |
| 986 | + font-size: 13px; | |
| 987 | + width: 100%; | |
| 988 | + min-height: 60vh !important; | |
| 989 | + height: calc(100vh - 295px) !important; | |
| 990 | + box-sizing: border-box; | |
| 991 | +} | |
| 992 | + | |
| 993 | +.wpcoder-global-php .CodeMirror-sizer:before { | |
| 994 | + content: "<?php\a defined( 'ABSPATH' ) || exit;\a\a"; | |
| 995 | + white-space: pre; | |
| 996 | +} | |
| 997 | + | |
| 998 | +.wpcoder-global-php .CodeMirror-sizer:before { | |
| 999 | + color: #848A8A; | |
| 1000 | + position: absolute; | |
| 1001 | +} | |
| 1002 | + | |
| 1003 | +.wpcoder-global-php .CodeMirror-lines { | |
| 1004 | + padding-top: 50px; | |
| 1005 | +} | |
| 1006 | + | |
| 1007 | +.highlighted-gutter { | |
| 1008 | + background-color: #e8f2ff; | |
| 1009 | + border-left: 5px solid var(--wowp-orange); | |
| 1010 | +} | |
| 1011 | + | |
| 1012 | +.wowp-notification { | |
| 1013 | + --notification-color: var(--wowp-dark); | |
| 1014 | + position: relative; | |
| 1015 | + background-color: color-mix(in srgb, var(--notification-color) 7%, white); | |
| 1016 | + border-width: 1px; | |
| 1017 | + border-style: solid; | |
| 1018 | + border-color: var(--notification-color); | |
| 1019 | + padding-block: 1.25rem; | |
| 1020 | + padding-inline: 3rem 1.25rem; | |
| 1021 | + border-radius: 4px; | |
| 1022 | + margin-block: 15px; | |
| 1023 | +} | |
| 1024 | +.wowp-notification:before { | |
| 1025 | + position: absolute; | |
| 1026 | + left: 0.5rem; | |
| 1027 | + top: 50%; | |
| 1028 | + transform: translateY(-50%); | |
| 1029 | + content: ""; | |
| 1030 | + font-family: dashicons; | |
| 1031 | + font-size: 1.5rem; | |
| 1032 | + width: 2rem; | |
| 1033 | + height: 2rem; | |
| 1034 | + display: flex; | |
| 1035 | + align-items: center; | |
| 1036 | + justify-content: center; | |
| 1037 | + color: var(--notification-color); | |
| 1038 | +} | |
| 1039 | +.wowp-notification:after { | |
| 1040 | + position: absolute; | |
| 1041 | + content: ""; | |
| 1042 | + left: 0; | |
| 1043 | + top: 50%; | |
| 1044 | + transform: translateY(-50%); | |
| 1045 | + height: 2rem; | |
| 1046 | + width: 3px; | |
| 1047 | + border-radius: 0 3px 3px 0; | |
| 1048 | + background-color: var(--notification-color); | |
| 1049 | +} | |
| 1050 | +.wowp-notification.-info { | |
| 1051 | + --notification-color: var(--wowp-blue); | |
| 1052 | +} | |
| 1053 | +.wowp-notification.-info:before { | |
| 1054 | + content: ""; | |
| 1055 | +} | |
| 1056 | +.wowp-notification.-warning { | |
| 1057 | + --notification-color: var(--wowp-yellow); | |
| 1058 | +} | |
| 1059 | +.wowp-notification.-warning:before { | |
| 1060 | + content: ""; | |
| 1061 | +} | |
| 1062 | +.wowp-notification.-error { | |
| 1063 | + --notification-color: var(--wowp-danger); | |
| 1064 | +} | |
| 1065 | +.wowp-notification.-error:before { | |
| 1066 | + content: ""; | |
| 1067 | +} | |
| 1068 | +.wowp-notification.-lock { | |
| 1069 | + --notification-color: var(--wowp-danger); | |
| 1070 | +} | |
| 1071 | +.wowp-notification.-lock:before { | |
| 1072 | + content: ""; | |
| 1073 | +} | |
| 1074 | +.wowp-notification.-success { | |
| 1075 | + --notification-color: var(--wowp-success); | |
| 1076 | +} | |
| 1077 | +.wowp-notification.-success:before { | |
| 1078 | + content: ""; | |
| 1079 | +} | |
