Dash-price-widget/assets/styles/styles.css
2016-04-28 23:17:29 -04:00

60 lines
1.1 KiB
CSS

/* Micro reset so global styles don't interfere */
.dash-ticker,
.dash-ticker *,
.dash-ticker *:before,
.dash-ticker *:after {
box-sizing: inherit;
vertical-align: baseline;
font-weight: inherit;
font-family: inherit;
font-style: inherit;
font-size: 100%;
border: 0 none;
outline: 0;
padding: 0;
margin: 0;
line-height: 1;
}
.dash-ticker {
display: block;
max-width: 20em;
margin: 0.5em auto;
border-radius: 0.5em;
background-color: #1D76BC;
box-sizing: border-box;
color: white;
padding: 0.5em;
font-family: serif;
}
.dash-ticker .dash-ticker--title {
font-size: 2em;
float: left;
height: 1em;
width: 1em;
overflow: hidden;
text-indent: -999px;
background-image: url(../media/dash.svg);
background-size: 100% 100%;
}
#dash-ticker--price-container {
font-size: 2em;
text-align: center;
}
#dash-ticker--price-container > input {
position: fixed;
right: -200px;
}
#dash-ticker--price-container > input + label {
display: none;
cursor: pointer;
}
#dash-ticker--price-container > input:checked + label {
display: block;
}