Team:Brasil-SP/Templates/Footer
From 2014.igem.org
(Difference between revisions)
Rabesquine (Talk | contribs) |
|||
Line 1: | Line 1: | ||
<html> | <html> | ||
+ | </div></div></div> | ||
+ | |||
+ | <head> | ||
+ | <style> | ||
+ | * { | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | } | ||
+ | |||
+ | .footer { | ||
+ | background: #333; | ||
+ | width: 100%; | ||
+ | padding: 1em 0; | ||
+ | color: #bbb; | ||
+ | font-family: sans-serif; | ||
+ | } | ||
+ | |||
+ | .footer .center { | ||
+ | max-width: 1000px; | ||
+ | margin: 0 auto; | ||
+ | } | ||
+ | |||
+ | |||
+ | .footer a { | ||
+ | text-decoration: none; | ||
+ | color: #bbb; | ||
+ | font-size: 1em | ||
+ | } | ||
+ | |||
+ | .footer .sponsors { | ||
+ | text-align: center; | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | .footer h3 { | ||
+ | padding: 1em; | ||
+ | text-transform: uppercase; | ||
+ | font-weight: normal; | ||
+ | color: #bbb; | ||
+ | } | ||
+ | |||
+ | .footer .sponsors .logos { | ||
+ | display: table; | ||
+ | table-layout: fixed; | ||
+ | width: 100%; | ||
+ | padding: 1em 0; | ||
+ | padding-top: 0; | ||
+ | margin: 1em 0; | ||
+ | } | ||
+ | .footer .sponsors .logos .logo { | ||
+ | display: table-cell; | ||
+ | width: 100%; | ||
+ | max-width: 30px; | ||
+ | height: 60px; | ||
+ | |||
+ | border: solid 3px transparent; | ||
+ | |||
+ | |||
+ | background-image: url('https://static.igem.org/mediawiki/2014/3/31/Logo_usp1_transp.png'); | ||
+ | background-position: center; | ||
+ | background-size: auto 100%; | ||
+ | background-repeat: no-repeat; | ||
+ | } | ||
+ | |||
+ | .footer .sponsors .logos #logo1 { | ||
+ | background-image: url('https://static.igem.org/mediawiki/2014/a/a0/Logo_braskem_transp.png'); | ||
+ | background-size: 100%; | ||
+ | } | ||
+ | |||
+ | .footer .sponsors .logos #logo2 { | ||
+ | background-image: url('https://static.igem.org/mediawiki/2014/3/3d/Logo_life_transp.png'); | ||
+ | } | ||
+ | |||
+ | .footer .sponsors .logos #logo3 { | ||
+ | background-image: url('https://static.igem.org/mediawiki/2014/8/8d/Logo_scq_transp.png'); | ||
+ | } | ||
+ | |||
+ | .footer .sponsors .logos #logo4 { | ||
+ | background-image: url('https://static.igem.org/mediawiki/2014/7/75/Logo_biomol_transp.png'); | ||
+ | } | ||
+ | |||
+ | .footer .sponsors .logos #logo5 { | ||
+ | background-image: url('https://static.igem.org/mediawiki/2014/c/c0/Logo_cepof_transp.png'); | ||
+ | } | ||
+ | |||
+ | .footer .sponsors .logos #logo6 { | ||
+ | background-image: url('https://static.igem.org/mediawiki/2014/5/5f/Logo_gnano_transp.png'); | ||
+ | } | ||
+ | |||
+ | .footer .sponsors .logos #logo7 { | ||
+ | background-image: url('https://static.igem.org/mediawiki/2014/a/af/Logo_biofisica_transp.png'); | ||
+ | } | ||
+ | |||
+ | .footer .sponsors .logos #logo8 { | ||
+ | background-image: url('https://static.igem.org/mediawiki/2014/3/31/Logo_usp1_transp.png'); | ||
+ | } | ||
+ | |||
+ | .footer .sponsors .logos #logo9 { | ||
+ | background-image: url('https://static.igem.org/mediawiki/2014/3/3b/Ufscarlogo.gif'); | ||
+ | } | ||
+ | |||
+ | .footer .sponsors .logos #logo10 { | ||
+ | background-image: url('https://static.igem.org/mediawiki/2014/9/9c/Ifsclogo.png'); | ||
+ | } | ||
+ | |||
+ | .footer .info { | ||
+ | display: table; | ||
+ | width: 100%; | ||
+ | border-top: solid 1px #555; | ||
+ | padding: 2em 0; | ||
+ | } | ||
+ | |||
+ | .footer .info .leftInfo { | ||
+ | display: inline-block; | ||
+ | vertical-align: middle; | ||
+ | width: 50%; | ||
+ | } | ||
+ | |||
+ | .footer .info .leftInfo .igemLogo{ | ||
+ | width: 100%; | ||
+ | height: 190px; | ||
+ | margin-bottom: 20px; | ||
+ | |||
+ | background-image: url('https://static.igem.org/mediawiki/2014/thumb/3/3e/Igem_logo_up.png/120px-Igem_logo_up.png'); | ||
+ | background-size: auto 100%; | ||
+ | background-position: center; | ||
+ | background-repeat: no-repeat; | ||
+ | } | ||
+ | |||
+ | .footer .info .leftInfo .igemCaption{ | ||
+ | width: 100%; | ||
+ | text-align: center; | ||
+ | font-size: 0.8em; | ||
+ | } | ||
+ | |||
+ | .footer .info .rightInfo { | ||
+ | display: inline-block; | ||
+ | vertical-align: middle; | ||
+ | width: 50%; | ||
+ | overflow: hidden; | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | .footer .info .rightInfo .wikiLeaks { | ||
+ | margin: 0 auto; | ||
+ | width: 300px; | ||
+ | |||
+ | line-height: 1.3em; | ||
+ | -webkit-columns: 2em 2; /* Chrome, Safari, Opera */ | ||
+ | -moz-columns: 2em 2; /* Firefox */ | ||
+ | columns: 2em 2; | ||
+ | } | ||
+ | |||
+ | .footer .info .rightInfo .copyleft { | ||
+ | display: table; | ||
+ | table-layout: fixed; | ||
+ | width: 300px; | ||
+ | margin: 2em auto; | ||
+ | margin-bottom: 0; | ||
+ | } | ||
+ | |||
+ | .footer .info .rightInfo .copyleft .cc{ | ||
+ | display: table-cell; | ||
+ | width: 100%; | ||
+ | height: 32px; | ||
+ | background-image: url('http://i.creativecommons.org/l/by/3.0/88x31.png'); | ||
+ | background-repeat: no-repeat; | ||
+ | background-size: auto 100%; | ||
+ | background-position: center; | ||
+ | } | ||
+ | |||
+ | .footer .info .rightInfo .copyleft .mw{ | ||
+ | display: table-cell; | ||
+ | width: 100%; | ||
+ | height: 32px; | ||
+ | background-image: url('https://2014.igem.org/wiki/skins/common/images/poweredby_mediawiki_88x31.png'); | ||
+ | background-repeat: no-repeat; | ||
+ | background-size: auto 100%; | ||
+ | background-position: center; | ||
+ | } | ||
+ | </style> | ||
+ | |||
+ | </head> | ||
+ | <body> | ||
+ | |||
+ | <div class="footer"> | ||
+ | <div class="center"> | ||
+ | <div class="sponsors"> | ||
+ | <h3>Sponsors</h3> | ||
+ | <ul class="logos"> | ||
+ | <li class="logo" id="logo1"></li> | ||
+ | <li class="logo" id="logo2"></li> | ||
+ | <li class="logo" id="logo3"></li> | ||
+ | <li class="logo" id="logo4"></li> | ||
+ | <li class="logo" id="logo5"></li> | ||
+ | </ul> | ||
+ | <ul class="logos"> | ||
+ | <li class="logo" id="logo6"></li> | ||
+ | <li class="logo" id="logo7"></li> | ||
+ | <li class="logo" id="logo8"></li> | ||
+ | <li class="logo" id="logo9"></li> | ||
+ | <li class="logo" id="logo10"></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <div class="info"> | ||
+ | <div class="leftInfo"> | ||
+ | <div class="igemLogo"></div> | ||
+ | <div class="igemCaption"> | ||
+ | This project is part of iGEM 2014 | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="rightInfo"> | ||
+ | <h3>Wiki Links</h3> | ||
+ | <div class="wikiLeaks"> | ||
+ | <a href="https://2014.igem.org/Special:RecentChanges">Recent Changes</a> | ||
+ | <a href="https://2014.igem.org/Special:RecentChangesLinked/Team:Brasil-SP">Related Changes</a> | ||
+ | <a href="https://2014.igem.org/Special:RecentChangesLinked/Team:Brasil-SP">Special Pages</a> | ||
+ | <a href="https://2014.igem.org/2014.igem.org:Privacy_policy">Privacy Policy</a> | ||
+ | <a href="https://2014.igem.org/Special:WhatLinksHere/Team:Brasil-SP">What Links Here</a> | ||
+ | <a href="https://2014.igem.org/Special:Upload">Upload File</a> | ||
+ | <a href="https://2014.igem.org/Special:Preferences">My Preferences</a> | ||
+ | <a href="https://2014.igem.org/2014.igem.org:General_disclaimer">Disclaimers</a> | ||
+ | </div> | ||
+ | <div class="copyleft"> | ||
+ | <a href="http://creativecommons.org/licenses/by/4.0/" class="cc"></a> | ||
+ | <a href="http://www.mediawiki.org/" class="mw"></a> | ||
+ | </div> | ||
+ | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
- | + | </body> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | </ | + | |
- | + | ||
</html> | </html> |
Revision as of 05:57, 17 October 2014