Team:Exeter

From 2014.igem.org

(Difference between revisions)
 
(59 intermediate revisions not shown)
Line 1: Line 1:
-
body{
+
{{ExeterMain}}
-
background-color: #e0e0e0;
+
<html>
-
}
+
<div id="image"> <!-- Image Gallery -->
-
#wrapper
+
<ul id="image_gallery"> <!-- Pictures -->
-
{
+
<li><img src="https://static.igem.org/mediawiki/2014/9/97/Exeter2014_Main_Front.jpg"></li>
-
background-color: #f0f0ff;
+
<li><img src="https://static.igem.org/mediawiki/2014/0/02/Exeter2014_Main_Problem.jpg"></li>
-
width: 900px;
+
                                <li><img src="https://static.igem.org/mediawiki/2014/3/30/Exeter2014_Main_Solution.jpg"></li>
-
margin-right:auto;
+
<li><img src="https://static.igem.org/mediawiki/2014/e/e4/Exeter2014_Main_Project.jpg"></li>
-
margin-left: auto;
+
                               
-
box-shadow:0px 0px 8px #303030;
+
</ul>
-
opacity: 1;
+
<a href="#"> <!-- Make navigation buttons act like links -->
-
}
+
<span class="image_navigation" id="previous"></span>
 +
<span class="image_navigation" id="next"></span>
 +
</a>
 +
 +
</div>
 +
<div id="image_links">
 +
<ul id="pager">
 +
</ul>
 +
</div>
 +
<div id="description">
-
#header
+
-
{
+
</div>
-
padding: 0pt;
+
</html>
-
width: 900px;
+
{{ExeterFooter}}
-
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;
+
-
}
+

Latest revision as of 19:39, 17 October 2014

Exeter | ERASE

Exeter | ERASE

Retrieved from "http://2014.igem.org/Team:Exeter"