2021-09-30 00:06:20 +02:00
|
|
|
#duo-frame {
|
|
|
|
height: 330px;
|
|
|
|
@include themify($themes) {
|
|
|
|
background: themed('imgLoading') 0 0 no-repeat;
|
|
|
|
}
|
2018-06-08 18:32:00 +02:00
|
|
|
|
2021-09-30 00:06:20 +02:00
|
|
|
iframe {
|
|
|
|
border: none;
|
|
|
|
height: 100%;
|
|
|
|
width: 100%;
|
2018-06-20 22:28:56 +02:00
|
|
|
}
|
2021-09-30 00:06:20 +02:00
|
|
|
}
|
2018-06-20 22:28:56 +02:00
|
|
|
|
2021-09-30 00:06:20 +02:00
|
|
|
#web-authn-frame {
|
|
|
|
height: 290px;
|
|
|
|
@include themify($themes) {
|
|
|
|
background: themed('imgLoading') 0 0 no-repeat;
|
2018-06-08 18:32:00 +02:00
|
|
|
}
|
|
|
|
|
2021-09-30 00:06:20 +02:00
|
|
|
iframe {
|
|
|
|
border: none;
|
|
|
|
height: 100%;
|
|
|
|
width: 100%;
|
|
|
|
}
|
|
|
|
}
|
2018-06-08 18:32:00 +02:00
|
|
|
|
2021-09-30 00:06:20 +02:00
|
|
|
#hcaptcha_iframe {
|
|
|
|
border: none;
|
|
|
|
transition: height 0.25s linear;
|
|
|
|
width: 100%;
|
|
|
|
}
|
2018-06-08 18:32:00 +02:00
|
|
|
|
2021-09-30 00:06:20 +02:00
|
|
|
.list-group-2fa {
|
|
|
|
.logo-2fa {
|
|
|
|
min-width: 100px;
|
|
|
|
}
|
|
|
|
}
|
2021-06-16 21:43:15 +02:00
|
|
|
|
2021-10-08 00:47:32 +02:00
|
|
|
@each $mfaType in $mfaTypes {
|
|
|
|
.mfaType#{$mfaType} {
|
|
|
|
content: url('../images/two-factor/' + $mfaType + '.png');
|
|
|
|
max-width: 100px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2021-10-28 14:20:37 +02:00
|
|
|
.mfaType1 {
|
|
|
|
@include themify($themes) {
|
|
|
|
content: url('../images/two-factor/1' + themed('mfaLogoSuffix'));
|
|
|
|
max-width: 100px;
|
|
|
|
max-height: 45px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2021-10-08 00:47:32 +02:00
|
|
|
.mfaType7 {
|
|
|
|
@include themify($themes) {
|
|
|
|
content: url('../images/two-factor/7' + themed('mfaLogoSuffix'));
|
|
|
|
max-width: 100px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2021-10-28 14:20:37 +02:00
|
|
|
.recovery-code-img {
|
|
|
|
@include themify($themes) {
|
|
|
|
content: url('../images/two-factor/rc' + themed('mfaLogoSuffix'));
|
|
|
|
max-width: 100px;
|
|
|
|
max-height: 45px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2021-09-30 00:06:20 +02:00
|
|
|
.progress {
|
|
|
|
@include themify($themes) {
|
|
|
|
background-color: themed('pwStrengthBackground');
|
|
|
|
}
|
|
|
|
}
|
2018-06-08 18:32:00 +02:00
|
|
|
|
2021-09-30 00:06:20 +02:00
|
|
|
// Braintree
|
2018-06-08 18:32:00 +02:00
|
|
|
|
2021-09-30 00:06:20 +02:00
|
|
|
#bt-dropin-container {
|
|
|
|
min-height: 50px;
|
|
|
|
@include themify($themes) {
|
|
|
|
background: themed("loadingSvg") center center no-repeat;
|
|
|
|
}
|
|
|
|
}
|
2018-08-02 14:46:33 +02:00
|
|
|
|
2021-09-30 00:06:20 +02:00
|
|
|
.braintree-placeholder, .braintree-sheet__header {
|
|
|
|
display: none;
|
|
|
|
}
|
2018-08-02 14:46:33 +02:00
|
|
|
|
2021-09-30 00:06:20 +02:00
|
|
|
.braintree-sheet__content--button {
|
|
|
|
min-height: 0;
|
|
|
|
padding: 0;
|
|
|
|
text-align: left;
|
|
|
|
}
|
2018-06-08 18:32:00 +02:00
|
|
|
|
2021-09-30 00:06:20 +02:00
|
|
|
.braintree-sheet__container {
|
|
|
|
margin-bottom: 0;
|
|
|
|
}
|
2018-06-08 18:32:00 +02:00
|
|
|
|
2021-09-30 00:06:20 +02:00
|
|
|
.braintree-sheet {
|
|
|
|
border: none;
|
|
|
|
}
|
2018-06-08 18:32:00 +02:00
|
|
|
|
2021-09-30 00:06:20 +02:00
|
|
|
[data-braintree-id="upper-container"]::before {
|
|
|
|
@include themify($themes) {
|
|
|
|
background-color: themed('backgroundColor');
|
|
|
|
}
|
|
|
|
}
|
2018-06-08 18:32:00 +02:00
|
|
|
|
2021-09-30 00:06:20 +02:00
|
|
|
.card [data-braintree-id="upper-container"]::before {
|
|
|
|
@include themify($themes) {
|
|
|
|
background-color: themed('foregroundColor');
|
|
|
|
}
|
|
|
|
}
|
2018-06-08 18:32:00 +02:00
|
|
|
|
2021-09-30 00:06:20 +02:00
|
|
|
[data-braintree-id="paypal-button"] {
|
|
|
|
@include themify($themes) {
|
|
|
|
background-color: themed('backgroundColor');
|
|
|
|
}
|
|
|
|
}
|
2018-06-08 18:32:00 +02:00
|
|
|
|
2021-09-30 00:06:20 +02:00
|
|
|
.card [data-braintree-id="paypal-button"] {
|
|
|
|
@include themify($themes) {
|
|
|
|
background-color: themed('foregroundColor');
|
|
|
|
}
|
|
|
|
}
|
2018-06-08 18:32:00 +02:00
|
|
|
|
2021-09-30 00:06:20 +02:00
|
|
|
.paypal-button-text {
|
|
|
|
@include themify($themes) {
|
|
|
|
color: themed('textColor');
|
2018-06-08 18:32:00 +02:00
|
|
|
}
|
|
|
|
}
|
2018-06-08 20:56:26 +02:00
|
|
|
|
2020-03-02 19:52:09 +01:00
|
|
|
// SweetAlert2
|
2018-06-08 20:56:26 +02:00
|
|
|
|
2021-09-30 00:06:20 +02:00
|
|
|
[class*="swal2-"] {
|
|
|
|
&:not(.swal2-container, .swal2-confirm, .swal2-cancel, .swal2-deny) {
|
|
|
|
@include themify($themes) {
|
|
|
|
background-color: themed('backgroundColor');
|
|
|
|
color: themed('textColor');
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2020-03-02 19:52:09 +01:00
|
|
|
.swal2-container {
|
2018-06-08 20:56:26 +02:00
|
|
|
background-color: rgba(0,0,0,.3);
|
|
|
|
}
|
|
|
|
|
2020-03-02 19:52:09 +01:00
|
|
|
.swal2-popup {
|
2021-09-30 00:06:20 +02:00
|
|
|
@include themify($themes) {
|
|
|
|
background-color: themed('backgroundColor');
|
|
|
|
color: themed('textColor');
|
|
|
|
}
|
2018-06-08 21:20:07 +02:00
|
|
|
border: $modal-content-border-width solid #9a9a9a;
|
|
|
|
@include border-radius($modal-content-border-radius);
|
2021-09-30 00:06:20 +02:00
|
|
|
padding: 15px 0 0;
|
2020-03-02 19:52:09 +01:00
|
|
|
width: 34em; // slightly bigger than the hardcoded 478px in v1.
|
2018-06-08 20:56:26 +02:00
|
|
|
|
2020-03-04 20:14:27 +01:00
|
|
|
.swal2-header {
|
|
|
|
padding: 0 15px;
|
|
|
|
}
|
|
|
|
|
2020-03-02 19:52:09 +01:00
|
|
|
.swal2-icon {
|
2021-10-05 12:03:24 +02:00
|
|
|
border: none;
|
|
|
|
height: auto;
|
2020-03-04 20:14:27 +01:00
|
|
|
margin: 0 auto;
|
2020-03-02 19:52:09 +01:00
|
|
|
width: auto;
|
2018-06-08 20:56:26 +02:00
|
|
|
}
|
|
|
|
|
2020-03-02 19:52:09 +01:00
|
|
|
.swal2-content {
|
2018-06-08 20:56:26 +02:00
|
|
|
font-size: $font-size-base;
|
2021-10-05 12:03:24 +02:00
|
|
|
padding-bottom: 15px;
|
2021-09-30 00:06:20 +02:00
|
|
|
@include themify($themes) {
|
|
|
|
border-bottom: $modal-footer-border-width solid themed('separator');
|
|
|
|
}
|
2018-06-08 20:56:26 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
i.swal-custom-icon {
|
|
|
|
display: block;
|
|
|
|
font-size: 35px;
|
2021-10-05 12:03:24 +02:00
|
|
|
margin: 0 auto;
|
2018-06-08 20:56:26 +02:00
|
|
|
}
|
|
|
|
|
2020-03-02 19:52:09 +01:00
|
|
|
.swal2-title {
|
2018-06-08 20:56:26 +02:00
|
|
|
font-size: $font-size-lg;
|
2021-09-30 00:06:20 +02:00
|
|
|
margin: 0;
|
|
|
|
padding: 10px 0 15px;
|
|
|
|
@include themify($themes) {
|
|
|
|
color: themed('headingColor');
|
|
|
|
}
|
2018-06-08 20:56:26 +02:00
|
|
|
}
|
|
|
|
|
2020-03-02 19:52:09 +01:00
|
|
|
.swal2-content {
|
2018-06-08 20:56:26 +02:00
|
|
|
font-size: $font-size-base;
|
2020-03-04 20:14:27 +01:00
|
|
|
padding: 0 15px 15px;
|
2021-09-30 00:06:20 +02:00
|
|
|
@include themify($themes) {
|
|
|
|
color: themed('textColor');
|
|
|
|
}
|
2018-06-08 20:56:26 +02:00
|
|
|
}
|
|
|
|
|
2020-03-02 19:52:09 +01:00
|
|
|
.swal2-actions {
|
2018-06-08 20:56:26 +02:00
|
|
|
@include border-radius($modal-content-border-radius);
|
|
|
|
display: flex;
|
2020-03-02 19:52:09 +01:00
|
|
|
flex-direction: row;
|
2018-06-08 20:56:26 +02:00
|
|
|
font-size: $font-size-base;
|
2021-09-30 00:06:20 +02:00
|
|
|
justify-content: flex-start;
|
|
|
|
margin: 0;
|
|
|
|
padding: 15px;
|
|
|
|
@include themify($themes) {
|
|
|
|
background-color: themed('backgroundColor');
|
|
|
|
}
|
2018-06-08 20:56:26 +02:00
|
|
|
|
2020-03-02 19:52:09 +01:00
|
|
|
button {
|
2020-03-04 20:14:27 +01:00
|
|
|
margin-right: 10px;
|
2018-06-08 20:56:26 +02:00
|
|
|
@extend .btn;
|
|
|
|
}
|
|
|
|
}
|
2021-05-03 20:55:42 +02:00
|
|
|
|
|
|
|
.swal2-validation-message {
|
|
|
|
margin: 0 -15px;
|
|
|
|
}
|
2018-06-08 20:56:26 +02:00
|
|
|
}
|
2021-03-08 22:10:16 +01:00
|
|
|
|
|
|
|
date-input-polyfill {
|
|
|
|
&[data-open="true"] {
|
|
|
|
z-index: 10000 !important;
|
|
|
|
}
|
|
|
|
}
|