Template:ExeterFooter

From 2014.igem.org

(Difference between revisions)
 
(22 intermediate revisions not shown)
Line 3: Line 3:
<meta charset="utf-8" />
<meta charset="utf-8" />
<title>Exeter | ERASE</title>
<title>Exeter | ERASE</title>
-
<script type="text/javascript" src="imageGallery.js"> </script>
+
<script type="text/javascript" src="2014.igem.org/Team:Exeter/javascript/backstretch.js?action=raw&amp;ctype=text/js"> </script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"> </script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"> </script>
<style type="text/css">
<style type="text/css">
-
body{
 
-
background-color: #e0e0e0;
 
-
}
 
-
#wrapper
 
-
{
 
-
background-color: #f0f0ff;
 
-
width: 900px;
 
-
margin-right:auto;
 
-
margin-left: auto;
 
-
box-shadow:0px 0px 8px #303030;
 
-
opacity: 1;
 
-
}
 
-
 
-
#header
 
-
{
 
-
padding: 0pt;
 
-
width: 900px;
 
-
background-color: #505050;
 
-
height:70px;
 
-
 
-
}
 
-
 
-
#header_list
 
-
{
 
-
display: inline;
 
-
list-style-type: none;
 
-
margin:0px;
 
-
padding:0px;
 
-
}
 
-
 
-
#header_list_element
 
-
{
 
-
padding:0px;
 
-
margin:0px;
 
-
float:left;
 
-
 
-
}
 
-
 
-
.header_link_div
 
-
{
 
-
overflow: hidden;
 
-
width: 150px;
 
-
height: 70px;
 
-
}
 
-
 
-
.header_link:link, .header_link:visited
 
-
{
 
-
background-color:#201830;
 
-
width: 150px;
 
-
height: 70px;
 
-
color: #e0e0e0;
 
-
text-decoration: none;
 
-
display: block;
 
-
text-align: center;
 
-
padding-top: 24px;
 
-
font-size: 20px;
 
-
font-weight:bold;
 
-
}
 
-
 
-
.header_link:hover, .header_link:active
 
-
{
 
-
background-color:#302448;
 
-
}
 
-
 
-
.header_menu ul
 
-
{
 
-
position:fixed;
 
-
z-index:1;
 
-
margin:0px;
 
-
padding:0px;
 
-
list-style-type: none;
 
-
width:150px;
 
-
left:-9999px;
 
-
}
 
-
 
-
/* Dropdown header menus */
 
-
 
-
.header_menu ul:hover {
 
-
left:auto;
 
-
}
 
-
 
-
.header_link_div:hover+div ul {
 
-
left:auto;
 
-
}
 
-
 
-
.header_menu ul li
 
-
{
 
-
display: block;
 
-
}
 
-
 
-
.header_menu ul li a:link, .header_menu ul li a:visited
 
-
{
 
-
display: block;
 
-
background-color:#201830;
 
-
color:#e0e0e0;
 
-
text-decoration: none;
 
-
text-align: center;
 
-
font-weight: bold;
 
-
font-size:14px;
 
-
height:19px;
 
-
}
 
-
 
-
.header_menu ul li a:hover, .header_menu ul li a:active
 
-
{
 
-
background-color: #302448;
 
-
}
 
-
 
-
 
-
/* Start of Image Gallery Style */
 
-
 
-
 
-
 
-
 
-
#image
 
-
{
 
-
background-color:#60606;
 
-
overflow:hidden;
 
-
position:relative;
 
-
height:500px;
 
-
top:auto;
 
-
}
 
-
 
-
#image_gallery
 
-
{
 
-
position:reltive;
 
-
height:auto;
 
-
list-style: none;
 
-
float:left;
 
-
padding:0px;
 
-
margin:0px;
 
-
}
 
-
 
-
#image_gallery li
 
-
{
 
-
position:relative;
 
-
float:left;
 
-
}
 
-
 
-
.image_navigation
 
-
{
 
-
position: absolute;
 
-
top:180px;
 
-
height:100px;
 
-
width: 30px;
 
-
opacity:0.4;
 
-
}
 
-
 
-
.image_navigation:hover
 
-
{
 
-
opacity:0.9;
 
-
}
 
-
 
-
#previous
 
-
{
 
-
background: #000000 url("https://dl.dropboxusercontent.com/u/65639888/image/prev.png") no-repeat center;
 
-
left:0px;
 
-
}
 
-
 
-
#next
 
-
{
 
-
background: #000000 url("https://dl.dropboxusercontent.com/u/65639888/image/next.png") no-repeat center;
 
-
right:0px;
 
-
}
 
-
 
-
#image_links
 
-
{
 
-
padding:0px;
 
-
margin:auto;
 
-
height:50px;
 
-
margin-top:10px;
 
-
height: 150px;
 
-
}
 
-
 
-
#pager
 
-
{
 
-
margin-right:50px;
 
-
}
 
-
 
-
#pager li
 
-
{
 
-
padding:0px;
 
-
margin:5px;
 
-
margin-top:60px;
 
-
margin-left:45px;
 
-
width:140px;
 
-
height:30px;
 
-
color:black;
 
-
list-style:none;
 
-
opacity:0.6;
 
-
float:left;
 
-
border-radius:3px;
 
-
cursor:pointer;
 
-
font-size:25px;
 
-
text-align:center;
 
-
}
 
-
 
-
#pager li:hover
 
-
{
 
-
opacity:0.9;
 
-
}
 
-
 
-
/* End of Image Gallery Style */
 
-
 
-
 
-
#description
 
-
{
 
-
padding:10px;
 
-
width: 880px;
 
-
margin-right: auto;
 
-
margin-left: auto;
 
-
font-family:Calibri;
 
-
font-size:18px;
 
-
}
 
-
 
-
 
-
#links
 
-
{
 
-
width:900px;
 
-
height:auto;
 
-
margin-left:auto;
 
-
margin-right:auto;
 
-
 
-
}
 
-
 
-
.image_link
 
-
{
 
-
width:270px;
 
-
height:150px;
 
-
margin:50px;
 
-
margin-left:120px;
 
-
margin-right:0px;
 
-
display:inline-block;
 
-
 
-
 
-
}
 
-
 
-
.image_link:link div, .image_link:visited div
 
-
{
 
-
background-size:100%;
 
-
opacity:0.9;
 
-
height:100%;
 
-
width:100%;
 
-
 
-
border-radius:30px;
 
-
-moz-border-radius:30px;
 
-
 
-
box-shadow:0px 0px 8px #808080 inset;
 
-
}
 
-
 
-
.image_link:hover div, .image_link:active div
 
-
{
 
-
opacity:1;
 
-
box-shadow:0px 0px 8px #808080;
 
-
}
 
#footer
#footer
Line 277: Line 23:
#footer img
#footer img
{
{
-
margin:20px;
+
margin:5px;
 +
}
 +
 
 +
#page_top
 +
{
 +
        font-size:16px;
 +
        font-weight:bold;
 +
        color:#000000;
}
}
</style>
</style>
</head>
</head>
 +
<div id="footer">
<div id="footer">
-
<a href="http://www.exeter.ac.uk"><img src="https://static.igem.org/mediawiki/2014/6/6c/ExeterLogo.png"></a>
+
                       
-
<a href="http://www.bbsrc.ac.uk/home/home.aspx"><img src="bbsrc.png"></a>
+
                        <a id="page_top" href="#">Top</a></br>
-
<a href="http://www.wellcome.ac.uk/"><img src="wellcomeTrust.png"></a>
+
                       
-
<a href="http://www.sgm.ac.uk/"><img src="generalMicrobiology.png"></a>
+
<a href="http://www.exeter.ac.uk"><img src="https://static.igem.org/mediawiki/2014/6/6c/ExeterLogo.png" height="50" width="120"></a>
-
<a href="http://biosciences.exeter.ac.uk/staff/index.php?web_id=john_love"><img src="embg.png"></a>
+
                        <a href="http://www.exeter.ac.uk/alumnisupporters/giving/theannualfund/"><img src="https://static.igem.org/mediawiki/2014/6/68/ExeterAnnualFund.png" height="100" width="80"></a>
-
<a href="http://www.biochemistry.org/"><img src="biochemicalSociety.png"></a>
+
<a href="http://www.bbsrc.ac.uk/home/home.aspx"><img src="https://static.igem.org/mediawiki/2014/e/e1/ExeterBBSRCLogo.png" height="50" width="140"></a>
-
<p>Follow us on Twitter: &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="https://twitter.com/ExeteriGEM2014" class="twitter-follow-button" data-show-count="false">Follow @ExeteriGEM2014</a>
+
                        <a href="http://biosciences.exeter.ac.uk/staff/index.php?web_id=john_love"><img src="https://static.igem.org/mediawiki/2014/8/83/ExeterMBG.png" height="50" width="110"></a>
 +
<a href="http://www.wellcome.ac.uk/"><img src="https://static.igem.org/mediawiki/2014/b/b0/ExeterWellcomeTrust.png" height="50" width="128"></a>
 +
<a href="http://www.sgm.ac.uk/"><img src="https://static.igem.org/mediawiki/2014/0/0a/ExeterGeneralMicrobiology.png" height="50" width="128"></a>
 +
<a href="http://www.biochemistry.org/"><img src="https://static.igem.org/mediawiki/2014/3/39/ExeterBiochemicalSociety.png" height="50" width="128"></a>
 +
 
 +
<p><iframe src="https://www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2Fpages%2FExeter-IGEM-2014%2F1489417537962618%3Fref%3Dts%26fref%3Dts&amp;width=150&amp;layout=standard&amp;action=like&amp;show_faces=true&amp;share=false&amp;height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:60px;" allowTransparency="true"></iframe>
 +
 
 +
<a href="https://twitter.com/ExeteriGEM2014" class="twitter-follow-button" data-show-count="false">Follow @ExeteriGEM2014</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
-
</p>
+
-
<p>Like us on Facebook: &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<iframe src="https://www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2Fpages%2FExeter-IGEM-2014%2F1489417537962618%3Fref%3Dts%26fref%3Dts&amp;width=150&amp;layout=standard&amp;action=like&amp;show_faces=true&amp;share=false&amp;height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:60px;" allowTransparency="true"></iframe>
+
</p>
</p>
</div>
</div>
Line 300: Line 61:
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
-
<script src="backstretch.js"></script>
+
<script src="http://people.exeter.ac.uk/ms536/igem/backstretch.js"></script>
<script type="text/javascript">
<script type="text/javascript">
-
    $.backstretch("background.jpg");
+
$.backstretch("https://static.igem.org/mediawiki/2014/4/4d/Exeter2014_Main_Background.png");
</script>
</script>
</body>
</body>
</html>
</html>

Latest revision as of 16:03, 17 October 2014

Exeter | ERASE