snt-voting/app/css/styles.css

144 lines
2.5 KiB
CSS
Raw Normal View History

2018-10-18 16:10:48 -04:00
* {
font-family: 'Inter UI' !important;
}
#votingDapp p a,
#votingDapp p a:visited {
background: url(../images/external-link.svg) no-repeat center right;
padding-right: 20px;
color: #4360DF;
text-decoration: none;
}
2018-10-16 16:20:54 -04:00
#votingDapp div.section {
padding: 20px;
2018-10-18 16:10:48 -04:00
margin-bottom: 66px
}
#votingDapp div.section h1 {
font-size: 1.2rem;
font-weight: bold;
margin-top: 1em;
2018-10-16 16:20:54 -04:00
}
2018-10-18 16:10:48 -04:00
#votingDapp div.votingTimer p {
font-size: 0.8rem;
}
2018-10-16 16:20:54 -04:00
#votingDapp hr {
border: 3px solid #edf2f5;
}
#votingDapp div.votingTimer {
padding: 20px;
text-align: center;
}
2018-10-18 16:10:48 -04:00
#votingDapp div.votingTimer h1 {
margin-top: .5rem;
font-size: 2.2rem;
}
#votingDapp div.votingTimer .timeUnit {
2018-10-16 16:20:54 -04:00
font-weight: normal;
2018-10-18 16:10:48 -04:00
text-transform: uppercase;
font-size: .75rem;
color: #939BA1;
2018-10-16 16:20:54 -04:00
}
#votingDapp div.votingTimer ul {
2018-10-18 16:10:48 -04:00
width: 240px;
2018-10-16 16:20:54 -04:00
margin: auto;
list-style: none;
padding: 0;
}
#votingDapp div.votingTimer ul li {
2018-10-18 16:10:48 -04:00
width: 80px;
2018-10-16 16:20:54 -04:00
float: left;
padding: 0;
margin: 0;
}
#votingDapp div.action {
display: block;
width: 100%;
float: left;
clear: both;
margin-top: 1em;
}
#votingDapp div.action a {
text-decoration: none;
}
#votingDapp div.pollClosed {
text-align: center;
padding-top: 2em;
}
2018-10-18 16:10:48 -04:00
#votingDapp div.pollClosed h1 {
font-size: 1.2rem;
font-weight: bold;
margin-top: 1em;
}
#votingDapp div.pollClosed p {
color: #939BA1;
margin-top: .5em;
}
2018-10-16 16:20:54 -04:00
#votingDapp div.center {
text-align: center;
}
#votingDapp div.card {
margin-top: 1em;
border: 1px solid #edf2f5;
border-radius: 3px;
box-shadow: none;
}
2018-10-18 16:10:48 -04:00
#votingDapp div.card div.ballotData {
padding-bottom: 0;
}
#votingDapp div.card div.actionArea {
padding-top: 0;
}
#votingDapp div.card div.actionArea button {
color: #4360DF;
background: url(../images/small-arrow.svg) center right no-repeat;
padding-right: 15px;
}
#votingDapp div.card h2 {
font-weight: bold;
2018-10-18 16:10:48 -04:00
}
#votingDapp div.buttonNav {
text-align: right;
box-shadow: 0px 2px 16px rgba(0, 10, 56, 0.1);
padding: 15px;
width: 100%;
position: fixed;
bottom: 0;
background: #ffffff;
}
#votingDapp div.buttonNav a,
#votingDapp div.buttonNav a:visited {
text-decoration: none;
}
#votingDapp div.buttonNav button {
background: url(../images/medium-arrow.svg) center right no-repeat;
padding-right: 15px;
text-decoration: none;
text-transform: capitalize;
color: #4360DF;
font-size: 0.75rem;
2018-10-16 16:20:54 -04:00
}