63 lines
883 B
CSS
63 lines
883 B
CSS
#overview-head
|
|
{
|
|
text-align: center;
|
|
font-weight: bold;
|
|
margin-bottom: 12px;
|
|
}
|
|
|
|
#overview-body
|
|
{
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
#overview-body #overview-pane-left
|
|
{
|
|
flex-grow: 0;
|
|
flex-shrink: 1;
|
|
}
|
|
|
|
#overview-body #overview-pane-right
|
|
{
|
|
flex-grow: 1;
|
|
flex-shrink: 1;
|
|
}
|
|
|
|
@media all and (max-width: 950px)
|
|
{
|
|
#overview #overview-pane-left
|
|
{
|
|
flex-basis: 0%;
|
|
}
|
|
|
|
#overview #overview-pane-left > *
|
|
{
|
|
display: none;
|
|
}
|
|
|
|
#overview #overview-pane-right
|
|
{
|
|
flex-basis: 100%;
|
|
}
|
|
|
|
#overview #overview-pane-right-listview {}
|
|
#overview #overview-pane-right-weekview {display: none;}
|
|
}
|
|
|
|
@media not all and (max-width: 950px)
|
|
{
|
|
#overview #overview-pane-left
|
|
{
|
|
flex-basis: 12.5%;
|
|
}
|
|
|
|
#overview #overview-pane-right
|
|
{
|
|
flex-basis: 87.5%;
|
|
}
|
|
|
|
#overview #overview-pane-right-listview {display: none;}
|
|
#overview #overview-pane-right-weekview {}
|
|
|
|
}
|