68 lines
848 B
CSS
68 lines
848 B
CSS
body {
|
|
font-family: sans;
|
|
}
|
|
|
|
.sortable {
|
|
|
|
}
|
|
|
|
.sort-item {
|
|
padding: 1em;
|
|
border: #CCC 1px solid;
|
|
border-radius: 0.2em;
|
|
cursor: grab;
|
|
}
|
|
|
|
.blue-background-class {
|
|
background: #CDF;
|
|
cursor: grabbing;
|
|
}
|
|
|
|
.voteform {
|
|
padding: 1rem;
|
|
display: grid;
|
|
grid-template-columns: 1fr 1fr;
|
|
grid-column-gap: 2em;
|
|
line-height: 1.5em;
|
|
}
|
|
|
|
p {
|
|
margin-top: 0;
|
|
}
|
|
|
|
#hello, #voters {
|
|
grid-column: 1 / 3;
|
|
}
|
|
h1, h2 {
|
|
grid-column: 1 / 3;
|
|
line-height: 1.1em;
|
|
}
|
|
|
|
.result-item {
|
|
padding: 1em;
|
|
border: #CCC 1px solid;
|
|
border-radius: 0.2em;
|
|
color: #888;
|
|
}
|
|
|
|
.ballot {
|
|
border: 1px solid black;
|
|
margin: 1em;
|
|
border-radius: 0.4em;
|
|
}
|
|
|
|
.pos_1 {
|
|
background-color: hsl(120, 80%, 70%);
|
|
color: black;
|
|
}
|
|
|
|
.ballotlist {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.voter {
|
|
padding: 1em;
|
|
background-color: hsl(240, 10%, 80%);
|
|
}
|