TrafficLightsSignalR/TrafficLightsSignalR/wwwroot/css/site.css

57 lines
872 B
CSS

html {
font-size: 14px;
}
@media (min-width: 768px) {
html {
font-size: 16px;
}
}
.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}
html {
position: relative;
min-height: 100%;
}
body {
margin-bottom: 60px;
}
body {
font-family: 'Roboto Condensed';
}
.wrapper {
display: flex;
max-width: 600px;
font-family: 'Roboto Condensed';
}
.wrapper > div {
margin: .1em;
align-self: center;
flex: 1;
text-align: center;
}
div.light {
background-size: 100px;
background-repeat: no-repeat;
min-height: 230px;
min-width: 100px;
width: 100px;
}
div.north {
background-image: url(/images/red.png);
}
span#state-data {
color: #666666;
font-family: monospace;
}