1
0
www.mikescher.com/www/data/css/styles_footer.scss

56 lines
1.1 KiB
SCSS
Raw Normal View History

2017-12-29 00:40:57 +01:00
@import 'styles_config';
2017-12-29 01:14:15 +01:00
html, body {
margin:0;
padding:0;
height:100%;
}
// https://stackoverflow.com/a/19723677/1761622
2017-12-29 00:40:57 +01:00
2017-12-29 01:14:15 +01:00
#mastercontainer {
2018-01-03 17:28:08 +01:00
display:flex;
flex-direction: column;
2017-12-29 01:14:15 +01:00
min-height:100%;
position:relative;
}
#headerdiv {
//...
}
#content {
padding-bottom:60px; /* Height of the footer */
}
2018-01-03 17:28:08 +01:00
2017-12-29 01:14:15 +01:00
#footerdiv {
position:absolute;
bottom:0;
width:100%;
height:60px; /* Height of the footer */
2017-12-29 00:40:57 +01:00
text-align: center;
2017-12-29 01:14:15 +01:00
left: 0;
right: 0;
margin: 0 auto;
2017-12-29 00:40:57 +01:00
}
2017-12-29 01:14:15 +01:00
//----------------------------------------------
@media(max-width:767px) { #footerdiv { width: auto; } }
@media(min-width:768px) { #footerdiv { width: auto; } }
@media(min-width:992px) { #footerdiv { width: 724px; } }
@media(min-width:1200px){ #footerdiv { width: 1170px; } }
2017-12-29 00:40:57 +01:00
#footerdiv hr {
margin-bottom: 5px;
display:block;
border:none;
color:white;
height:1px;
background: #CCCCCCFF;
background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 350, from($COL_TEXT_NORMAL), to($COL_TRANSPARENT));
}
2018-01-04 16:55:26 +01:00
@media (max-width: 850px) {
#footerdiv .footerspan2 {display: none; visibility: collapse;}
}