|
1 | 1 | /*! |
2 | | - * # Semantic UI 2.3.1 - Button |
| 2 | + * # Semantic UI 2.3.3 - Button |
3 | 3 | * http://github.com/semantic-org/semantic-ui/ |
4 | 4 | * |
5 | 5 | * |
|
3341 | 3341 | margin-left: -1px; |
3342 | 3342 | } |
3343 | 3343 |
|
| 3344 | +/* Inverted */ |
| 3345 | +.ui.inverted.primary.buttons .button, |
| 3346 | +.ui.inverted.primary.button { |
| 3347 | + background-color: transparent; |
| 3348 | + -webkit-box-shadow: 0px 0px 0px 2px #54C8FF inset !important; |
| 3349 | + box-shadow: 0px 0px 0px 2px #54C8FF inset !important; |
| 3350 | + color: #54C8FF; |
| 3351 | +} |
| 3352 | +.ui.inverted.primary.buttons .button:hover, |
| 3353 | +.ui.inverted.primary.button:hover, |
| 3354 | +.ui.inverted.primary.buttons .button:focus, |
| 3355 | +.ui.inverted.primary.button:focus, |
| 3356 | +.ui.inverted.primary.buttons .button.active, |
| 3357 | +.ui.inverted.primary.button.active, |
| 3358 | +.ui.inverted.primary.buttons .button:active, |
| 3359 | +.ui.inverted.primary.button:active { |
| 3360 | + -webkit-box-shadow: none !important; |
| 3361 | + box-shadow: none !important; |
| 3362 | + color: #FFFFFF; |
| 3363 | +} |
| 3364 | +.ui.inverted.primary.buttons .button:hover, |
| 3365 | +.ui.inverted.primary.button:hover { |
| 3366 | + background-color: #3ac0ff; |
| 3367 | +} |
| 3368 | +.ui.inverted.primary.buttons .button:focus, |
| 3369 | +.ui.inverted.primary.button:focus { |
| 3370 | + background-color: #2bbbff; |
| 3371 | +} |
| 3372 | +.ui.inverted.primary.buttons .active.button, |
| 3373 | +.ui.inverted.primary.active.button { |
| 3374 | + background-color: #3ac0ff; |
| 3375 | +} |
| 3376 | +.ui.inverted.primary.buttons .button:active, |
| 3377 | +.ui.inverted.primary.button:active { |
| 3378 | + background-color: #21b8ff; |
| 3379 | +} |
| 3380 | + |
| 3381 | +/* Inverted Basic */ |
| 3382 | +.ui.inverted.primary.basic.buttons .button, |
| 3383 | +.ui.inverted.primary.buttons .basic.button, |
| 3384 | +.ui.inverted.primary.basic.button { |
| 3385 | + background-color: transparent; |
| 3386 | + -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; |
| 3387 | + box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; |
| 3388 | + color: #FFFFFF !important; |
| 3389 | +} |
| 3390 | +.ui.inverted.primary.basic.buttons .button:hover, |
| 3391 | +.ui.inverted.primary.buttons .basic.button:hover, |
| 3392 | +.ui.inverted.primary.basic.button:hover { |
| 3393 | + -webkit-box-shadow: 0px 0px 0px 2px #3ac0ff inset !important; |
| 3394 | + box-shadow: 0px 0px 0px 2px #3ac0ff inset !important; |
| 3395 | + color: #54C8FF !important; |
| 3396 | +} |
| 3397 | +.ui.inverted.primary.basic.buttons .button:focus, |
| 3398 | +.ui.inverted.primary.basic.buttons .button:focus, |
| 3399 | +.ui.inverted.primary.basic.button:focus { |
| 3400 | + -webkit-box-shadow: 0px 0px 0px 2px #2bbbff inset !important; |
| 3401 | + box-shadow: 0px 0px 0px 2px #2bbbff inset !important; |
| 3402 | + color: #54C8FF !important; |
| 3403 | +} |
| 3404 | +.ui.inverted.primary.basic.buttons .active.button, |
| 3405 | +.ui.inverted.primary.buttons .basic.active.button, |
| 3406 | +.ui.inverted.primary.basic.active.button { |
| 3407 | + -webkit-box-shadow: 0px 0px 0px 2px #3ac0ff inset !important; |
| 3408 | + box-shadow: 0px 0px 0px 2px #3ac0ff inset !important; |
| 3409 | + color: #54C8FF !important; |
| 3410 | +} |
| 3411 | +.ui.inverted.primary.basic.buttons .button:active, |
| 3412 | +.ui.inverted.primary.buttons .basic.button:active, |
| 3413 | +.ui.inverted.primary.basic.button:active { |
| 3414 | + -webkit-box-shadow: 0px 0px 0px 2px #21b8ff inset !important; |
| 3415 | + box-shadow: 0px 0px 0px 2px #21b8ff inset !important; |
| 3416 | + color: #54C8FF !important; |
| 3417 | +} |
| 3418 | + |
3344 | 3419 | /*------------------- |
3345 | 3420 | Secondary |
3346 | 3421 | --------------------*/ |
|
3423 | 3498 | margin-left: -1px; |
3424 | 3499 | } |
3425 | 3500 |
|
| 3501 | +/* Inverted */ |
| 3502 | +.ui.inverted.secondary.buttons .button, |
| 3503 | +.ui.inverted.secondary.button { |
| 3504 | + background-color: transparent; |
| 3505 | + -webkit-box-shadow: 0px 0px 0px 2px #545454 inset !important; |
| 3506 | + box-shadow: 0px 0px 0px 2px #545454 inset !important; |
| 3507 | + color: #545454; |
| 3508 | +} |
| 3509 | +.ui.inverted.secondary.buttons .button:hover, |
| 3510 | +.ui.inverted.secondary.button:hover, |
| 3511 | +.ui.inverted.secondary.buttons .button:focus, |
| 3512 | +.ui.inverted.secondary.button:focus, |
| 3513 | +.ui.inverted.secondary.buttons .button.active, |
| 3514 | +.ui.inverted.secondary.button.active, |
| 3515 | +.ui.inverted.secondary.buttons .button:active, |
| 3516 | +.ui.inverted.secondary.button:active { |
| 3517 | + -webkit-box-shadow: none !important; |
| 3518 | + box-shadow: none !important; |
| 3519 | + color: #FFFFFF; |
| 3520 | +} |
| 3521 | +.ui.inverted.secondary.buttons .button:hover, |
| 3522 | +.ui.inverted.secondary.button:hover { |
| 3523 | + background-color: #616161; |
| 3524 | +} |
| 3525 | +.ui.inverted.secondary.buttons .button:focus, |
| 3526 | +.ui.inverted.secondary.button:focus { |
| 3527 | + background-color: #686868; |
| 3528 | +} |
| 3529 | +.ui.inverted.secondary.buttons .active.button, |
| 3530 | +.ui.inverted.secondary.active.button { |
| 3531 | + background-color: #616161; |
| 3532 | +} |
| 3533 | +.ui.inverted.secondary.buttons .button:active, |
| 3534 | +.ui.inverted.secondary.button:active { |
| 3535 | + background-color: #6e6e6e; |
| 3536 | +} |
| 3537 | + |
| 3538 | +/* Inverted Basic */ |
| 3539 | +.ui.inverted.secondary.basic.buttons .button, |
| 3540 | +.ui.inverted.secondary.buttons .basic.button, |
| 3541 | +.ui.inverted.secondary.basic.button { |
| 3542 | + background-color: transparent; |
| 3543 | + -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; |
| 3544 | + box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; |
| 3545 | + color: #FFFFFF !important; |
| 3546 | +} |
| 3547 | +.ui.inverted.secondary.basic.buttons .button:hover, |
| 3548 | +.ui.inverted.secondary.buttons .basic.button:hover, |
| 3549 | +.ui.inverted.secondary.basic.button:hover { |
| 3550 | + -webkit-box-shadow: 0px 0px 0px 2px #616161 inset !important; |
| 3551 | + box-shadow: 0px 0px 0px 2px #616161 inset !important; |
| 3552 | + color: #545454 !important; |
| 3553 | +} |
| 3554 | +.ui.inverted.secondary.basic.buttons .button:focus, |
| 3555 | +.ui.inverted.secondary.basic.buttons .button:focus, |
| 3556 | +.ui.inverted.secondary.basic.button:focus { |
| 3557 | + -webkit-box-shadow: 0px 0px 0px 2px #686868 inset !important; |
| 3558 | + box-shadow: 0px 0px 0px 2px #686868 inset !important; |
| 3559 | + color: #545454 !important; |
| 3560 | +} |
| 3561 | +.ui.inverted.secondary.basic.buttons .active.button, |
| 3562 | +.ui.inverted.secondary.buttons .basic.active.button, |
| 3563 | +.ui.inverted.secondary.basic.active.button { |
| 3564 | + -webkit-box-shadow: 0px 0px 0px 2px #616161 inset !important; |
| 3565 | + box-shadow: 0px 0px 0px 2px #616161 inset !important; |
| 3566 | + color: #545454 !important; |
| 3567 | +} |
| 3568 | +.ui.inverted.secondary.basic.buttons .button:active, |
| 3569 | +.ui.inverted.secondary.buttons .basic.button:active, |
| 3570 | +.ui.inverted.secondary.basic.button:active { |
| 3571 | + -webkit-box-shadow: 0px 0px 0px 2px #6e6e6e inset !important; |
| 3572 | + box-shadow: 0px 0px 0px 2px #6e6e6e inset !important; |
| 3573 | + color: #545454 !important; |
| 3574 | +} |
| 3575 | + |
3426 | 3576 | /*--------------- |
3427 | 3577 | Positive |
3428 | 3578 | ----------------*/ |
|
0 commit comments