Difference between revisions of "Template:BIT-China/footer"
| (4 intermediate revisions by the same user not shown) | |||
| Line 4: | Line 4: | ||
.footer-distributed { | .footer-distributed { | ||
position: relative; | position: relative; | ||
| − | |||
width: 100%; | width: 100%; | ||
height: auto; | height: auto; | ||
| + | background-color: rgba(100,100,100,0.2); | ||
} | } | ||
.footer-left { | .footer-left { | ||
| − | position: absolute; | + | position: absolute; |
left: 0; | left: 0; | ||
top: 0; | top: 0; | ||
width: 60%; | width: 60%; | ||
text-align: right; | text-align: right; | ||
| − | + | padding-right: 5%; | |
} | } | ||
.footer-right { | .footer-right { | ||
| Line 22: | Line 22: | ||
width: 40%; | width: 40%; | ||
text-align: left; | text-align: left; | ||
| − | + | 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: 20px; | ||
| + | position: relative; | ||
| + | margin-bottom: 30px; | ||
| + | } | ||
| + | .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 54: | Line 102: | ||
margin-bottom: 15px; | margin-bottom: 15px; | ||
color: #333; | color: #333; | ||
| − | |||
} | } | ||
| − | |||
</style> | </style> | ||
<body> | <body> | ||
| Line 81: | 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> | ||
| Line 88: | Line 135: | ||
<div id="footer-info" class="inner"> | <div id="footer-info" class="inner"> | ||
| − | <p class="my-content-p3" style="color: #777;">Copyright © 2017 BIT-China</p> | + | <p class="my-content-p3" style="color: #777; text-align: center !important;">Copyright © 2017 BIT-China</p> |
</div> | </div> | ||
Latest revision as of 11:13, 29 October 2017
