Difference between revisions of "Template:BIT-China/footer"

Line 24: Line 24:
 
padding-left: 3%;
 
padding-left: 3%;
 
}
 
}
.sponsors {
+
 
/*flex: 1;*/
+
}
+
 
.footer-all {
 
.footer-all {
 
height: 250px;
 
height: 250px;
 
width: 100%;
 
width: 100%;
 
}
 
}
.footer-links {
+
.footer-links:first-child {
 
overflow: hidden;
 
overflow: hidden;
padding: 15px;
+
padding-top: 30px;
 
position: relative;
 
position: relative;
 +
margin-bottom: -25px;
 
}
 
}
 +
.footer-links:last-child {
 +
overflow: hidden;
 +
padding-bottom: 30px;
 +
position: relative;
 +
margin-top: -25px;
 +
}
 +
@media screen and (min-width: 678px) {
 +
.footer-links:first-child {
 +
overflow: hidden;
 +
padding-top: 0;
 +
position: relative;
 +
margin-bottom: 50px;
 +
}
 +
.footer-links:last-child {
 +
overflow: hidden;
 +
padding-bottom: 0;
 +
position: relative;
 +
margin-top: 50px;
 +
}
 +
}
 +
@media screen and (min-width: 1100px) {
 +
.footer-links:first-child {
 +
overflow: hidden;
 +
padding-top: 20px;
 +
position: relative;
 +
margin-bottom: -10px;
 +
}
 +
.footer-links:last-child {
 +
overflow: hidden;
 +
padding-bottom: 10px;
 +
position: relative;
 +
margin-top: -10px;
 +
}
 +
}
 +
@media screen and (min-width: 1440px) {
 +
.footer-links:first-child {
 +
overflow: hidden;
 +
padding-top: 10px;
 +
position: relative;
 +
margin-bottom: -30px;
 +
}
 +
.footer-links:last-child {
 +
overflow: hidden;
 +
padding-bottom: 10px;
 +
position: relative;
 +
margin-top: -30px;
 +
}
 +
}
 +
 
.sponsors {
 
.sponsors {
width: 125px;
+
width: 25%;
margin: 0 30px;
+
margin: 0 10px;
 
}
 
}
 
#footer-info {
 
#footer-info {
Line 79: Line 127:
 
<div class="footer-links">
 
<div class="footer-links">
 
        <img class="sponsors" src="https://static.igem.org/mediawiki/2017/b/b8/T--BIT-China--2017sponsor_pic8.png">   
 
        <img class="sponsors" src="https://static.igem.org/mediawiki/2017/b/b8/T--BIT-China--2017sponsor_pic8.png">   
 +
<img class="sponsors" src="https://static.igem.org/mediawiki/2017/7/7f/T--BIT-China--2017sponsor_pic10.png">
 
        <img class="sponsors" src="https://static.igem.org/mediawiki/2017/3/36/T--BIT-China--2017sponsor_pic9.png">          
 
        <img class="sponsors" src="https://static.igem.org/mediawiki/2017/3/36/T--BIT-China--2017sponsor_pic9.png">          
        <img class="sponsors" src="https://static.igem.org/mediawiki/2017/7/7f/T--BIT-China--2017sponsor_pic10.png">
+
       
 
</div>
 
</div>
 
</div>
 
</div>

Revision as of 11:10, 29 October 2017