82 lines
1.8 KiB
CSS
82 lines
1.8 KiB
CSS
*,
|
|
*::before,
|
|
*::after {
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
:root {
|
|
--in-text-color: #fff;
|
|
--in-link-color: #fff;
|
|
--in-outline-color: #00aaff;
|
|
--in-normalized-background: #000;
|
|
--in-input-background: #fff;
|
|
--in-input-background-disabled: #c2c2c2;
|
|
--in-input-required-color: #ff0000;
|
|
--in-input-color: #000;
|
|
--in-input-color-disabled: #414141;
|
|
--in-input-border-color: #ddd;
|
|
--in-input-border-color-disabled: #a0a0a0;
|
|
--in-input-border-color-invalid: #ff0000;
|
|
|
|
--in-alert-color: #006597;
|
|
--in-error-color: #b52e2e;
|
|
--in-success-color: #1e7f27;
|
|
|
|
--in-modal-background: #fff;
|
|
--in-modal-backdrop: rgba(0, 0, 0, 0.3);
|
|
--in-modal-divider-color: #ddd;
|
|
|
|
--in-focus-outline: 3px solid var(--in-outline-color);
|
|
}
|
|
|
|
:root {
|
|
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
|
|
'Open Sans', 'Helvetica Neue', sans-serif;
|
|
color: var(--in-text-color);
|
|
}
|
|
|
|
html,
|
|
body {
|
|
margin: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
body {
|
|
background-color: var(--in-normalized-background);
|
|
background-image: url('/background.jpg');
|
|
background-attachment: fixed;
|
|
background-repeat: no-repeat;
|
|
background-size: cover;
|
|
}
|
|
|
|
h1,
|
|
h2,
|
|
h3,
|
|
h4,
|
|
h5 {
|
|
margin-top: 0;
|
|
}
|
|
|
|
a {
|
|
color: var(--in-link-color);
|
|
|
|
&:visited {
|
|
color: var(--in-link-color);
|
|
}
|
|
|
|
&:focus-visible {
|
|
outline: var(--in-focus-outline);
|
|
}
|
|
}
|
|
|
|
a[target='_blank']::after {
|
|
content: '';
|
|
background-image: url('data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 style=%27width:24px;height:24px%27 viewBox=%270 0 24 24%27%3E%3Cpath fill=%27%23ffffff%27 d=%27M14,3V5H17.59L7.76,14.83L9.17,16.24L19,6.41V10H21V3M19,19H5V5H12V3H5C3.89,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V12H19V19Z%27 /%3E%3C/svg%3E');
|
|
width: 0.95rem;
|
|
height: 0.95rem;
|
|
display: inline-block;
|
|
margin-left: 2px;
|
|
vertical-align: top;
|
|
}
|