1
0
mirror of https://git.cant.at/Madeorsk/PollVerlaine synced 2024-12-22 22:27:54 +01:00
PollVerlaine/static/css/poll.css
Madeorsk b7ece5cdad General improvements.
+ Add a way to configure the db handler (default DB : BerkeleyDB 4);
+ Add a way to launch a database optimization on delete;
* Designed Multiple votes checkbox;
* Others minor improvements.
2018-08-16 12:56:53 +02:00

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%; }
}