95 lines
1.2 KiB
CSS
95 lines
1.2 KiB
CSS
:root{
|
|
--hf-padding: 1%;
|
|
--main-height: 66%;
|
|
}
|
|
|
|
|
|
/*html {
|
|
height: auto;
|
|
min-height:100vh;
|
|
width: 100%;
|
|
}
|
|
|
|
body {
|
|
height:100%;
|
|
min-height:100vh;
|
|
overflow-y:auto;
|
|
}
|
|
|
|
footer{
|
|
width:100%;
|
|
padding: 2rem;
|
|
padding-left:0;
|
|
padding-right:0;
|
|
margin:0;
|
|
position:sticky;
|
|
bottom:0;
|
|
text-align: center;
|
|
}*/
|
|
|
|
html {
|
|
height: 100%;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
*,
|
|
*:before,
|
|
*:after {
|
|
box-sizing: inherit;
|
|
}
|
|
|
|
body {
|
|
position: relative;
|
|
margin: 0;
|
|
padding-bottom: 5rem;
|
|
min-height: 100%;
|
|
}
|
|
|
|
|
|
footer {
|
|
position: absolute;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
padding: 1.5rem;
|
|
text-align: center;
|
|
}
|
|
|
|
|
|
header{
|
|
/*min-height:10%;*/
|
|
/*height: 15vh;*/
|
|
text-align:center;
|
|
padding: 2rem/*var(--hf-padding)*/;
|
|
margin-bottom:/*1%*/0;
|
|
}
|
|
|
|
nav{
|
|
/*min-width:10%;
|
|
max-width:10%;*/
|
|
width:100px;
|
|
min-height:var(--main-height);
|
|
max-width:10%;
|
|
padding:5px;
|
|
padding-top:0%;
|
|
display:inline-block;
|
|
vertical-align:top;
|
|
|
|
}
|
|
|
|
main{
|
|
width: 80%;
|
|
background-color:white;
|
|
min-height: 70vh;
|
|
display:inline-block;
|
|
margin:1%;
|
|
}
|
|
|
|
|
|
|
|
.nav-tab{
|
|
width:100%;
|
|
display:block;
|
|
text-align:center;
|
|
}
|