Line 24: | Line 24: | ||
padding-left: 3%; | padding-left: 3%; | ||
} | } | ||
− | + | ||
− | + | ||
− | + | ||
.footer-all { | .footer-all { | ||
height: 250px; | height: 250px; | ||
width: 100%; | width: 100%; | ||
} | } | ||
− | .footer-links { | + | .footer-links:first-child { |
overflow: hidden; | overflow: hidden; | ||
− | padding: | + | 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: | + | width: 25%; |
− | margin: 0 | + | 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"> | ||
− | + | ||
</div> | </div> | ||
</div> | </div> |
Revision as of 11:10, 29 October 2017