Template:ExeterFooter

From 2014.igem.org

(Difference between revisions)
(Created page with " <div id="footer"> <a href="http://www.exeter.ac.uk"><img src="exeterLogo.png"></a> <a href="http://www.bbsrc.ac.uk/home/home.aspx"><img src="bbsrc.png"></a> <a href="...")
Line 1: Line 1:
 +
<html lang="en">
 +
<head>
 +
<meta charset="utf-8" />
 +
<title>Exeter | ERASE</title>
 +
<script type="text/javascript" src="imageGallery.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">
 +
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
 +
{
 +
background-color:#ffffff;
 +
padding:20px;
 +
}
 +
 +
#footer p
 +
{
 +
font-size:20px;
 +
font-weight:bold;
 +
}
 +
 +
#footer img
 +
{
 +
margin:20px;
 +
}
 +
 +
</style>
 +
</head>
<div id="footer">
<div id="footer">

Revision as of 09:31, 15 August 2014

Exeter | ERASE

Retrieved from "http://2014.igem.org/Template:ExeterFooter"