54 lines
1.1 KiB
CSS
54 lines
1.1 KiB
CSS
#preload {
|
|
display: none;
|
|
}
|
|
|
|
input[type="radio"] {
|
|
cursor: pointer;
|
|
}
|
|
input[type="radio"] {
|
|
width: 28px;
|
|
margin: 0;
|
|
padding: 0;
|
|
opacity: 0;
|
|
}
|
|
input[type="radio"] + label {
|
|
cursor: pointer;
|
|
display: inline;
|
|
font-family: "Open Sans", sans-serif;
|
|
font-weight: 300;
|
|
font-size: 1.3em;
|
|
margin-left: -28px;
|
|
padding-left: 28px;
|
|
background: url("../auxIMG/unchecked.svg") no-repeat 0 50%;
|
|
line-height: 35px;
|
|
background-size: 28px 28px;
|
|
margin-bottom: 6.25em;
|
|
}
|
|
input[type="radio"]:checked + label {
|
|
background: url("../auxIMG/checked.svg") no-repeat 0 50%;
|
|
background-size: 28px 28px;
|
|
}
|
|
|
|
@media only screen and (max-width: 1000px) {
|
|
.card .answers {
|
|
display: grid;
|
|
grid-template-columns: 28px minmax(0, 1fr);
|
|
gap: 0.75em 0.5em;
|
|
}
|
|
.card .answers br {
|
|
display: none;
|
|
}
|
|
input[type="radio"] {
|
|
height: 28px;
|
|
opacity: 1;
|
|
accent-color: #003366;
|
|
}
|
|
input[type="radio"] + label,
|
|
input[type="radio"]:checked + label {
|
|
margin: 0;
|
|
padding: 0;
|
|
background: none;
|
|
font-size: 1rem;
|
|
line-height: 1.6;
|
|
}
|
|
}
|