2018-04-11 04:20:50 +02:00
|
|
|
@import "variables.scss";
|
2018-04-04 20:19:44 +02:00
|
|
|
|
2018-04-13 17:49:03 +02:00
|
|
|
small,
|
|
|
|
.small {
|
2018-04-04 20:19:44 +02:00
|
|
|
font-size: $font-size-small;
|
|
|
|
}
|
|
|
|
|
2018-11-15 20:47:45 +01:00
|
|
|
.bg-primary {
|
|
|
|
@include themify($themes) {
|
|
|
|
background-color: themed("primaryColor") !important;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.bg-success {
|
|
|
|
@include themify($themes) {
|
|
|
|
background-color: themed("successColor") !important;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.bg-danger {
|
|
|
|
@include themify($themes) {
|
|
|
|
background-color: themed("dangerColor") !important;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.bg-info {
|
|
|
|
@include themify($themes) {
|
|
|
|
background-color: themed("infoColor") !important;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.bg-warning {
|
|
|
|
@include themify($themes) {
|
|
|
|
background-color: themed("warningColor") !important;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2018-04-04 20:19:44 +02:00
|
|
|
.text-primary {
|
2018-05-31 05:11:05 +02:00
|
|
|
@include themify($themes) {
|
|
|
|
color: themed("primaryColor") !important;
|
|
|
|
}
|
2018-04-11 22:23:05 +02:00
|
|
|
}
|
|
|
|
|
2018-04-04 20:19:44 +02:00
|
|
|
.text-success {
|
2018-05-31 05:11:05 +02:00
|
|
|
@include themify($themes) {
|
|
|
|
color: themed("successColor") !important;
|
|
|
|
}
|
2018-04-04 20:19:44 +02:00
|
|
|
}
|
|
|
|
|
2018-05-31 05:11:05 +02:00
|
|
|
.text-muted {
|
|
|
|
@include themify($themes) {
|
|
|
|
color: themed("mutedColor") !important;
|
|
|
|
}
|
2018-04-13 05:18:51 +02:00
|
|
|
}
|
|
|
|
|
2018-05-31 05:11:05 +02:00
|
|
|
.text-default {
|
|
|
|
@include themify($themes) {
|
|
|
|
color: themed("textColor") !important;
|
|
|
|
}
|
2018-04-13 05:18:51 +02:00
|
|
|
}
|
|
|
|
|
2018-05-31 05:11:05 +02:00
|
|
|
.text-danger {
|
|
|
|
@include themify($themes) {
|
|
|
|
color: themed("dangerColor") !important;
|
|
|
|
}
|
2018-04-04 20:19:44 +02:00
|
|
|
}
|
|
|
|
|
2018-05-31 05:11:05 +02:00
|
|
|
.text-info {
|
|
|
|
@include themify($themes) {
|
|
|
|
color: themed("infoColor") !important;
|
|
|
|
}
|
2018-04-04 20:19:44 +02:00
|
|
|
}
|
|
|
|
|
2018-05-31 05:11:05 +02:00
|
|
|
.text-warning {
|
|
|
|
@include themify($themes) {
|
|
|
|
color: themed("warningColor") !important;
|
|
|
|
}
|
2018-04-04 20:19:44 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
.text-center {
|
|
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
|
2018-07-31 04:12:09 +02:00
|
|
|
.font-weight-semibold {
|
|
|
|
font-weight: 600;
|
|
|
|
}
|
|
|
|
|
2018-04-13 19:18:56 +02:00
|
|
|
p.lead {
|
|
|
|
font-size: $font-size-large;
|
|
|
|
margin-bottom: 20px;
|
|
|
|
font-weight: normal;
|
|
|
|
}
|
|
|
|
|
2018-04-05 23:27:31 +02:00
|
|
|
.flex-right {
|
|
|
|
margin-left: auto;
|
|
|
|
}
|
|
|
|
|
2018-04-13 19:18:56 +02:00
|
|
|
.flex-bottom {
|
|
|
|
margin-top: auto;
|
|
|
|
}
|
|
|
|
|
2018-04-04 20:19:44 +02:00
|
|
|
.no-margin {
|
|
|
|
margin: 0 !important;
|
|
|
|
}
|
|
|
|
|
2018-04-04 22:29:43 +02:00
|
|
|
.no-vmargin {
|
|
|
|
margin-top: 0 !important;
|
|
|
|
margin-bottom: 0 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.no-vpad {
|
|
|
|
padding-top: 0 !important;
|
|
|
|
padding-bottom: 0 !important;
|
|
|
|
}
|
|
|
|
|
2018-04-13 19:42:34 +02:00
|
|
|
.display-block {
|
|
|
|
display: block !important;
|
|
|
|
}
|
|
|
|
|
2018-04-04 20:19:44 +02:00
|
|
|
.monospaced {
|
|
|
|
font-family: $font-family-monospace;
|
|
|
|
}
|
|
|
|
|
2018-12-21 05:01:17 +01:00
|
|
|
.show-whitespace {
|
|
|
|
white-space: pre-wrap;
|
|
|
|
}
|
|
|
|
|
2018-04-04 20:19:44 +02:00
|
|
|
.img-responsive {
|
|
|
|
display: block;
|
|
|
|
max-width: 100%;
|
|
|
|
height: auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.img-rounded {
|
|
|
|
border-radius: 6px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.sr-only {
|
|
|
|
position: absolute !important;
|
|
|
|
width: 1px !important;
|
|
|
|
height: 1px !important;
|
|
|
|
padding: 0 !important;
|
|
|
|
margin: -1px !important;
|
|
|
|
overflow: hidden !important;
|
|
|
|
clip: rect(0, 0, 0, 0) !important;
|
|
|
|
border: 0 !important;
|
|
|
|
}
|
|
|
|
|
2018-12-08 20:00:18 +01:00
|
|
|
.password-wrapper {
|
2021-11-02 18:28:24 +01:00
|
|
|
overflow-wrap: break-word;
|
2019-04-01 19:19:00 +02:00
|
|
|
white-space: pre-wrap;
|
2019-04-01 19:45:14 +02:00
|
|
|
min-width: 0;
|
2018-12-08 20:00:18 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
.password-number {
|
|
|
|
@include themify($themes) {
|
|
|
|
color: themed("passwordNumberColor");
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.password-special {
|
|
|
|
@include themify($themes) {
|
|
|
|
color: themed("passwordSpecialColor");
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2018-04-04 20:19:44 +02:00
|
|
|
#duo-frame {
|
2018-04-11 04:20:50 +02:00
|
|
|
background: url("../images/loading.svg") 0 0 no-repeat;
|
2018-04-04 22:29:43 +02:00
|
|
|
width: 100%;
|
|
|
|
height: 470px;
|
|
|
|
margin-bottom: -10px;
|
|
|
|
|
|
|
|
iframe {
|
|
|
|
width: 100%;
|
2021-03-17 22:14:26 +01:00
|
|
|
height: 100%;
|
|
|
|
border: none;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
#web-authn-frame {
|
|
|
|
background: url("../images/loading.svg") 0 0 no-repeat;
|
|
|
|
width: 100%;
|
|
|
|
height: 310px;
|
|
|
|
margin-bottom: -10px;
|
|
|
|
|
|
|
|
iframe {
|
|
|
|
width: 100%;
|
2018-04-04 22:29:43 +02:00
|
|
|
height: 100%;
|
|
|
|
border: none;
|
|
|
|
}
|
2018-04-04 20:19:44 +02:00
|
|
|
}
|
|
|
|
|
2021-07-23 20:22:53 +02:00
|
|
|
#hcaptcha_iframe {
|
|
|
|
width: 100%;
|
|
|
|
border: none;
|
|
|
|
transition: height 0.25s linear;
|
|
|
|
}
|
|
|
|
|
2021-04-06 23:10:22 +02:00
|
|
|
body.linux-webauthn {
|
|
|
|
width: 485px !important;
|
|
|
|
#web-authn-frame {
|
|
|
|
iframe {
|
|
|
|
width: 375px;
|
|
|
|
margin: 0 55px;
|
|
|
|
}
|
2021-12-21 15:43:35 +01:00
|
|
|
}
|
2021-04-06 23:10:22 +02:00
|
|
|
}
|
|
|
|
|
2018-04-04 20:19:44 +02:00
|
|
|
app-root > #loading {
|
|
|
|
display: flex;
|
|
|
|
text-align: center;
|
|
|
|
justify-content: center;
|
|
|
|
align-items: center;
|
|
|
|
height: 100%;
|
|
|
|
width: 100%;
|
|
|
|
color: $text-muted;
|
2018-05-31 05:11:05 +02:00
|
|
|
|
|
|
|
@include themify($themes) {
|
|
|
|
color: themed("mutedColor");
|
|
|
|
}
|
2018-04-04 20:19:44 +02:00
|
|
|
}
|
2018-04-09 23:35:16 +02:00
|
|
|
|
2018-04-10 04:25:03 +02:00
|
|
|
app-vault-icon {
|
|
|
|
display: flex;
|
|
|
|
}
|
2018-05-31 05:11:05 +02:00
|
|
|
|
|
|
|
.logo-image {
|
2018-07-24 23:07:56 +02:00
|
|
|
margin: 0 auto;
|
|
|
|
width: 142px;
|
|
|
|
height: 21px;
|
|
|
|
background-size: 142px 21px;
|
|
|
|
background-repeat: no-repeat;
|
2018-05-31 05:11:05 +02:00
|
|
|
@include themify($themes) {
|
2018-07-24 23:07:56 +02:00
|
|
|
background-image: url("../images/logo-" + themed("logoSuffix") + "@2x.png");
|
|
|
|
}
|
|
|
|
@media (min-width: 219px) {
|
|
|
|
width: 189px;
|
|
|
|
height: 28px;
|
|
|
|
background-size: 189px 28px;
|
|
|
|
}
|
|
|
|
@media (min-width: 314px) {
|
|
|
|
width: 284px;
|
|
|
|
height: 43px;
|
|
|
|
background-size: 284px 43px;
|
2018-05-31 05:11:05 +02:00
|
|
|
}
|
|
|
|
}
|
2018-12-08 20:00:18 +01:00
|
|
|
|
|
|
|
[hidden] {
|
|
|
|
display: none !important;
|
|
|
|
}
|
2019-10-25 02:05:20 +02:00
|
|
|
|
|
|
|
.draggable {
|
|
|
|
cursor: move;
|
|
|
|
}
|
2020-02-28 22:58:28 +01:00
|
|
|
|
|
|
|
.callout {
|
|
|
|
padding: 10px;
|
|
|
|
margin: 10px;
|
|
|
|
border: 1px solid #000000;
|
|
|
|
border-left-width: 5px;
|
|
|
|
border-radius: 3px;
|
|
|
|
@include themify($themes) {
|
|
|
|
border-color: themed("calloutBorderColor");
|
|
|
|
background-color: themed("calloutBackgroundColor");
|
2021-12-21 15:43:35 +01:00
|
|
|
}
|
|
|
|
|
2020-02-28 22:58:28 +01:00
|
|
|
.callout-heading {
|
|
|
|
margin-top: 0;
|
2021-12-21 15:43:35 +01:00
|
|
|
}
|
|
|
|
|
2020-02-28 22:58:28 +01:00
|
|
|
h3.callout-heading {
|
|
|
|
font-weight: bold;
|
|
|
|
text-transform: uppercase;
|
2021-12-21 15:43:35 +01:00
|
|
|
}
|
|
|
|
|
2020-02-28 22:58:28 +01:00
|
|
|
&.callout-primary {
|
|
|
|
@include themify($themes) {
|
|
|
|
border-left-color: themed("primaryColor");
|
|
|
|
}
|
|
|
|
|
|
|
|
.callout-heading {
|
|
|
|
@include themify($themes) {
|
|
|
|
color: themed("primaryColor");
|
2021-12-21 15:43:35 +01:00
|
|
|
}
|
2020-02-28 22:58:28 +01:00
|
|
|
}
|
2021-12-21 15:43:35 +01:00
|
|
|
}
|
2020-02-28 22:58:28 +01:00
|
|
|
|
|
|
|
&.callout-info {
|
|
|
|
@include themify($themes) {
|
|
|
|
border-left-color: themed("infoColor");
|
|
|
|
}
|
|
|
|
|
|
|
|
.callout-heading {
|
|
|
|
@include themify($themes) {
|
|
|
|
color: themed("infoColor");
|
|
|
|
}
|
|
|
|
}
|
2021-12-21 15:43:35 +01:00
|
|
|
}
|
2020-02-28 22:58:28 +01:00
|
|
|
|
|
|
|
&.callout-danger {
|
|
|
|
@include themify($themes) {
|
|
|
|
border-left-color: themed("dangerColor");
|
|
|
|
}
|
|
|
|
|
|
|
|
.callout-heading {
|
|
|
|
@include themify($themes) {
|
|
|
|
color: themed("dangerColor");
|
|
|
|
}
|
|
|
|
}
|
2021-12-21 15:43:35 +01:00
|
|
|
}
|
2020-02-28 22:58:28 +01:00
|
|
|
|
|
|
|
&.callout-success {
|
|
|
|
@include themify($themes) {
|
|
|
|
border-left-color: themed("successColor");
|
|
|
|
}
|
|
|
|
|
|
|
|
.callout-heading {
|
|
|
|
@include themify($themes) {
|
|
|
|
color: themed("successColor");
|
2021-12-21 15:43:35 +01:00
|
|
|
}
|
2020-02-28 22:58:28 +01:00
|
|
|
}
|
2021-12-21 15:43:35 +01:00
|
|
|
}
|
2020-02-28 22:58:28 +01:00
|
|
|
|
|
|
|
&.callout-warning {
|
|
|
|
@include themify($themes) {
|
|
|
|
border-left-color: themed("warningColor");
|
|
|
|
}
|
2021-02-23 22:37:55 +01:00
|
|
|
|
|
|
|
.callout-heading {
|
|
|
|
@include themify($themes) {
|
|
|
|
color: themed("warningColor");
|
|
|
|
}
|
|
|
|
}
|
2021-12-21 15:43:35 +01:00
|
|
|
}
|
2021-09-07 19:06:43 +02:00
|
|
|
|
|
|
|
&.clickable {
|
2021-12-21 15:43:35 +01:00
|
|
|
&:hover,
|
2021-09-07 19:06:43 +02:00
|
|
|
&:focus,
|
|
|
|
&.active {
|
2020-02-28 22:58:28 +01:00
|
|
|
@include themify($themes) {
|
2021-09-07 19:06:43 +02:00
|
|
|
background-color: themed("boxBackgroundHoverColor");
|
2021-12-21 15:43:35 +01:00
|
|
|
}
|
2021-09-07 19:06:43 +02:00
|
|
|
}
|
2021-12-21 15:43:35 +01:00
|
|
|
}
|
|
|
|
|
2021-09-07 19:06:43 +02:00
|
|
|
.enforced-policy-options ul {
|
|
|
|
padding-left: 30px;
|
|
|
|
margin: 0;
|
2021-12-21 15:43:35 +01:00
|
|
|
}
|
2020-02-28 22:58:28 +01:00
|
|
|
}
|
2020-07-10 14:46:35 +02:00
|
|
|
|
|
|
|
input[type="password"]::-ms-reveal {
|
|
|
|
display: none;
|
|
|
|
}
|
2021-03-03 21:03:05 +01:00
|
|
|
|
|
|
|
.flex {
|
|
|
|
display: flex;
|
|
|
|
|
|
|
|
&.flex-grow {
|
|
|
|
> * {
|
|
|
|
flex: 1;
|
|
|
|
}
|
2021-12-21 15:43:35 +01:00
|
|
|
}
|
2021-03-03 21:03:05 +01:00
|
|
|
}
|
2021-04-02 06:55:23 +02:00
|
|
|
|
2021-11-01 23:15:49 +01:00
|
|
|
// Workaround for slow performance on external monitors on Chrome + MacOS
|
|
|
|
// See: https://bugs.chromium.org/p/chromium/issues/detail?id=971701#c64
|
|
|
|
@keyframes redraw {
|
|
|
|
0% {
|
|
|
|
opacity: 0.99;
|
|
|
|
}
|
|
|
|
100% {
|
|
|
|
opacity: 1;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
html.force_redraw {
|
|
|
|
animation: redraw 1s linear infinite;
|
|
|
|
}
|