← All changes
|
modules/basic-elements/public/css/public-powerkit-basic-elements.css
+0
-90
2.3.0
→
2.8.3
View file →
| @@ -30,15 +30,11 @@ | ||
| 30 | 30 | padding: 0.375rem 0.75rem; |
| 31 | 31 | font-size: 1rem; |
| 32 | 32 | line-height: 1.5; |
| 33 | 33 | border-radius: 0.25rem; |
| 34 | - -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; | |
| 35 | - transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; | |
| 36 | 34 | transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; |
| 37 | - transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; | |
| 38 | 35 | color: white; |
| 39 | 36 | border: none; |
| 40 | - -webkit-box-shadow: none !important; | |
| 41 | 37 | box-shadow: none !important; |
| 42 | 38 | text-decoration: none !important; |
| 43 | 39 | } |
| 44 | 40 | |
| @@ -43,9 +39,8 @@ | ||
| 43 | 39 | } |
| 44 | 40 | |
| 45 | 41 | @media (prefers-reduced-motion: reduce) { |
| 46 | 42 | .pk-button { |
| 47 | - -webkit-transition: none; | |
| 48 | 43 | transition: none; |
| 49 | 44 | } |
| 50 | 45 | } |
| 51 | 46 | |
| @@ -54,9 +49,8 @@ | ||
| 54 | 49 | } |
| 55 | 50 | |
| 56 | 51 | .pk-button:focus, .pk-button.focus { |
| 57 | 52 | outline: 0; |
| 58 | - -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); | |
| 59 | 53 | box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); |
| 60 | 54 | } |
| 61 | 55 | |
| 62 | 56 | .pk-button-primary { |
| @@ -71,9 +65,8 @@ | ||
| 71 | 65 | border-color: #0062cc; |
| 72 | 66 | } |
| 73 | 67 | |
| 74 | 68 | .pk-button-primary:focus, .pk-button-primary.focus { |
| 75 | - -webkit-box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); | |
| 76 | 69 | box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); |
| 77 | 70 | } |
| 78 | 71 | |
| 79 | 72 | .pk-button-primary.disabled, .pk-button-primary:disabled { |
| @@ -90,9 +83,8 @@ | ||
| 90 | 83 | } |
| 91 | 84 | |
| 92 | 85 | .pk-button-primary:not(:disabled):not(.disabled):active:focus, .pk-button-primary:not(:disabled):not(.disabled).active:focus, |
| 93 | 86 | .show > .pk-button-primary.dropdown-toggle:focus { |
| 94 | - -webkit-box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); | |
| 95 | 87 | box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); |
| 96 | 88 | } |
| 97 | 89 | |
| 98 | 90 | .pk-button-secondary { |
| @@ -107,9 +99,8 @@ | ||
| 107 | 99 | border-color: #878686; |
| 108 | 100 | } |
| 109 | 101 | |
| 110 | 102 | .pk-button-secondary:focus, .pk-button-secondary.focus { |
| 111 | - -webkit-box-shadow: 0 0 0 0.2rem rgba(141, 142, 142, 0.5); | |
| 112 | 103 | box-shadow: 0 0 0 0.2rem rgba(141, 142, 142, 0.5); |
| 113 | 104 | } |
| 114 | 105 | |
| 115 | 106 | .pk-button-secondary.disabled, .pk-button-secondary:disabled { |
| @@ -126,9 +117,8 @@ | ||
| 126 | 117 | } |
| 127 | 118 | |
| 128 | 119 | .pk-button-secondary:not(:disabled):not(.disabled):active:focus, .pk-button-secondary:not(:disabled):not(.disabled).active:focus, |
| 129 | 120 | .show > .pk-button-secondary.dropdown-toggle:focus { |
| 130 | - -webkit-box-shadow: 0 0 0 0.2rem rgba(141, 142, 142, 0.5); | |
| 131 | 121 | box-shadow: 0 0 0 0.2rem rgba(141, 142, 142, 0.5); |
| 132 | 122 | } |
| 133 | 123 | |
| 134 | 124 | .pk-button-success { |
| @@ -143,9 +133,8 @@ | ||
| 143 | 133 | border-color: #1e7e34; |
| 144 | 134 | } |
| 145 | 135 | |
| 146 | 136 | .pk-button-success:focus, .pk-button-success.focus { |
| 147 | - -webkit-box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5); | |
| 148 | 137 | box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5); |
| 149 | 138 | } |
| 150 | 139 | |
| 151 | 140 | .pk-button-success.disabled, .pk-button-success:disabled { |
| @@ -162,9 +151,8 @@ | ||
| 162 | 151 | } |
| 163 | 152 | |
| 164 | 153 | .pk-button-success:not(:disabled):not(.disabled):active:focus, .pk-button-success:not(:disabled):not(.disabled).active:focus, |
| 165 | 154 | .show > .pk-button-success.dropdown-toggle:focus { |
| 166 | - -webkit-box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5); | |
| 167 | 155 | box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5); |
| 168 | 156 | } |
| 169 | 157 | |
| 170 | 158 | .pk-button-info { |
| @@ -179,9 +167,8 @@ | ||
| 179 | 167 | border-color: #117a8b; |
| 180 | 168 | } |
| 181 | 169 | |
| 182 | 170 | .pk-button-info:focus, .pk-button-info.focus { |
| 183 | - -webkit-box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5); | |
| 184 | 171 | box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5); |
| 185 | 172 | } |
| 186 | 173 | |
| 187 | 174 | .pk-button-info.disabled, .pk-button-info:disabled { |
| @@ -198,9 +185,8 @@ | ||
| 198 | 185 | } |
| 199 | 186 | |
| 200 | 187 | .pk-button-info:not(:disabled):not(.disabled):active:focus, .pk-button-info:not(:disabled):not(.disabled).active:focus, |
| 201 | 188 | .show > .pk-button-info.dropdown-toggle:focus { |
| 202 | - -webkit-box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5); | |
| 203 | 189 | box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5); |
| 204 | 190 | } |
| 205 | 191 | |
| 206 | 192 | .pk-button-warning { |
| @@ -215,9 +201,8 @@ | ||
| 215 | 201 | border-color: #d39e00; |
| 216 | 202 | } |
| 217 | 203 | |
| 218 | 204 | .pk-button-warning:focus, .pk-button-warning.focus { |
| 219 | - -webkit-box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); | |
| 220 | 205 | box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); |
| 221 | 206 | } |
| 222 | 207 | |
| 223 | 208 | .pk-button-warning.disabled, .pk-button-warning:disabled { |
| @@ -234,9 +219,8 @@ | ||
| 234 | 219 | } |
| 235 | 220 | |
| 236 | 221 | .pk-button-warning:not(:disabled):not(.disabled):active:focus, .pk-button-warning:not(:disabled):not(.disabled).active:focus, |
| 237 | 222 | .show > .pk-button-warning.dropdown-toggle:focus { |
| 238 | - -webkit-box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); | |
| 239 | 223 | box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); |
| 240 | 224 | } |
| 241 | 225 | |
| 242 | 226 | .pk-button-danger { |
| @@ -251,9 +235,8 @@ | ||
| 251 | 235 | border-color: #bd2130; |
| 252 | 236 | } |
| 253 | 237 | |
| 254 | 238 | .pk-button-danger:focus, .pk-button-danger.focus { |
| 255 | - -webkit-box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5); | |
| 256 | 239 | box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5); |
| 257 | 240 | } |
| 258 | 241 | |
| 259 | 242 | .pk-button-danger.disabled, .pk-button-danger:disabled { |
| @@ -270,9 +253,8 @@ | ||
| 270 | 253 | } |
| 271 | 254 | |
| 272 | 255 | .pk-button-danger:not(:disabled):not(.disabled):active:focus, .pk-button-danger:not(:disabled):not(.disabled).active:focus, |
| 273 | 256 | .show > .pk-button-danger.dropdown-toggle:focus { |
| 274 | - -webkit-box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5); | |
| 275 | 257 | box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5); |
| 276 | 258 | } |
| 277 | 259 | |
| 278 | 260 | .pk-button-light { |
| @@ -287,9 +269,8 @@ | ||
| 287 | 269 | border-color: #dae0e5; |
| 288 | 270 | } |
| 289 | 271 | |
| 290 | 272 | .pk-button-light:focus, .pk-button-light.focus { |
| 291 | - -webkit-box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5); | |
| 292 | 273 | box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5); |
| 293 | 274 | } |
| 294 | 275 | |
| 295 | 276 | .pk-button-light.disabled, .pk-button-light:disabled { |
| @@ -306,9 +287,8 @@ | ||
| 306 | 287 | } |
| 307 | 288 | |
| 308 | 289 | .pk-button-light:not(:disabled):not(.disabled):active:focus, .pk-button-light:not(:disabled):not(.disabled).active:focus, |
| 309 | 290 | .show > .pk-button-light.dropdown-toggle:focus { |
| 310 | - -webkit-box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5); | |
| 311 | 291 | box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5); |
| 312 | 292 | } |
| 313 | 293 | |
| 314 | 294 | .pk-button-dark { |
| @@ -323,9 +303,8 @@ | ||
| 323 | 303 | border-color: #1d2124; |
| 324 | 304 | } |
| 325 | 305 | |
| 326 | 306 | .pk-button-dark:focus, .pk-button-dark.focus { |
| 327 | - -webkit-box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5); | |
| 328 | 307 | box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5); |
| 329 | 308 | } |
| 330 | 309 | |
| 331 | 310 | .pk-button-dark.disabled, .pk-button-dark:disabled { |
| @@ -342,9 +321,8 @@ | ||
| 342 | 321 | } |
| 343 | 322 | |
| 344 | 323 | .pk-button-dark:not(:disabled):not(.disabled):active:focus, .pk-button-dark:not(:disabled):not(.disabled).active:focus, |
| 345 | 324 | .show > .pk-button-dark.dropdown-toggle:focus { |
| 346 | - -webkit-box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5); | |
| 347 | 325 | box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5); |
| 348 | 326 | } |
| 349 | 327 | |
| 350 | 328 | .pk-button-outline-primary { |
| @@ -358,9 +336,8 @@ | ||
| 358 | 336 | border-color: #007bff; |
| 359 | 337 | } |
| 360 | 338 | |
| 361 | 339 | .pk-button-outline-primary:focus, .pk-button-outline-primary.focus { |
| 362 | - -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); | |
| 363 | 340 | box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); |
| 364 | 341 | } |
| 365 | 342 | |
| 366 | 343 | .pk-button-outline-primary.disabled, .pk-button-outline-primary:disabled { |
| @@ -376,9 +353,8 @@ | ||
| 376 | 353 | } |
| 377 | 354 | |
| 378 | 355 | .pk-button-outline-primary:not(:disabled):not(.disabled):active:focus, .pk-button-outline-primary:not(:disabled):not(.disabled).active:focus, |
| 379 | 356 | .show > .pk-button-outline-primary.dropdown-toggle:focus { |
| 380 | - -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); | |
| 381 | 357 | box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); |
| 382 | 358 | } |
| 383 | 359 | |
| 384 | 360 | .pk-button-outline-secondary { |
| @@ -392,9 +368,8 @@ | ||
| 392 | 368 | border-color: #A0A0A0; |
| 393 | 369 | } |
| 394 | 370 | |
| 395 | 371 | .pk-button-outline-secondary:focus, .pk-button-outline-secondary.focus { |
| 396 | - -webkit-box-shadow: 0 0 0 0.2rem rgba(160, 160, 160, 0.5); | |
| 397 | 372 | box-shadow: 0 0 0 0.2rem rgba(160, 160, 160, 0.5); |
| 398 | 373 | } |
| 399 | 374 | |
| 400 | 375 | .pk-button-outline-secondary.disabled, .pk-button-outline-secondary:disabled { |
| @@ -410,9 +385,8 @@ | ||
| 410 | 385 | } |
| 411 | 386 | |
| 412 | 387 | .pk-button-outline-secondary:not(:disabled):not(.disabled):active:focus, .pk-button-outline-secondary:not(:disabled):not(.disabled).active:focus, |
| 413 | 388 | .show > .pk-button-outline-secondary.dropdown-toggle:focus { |
| 414 | - -webkit-box-shadow: 0 0 0 0.2rem rgba(160, 160, 160, 0.5); | |
| 415 | 389 | box-shadow: 0 0 0 0.2rem rgba(160, 160, 160, 0.5); |
| 416 | 390 | } |
| 417 | 391 | |
| 418 | 392 | .pk-button-outline-success { |
| @@ -426,9 +400,8 @@ | ||
| 426 | 400 | border-color: #28a745; |
| 427 | 401 | } |
| 428 | 402 | |
| 429 | 403 | .pk-button-outline-success:focus, .pk-button-outline-success.focus { |
| 430 | - -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); | |
| 431 | 404 | box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); |
| 432 | 405 | } |
| 433 | 406 | |
| 434 | 407 | .pk-button-outline-success.disabled, .pk-button-outline-success:disabled { |
| @@ -444,9 +417,8 @@ | ||
| 444 | 417 | } |
| 445 | 418 | |
| 446 | 419 | .pk-button-outline-success:not(:disabled):not(.disabled):active:focus, .pk-button-outline-success:not(:disabled):not(.disabled).active:focus, |
| 447 | 420 | .show > .pk-button-outline-success.dropdown-toggle:focus { |
| 448 | - -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); | |
| 449 | 421 | box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); |
| 450 | 422 | } |
| 451 | 423 | |
| 452 | 424 | .pk-button-outline-info { |
| @@ -460,9 +432,8 @@ | ||
| 460 | 432 | border-color: #17a2b8; |
| 461 | 433 | } |
| 462 | 434 | |
| 463 | 435 | .pk-button-outline-info:focus, .pk-button-outline-info.focus { |
| 464 | - -webkit-box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); | |
| 465 | 436 | box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); |
| 466 | 437 | } |
| 467 | 438 | |
| 468 | 439 | .pk-button-outline-info.disabled, .pk-button-outline-info:disabled { |
| @@ -478,9 +449,8 @@ | ||
| 478 | 449 | } |
| 479 | 450 | |
| 480 | 451 | .pk-button-outline-info:not(:disabled):not(.disabled):active:focus, .pk-button-outline-info:not(:disabled):not(.disabled).active:focus, |
| 481 | 452 | .show > .pk-button-outline-info.dropdown-toggle:focus { |
| 482 | - -webkit-box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); | |
| 483 | 453 | box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); |
| 484 | 454 | } |
| 485 | 455 | |
| 486 | 456 | .pk-button-outline-warning { |
| @@ -494,9 +464,8 @@ | ||
| 494 | 464 | border-color: #ffc107; |
| 495 | 465 | } |
| 496 | 466 | |
| 497 | 467 | .pk-button-outline-warning:focus, .pk-button-outline-warning.focus { |
| 498 | - -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); | |
| 499 | 468 | box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); |
| 500 | 469 | } |
| 501 | 470 | |
| 502 | 471 | .pk-button-outline-warning.disabled, .pk-button-outline-warning:disabled { |
| @@ -512,9 +481,8 @@ | ||
| 512 | 481 | } |
| 513 | 482 | |
| 514 | 483 | .pk-button-outline-warning:not(:disabled):not(.disabled):active:focus, .pk-button-outline-warning:not(:disabled):not(.disabled).active:focus, |
| 515 | 484 | .show > .pk-button-outline-warning.dropdown-toggle:focus { |
| 516 | - -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); | |
| 517 | 485 | box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); |
| 518 | 486 | } |
| 519 | 487 | |
| 520 | 488 | .pk-button-outline-danger { |
| @@ -528,9 +496,8 @@ | ||
| 528 | 496 | border-color: #dc3545; |
| 529 | 497 | } |
| 530 | 498 | |
| 531 | 499 | .pk-button-outline-danger:focus, .pk-button-outline-danger.focus { |
| 532 | - -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); | |
| 533 | 500 | box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); |
| 534 | 501 | } |
| 535 | 502 | |
| 536 | 503 | .pk-button-outline-danger.disabled, .pk-button-outline-danger:disabled { |
| @@ -546,9 +513,8 @@ | ||
| 546 | 513 | } |
| 547 | 514 | |
| 548 | 515 | .pk-button-outline-danger:not(:disabled):not(.disabled):active:focus, .pk-button-outline-danger:not(:disabled):not(.disabled).active:focus, |
| 549 | 516 | .show > .pk-button-outline-danger.dropdown-toggle:focus { |
| 550 | - -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); | |
| 551 | 517 | box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); |
| 552 | 518 | } |
| 553 | 519 | |
| 554 | 520 | .pk-button-outline-light { |
| @@ -562,9 +528,8 @@ | ||
| 562 | 528 | border-color: #f8f9fa; |
| 563 | 529 | } |
| 564 | 530 | |
| 565 | 531 | .pk-button-outline-light:focus, .pk-button-outline-light.focus { |
| 566 | - -webkit-box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); | |
| 567 | 532 | box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); |
| 568 | 533 | } |
| 569 | 534 | |
| 570 | 535 | .pk-button-outline-light.disabled, .pk-button-outline-light:disabled { |
| @@ -580,9 +545,8 @@ | ||
| 580 | 545 | } |
| 581 | 546 | |
| 582 | 547 | .pk-button-outline-light:not(:disabled):not(.disabled):active:focus, .pk-button-outline-light:not(:disabled):not(.disabled).active:focus, |
| 583 | 548 | .show > .pk-button-outline-light.dropdown-toggle:focus { |
| 584 | - -webkit-box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); | |
| 585 | 549 | box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); |
| 586 | 550 | } |
| 587 | 551 | |
| 588 | 552 | .pk-button-outline-dark { |
| @@ -596,9 +560,8 @@ | ||
| 596 | 560 | border-color: #343a40; |
| 597 | 561 | } |
| 598 | 562 | |
| 599 | 563 | .pk-button-outline-dark:focus, .pk-button-outline-dark.focus { |
| 600 | - -webkit-box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); | |
| 601 | 564 | box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); |
| 602 | 565 | } |
| 603 | 566 | |
| 604 | 567 | .pk-button-outline-dark.disabled, .pk-button-outline-dark:disabled { |
| @@ -614,9 +577,8 @@ | ||
| 614 | 577 | } |
| 615 | 578 | |
| 616 | 579 | .pk-button-outline-dark:not(:disabled):not(.disabled):active:focus, .pk-button-outline-dark:not(:disabled):not(.disabled).active:focus, |
| 617 | 580 | .show > .pk-button-outline-dark.dropdown-toggle:focus { |
| 618 | - -webkit-box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); | |
| 619 | 581 | box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); |
| 620 | 582 | } |
| 621 | 583 | |
| 622 | 584 | .pk-button-lg { |
| @@ -644,16 +606,10 @@ | ||
| 644 | 606 | |
| 645 | 607 | /* Tabs */ |
| 646 | 608 | /*--------------------------------------------------------------*/ |
| 647 | 609 | .pk-nav { |
| 648 | - display: -webkit-box; | |
| 649 | - display: -ms-flexbox; | |
| 650 | 610 | display: flex; |
| 651 | - -webkit-box-orient: vertical; | |
| 652 | - -webkit-box-direction: normal; | |
| 653 | - -ms-flex-direction: column; | |
| 654 | 611 | flex-direction: column; |
| 655 | - -ms-flex-wrap: wrap; | |
| 656 | 612 | flex-wrap: wrap; |
| 657 | 613 | padding-left: 0; |
| 658 | 614 | margin-bottom: 0; |
| 659 | 615 | list-style: none; |
| @@ -659,15 +615,13 @@ | ||
| 659 | 615 | list-style: none; |
| 660 | 616 | } |
| 661 | 617 | |
| 662 | 618 | .pk-fade { |
| 663 | - -webkit-transition: opacity 0.15s linear; | |
| 664 | 619 | transition: opacity 0.15s linear; |
| 665 | 620 | } |
| 666 | 621 | |
| 667 | 622 | @media (prefers-reduced-motion: reduce) { |
| 668 | 623 | .pk-fade { |
| 669 | - -webkit-transition: none; | |
| 670 | 624 | transition: none; |
| 671 | 625 | } |
| 672 | 626 | } |
| 673 | 627 | |
| @@ -716,9 +670,8 @@ | ||
| 716 | 670 | padding: 1rem 1.5rem; |
| 717 | 671 | line-height: 1; |
| 718 | 672 | font-size: 1rem; |
| 719 | 673 | text-decoration: none !important; |
| 720 | - -webkit-box-shadow: none !important; | |
| 721 | 674 | box-shadow: none !important; |
| 722 | 675 | } |
| 723 | 676 | |
| 724 | 677 | .pk-tabs .pk-tab-pane > *:last-child { |
| @@ -751,11 +704,8 @@ | ||
| 751 | 704 | .pk-tabs .pk-nav-tabs .pk-nav-link.pk-active { |
| 752 | 705 | background-color: transparent; |
| 753 | 706 | } |
| 754 | 707 | .pk-tabs-horizontal .pk-nav { |
| 755 | - -webkit-box-orient: horizontal; | |
| 756 | - -webkit-box-direction: normal; | |
| 757 | - -ms-flex-direction: row; | |
| 758 | 708 | flex-direction: row; |
| 759 | 709 | } |
| 760 | 710 | .pk-tabs-horizontal .pk-nav-tabs { |
| 761 | 711 | border-bottom: 1px solid #dee2e6; |
| @@ -760,9 +710,8 @@ | ||
| 760 | 710 | .pk-tabs-horizontal .pk-nav-tabs { |
| 761 | 711 | border-bottom: 1px solid #dee2e6; |
| 762 | 712 | } |
| 763 | 713 | .pk-tabs-horizontal .pk-nav-item { |
| 764 | - -webkit-transform: translateY(1px); | |
| 765 | 714 | transform: translateY(1px); |
| 766 | 715 | } |
| 767 | 716 | .pk-tabs-horizontal .pk-nav-link.pk-active { |
| 768 | 717 | border-bottom-color: #fff; |
| @@ -767,15 +716,11 @@ | ||
| 767 | 716 | .pk-tabs-horizontal .pk-nav-link.pk-active { |
| 768 | 717 | border-bottom-color: #fff; |
| 769 | 718 | } |
| 770 | 719 | .pk-tabs-vertical .pk-tabs-container { |
| 771 | - display: -webkit-box; | |
| 772 | - display: -ms-flexbox; | |
| 773 | 720 | display: flex; |
| 774 | 721 | } |
| 775 | 722 | .pk-tabs-vertical .pk-tabs-navigation { |
| 776 | - -webkit-box-flex: 0; | |
| 777 | - -ms-flex: 0 0 30%; | |
| 778 | 723 | flex: 0 0 30%; |
| 779 | 724 | } |
| 780 | 725 | .pk-tabs-vertical .pk-tabs-navigation .pk-nav { |
| 781 | 726 | margin-bottom: 0; |
| @@ -782,22 +727,16 @@ | ||
| 782 | 727 | } |
| 783 | 728 | .pk-tabs-vertical .pk-tabs-navigation .pk-nav-item { |
| 784 | 729 | width: 100%; |
| 785 | 730 | max-width: 100%; |
| 786 | - -webkit-transform: translateX(1px); | |
| 787 | 731 | transform: translateX(1px); |
| 788 | 732 | } |
| 789 | 733 | .pk-tabs-vertical .pk-tabs-content { |
| 790 | 734 | margin-left: 5%; |
| 791 | - -webkit-box-flex: 0; | |
| 792 | - -ms-flex: 0 0 65%; | |
| 793 | 735 | flex: 0 0 65%; |
| 794 | 736 | } |
| 795 | 737 | .pk-tabs-vertical .pk-nav-tabs { |
| 796 | 738 | border-right: 1px solid #dee2e6; |
| 797 | - -webkit-box-orient: vertical; | |
| 798 | - -webkit-box-direction: normal; | |
| 799 | - -ms-flex-direction: column; | |
| 800 | 739 | flex-direction: column; |
| 801 | 740 | height: 100%; |
| 802 | 741 | } |
| 803 | 742 | .pk-tabs-vertical .pk-nav-tabs .pk-nav-link { |
| @@ -806,11 +745,8 @@ | ||
| 806 | 745 | .pk-tabs-vertical .pk-nav-tabs .pk-nav-link.pk-active { |
| 807 | 746 | border-right-color: #fff; |
| 808 | 747 | } |
| 809 | 748 | .pk-tabs-vertical .pk-nav-pills { |
| 810 | - -webkit-box-orient: vertical; | |
| 811 | - -webkit-box-direction: normal; | |
| 812 | - -ms-flex-direction: column; | |
| 813 | 749 | flex-direction: column; |
| 814 | 750 | } |
| 815 | 751 | } |
| 816 | 752 | |
| @@ -817,14 +753,9 @@ | ||
| 817 | 753 | /* Collapsibles */ |
| 818 | 754 | /*--------------------------------------------------------------*/ |
| 819 | 755 | .pk-card { |
| 820 | 756 | position: relative; |
| 821 | - display: -webkit-box; | |
| 822 | - display: -ms-flexbox; | |
| 823 | 757 | display: flex; |
| 824 | - -webkit-box-orient: vertical; | |
| 825 | - -webkit-box-direction: normal; | |
| 826 | - -ms-flex-direction: column; | |
| 827 | 758 | flex-direction: column; |
| 828 | 759 | min-width: 0; |
| 829 | 760 | word-wrap: break-word; |
| 830 | 761 | margin-bottom: 0; |
| @@ -841,10 +772,8 @@ | ||
| 841 | 772 | overflow: hidden; |
| 842 | 773 | } |
| 843 | 774 | |
| 844 | 775 | .pk-card-body { |
| 845 | - -webkit-box-flex: 1; | |
| 846 | - -ms-flex: 1 1 auto; | |
| 847 | 776 | flex: 1 1 auto; |
| 848 | 777 | padding: 0.75rem 0; |
| 849 | 778 | } |
| 850 | 779 | |
| @@ -857,21 +786,15 @@ | ||
| 857 | 786 | margin-bottom: 0; |
| 858 | 787 | } |
| 859 | 788 | |
| 860 | 789 | .pk-card-header a { |
| 861 | - display: -webkit-box; | |
| 862 | - display: -ms-flexbox; | |
| 863 | 790 | display: flex; |
| 864 | - -webkit-box-pack: justify; | |
| 865 | - -ms-flex-pack: justify; | |
| 866 | 791 | justify-content: space-between; |
| 867 | 792 | padding: 0.75rem 0; |
| 868 | 793 | border: none; |
| 869 | 794 | color: #212529; |
| 870 | - -webkit-transition: 0.3s; | |
| 871 | 795 | transition: 0.3s; |
| 872 | 796 | text-decoration: none !important; |
| 873 | - -webkit-box-shadow: none !important; | |
| 874 | 797 | box-shadow: none !important; |
| 875 | 798 | } |
| 876 | 799 | |
| 877 | 800 | .pk-card-header a:hover { |
| @@ -880,9 +803,8 @@ | ||
| 880 | 803 | |
| 881 | 804 | .pk-card-header a:after { |
| 882 | 805 | font-family: 'powerkit-icons'; |
| 883 | 806 | content: "\e914"; |
| 884 | - -webkit-transition: 0.3s; | |
| 885 | 807 | transition: 0.3s; |
| 886 | 808 | } |
| 887 | 809 | |
| 888 | 810 | .pk-card.expanded .pk-card-header a { |
| @@ -889,9 +811,8 @@ | ||
| 889 | 811 | color: inherit; |
| 890 | 812 | } |
| 891 | 813 | |
| 892 | 814 | .pk-card.expanded .pk-card-header a:after { |
| 893 | - -webkit-transform: rotate(90deg); | |
| 894 | 815 | transform: rotate(90deg); |
| 895 | 816 | } |
| 896 | 817 | |
| 897 | 818 | /* Progress */ |
| @@ -913,10 +834,8 @@ | ||
| 913 | 834 | } |
| 914 | 835 | } |
| 915 | 836 | |
| 916 | 837 | .pk-progress { |
| 917 | - display: -webkit-box; | |
| 918 | - display: -ms-flexbox; | |
| 919 | 838 | display: flex; |
| 920 | 839 | height: 1rem; |
| 921 | 840 | overflow: hidden; |
| 922 | 841 | font-size: 0.75rem; |
| @@ -924,28 +843,19 @@ | ||
| 924 | 843 | border-radius: 0.25rem; |
| 925 | 844 | } |
| 926 | 845 | |
| 927 | 846 | .pk-progress-bar { |
| 928 | - display: -webkit-box; | |
| 929 | - display: -ms-flexbox; | |
| 930 | 847 | display: flex; |
| 931 | - -webkit-box-orient: vertical; | |
| 932 | - -webkit-box-direction: normal; | |
| 933 | - -ms-flex-direction: column; | |
| 934 | 848 | flex-direction: column; |
| 935 | - -webkit-box-pack: center; | |
| 936 | - -ms-flex-pack: center; | |
| 937 | 849 | justify-content: center; |
| 938 | 850 | color: #fff; |
| 939 | 851 | text-align: center; |
| 940 | 852 | white-space: nowrap; |
| 941 | - -webkit-transition: width 0.6s ease; | |
| 942 | 853 | transition: width 0.6s ease; |
| 943 | 854 | } |
| 944 | 855 | |
| 945 | 856 | @media (prefers-reduced-motion: reduce) { |
| 946 | 857 | .pk-progress-bar { |
| 947 | - -webkit-transition: none; | |
| 948 | 858 | transition: none; |
| 949 | 859 | } |
| 950 | 860 | } |
| 951 | 861 | |