"
Team:UCLondon/Templates/bottom-content
From 2012e.igem.org
(Difference between revisions)
| (52 intermediate revisions not shown) | |||
| Line 2: | Line 2: | ||
<style type="text/css"> | <style type="text/css"> | ||
| + | |||
| + | #bodyContent a[href^="mailto:"] { background: none; } | ||
| + | #bodyContent a * {background: none; padding: 0; } | ||
#footer-boxes { | #footer-boxes { | ||
| - | width: | + | width: 815px; clear:both; margin: auto; |
font-family: 'Gill Sans', Arial, sans-serif; | font-family: 'Gill Sans', Arial, sans-serif; | ||
| Line 18: | Line 21: | ||
border-style: solid; | border-style: solid; | ||
border-width: 1px; | border-width: 1px; | ||
| - | padding: 0 | + | padding: 0 10px 10px 10px; |
// height: 60px; | // height: 60px; | ||
margin-top: 2px; | margin-top: 2px; | ||
| - | margin-bottom: | + | margin-bottom: 20px; |
| + | box-shadow: 2px 5px 5px #888; | ||
| + | |||
} | } | ||
| Line 28: | Line 33: | ||
.left { | .left { | ||
float:left; | float:left; | ||
| - | + | width: 45%; | |
| - | + | ||
| - | + | ||
| - | width: | + | |
clear: left; | clear: left; | ||
| Line 38: | Line 40: | ||
.right { | .right { | ||
float: left; | float: left; | ||
| - | width: | + | width: 400px; |
| - | padding-left: 20px; | + | padding-left: 20px; |
| + | border-left-color: rgb(230, 230, 230); | ||
| + | border-left-style: solid; | ||
| + | border-left-width: 1px; | ||
} | } | ||
| - | .clear { clear: both; } | + | .clear { clear: both; height:5px; width:100%;} |
#sponsor-slides .slides_container { | #sponsor-slides .slides_container { | ||
| - | width: | + | width:400px; |
| + | margin:auto; | ||
display:none; | display:none; | ||
// overflow: none; | // overflow: none; | ||
| Line 51: | Line 57: | ||
#sponsor-slides .slides_container div { | #sponsor-slides .slides_container div { | ||
| - | width: | + | width:400px; |
height:170px; | height:170px; | ||
display:block; | display:block; | ||
} | } | ||
| + | |||
| + | #sponsor-slides .pagination { with: 10%; margin-top: 5px; } | ||
/* sponsor grid */ | /* sponsor grid */ | ||
| + | #sponsor-slides { width: 100%; margin: auto; } | ||
| + | |||
.sponsor-list { padding-left:0; width: 10cm; } | .sponsor-list { padding-left:0; width: 10cm; } | ||
.sponsor-list li { | .sponsor-list li { | ||
border: 1px solid silver; | border: 1px solid silver; | ||
| + | border-radius: 4px; | ||
list-style: none; | list-style: none; | ||
| - | margin: | + | margin: 2px; |
| - | padding: | + | padding: 15px 5px 2px 5px; |
width: 2.5cm; | width: 2.5cm; | ||
float: left; | float: left; | ||
| + | height: 60px; | ||
| + | } | ||
| + | |||
| + | .sponsor-logo { | ||
| + | width: 90%; | ||
| + | margin: auto; | ||
| + | display:inline; | ||
| + | vertical-align: middle; | ||
| + | text-align: center; | ||
| + | width:2.5cm; | ||
| + | color:grey; | ||
| + | text-decoration:none; | ||
| + | background:none; | ||
| + | |||
} | } | ||
| + | |||
| + | .sponsor-logo img { display: block; margin-left: auto; margin-right:auto; } | ||
</style> | </style> | ||
| Line 98: | Line 125: | ||
</ul> | </ul> | ||
</div><!-- .footer-box left --> | </div><!-- .footer-box left --> | ||
| + | |||
<div class="footer-box right"> | <div class="footer-box right"> | ||
| Line 103: | Line 131: | ||
<div id="sponsor-slides"> | <div id="sponsor-slides"> | ||
<div class="slides_container"> | <div class="slides_container"> | ||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
<div> | <div> | ||
<ul class="sponsor-list"> | <ul class="sponsor-list"> | ||
| - | + | <a href="http://www.clcbio.com" class="sponsor-logo"><li><img src="http://www.clcbio.com/fileadmin/template/main/images/clcbio_logo_no_mirror.png"/></li></a> | |
| - | + | <a href="mailto:zcbtfi0@live.ucl.ac.uk?Subject=I'll%20Sponsor%20you" class="sponsor-logo" onclick="sponsoring()"><li>click to sponsor!</li></a> | |
| - | + | <a href="mailto:zcbtfi0@live.ucl.ac.uk?Subject=I'll%20Sponsor%20you" class="sponsor-logo" onclick="sponsoring()"><li>click to sponsor!</li></a> | |
| - | + | <a href="mailto:zcbtfi0@live.ucl.ac.uk?Subject=I'll%20Sponsor%20you" class="sponsor-logo" onclick="sponsoring()"><li>click to sponsor!</li></a> | |
| + | <a href="mailto:zcbtfi0@live.ucl.ac.uk?Subject=I'll%20Sponsor%20you" class="sponsor-logo" onclick="sponsoring()"><li>click to sponsor!</li></a> | ||
| + | <a href="mailto:zcbtfi0@live.ucl.ac.uk?Subject=I'll%20Sponsor%20you" class="sponsor-logo" onclick="sponsoring()"><li>click to sponsor!</li></a> | ||
</ul> | </ul> | ||
</div> | </div> | ||
<div> | <div> | ||
<ul class="sponsor-list"> | <ul class="sponsor-list"> | ||
| - | + | <a href="mailto:zcbtfi0@live.ucl.ac.uk?Subject=I'll%20Sponsor%20you" class="sponsor-logo" onclick="sponsoring()"><li>click to sponsor!</li></a> | |
| - | + | <a href="mailto:zcbtfi0@live.ucl.ac.uk?Subject=I'll%20Sponsor%20you" class="sponsor-logo" onclick="sponsoring()"><li>click to sponsor!</li></a> | |
| - | + | <a href="mailto:zcbtfi0@live.ucl.ac.uk?Subject=I'll%20Sponsor%20you" class="sponsor-logo" onclick="sponsoring()"><li>click to sponsor!</li></a> | |
| - | + | <a href="mailto:zcbtfi0@live.ucl.ac.uk?Subject=I'll%20Sponsor%20you" class="sponsor-logo" onclick="sponsoring()"><li>click to sponsor!</li></a> | |
| + | <a href="mailto:zcbtfi0@live.ucl.ac.uk?Subject=I'll%20Sponsor%20you" class="sponsor-logo" onclick="sponsoring()"><li>click to sponsor!</li></a> | ||
| + | <a href="mailto:zcbtfi0@live.ucl.ac.uk?Subject=I'll%20Sponsor%20you" class="sponsor-logo" onclick="sponsoring()"><li>click to sponsor!</li></a> | ||
</ul> | </ul> | ||
</div> | </div> | ||
| Line 131: | Line 155: | ||
</div><!-- .footer-box right --> | </div><!-- .footer-box right --> | ||
| - | <div class="clear"></div> | + | <div class="clear" style="width:100%; height:2px;"></div> |
| + | </div> | ||
| + | |||
| + | |||
| Line 140: | Line 167: | ||
$('#footer-boxes').css('height', nHeight); | $('#footer-boxes').css('height', nHeight); | ||
}); | }); | ||
| - | + | ||
| + | function sponsoring(){ } | ||
</script> | </script> | ||
Latest revision as of 21:37, 18 September 2012
