93 lines
1.3 KiB
CSS
93 lines
1.3 KiB
CSS
*{
|
|
font-family: sans-serif;
|
|
}
|
|
|
|
a{
|
|
text-decoration: none;
|
|
}
|
|
|
|
.main-flex{
|
|
display: flex;
|
|
flex-direction: row;
|
|
}
|
|
|
|
.navbar{
|
|
flex: 1 10vw;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.topbranding, .navbar-inner, .topline{
|
|
font-weight: bold;
|
|
border: solid 0.2em;
|
|
padding-left: 0.5em;
|
|
padding-right: 0.5em;
|
|
padding-bottom: 0.25em;
|
|
padding-top: 0.25em;
|
|
}
|
|
|
|
.navbar-inner{
|
|
font-weight: normal;
|
|
}
|
|
|
|
.right-flex{
|
|
flex: 1 60vw;
|
|
}
|
|
|
|
.topline{
|
|
display: flex;
|
|
}
|
|
.section{
|
|
flex: 1;
|
|
}
|
|
.logout{
|
|
text-align: right;
|
|
}
|
|
|
|
.content{
|
|
padding-left: 1em;
|
|
}
|
|
|
|
.rooms-table{
|
|
background-color: lightgray;
|
|
padding: 0.5em 1.5em;
|
|
width: min-content;
|
|
}
|
|
|
|
.rooms-table table{
|
|
width: 50vw;
|
|
background-color: inherit;
|
|
text-align: center;
|
|
border-color: darkgray;
|
|
border-collapse: collapse;
|
|
border-left: 10px;
|
|
}
|
|
.rooms-table tr{
|
|
padding-left: 1em;
|
|
}
|
|
.rooms-table td{
|
|
padding-bottom: 0.2em;
|
|
padding-top: 0.2em;
|
|
}
|
|
thead{
|
|
border-bottom: 0.25em darkgray solid;
|
|
|
|
}
|
|
tbody tr{
|
|
border-bottom: 0.1em darkgray solid;
|
|
}
|
|
.data-missing{
|
|
background-color: gray;
|
|
color: transparent
|
|
}
|
|
.data-late{
|
|
background-color: orange;
|
|
}
|
|
.room-table-elem, .searchbar{
|
|
font-weight: bold;
|
|
text-align: left;
|
|
}
|
|
|
|
.rooms-table input{
|
|
width: 90%;
|
|
}
|