CSS layout base

This commit is contained in:
xdrm-brackets 2017-12-01 15:46:48 +01:00
parent 7a4c6d7ca8
commit f62e247d6b
1 changed files with 70 additions and 0 deletions

View File

@ -0,0 +1,70 @@
* {
margin: 0;
padding: 0;
}
body{
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #ecf0f5;
font-size: 16px;
font-family: 'Aller', Lato, Verdana;
}
/* Content Wrapper */
#WRAPPER {
display: block;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #fff;
overflow: hidden;
}
/* Page Header */
#HEADER{
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: calc( 4.5em - 1px );
background: #3756b2;
color: #fff;
font-family: inherit;
border-bottom: 1px solid #2a469c;
overflow: hidden;
}
/* Page Menu */
#MENU{
display: flex;
position: absolute;
top: 4.5em;
left: 0;
width: calc( 20em - 2px );
height: calc( 100% - 5em );
background-color: #fff;
border-right: 2px solid #eee;
flex-direction: column;
justify-content: flex-start;
flex-wrap: nowrap;
}