make footer sticky

Signed-off-by: 王邈 <shankerwangmiao@gmail.com>
This commit is contained in:
王邈 2017-11-30 01:38:41 +08:00
parent 09884671cf
commit ebba8415ed
No known key found for this signature in database
GPG Key ID: B031E3CA7BFED96E
3 changed files with 44 additions and 22 deletions

View File

@ -1,4 +1,5 @@
<div id="footerwrap">
{% for footer-i in (1...2) %}
<div id="footerwrap" class="tuna-foot-{{ footer-i }}">
<div class="container">
<div class="row">
<div class="col-lg-4 col-md-4">
@ -27,12 +28,13 @@
</div>
</div>
<div class="col-lg-4 col-md-4" align="center">
<div class="col-lg-4 col-md-4" align="center">
<img class="img-responsive" style="margin-top:5%" src="/static/img/logo-white.png" srcset="/static/img/logo-white.png 1x, /static/img/logo-white@2x.png 2x, /static/img/logo-white@3x.png 3x, /static/img/logo-white@4x.png 4x" />
</div>
</div><!--/row -->
</div><!--/container -->
</div><!--/footerwrap -->
{% endfor %}
<script>
WebFont.load({

View File

@ -1,15 +1,15 @@
/* ################################################################
1. GENERAL STRUCTURES
################################################################# */
* {
* {
margin: 0;
// padding: 0px;
}
}
body {
background: #ffffff;
margin: 0;
height: 100%;
body {
background: #ffffff;
margin: 0;
/* height: 100%; */
color: $color_secondary;
font-weight: 400;
}
@ -28,14 +28,14 @@ ul {
padding-left: 1em;
}
p {
padding: 0;
margin-bottom: 12px;
p {
padding: 0;
margin-bottom: 12px;
font-weight: 400;
font-size: 14px;
font-size: 14px;
line-height: 24px;
color: $color_secondary ;
margin-top: 10px;
color: $color_secondary ;
margin-top: 10px;
}
img {
@ -43,11 +43,11 @@ img {
max-width: 100%;
}
a {
a {
color:$color_link;
padding: 0;
margin: 0;
text-decoration: none;
text-decoration: none;
-webkit-transition: background-color .4s linear, color .4s linear;
-moz-transition: background-color .4s linear, color .4s linear;
-o-transition: background-color .4s linear, color .4s linear;
@ -74,4 +74,3 @@ a:hover, a:focus {
.centered {
text-align: center
}

View File

@ -9,7 +9,7 @@ Project Name: SOLID - Bootstrap 3 Theme
Version: 1.0
URL: http://alvarez.is
################################################################# */
################################################################# */
$color_thu_purple: #82318E;
$color_light_grey: #888;
@ -26,7 +26,7 @@ $color_navbar_bg: #d3d3d3;
$font_default: 'Lato', 'Hiragino Sans GB', 'Source Han Sans CN', 'WenQuanYi Zen Hei', 'WenQuanYi Micro Hei', '微软雅黑', sans-serif;
$font_local: 'Hiragino Sans GB', 'Source Han Sans CN', 'WenQuanYi Zen Hei', 'WenQuanYi Micro Hei', '微软雅黑', sans-serif;
@import
@import
"Lato",
"structure",
"bootstrap-mod",
@ -43,6 +43,16 @@ $font_local: 'Hiragino Sans GB', 'Source Han Sans CN', 'WenQuanYi Zen Hei', 'Wen
}
}
html {
height: 100%;
box-sizing: border-box;
}
body {
position: relative;
min-height: 100%;
}
#headerwrap {
padding-top: 40px;
padding-bottom: 0px;
@ -74,9 +84,9 @@ $font_local: 'Hiragino Sans GB', 'Source Han Sans CN', 'WenQuanYi Zen Hei', 'Wen
}
td {
padding: 4px 8px;
border-top: none;
border-top: none;
}
font-size: 12pt;
font-size: 12pt;
.label.label-new {
padding: .1em .2em;
vertical-align: 40%;
@ -108,7 +118,7 @@ $font_local: 'Hiragino Sans GB', 'Source Han Sans CN', 'WenQuanYi Zen Hei', 'Wen
#status-page {
.thead {
font-weight: bold;
font-weight: bold;
}
#mirror-list {
.status-syncing {
@ -157,6 +167,17 @@ $font_local: 'Hiragino Sans GB', 'Source Han Sans CN', 'WenQuanYi Zen Hei', 'Wen
}
}
#footerwrap.tuna-foot-1 {
position: absolute;
left: 0;
bottom: 0;
right: 0;
}
#footerwrap.tuna-foot-2 {
visibility: hidden;
}
.spacing {
margin-top: 40px;
margin-bottom: 40px;