| @@ -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 | } |
| @@ -72,9 +93,9 @@ | ||
| 72 | 93 | |
| 73 | 94 | .wowp-links { |
| 74 | 95 | position: absolute; |
| 75 | 96 | top: 0; |
| 76 | - right: 20px; | |
| 97 | + right: 36px; | |
| 77 | 98 | display: flex; |
| 78 | 99 | border-radius: 0 0 4px 4px; |
| 79 | 100 | border: 2px solid; |
| 80 | 101 | border-top: none; |
| @@ -106,8 +127,9 @@ | ||
| 106 | 127 | .wowp-links a:hover { |
| 107 | 128 | background-color: #F6C8AF; |
| 108 | 129 | } |
| 109 | 130 | |
| 131 | +.wowp-links .codericon, | |
| 110 | 132 | .wowp-links .dashicons { |
| 111 | 133 | width: 15px; |
| 112 | 134 | height: 15px; |
| 113 | 135 | font-size: 15px; |
| @@ -118,9 +140,9 @@ | ||
| 118 | 140 | color: var(--wowp-blue); |
| 119 | 141 | } |
| 120 | 142 | |
| 121 | 143 | .wowp-list { |
| 122 | - padding: 50px 0; | |
| 144 | + padding: 50px 36px 50px 16px; | |
| 123 | 145 | } |
| 124 | 146 | |
| 125 | 147 | @media screen and (max-width: 782px) { |
| 126 | 148 | .wowp-list td.column-mode span:first-child { |
| @@ -149,8 +171,20 @@ | ||
| 149 | 171 | .wowp-status-off { |
| 150 | 172 | background-color: red; |
| 151 | 173 | } |
| 152 | 174 | |
| 175 | +.wowp-settings #titlewrap input { | |
| 176 | + padding: 3px 8px; | |
| 177 | + font-size: 1.7em; | |
| 178 | + line-height: 100%; | |
| 179 | + height: 1.7em; | |
| 180 | + width: 100%; | |
| 181 | + outline: none; | |
| 182 | + margin: 0 0 3px; | |
| 183 | + background-color: #fff; | |
| 184 | + border-radius: 0; | |
| 185 | +} | |
| 186 | + | |
| 153 | 187 | .wowp-wrap fieldset { |
| 154 | 188 | border: 2px solid var(--wowp-border); |
| 155 | 189 | padding: 20px; |
| 156 | 190 | display: flex; |
| @@ -168,9 +202,10 @@ | ||
| 168 | 202 | .wowp-field { |
| 169 | 203 | position: relative; |
| 170 | 204 | box-sizing: border-box; |
| 171 | 205 | } |
| 172 | -.wowp-field > input:not([type=checkbox], [type=radio]), .wowp-field > select { | |
| 206 | +.wowp-field input:not([type=checkbox], [type=radio], .wp-color-picker, .wp-picker-clear, .button), | |
| 207 | +.wowp-field select { | |
| 173 | 208 | height: 40px; |
| 174 | 209 | line-height: 40px; |
| 175 | 210 | width: 100%; |
| 176 | 211 | border: 1px solid var(--wowp-blue); |
| @@ -175,8 +210,12 @@ | ||
| 175 | 210 | width: 100%; |
| 176 | 211 | border: 1px solid var(--wowp-blue); |
| 177 | 212 | max-width: 100%; |
| 178 | 213 | } |
| 214 | +.wowp-field textarea { | |
| 215 | + width: 100%; | |
| 216 | + min-height: 350px; | |
| 217 | +} | |
| 179 | 218 | .wowp-field .label { |
| 180 | 219 | position: absolute; |
| 181 | 220 | top: 0; |
| 182 | 221 | left: 10px; |
| @@ -184,13 +223,14 @@ | ||
| 184 | 223 | font-size: 12px; |
| 185 | 224 | font-weight: 700; |
| 186 | 225 | padding: 0 5px; |
| 187 | 226 | color: #004A9B; |
| 227 | + z-index: 9; | |
| 188 | 228 | } |
| 189 | 229 | .wowp-field .label:after { |
| 190 | 230 | position: absolute; |
| 191 | 231 | content: " "; |
| 192 | - height: 3px; | |
| 232 | + height: 4px; | |
| 193 | 233 | background: #fff; |
| 194 | 234 | width: 100%; |
| 195 | 235 | top: 50%; |
| 196 | 236 | left: 0; |
| @@ -196,8 +236,46 @@ | ||
| 196 | 236 | left: 0; |
| 197 | 237 | z-index: -1; |
| 198 | 238 | transform: translateY(-50%); |
| 199 | 239 | } |
| 240 | +.wowp-field .label.wowp-info:before { | |
| 241 | + position: absolute; | |
| 242 | + content: "?"; | |
| 243 | + top: 0; | |
| 244 | + left: calc(100% - 5px); | |
| 245 | + font-size: 10px; | |
| 246 | + color: var(--wowp-dark); | |
| 247 | + transform: translateY(calc(-50% )); | |
| 248 | + font-weight: bold; | |
| 249 | +} | |
| 250 | +.wowp-field .label.wowp-info:hover:before { | |
| 251 | + position: absolute; | |
| 252 | + top: 0; | |
| 253 | + left: 0; | |
| 254 | + background-color: #2B222A; | |
| 255 | + border-radius: 5px; | |
| 256 | + color: #fff; | |
| 257 | + content: attr(data-info); | |
| 258 | + padding: 5px 10px; | |
| 259 | + text-transform: none; | |
| 260 | + width: 160px; | |
| 261 | + transform: translateY(calc(-100% - 7px)); | |
| 262 | + word-wrap: break-word; | |
| 263 | + white-space: break-spaces; | |
| 264 | + line-height: 1.1; | |
| 265 | + font-weight: normal; | |
| 266 | + font-size: 12px; | |
| 267 | +} | |
| 268 | +.wowp-field .wowp-download-img { | |
| 269 | + position: absolute; | |
| 270 | + top: 0; | |
| 271 | + right: 5px; | |
| 272 | + transform: translateY(-100%); | |
| 273 | + font-weight: 600; | |
| 274 | + font-size: 8px; | |
| 275 | + cursor: pointer; | |
| 276 | + color: var(--wowp-dark); | |
| 277 | +} | |
| 200 | 278 | |
| 201 | 279 | .wowp-field { |
| 202 | 280 | width: calc(100%/3 - 15px/2 - 2.5px); |
| 203 | 281 | } |
| @@ -206,9 +284,9 @@ | ||
| 206 | 284 | width: 100%; |
| 207 | 285 | } |
| 208 | 286 | } |
| 209 | 287 | |
| 210 | -.wowp-field.has-chackbox { | |
| 288 | +.wowp-field.has-checkbox { | |
| 211 | 289 | display: flex; |
| 212 | 290 | padding: 0 8px; |
| 213 | 291 | align-items: center; |
| 214 | 292 | border: 1px solid var(--wowp-blue); |
| @@ -218,16 +296,16 @@ | ||
| 218 | 296 | gap: 8px; |
| 219 | 297 | width: calc(100%/3 - 15px/2 - 2.5px - 2.5px); |
| 220 | 298 | } |
| 221 | 299 | @media screen and (max-width: 1024px) { |
| 222 | - .wowp-field.has-chackbox { | |
| 300 | + .wowp-field.has-checkbox { | |
| 223 | 301 | width: 100%; |
| 224 | 302 | } |
| 225 | 303 | } |
| 226 | -.wowp-field.has-chackbox input[type=checkbox] { | |
| 227 | - margin: 0; | |
| 304 | +.wowp-field.has-checkbox input[type=checkbox] { | |
| 305 | + margin: 0 8px 0 0; | |
| 228 | 306 | } |
| 229 | -.wowp-field.has-chackbox .label { | |
| 307 | +.wowp-field.has-checkbox .label { | |
| 230 | 308 | line-height: initial; |
| 231 | 309 | } |
| 232 | 310 | |
| 233 | 311 | .wowp-field.has-addon { |
| @@ -234,13 +312,14 @@ | ||
| 234 | 312 | display: flex; |
| 235 | 313 | align-items: center; |
| 236 | 314 | } |
| 237 | 315 | .wowp-field.has-addon .is-addon { |
| 238 | - box-sizing: inherit; | |
| 316 | + order: -1; | |
| 317 | + box-sizing: border-box; | |
| 239 | 318 | height: 40px; |
| 240 | 319 | line-height: 40px; |
| 241 | 320 | padding: 0 8px; |
| 242 | - background-color: #DFE2FC; | |
| 321 | + background-color: #ffffff; | |
| 243 | 322 | color: var(--wowp-dark); |
| 244 | 323 | border: 1px solid var(--wowp-blue); |
| 245 | 324 | border-radius: 3px 0 0 3px; |
| 246 | 325 | border-right: none; |
| @@ -245,12 +324,63 @@ | ||
| 245 | 324 | border-radius: 3px 0 0 3px; |
| 246 | 325 | border-right: none; |
| 247 | 326 | margin-right: -2px; |
| 248 | 327 | } |
| 328 | +.wowp-field.has-addon select, | |
| 249 | 329 | .wowp-field.has-addon input:not([type=checkbox], [type=radio]) { |
| 330 | + box-sizing: border-box; | |
| 250 | 331 | border-radius: 0 3px 3px 0; |
| 332 | + border-left: none; | |
| 251 | 333 | } |
| 334 | +.wowp-field.has-addon select[readonly] + .is-addon, | |
| 335 | +.wowp-field.has-addon input:not([type=checkbox], [type=radio])[readonly] + .is-addon { | |
| 336 | + background-color: #f0f0f1; | |
| 337 | +} | |
| 338 | +.wowp-field.has-addon select:focus, | |
| 339 | +.wowp-field.has-addon input:not([type=checkbox], [type=radio]):focus { | |
| 340 | + box-shadow: none; | |
| 341 | +} | |
| 342 | +.wowp-field.has-addon:has(input:focus) { | |
| 343 | + box-shadow: 0 0 0 1px #2271b1; | |
| 344 | + border-radius: 3px; | |
| 345 | +} | |
| 346 | +.wowp-field.has-addon.has-background .is-addon { | |
| 347 | + background-color: #DFE2FC; | |
| 348 | +} | |
| 252 | 349 | |
| 350 | +.wowp-field.has-addon-right label { | |
| 351 | + display: flex; | |
| 352 | + align-items: center; | |
| 353 | +} | |
| 354 | +.wowp-field.has-addon-right label .is-addon { | |
| 355 | + order: 1; | |
| 356 | + box-sizing: border-box; | |
| 357 | + height: 40px; | |
| 358 | + line-height: 40px; | |
| 359 | + padding: 0 8px; | |
| 360 | + background-color: #ffffff; | |
| 361 | + color: var(--wowp-dark); | |
| 362 | + border: 1px solid var(--wowp-blue); | |
| 363 | + border-radius: 0 3px 3px 0; | |
| 364 | + border-left: none; | |
| 365 | + margin-left: -2px; | |
| 366 | +} | |
| 367 | +.wowp-field.has-addon-right label select, | |
| 368 | +.wowp-field.has-addon-right label input:not([type=checkbox], [type=radio]) { | |
| 369 | + border-radius: 3px 0 0 3px; | |
| 370 | +} | |
| 371 | +.wowp-field.has-addon-right label select:focus + .is-addon, | |
| 372 | +.wowp-field.has-addon-right label input:not([type=checkbox], [type=radio]):focus + .is-addon { | |
| 373 | + box-shadow: 0 0 0 1px #2271b1; | |
| 374 | +} | |
| 375 | +.wowp-field.has-addon-right:has(input:focus) { | |
| 376 | + box-shadow: 0 0 0 1px #2271b1; | |
| 377 | + border-radius: 3px; | |
| 378 | +} | |
| 379 | +.wowp-field.has-addon-right.has-background .is-addon { | |
| 380 | + background-color: #DFE2FC; | |
| 381 | +} | |
| 382 | + | |
| 253 | 383 | .wowp-field.has-addon .is-addon .dashicons { |
| 254 | 384 | line-height: 40px; |
| 255 | 385 | } |
| 256 | 386 | |
| @@ -267,16 +397,40 @@ | ||
| 267 | 397 | width: 100%; |
| 268 | 398 | } |
| 269 | 399 | |
| 270 | 400 | .wowp-fields-group { |
| 401 | + position: relative; | |
| 271 | 402 | display: flex; |
| 272 | 403 | gap: 15px; |
| 273 | 404 | flex-wrap: wrap; |
| 274 | 405 | width: 100%; |
| 406 | + box-sizing: border-box; | |
| 275 | 407 | } |
| 276 | 408 | |
| 409 | +.wowp-wrap .large-text.code { | |
| 410 | + background: #32373c; | |
| 411 | + color: rgba(240, 245, 250, 0.7); | |
| 412 | + font-size: 12px; | |
| 413 | + font-family: Menlo, Monaco, monospace; | |
| 414 | + display: block; | |
| 415 | + overflow: auto; | |
| 416 | + white-space: pre; | |
| 417 | + width: 100%; | |
| 418 | + height: 450px; | |
| 419 | + padding: 10px; | |
| 420 | + outline: none; | |
| 421 | +} | |
| 422 | + | |
| 423 | +.wowp-code-nav { | |
| 424 | + position: relative; | |
| 425 | + min-height: 30px; | |
| 426 | +} | |
| 427 | + | |
| 277 | 428 | .wowp-notice { |
| 278 | - padding: 0.75rem 1.25rem; | |
| 429 | + padding: 22px; | |
| 430 | + border-right: none; | |
| 431 | + border-top: none; | |
| 432 | + border-bottom: none; | |
| 279 | 433 | } |
| 280 | 434 | |
| 281 | 435 | .wowp-error { |
| 282 | 436 | background: #FAD0D0; |
| @@ -290,8 +444,47 @@ | ||
| 290 | 444 | color: #14102C; |
| 291 | 445 | border-left: 6px solid #109610; |
| 292 | 446 | } |
| 293 | 447 | |
| 448 | +.wowp-notice { | |
| 449 | + --notification-color: var(--wowp-success); | |
| 450 | + position: relative; | |
| 451 | + background-color: color-mix(in srgb, var(--notification-color) 7%, white); | |
| 452 | + border-width: 1px; | |
| 453 | + border-style: solid; | |
| 454 | + border-color: var(--notification-color); | |
| 455 | + padding-block: 1.25rem; | |
| 456 | + padding-inline: 3rem 1.25rem; | |
| 457 | + border-radius: 4px; | |
| 458 | + margin-block: 15px; | |
| 459 | +} | |
| 460 | +.wowp-notice:before { | |
| 461 | + position: absolute; | |
| 462 | + left: 0.5rem; | |
| 463 | + top: 50%; | |
| 464 | + transform: translateY(-50%); | |
| 465 | + content: ""; | |
| 466 | + font-family: dashicons; | |
| 467 | + font-size: 1.5rem; | |
| 468 | + width: 2rem; | |
| 469 | + height: 2rem; | |
| 470 | + display: flex; | |
| 471 | + align-items: center; | |
| 472 | + justify-content: center; | |
| 473 | + color: var(--notification-color); | |
| 474 | +} | |
| 475 | +.wowp-notice:after { | |
| 476 | + position: absolute; | |
| 477 | + content: ""; | |
| 478 | + left: 0; | |
| 479 | + top: 50%; | |
| 480 | + transform: translateY(-50%); | |
| 481 | + height: 2rem; | |
| 482 | + width: 3px; | |
| 483 | + border-radius: 0 3px 3px 0; | |
| 484 | + background-color: var(--notification-color); | |
| 485 | +} | |
| 486 | + | |
| 294 | 487 | .wowp-file input::file-selector-button { |
| 295 | 488 | color: #14102C; |
| 296 | 489 | padding: 0.5em; |
| 297 | 490 | border: thin solid var(--wowp-yellow); |
| @@ -301,8 +494,12 @@ | ||
| 301 | 494 | .wowp-file input[type=file]:valid { |
| 302 | 495 | color: var(--wowp-orange); |
| 303 | 496 | } |
| 304 | 497 | |
| 498 | +.wowp-settings #poststuff { | |
| 499 | + padding-top: 0; | |
| 500 | + margin-top: 15px; | |
| 501 | +} | |
| 305 | 502 | .wowp-settings h4 { |
| 306 | 503 | display: flex; |
| 307 | 504 | width: max-content; |
| 308 | 505 | gap: 8px; |
| @@ -320,9 +517,9 @@ | ||
| 320 | 517 | padding: 4px 8px; |
| 321 | 518 | border-radius: 25px; |
| 322 | 519 | } |
| 323 | 520 | |
| 324 | -.wowp-icon { | |
| 521 | +.codericon { | |
| 325 | 522 | color: var(--wowp-orange); |
| 326 | 523 | } |
| 327 | 524 | |
| 328 | 525 | .nav-tab-wrapper.wowp-tab { |
| @@ -334,8 +531,9 @@ | ||
| 334 | 531 | border-bottom: 1px solid #ffffff; |
| 335 | 532 | } |
| 336 | 533 | |
| 337 | 534 | .wowp-tab-content { |
| 535 | + position: relative; | |
| 338 | 536 | padding: 1.5rem 1.25rem; |
| 339 | 537 | background-color: #ffffff; |
| 340 | 538 | border-width: 1px; |
| 341 | 539 | border-style: solid; |
| @@ -341,12 +539,14 @@ | ||
| 341 | 539 | border-style: solid; |
| 342 | 540 | border-image: linear-gradient(to bottom, var(--wowp-blue), var(--wowp-yellow)) 1 100%; |
| 343 | 541 | } |
| 344 | 542 | .wowp-tab-content .tab-content { |
| 345 | - display: none; | |
| 543 | + position: absolute; | |
| 544 | + left: -9999%; | |
| 346 | 545 | } |
| 347 | 546 | .wowp-tab-content .tab-content.tab-content-active { |
| 348 | - display: block; | |
| 547 | + position: relative; | |
| 548 | + left: 0; | |
| 349 | 549 | } |
| 350 | 550 | |
| 351 | 551 | .wowp-text-helper { |
| 352 | 552 | width: 100%; |
| @@ -351,15 +551,8 @@ | ||
| 351 | 551 | .wowp-text-helper { |
| 352 | 552 | width: 100%; |
| 353 | 553 | } |
| 354 | 554 | |
| 355 | -.CodeMirror { | |
| 356 | - border: 1px solid var(--wowp-border); | |
| 357 | - font-size: 13px; | |
| 358 | - resize: vertical; | |
| 359 | - overflow: auto; | |
| 360 | -} | |
| 361 | - | |
| 362 | 555 | .wowp-sidebar-pub-section { |
| 363 | 556 | display: flex; |
| 364 | 557 | flex-direction: column; |
| 365 | 558 | gap: 15px; |
| @@ -380,8 +573,9 @@ | ||
| 380 | 573 | text-decoration: none; |
| 381 | 574 | } |
| 382 | 575 | .wowp-sidebar-pub-section .wowp-field input:not([type=checkbox], [type=radio]) { |
| 383 | 576 | height: 32px; |
| 577 | + line-height: 32px; | |
| 384 | 578 | } |
| 385 | 579 | |
| 386 | 580 | .wowp-sidebar-pub-section [list]::-webkit-calendar-picker-indicator { |
| 387 | 581 | display: none !important; |
| @@ -417,8 +611,23 @@ | ||
| 417 | 611 | border-color: #760200; |
| 418 | 612 | color: #ffffff; |
| 419 | 613 | } |
| 420 | 614 | |
| 615 | +.button-editor { | |
| 616 | + position: absolute; | |
| 617 | + right: 0; | |
| 618 | + bottom: 2px; | |
| 619 | + cursor: pointer; | |
| 620 | + padding: 5px 10px; | |
| 621 | + background-color: var(--wowp-border); | |
| 622 | + color: var(--wowp-dark); | |
| 623 | + border-radius: 4px; | |
| 624 | + display: block; | |
| 625 | +} | |
| 626 | +.button-editor:focus, .button-editor:hover { | |
| 627 | + background-color: var(--wowp-yellow); | |
| 628 | +} | |
| 629 | + | |
| 421 | 630 | .has-tooltip { |
| 422 | 631 | position: relative; |
| 423 | 632 | cursor: help; |
| 424 | 633 | } |
| @@ -535,8 +744,30 @@ | ||
| 535 | 744 | .wowp-toogle.is-off:focus span, .wowp-toogle.is-off:hover span { |
| 536 | 745 | background-color: #760200; |
| 537 | 746 | } |
| 538 | 747 | |
| 748 | +.wowp-input-group { | |
| 749 | + position: relative; | |
| 750 | + display: flex; | |
| 751 | +} | |
| 752 | +.wowp-input-group .wowp-copy { | |
| 753 | + display: flex; | |
| 754 | + align-items: center; | |
| 755 | + padding: 0 5px; | |
| 756 | + cursor: pointer; | |
| 757 | + color: var(--wowp-blue); | |
| 758 | + transform: translateX(-100%); | |
| 759 | +} | |
| 760 | +.wowp-input-group .wowp-copy:hover { | |
| 761 | + color: var(--wowp-dark); | |
| 762 | +} | |
| 763 | +.wowp-input-group input { | |
| 764 | + padding-right: 21px; | |
| 765 | +} | |
| 766 | + | |
| 767 | +.wowp-wrap { | |
| 768 | + padding: 22px 16px 50px 16px; | |
| 769 | +} | |
| 539 | 770 | .wowp-wrap .has-shadow { |
| 540 | 771 | box-shadow: 0 0 10px 3px rgba(0, 91, 191, 0.1); |
| 541 | 772 | } |
| 542 | 773 | .wowp-wrap .has-padding { |
| @@ -558,8 +789,17 @@ | ||
| 558 | 789 | } |
| 559 | 790 | .wowp-wrap .has-mt { |
| 560 | 791 | margin-top: 24px; |
| 561 | 792 | } |
| 793 | +.wowp-wrap .color-red { | |
| 794 | + color: #760200; | |
| 795 | +} | |
| 796 | +.wowp-wrap .color-green { | |
| 797 | + color: #109610; | |
| 798 | +} | |
| 799 | +.wowp-wrap .is-relative { | |
| 800 | + position: relative; | |
| 801 | +} | |
| 562 | 802 | |
| 563 | 803 | .w_block { |
| 564 | 804 | background-color: #ebf3ff; |
| 565 | 805 | padding: 50px 32px; |
| @@ -697,5 +937,136 @@ | ||
| 697 | 937 | .w_boxes__3-col { |
| 698 | 938 | grid-template-columns: repeat(auto-fill, minmax(350px, 1fr)); |
| 699 | 939 | } |
| 700 | 940 | |
| 701 | -/*# sourceMappingURL=admin.css.map */ | |
| 941 | +.changelog-list { | |
| 942 | + max-width: 750px; | |
| 943 | + margin-inline: auto; | |
| 944 | +} | |
| 945 | +.changelog-list h4 { | |
| 946 | + font-size: 22px; | |
| 947 | + padding-bottom: 0.75rem; | |
| 948 | + border-bottom: 2px solid #FADFD0; | |
| 949 | + margin-bottom: 1rem; | |
| 950 | + display: inline-block; | |
| 951 | +} | |
| 952 | +.changelog-list ul li { | |
| 953 | + font-size: 16px; | |
| 954 | + line-height: 1.5; | |
| 955 | + padding-left: 8px; | |
| 956 | +} | |
| 957 | +.changelog-list ul li::marker { | |
| 958 | + font-size: 12px; | |
| 959 | +} | |
| 960 | +.changelog-list ul li.added::marker { | |
| 961 | + content: "✅"; | |
| 962 | +} | |
| 963 | +.changelog-list ul li.fixed::marker { | |
| 964 | + content: "🛠"; | |
| 965 | +} | |
| 966 | +.changelog-list ul li.initial::marker { | |
| 967 | + content: "📢"; | |
| 968 | +} | |
| 969 | + | |
| 970 | +#code-attributes .dashicons, | |
| 971 | +#dequeue .dashicons, | |
| 972 | +#includes-files .dashicons, | |
| 973 | +#schedule .dashicons, | |
| 974 | +#display-rules .dashicons { | |
| 975 | + color: var(--wowp-danger); | |
| 976 | + cursor: pointer; | |
| 977 | + position: absolute; | |
| 978 | + right: 0; | |
| 979 | + top: 0; | |
| 980 | + transform: translateX(calc(100% + 5px)); | |
| 981 | +} | |
| 982 | + | |
| 983 | +.CodeMirror { | |
| 984 | + border: 1px solid var(--wowp-border); | |
| 985 | + font-size: 13px; | |
| 986 | + width: 100%; | |
| 987 | + min-height: 60vh !important; | |
| 988 | + height: calc(100vh - 295px) !important; | |
| 989 | + box-sizing: border-box; | |
| 990 | +} | |
| 991 | + | |
| 992 | +.wpcoder-global-php .CodeMirror-sizer:before { | |
| 993 | + content: "<?php\a defined( 'ABSPATH' ) || exit;\a\a"; | |
| 994 | + white-space: pre; | |
| 995 | +} | |
| 996 | + | |
| 997 | +.wpcoder-global-php .CodeMirror-sizer:before { | |
| 998 | + color: #848A8A; | |
| 999 | + position: absolute; | |
| 1000 | +} | |
| 1001 | + | |
| 1002 | +.wpcoder-global-php .CodeMirror-lines { | |
| 1003 | + padding-top: 50px; | |
| 1004 | +} | |
| 1005 | + | |
| 1006 | +.highlighted-gutter { | |
| 1007 | + background-color: #e8f2ff; | |
| 1008 | + border-left: 5px solid var(--wowp-orange); | |
| 1009 | +} | |
| 1010 | + | |
| 1011 | +.wowp-notification { | |
| 1012 | + --notification-color: var(--wowp-dark); | |
| 1013 | + position: relative; | |
| 1014 | + background-color: color-mix(in srgb, var(--notification-color) 7%, white); | |
| 1015 | + border-width: 1px; | |
| 1016 | + border-style: solid; | |
| 1017 | + border-color: var(--notification-color); | |
| 1018 | + padding-block: 1.25rem; | |
| 1019 | + padding-inline: 3rem 1.25rem; | |
| 1020 | + border-radius: 4px; | |
| 1021 | + margin-block: 15px; | |
| 1022 | +} | |
| 1023 | +.wowp-notification:before { | |
| 1024 | + position: absolute; | |
| 1025 | + left: 0.5rem; | |
| 1026 | + top: 50%; | |
| 1027 | + transform: translateY(-50%); | |
| 1028 | + content: ""; | |
| 1029 | + font-family: dashicons; | |
| 1030 | + font-size: 1.5rem; | |
| 1031 | + width: 2rem; | |
| 1032 | + height: 2rem; | |
| 1033 | + display: flex; | |
| 1034 | + align-items: center; | |
| 1035 | + justify-content: center; | |
| 1036 | + color: var(--notification-color); | |
| 1037 | +} | |
| 1038 | +.wowp-notification:after { | |
| 1039 | + position: absolute; | |
| 1040 | + content: ""; | |
| 1041 | + left: 0; | |
| 1042 | + top: 50%; | |
| 1043 | + transform: translateY(-50%); | |
| 1044 | + height: 2rem; | |
| 1045 | + width: 3px; | |
| 1046 | + border-radius: 0 3px 3px 0; | |
| 1047 | + background-color: var(--notification-color); | |
| 1048 | +} | |
| 1049 | +.wowp-notification.-info { | |
| 1050 | + --notification-color: var(--wowp-blue); | |
| 1051 | +} | |
| 1052 | +.wowp-notification.-info:before { | |
| 1053 | + content: ""; | |
| 1054 | +} | |
| 1055 | +.wowp-notification.-warning { | |
| 1056 | + --notification-color: var(--wowp-yellow); | |
| 1057 | +} | |
| 1058 | +.wowp-notification.-warning:before { | |
| 1059 | + content: ""; | |
| 1060 | +} | |
| 1061 | +.wowp-notification.-error { | |
| 1062 | + --notification-color: var(--wowp-danger); | |
| 1063 | +} | |
| 1064 | +.wowp-notification.-error:before { | |
| 1065 | + content: ""; | |
| 1066 | +} | |
| 1067 | +.wowp-notification.-success { | |
| 1068 | + --notification-color: var(--wowp-success); | |
| 1069 | +} | |
| 1070 | +.wowp-notification.-success:before { | |
| 1071 | + content: ""; | |
| 1072 | +} | |
