← All changes
|
includes/extensions/Maintenance_Mode/assets/admin.css
+242
-0
51.1.44
→
51.1.86
View file →
| @@ -122,8 +122,42 @@ | ||
| 122 | 122 | .kng-maintenance-template-gradient { |
| 123 | 123 | background: linear-gradient(135deg, rgba(96, 165, 250, 0.3), rgba(236, 72, 153, 0.25)); |
| 124 | 124 | } |
| 125 | 125 | |
| 126 | +.kng-maintenance-template-aurora { | |
| 127 | + background: radial-gradient(circle at 20% 20%, rgba(56, 189, 248, 0.28), transparent 55%), | |
| 128 | + radial-gradient(circle at 80% 30%, rgba(34, 197, 94, 0.22), transparent 55%), | |
| 129 | + radial-gradient(circle at 50% 80%, rgba(236, 72, 153, 0.22), transparent 60%), | |
| 130 | + linear-gradient(135deg, rgba(15, 15, 18, 0.95), rgba(0, 0, 0, 0.75)); | |
| 131 | +} | |
| 132 | + | |
| 133 | +.kng-maintenance-template-neon { | |
| 134 | + background: linear-gradient(135deg, rgba(34, 211, 238, 0.22), rgba(168, 85, 247, 0.2)), | |
| 135 | + linear-gradient(135deg, rgba(10, 10, 12, 0.95), rgba(0, 0, 0, 0.8)); | |
| 136 | +} | |
| 137 | + | |
| 138 | +.kng-maintenance-template-paper { | |
| 139 | + background: linear-gradient(135deg, rgba(255, 255, 255, 0.9), rgba(226, 232, 240, 0.75)); | |
| 140 | +} | |
| 141 | + | |
| 142 | +.kng-maintenance-template-mono { | |
| 143 | + background: linear-gradient(135deg, rgba(148, 163, 184, 0.2), rgba(15, 15, 18, 0.15)); | |
| 144 | +} | |
| 145 | + | |
| 146 | +.kng-maintenance-template-spotlight { | |
| 147 | + background: radial-gradient(circle at 50% 10%, rgba(59, 130, 246, 0.32), transparent 55%), | |
| 148 | + linear-gradient(135deg, rgba(15, 15, 18, 0.95), rgba(0, 0, 0, 0.75)); | |
| 149 | +} | |
| 150 | + | |
| 151 | +.kng-maintenance-template-poster { | |
| 152 | + background: linear-gradient(135deg, rgba(236, 72, 153, 0.22), rgba(59, 130, 246, 0.2)), | |
| 153 | + linear-gradient(135deg, rgba(15, 15, 18, 0.95), rgba(0, 0, 0, 0.75)); | |
| 154 | +} | |
| 155 | + | |
| 156 | +.kng-maintenance-template-ribbon { | |
| 157 | + background: linear-gradient(90deg, rgba(34, 197, 94, 0.22), rgba(0, 113, 227, 0.18), rgba(236, 72, 153, 0.18)); | |
| 158 | +} | |
| 159 | + | |
| 126 | 160 | .kng-maintenance-template-countdown { |
| 127 | 161 | background: linear-gradient(135deg, rgba(125, 211, 252, 0.2), rgba(34, 197, 94, 0.2)); |
| 128 | 162 | } |
| 129 | 163 | |
| @@ -182,8 +216,92 @@ | ||
| 182 | 216 | .kng-maintenance-content-grid-sm { |
| 183 | 217 | grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); |
| 184 | 218 | } |
| 185 | 219 | |
| 220 | +/* ===== Private Access (Mode Settings) ===== */ | |
| 221 | +.kng-maintenance-inline-actions { | |
| 222 | + margin-top: 12px; | |
| 223 | + display: grid; | |
| 224 | + gap: 8px; | |
| 225 | +} | |
| 226 | + | |
| 227 | +.kng-maintenance-inline-alert { | |
| 228 | + margin-bottom: 12px; | |
| 229 | +} | |
| 230 | + | |
| 231 | +.kng-maintenance-token-input { | |
| 232 | + width: 100%; | |
| 233 | + max-width: 640px; | |
| 234 | +} | |
| 235 | + | |
| 236 | +.kng-maintenance-token-row { | |
| 237 | + display: flex; | |
| 238 | + align-items: center; | |
| 239 | + gap: 10px; | |
| 240 | + flex-wrap: wrap; | |
| 241 | + margin-bottom: 6px; | |
| 242 | +} | |
| 243 | + | |
| 244 | +.kng-maintenance-token-row .kng-maintenance-token-input { | |
| 245 | + flex: 1; | |
| 246 | + min-width: 260px; | |
| 247 | +} | |
| 248 | + | |
| 249 | +.kng-maintenance-copy-status { | |
| 250 | + display: inline-flex; | |
| 251 | + align-items: center; | |
| 252 | + padding: 6px 10px; | |
| 253 | + border-radius: 999px; | |
| 254 | + font-size: 12px; | |
| 255 | + background: rgba(0, 113, 227, 0.12); | |
| 256 | + color: #0071e3; | |
| 257 | + opacity: 0; | |
| 258 | + transform: translateY(-2px); | |
| 259 | + transition: opacity 0.18s ease, transform 0.18s ease; | |
| 260 | +} | |
| 261 | + | |
| 262 | +.kng-maintenance-copy-status.is-visible { | |
| 263 | + opacity: 1; | |
| 264 | + transform: translateY(0); | |
| 265 | +} | |
| 266 | + | |
| 267 | +body.ka-admin-v3.ka-v3-dark .kng-maintenance-copy-status { | |
| 268 | + background: rgba(0, 113, 227, 0.22); | |
| 269 | + color: #a5d8ff; | |
| 270 | +} | |
| 271 | + | |
| 272 | +.kng-maintenance-token-actions { | |
| 273 | + margin-top: 10px; | |
| 274 | + display: flex; | |
| 275 | + gap: 10px; | |
| 276 | + flex-wrap: wrap; | |
| 277 | +} | |
| 278 | + | |
| 279 | +.kng-maintenance-password-actions { | |
| 280 | + margin-top: 12px; | |
| 281 | +} | |
| 282 | + | |
| 283 | +/* Red-tinted secondary button for destructive actions (keeps the global ka-btn shape). */ | |
| 284 | +.ka-btn.kng-maintenance-btn-danger { | |
| 285 | + background: rgba(239, 68, 68, 0.12); | |
| 286 | + color: #b91c1c; | |
| 287 | +} | |
| 288 | + | |
| 289 | +.ka-btn.kng-maintenance-btn-danger:hover { | |
| 290 | + background: rgba(239, 68, 68, 0.18); | |
| 291 | + color: #991b1b; | |
| 292 | +} | |
| 293 | + | |
| 294 | +body.ka-admin-v3.ka-v3-dark .ka-btn.kng-maintenance-btn-danger { | |
| 295 | + background: rgba(239, 68, 68, 0.18); | |
| 296 | + color: #fecaca; | |
| 297 | +} | |
| 298 | + | |
| 299 | +body.ka-admin-v3.ka-v3-dark .ka-btn.kng-maintenance-btn-danger:hover { | |
| 300 | + background: rgba(239, 68, 68, 0.24); | |
| 301 | + color: #fee2e2; | |
| 302 | +} | |
| 303 | + | |
| 186 | 304 | .kng-maintenance-note { |
| 187 | 305 | font-size: 13px; |
| 188 | 306 | color: #6e6e73; |
| 189 | 307 | margin-top: 8px; |
| @@ -188,8 +306,110 @@ | ||
| 188 | 306 | color: #6e6e73; |
| 189 | 307 | margin-top: 8px; |
| 190 | 308 | } |
| 191 | 309 | |
| 310 | +/* ===== FIELD CONTROLS (used in Page Builder / Rules / Schedule) ===== */ | |
| 311 | +.kng-maintenance-admin .kng-field { | |
| 312 | + display: flex; | |
| 313 | + flex-direction: column; | |
| 314 | + gap: 8px; | |
| 315 | +} | |
| 316 | + | |
| 317 | +.kng-maintenance-admin .kng-field label { | |
| 318 | + font-size: 12px; | |
| 319 | + font-weight: 600; | |
| 320 | + color: #1d1d1f; | |
| 321 | +} | |
| 322 | + | |
| 323 | +.kng-maintenance-admin .kng-field input[type="text"], | |
| 324 | +.kng-maintenance-admin .kng-field input[type="number"], | |
| 325 | +.kng-maintenance-admin .kng-field input[type="password"], | |
| 326 | +.kng-maintenance-admin .kng-field input[type="email"], | |
| 327 | +.kng-maintenance-admin .kng-field input[type="date"], | |
| 328 | +.kng-maintenance-admin .kng-field input[type="datetime-local"], | |
| 329 | +.kng-maintenance-admin .kng-field input[type="time"], | |
| 330 | +.kng-maintenance-admin .kng-field select, | |
| 331 | +.kng-maintenance-admin .kng-field textarea, | |
| 332 | +.kng-maintenance-admin .ka-card-body > select { | |
| 333 | + width: 100%; | |
| 334 | + max-width: 400px; | |
| 335 | + padding: 12px 16px; | |
| 336 | + border: 1px solid rgba(0, 0, 0, 0.1); | |
| 337 | + border-radius: 12px; | |
| 338 | + font-size: 15px; | |
| 339 | + font-family: inherit; | |
| 340 | + background-color: #fff; | |
| 341 | + transition: border-color 0.2s, box-shadow 0.2s; | |
| 342 | +} | |
| 343 | + | |
| 344 | +.kng-maintenance-admin .kng-field input[type="text"]:focus, | |
| 345 | +.kng-maintenance-admin .kng-field input[type="number"]:focus, | |
| 346 | +.kng-maintenance-admin .kng-field input[type="password"]:focus, | |
| 347 | +.kng-maintenance-admin .kng-field input[type="email"]:focus, | |
| 348 | +.kng-maintenance-admin .kng-field input[type="date"]:focus, | |
| 349 | +.kng-maintenance-admin .kng-field input[type="datetime-local"]:focus, | |
| 350 | +.kng-maintenance-admin .kng-field input[type="time"]:focus, | |
| 351 | +.kng-maintenance-admin .kng-field textarea:focus, | |
| 352 | +.kng-maintenance-admin .kng-field select:focus, | |
| 353 | +.kng-maintenance-admin .ka-card-body > select:focus { | |
| 354 | + outline: none; | |
| 355 | + border-color: rgba(0, 113, 227, 0.55); | |
| 356 | + box-shadow: 0 0 0 3px rgba(0, 113, 227, 0.18); | |
| 357 | +} | |
| 358 | + | |
| 359 | +/* Dropdown arrow for selects not wrapped in .ka-row-field */ | |
| 360 | +.kng-maintenance-admin .kng-field select:not([multiple]), | |
| 361 | +.kng-maintenance-admin .ka-card-body > select:not([multiple]) { | |
| 362 | + padding-right: 48px; | |
| 363 | + cursor: pointer; | |
| 364 | + -webkit-appearance: none; | |
| 365 | + -moz-appearance: none; | |
| 366 | + appearance: none; | |
| 367 | + background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%231d1d1f' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E"); | |
| 368 | + background-repeat: no-repeat; | |
| 369 | + background-position: right 16px center; | |
| 370 | + background-size: 18px 18px; | |
| 371 | +} | |
| 372 | + | |
| 373 | +body.ka-v3-dark .kng-maintenance-admin .kng-field label { | |
| 374 | + color: #f5f5f7; | |
| 375 | +} | |
| 376 | + | |
| 377 | +body.ka-v3-dark .kng-maintenance-admin .kng-field input[type="text"], | |
| 378 | +body.ka-v3-dark .kng-maintenance-admin .kng-field input[type="number"], | |
| 379 | +body.ka-v3-dark .kng-maintenance-admin .kng-field input[type="password"], | |
| 380 | +body.ka-v3-dark .kng-maintenance-admin .kng-field input[type="email"], | |
| 381 | +body.ka-v3-dark .kng-maintenance-admin .kng-field input[type="date"], | |
| 382 | +body.ka-v3-dark .kng-maintenance-admin .kng-field input[type="datetime-local"], | |
| 383 | +body.ka-v3-dark .kng-maintenance-admin .kng-field input[type="time"], | |
| 384 | +body.ka-v3-dark .kng-maintenance-admin .kng-field select, | |
| 385 | +body.ka-v3-dark .kng-maintenance-admin .kng-field textarea, | |
| 386 | +body.ka-v3-dark .kng-maintenance-admin .ka-card-body > select { | |
| 387 | + background-color: #2c2c2e; | |
| 388 | + border-color: rgba(255, 255, 255, 0.1); | |
| 389 | + color: #f5f5f7; | |
| 390 | +} | |
| 391 | + | |
| 392 | +body.ka-v3-dark .kng-maintenance-admin .kng-field input[type="text"]:focus, | |
| 393 | +body.ka-v3-dark .kng-maintenance-admin .kng-field input[type="number"]:focus, | |
| 394 | +body.ka-v3-dark .kng-maintenance-admin .kng-field input[type="password"]:focus, | |
| 395 | +body.ka-v3-dark .kng-maintenance-admin .kng-field input[type="email"]:focus, | |
| 396 | +body.ka-v3-dark .kng-maintenance-admin .kng-field input[type="date"]:focus, | |
| 397 | +body.ka-v3-dark .kng-maintenance-admin .kng-field input[type="datetime-local"]:focus, | |
| 398 | +body.ka-v3-dark .kng-maintenance-admin .kng-field input[type="time"]:focus, | |
| 399 | +body.ka-v3-dark .kng-maintenance-admin .kng-field textarea:focus, | |
| 400 | +body.ka-v3-dark .kng-maintenance-admin .kng-field select:focus, | |
| 401 | +body.ka-v3-dark .kng-maintenance-admin .ka-card-body > select:focus { | |
| 402 | + outline: none; | |
| 403 | + border-color: rgba(0, 113, 227, 0.75); | |
| 404 | + box-shadow: 0 0 0 3px rgba(0, 113, 227, 0.28); | |
| 405 | +} | |
| 406 | + | |
| 407 | +body.ka-v3-dark .kng-maintenance-admin .kng-field select:not([multiple]), | |
| 408 | +body.ka-v3-dark .kng-maintenance-admin .ka-card-body > select:not([multiple]) { | |
| 409 | + background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23f5f5f7' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E"); | |
| 410 | +} | |
| 411 | + | |
| 192 | 412 | .kng-maintenance-actions { |
| 193 | 413 | margin-top: 12px; |
| 194 | 414 | } |
| 195 | 415 | |
| @@ -218,8 +438,26 @@ | ||
| 218 | 438 | gap: 12px; |
| 219 | 439 | margin-bottom: 16px; |
| 220 | 440 | } |
| 221 | 441 | |
| 442 | +.kng-maintenance-repeat { | |
| 443 | + display: grid; | |
| 444 | + gap: 14px; | |
| 445 | +} | |
| 446 | + | |
| 447 | +.kng-repeat-row { | |
| 448 | + border-radius: 16px; | |
| 449 | + padding: 14px; | |
| 450 | + border: 1px solid rgba(0, 0, 0, 0.08); | |
| 451 | + background: rgba(0, 0, 0, 0.02); | |
| 452 | +} | |
| 453 | + | |
| 454 | +.kng-repeat-actions { | |
| 455 | + display: flex; | |
| 456 | + justify-content: flex-end; | |
| 457 | + margin-top: 10px; | |
| 458 | +} | |
| 459 | + | |
| 222 | 460 | body.ka-v3-dark .kng-maintenance-stat-row, |
| 223 | 461 | body.ka-v3-dark .kng-maintenance-radio, |
| 224 | 462 | body.ka-v3-dark .kng-maintenance-template-card, |
| 225 | 463 | body.ka-v3-dark .kng-maintenance-content-block { |
| @@ -240,4 +478,8 @@ | ||
| 240 | 478 | .kng-maintenance-dashboard-grid { |
| 241 | 479 | grid-template-columns: 1fr; |
| 242 | 480 | } |
| 243 | 481 | } |
| 482 | + | |
| 483 | +.kng-maintenance-admin .ka-stat-value { | |
| 484 | + font-size: 26px; | |
| 485 | +} | |