2017-08-31 15:49:19 +03:00
|
|
|
/* Sticky footer styles
|
|
|
|
-------------------------------------------------- */
|
|
|
|
html {
|
|
|
|
position: relative;
|
|
|
|
min-height: 100%;
|
|
|
|
}
|
|
|
|
body {
|
2018-01-23 15:38:38 +03:00
|
|
|
margin-bottom: 60px; /* Margin bottom by footer height */
|
2017-08-31 15:49:19 +03:00
|
|
|
}
|
|
|
|
.footer {
|
|
|
|
position: absolute;
|
|
|
|
bottom: 0;
|
|
|
|
width: 100%;
|
2018-01-23 15:38:38 +03:00
|
|
|
height: 60px; /* Set the fixed height of the footer here */
|
2017-08-31 15:49:19 +03:00
|
|
|
line-height: 60px; /* Vertically center the text there */
|
|
|
|
background-color: #f5f5f5;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Custom page CSS
|
|
|
|
-------------------------------------------------- */
|
|
|
|
/* Not required for template or sticky footer method. */
|
|
|
|
|
|
|
|
.container {
|
|
|
|
width: auto;
|
|
|
|
max-width: 680px;
|
|
|
|
padding: 0 15px;
|
|
|
|
}
|