83 lines
1.4 KiB
CSS
83 lines
1.4 KiB
CSS
@import url('http://127.0.0.1:5000/fonts/dinpro/dinpro.css');
|
|
@import url('http://127.0.0.1:5000/fonts/noto-emoji.css');
|
|
@import url('http://127.0.0.1:5000/fonts/openmoji.css');
|
|
@import url('http://127.0.0.1:5000/fonts/weather-icons/weather-icons.css');
|
|
|
|
|
|
body {
|
|
height: 800px;
|
|
width: 600px;
|
|
}
|
|
|
|
.dashboard {
|
|
display: flex;
|
|
flex-direction: column;
|
|
font-family: sans-serif;
|
|
text-align: left;
|
|
font-size: 17px;
|
|
height: 100%;
|
|
width: 100%;
|
|
}
|
|
|
|
.panel.top {
|
|
display:flex;
|
|
flex-direction: row;
|
|
flex:0;
|
|
}
|
|
|
|
.panel.top .splitpanel {
|
|
flex:1;
|
|
}
|
|
|
|
.splitpanel.big-text {
|
|
font-size: 60px;
|
|
font-weight: bold;
|
|
vertical-align:top;
|
|
text-align:right;
|
|
}
|
|
|
|
.splitpanel .weather-icon {
|
|
font-size: 200px;
|
|
}
|
|
|
|
.panel.bottom {
|
|
flex: 1;
|
|
}
|
|
|
|
.panel.bottom.week .row {
|
|
display: flex;
|
|
flex: 1;
|
|
height:50%;
|
|
}
|
|
|
|
.panel.bottom.week .row .day {
|
|
border-style: solid;
|
|
width: 135px;
|
|
vertical-align: top;
|
|
margin: 1px;
|
|
align-items: center;
|
|
text-align: left;
|
|
flex:1;
|
|
}
|
|
|
|
.day .day-title{
|
|
background-color: black;
|
|
text-align: center;
|
|
color: white;
|
|
text-transform: uppercase;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.day .day-title.current-day {
|
|
color: black;
|
|
background-color: white;
|
|
border-bottom: solid black;
|
|
}
|
|
|
|
.day .event {
|
|
margin: 3pt;
|
|
background-color: white;
|
|
border-style: solid;
|
|
border-radius: 5px;
|
|
padding: 2px;
|
|
} |