77 lines
993 B
SCSS
77 lines
993 B
SCSS
/* Global Classes - Structure */
|
|
|
|
#container {
|
|
margin:1em;
|
|
font-size:$size_med;
|
|
position:absolute;
|
|
top:0;
|
|
left:0;
|
|
right:0;
|
|
bottom:0;
|
|
}
|
|
|
|
/* Template - Header */
|
|
|
|
#container #header {
|
|
position:absolute;
|
|
left:0;
|
|
right:0;
|
|
text-align: center;
|
|
height:calc(5em + 122px);
|
|
background:url(../images/logo_small_centered.png) 50% 2em no-repeat;
|
|
|
|
#exit {
|
|
position:absolute;
|
|
top:0;
|
|
right:0;
|
|
}
|
|
}
|
|
|
|
/* template - Menu */
|
|
|
|
#container #menu {
|
|
position:absolute;
|
|
top:calc(5em + 122px);
|
|
left:0;
|
|
right:0;
|
|
|
|
ul {
|
|
text-align:center;
|
|
list-style: none;
|
|
padding-left:0;
|
|
margin:0;
|
|
|
|
li {
|
|
display: inline-block;
|
|
|
|
a {
|
|
text-decoration: none;
|
|
text-transform: capitalize;
|
|
padding:1em;
|
|
font-size:$size_med;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
/* template - Main */
|
|
|
|
#container #main {
|
|
position:absolute;
|
|
top:calc(7em + 122px);
|
|
left:0;
|
|
right:0;
|
|
bottom:1em;
|
|
overflow:auto;
|
|
}
|
|
|
|
/* Template - Footer */
|
|
|
|
#container #footer {
|
|
font-size:$size_small;
|
|
position:absolute;
|
|
bottom:0;
|
|
}
|
|
|
|
|