poll.horse/frontend/static/css/result.css

75 lines
1.7 KiB
CSS
Raw Normal View History

main .notepad .poll-option {
height: 80px;
width: 100%;
padding-left: 0;
padding-right: 0;
}
main .notepad .poll-option .poll-option-info,
main .notepad .poll-option .progress {
height: 40px;
}
main .notepad .poll-option .poll-option-info {
padding-left: 10%;
border-bottom: 1px solid #b1b874;
}
main .notepad .poll-option .poll-option-info .poll-option-text {
display: inline-block;
vertical-align: top;
height: 100%;
width: calc(100% - 105px);
}
main .notepad .poll-option .poll-option-info .poll-option-votes,
main .notepad .poll-option .progress .poll-bar-text {
display: inline-block;
vertical-align: top;
height: 100%;
width: 105px;
line-height: 40px;
font-size: 1.5em;
text-align: right;
}
main .notepad .poll-option .poll-option-info .poll-option-votes::after {
content: "Votes";
margin-left: 5px;
padding-right: 10px;
}
main .notepad .poll-option .progress {
width: 90%;
padding-left: 10%;
}
main .notepad .poll-option .progress .poll-bar {
vertical-align: top;
display: inline-block;
height: 100%;
width: calc(100% - 50px);
}
main .notepad .poll-option .progress .poll-bar .poll-bar-fill {
height: calc(100% - 5px);
margin-top: 2px;
background-color: #cf2828;
transition: width .3s;
}
main .notepad .poll-option .progress .poll-bar-text {
width: 50px;
}
main .notepad .poll-option .progress .poll-bar-text::after {
content: "%";
margin-left: 5px;
padding-right: 10px;
}
aside#chart {
position: absolute;
top: 0px;
right: -200px;
width: 200px;
height: 200px;
visibility: hidden;
}
@media screen and (max-width: 750px) {
aside#chart {
visibility: hidden !important;
}
}