85 lines
1.5 KiB
CSS
85 lines
1.5 KiB
CSS
/* MISC COLORS */
|
|
.ipsAreaBackground {
|
|
background: #ebebeb;
|
|
}
|
|
|
|
.ipsAreaBackground_light {
|
|
background: #fafafa;
|
|
}
|
|
|
|
/* MISC */
|
|
hr.ipsHr {
|
|
margin: 15px 0;
|
|
height: 0;
|
|
padding: 0;
|
|
border-width: 1px 0 0 0;
|
|
border-style: solid;
|
|
border-color: #f0f0f0;
|
|
}
|
|
|
|
@-webkit-keyframes spinner {
|
|
0% { transform: rotate(0deg); }
|
|
100% { transform: rotate(359deg); }
|
|
}
|
|
@keyframes spinner {
|
|
0% { transform: rotate(0deg); }
|
|
100% { transform: rotate(359deg); }
|
|
}
|
|
|
|
.ipsPos_center { margin: 0 auto; }
|
|
|
|
.ipsHide { display: none }
|
|
|
|
.ipsList_bullets {
|
|
list-style-type: disc;
|
|
margin-left: 16px;
|
|
}
|
|
|
|
.ipsList_checks{
|
|
margin-bottom: 3em;
|
|
display: grid;
|
|
gap: 1em;
|
|
font-weight: 500;
|
|
}
|
|
|
|
.ipsList_checks li:not(.ipsMessage) {
|
|
position: relative;
|
|
padding-inline-start: 1.6em;
|
|
}
|
|
|
|
.ipsList_checks li:not(.ipsMessage)::before{
|
|
font-family: 'Font Awesome 6 Free';
|
|
font-weight: 900;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
-webkit-font-smoothing: antialiased;
|
|
text-rendering: auto;
|
|
position: absolute;
|
|
inset-inline-start: 0;
|
|
font-size: .9em;
|
|
margin-top: .05em;
|
|
}
|
|
|
|
.ipsList_checks .success {
|
|
color: var(--i-color_positive);
|
|
}
|
|
.ipsList_checks .success::before {
|
|
content: '\f00c';
|
|
}
|
|
|
|
.ipsList_checks .fail {
|
|
color: var(--i-color_negative);
|
|
}
|
|
.ipsList_checks .fail::before {
|
|
content: '\f057';
|
|
}
|
|
|
|
.ipsList_checks .advisory {
|
|
color: var(--i-color_soft);
|
|
}
|
|
.ipsList_checks .advisory::before {
|
|
content: '\f05a';
|
|
}
|
|
|
|
.ipsPad { padding: 15px; }
|
|
.ipsPad_double { padding: 30px; }
|
|
.ipsPad_half { padding: 7px; } |