CSS: Set basic layout structure

This commit is contained in:
Florian Strohmaier 2019-07-03 15:58:11 +02:00 committed by Johannes Meyer
parent 204fd5d636
commit 739dd50384
1 changed files with 7 additions and 15 deletions

View File

@ -12,32 +12,24 @@ body {
#layout {
height: 100%;
display: flex;
flex-direction: column;
// Prevent nav-level-2 flyovers from being covered by #main
z-index: 0;
}
#header {
width: 100%;
padding-bottom: 3em;
position: fixed;
left: 0;
top: 0;
#content-wrapper {
flex: 1;
display: flex;
}
#sidebar {
width: 12em;
position: fixed;
bottom: 0;
left: 0;
top: 4.5em;
}
#main {
position: fixed;
bottom: 0;
left: 12em;
right: 0;
top: 2.25em;
flex: 1;
}
.iframe {