WeatherDashboard/WeatherDashboard.Web/wwwroot/css/site.css

64 lines
1.1 KiB
CSS
Raw Normal View History

2023-02-09 02:30:14 +00:00
html {
2023-03-18 15:16:24 +00:00
font-size: 20px;
2023-02-09 02:30:14 +00:00
}
2023-02-16 15:06:43 +00:00
/*@media (min-width: 768px) {
2023-02-09 02:30:14 +00:00
html {
font-size: 16px;
}
2023-02-16 15:06:43 +00:00
}*/
2023-02-09 02:30:14 +00:00
.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
2023-03-18 15:16:24 +00:00
box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
2023-02-09 02:30:14 +00:00
}
html {
2023-03-18 15:16:24 +00:00
position: relative;
min-height: 100%;
2023-02-09 02:30:14 +00:00
}
body {
2023-02-10 03:33:02 +00:00
font-family: 'Montserrat', sans-serif;
2023-02-16 15:06:43 +00:00
color: #444;
2023-03-18 15:16:24 +00:00
margin: 20px 10px;
2023-02-16 15:06:43 +00:00
background-color: floralwhite;
}
.location small {
font-size: 14px;
2023-03-18 17:37:48 +00:00
opacity: 0.3;
2023-02-16 15:06:43 +00:00
}
.degrees {
font-size: 50px;
position: absolute;
margin: 20px 0 0 10px;
opacity: .6;
}
.current-temperature {
font-size: 100px;
font-weight: 500;
2023-03-18 15:16:24 +00:00
}
.detailed-conditions {
}
.detailed-conditions .day-summary {
font-size: 30px;
}
2023-03-18 17:30:55 +00:00
.detailed-conditions .day-summary .col:last-of-type {
text-align: right;
}
2023-03-18 15:16:24 +00:00
.detailed-conditions .day-detail {
font-size: 13px;
opacity: 0.5;
}
2023-03-18 17:30:55 +00:00
.detailed-conditions .day-detail .col:last-of-type {
text-align: right;
font-weight: bold;
}