mirror of
https://git.cant.at/Madeorsk/PollVerlaine
synced 2024-11-23 23:14:31 +01:00
Madeorsk
73d932173a
* Security improvement: index.php and static files are now in a webroot directory. The webserver should point to this directory instead of the one containing all the code and the configuration.
69 lines
1.1 KiB
CSS
69 lines
1.1 KiB
CSS
h1.poll
|
|
{
|
|
margin: 1.5em 5%;
|
|
font-family: "PT Serif", serif;
|
|
font-size: 2.5rem;
|
|
}
|
|
|
|
.option
|
|
{
|
|
display: flex;
|
|
align-items: center;
|
|
margin: auto;
|
|
width: 25rem;
|
|
box-sizing: border-box;
|
|
|
|
background: #141414;
|
|
}
|
|
.option > input
|
|
{
|
|
position: absolute;
|
|
float: left;
|
|
width: 0;
|
|
opacity: 0;
|
|
cursor: pointer;
|
|
}
|
|
.option > .check
|
|
{
|
|
flex: none;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
margin-left: 1em;
|
|
padding: 0;
|
|
width: 1.25em;
|
|
height: 1.25em;
|
|
background: #202020;
|
|
}
|
|
.option > .check::before
|
|
{
|
|
content: "";
|
|
transition: transform 0.1s linear, border-radius 0.4s ease-out;
|
|
display: block;
|
|
background: #0088E5;
|
|
width: 0.75em;
|
|
height: 0.75em;
|
|
border-radius: 50%;
|
|
transform: scale(0);
|
|
}
|
|
.option input:checked ~ .check::before
|
|
{ border-radius: 0; transform: scale(1); }
|
|
.option > label
|
|
{
|
|
flex: 1;
|
|
display: block;
|
|
margin: 0;
|
|
padding: 1em;
|
|
font-family: "PT Serif", serif;
|
|
font-size: 1.2em;
|
|
cursor: pointer;
|
|
text-align: left;
|
|
}
|
|
|
|
@media screen and (max-width: 640px)
|
|
{
|
|
h1.poll
|
|
{ font-size: 2em; }
|
|
.option
|
|
{ width: 100%; }
|
|
} |