Team:Manchester

From 2013.igem.org

(Difference between revisions)
Line 1: Line 1:
{{:Team:Manchester/layout/noheader}}
{{:Team:Manchester/layout/noheader}}
-
{{:Team:Manchester/layout/banner}}
+
<html>
-
{{:Team:Manchester/layout/nav}}
+
<head>
-
{{:Team:Manchester/layout/background}}
+
<title> Home </title>
 +
<style type="text/css">
 +
<!------------------------------------------HomeStyle.css--------------------------------------------------------->
 +
*
 +
{
 +
margin:0;
 +
padding:0;
 +
}
-
<span style="font-family:Arial;font-size:22px;font-style:normal;font-weight:bold;text-decoration:none;text-transform:none;color:990099;">We're working on our iGem Wiki page right now - Please check back later!</span>
+
#content, body
 +
{
 +
background: #ccc;  
 +
}
-
<table border="0" align="center">
+
#slider
-
<tr>
+
{
-
<td>[[File:logo.jpg|300px|center]]</td>
+
width:1000px;
-
<td>[[File:300px-Logo_finished.png|300px|center]]</td>
+
height:300px;
 +
margin:0 auto;
 +
overflow:hidden;
 +
}
-
</tr>
+
#slider ul
 +
{
 +
width:1000px;
 +
list-style:none;
 +
}
-
</table>
+
#slider ul li
 +
{
 +
position:relative;
 +
display:block;
 +
float:left;
 +
width:100px;
-
[[File:mib.jpg|270px]]&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[[File:Uom-logo.jpg|270px|]]
+
transition: all 0.4s;
 +
}
-
<html>
+
#slider ul:hover li
 +
{
 +
width:40px;
 +
}
 +
 
 +
#slider ul li:hover
 +
{
 +
width:600px;
 +
}
 +
 
 +
#slider li img
 +
{
 +
display:block;
 +
 
 +
}
 +
 
 +
#title
 +
{
 +
background: rgba(0,0,0,0.5);
 +
width:600px;
 +
position:absolute;
 +
left:0;
 +
bottom:0;
 +
}
 +
 
 +
#title a
 +
{
 +
margin:0;
 +
display:block;
 +
color:white;
 +
text-decoration:none;
 +
font-size:16px;
 +
padding:20px;
 +
}
 +
 
 +
.footer
 +
{
 +
width:1000px;
 +
height:100px;
 +
margin:20px auto;
 +
padding:0;
 +
}
 +
 
 +
.mib
 +
{
 +
float:left;
 +
margin:0;
 +
 
 +
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 +
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 +
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 +
}
 +
 
 +
.igem
 +
{
 +
float:left;
 +
margin-left:170px;
 +
 
 +
 
 +
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 +
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 +
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 +
}
 +
 
 +
.uni
 +
{
 +
float:left;
 +
margin-left:135px;
 +
 
 +
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 +
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 +
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 +
}
 +
 
 +
.Web_OnlineTools_Logo1{
 +
 
 +
background-color:#cccccc;
 +
margin-top:20px;
 +
        margin-left:50px;
 +
 
 +
}.Web_OnlineTools_Logo1 h1{
 +
 
 +
border:0px;margin:0px;padding:0px;
 +
 
 +
text-align:center;
 +
 
 +
text-indent:0px;
 +
 
 +
font-size:42px;
 +
 
 +
 
 +
 
 +
font-family:Trebuchet MS;
 +
 
 +
color:#aaaaff;
 +
 
 +
font-weight:bold;
 +
 
 +
text-shadow:0px 0px 5px #000000;
 +
 
 +
 
 +
}
 +
 
 +
.Web_OnlineTools_Logo1 h2{
 +
 
 +
border:0px;margin:0px;padding:0px;
 +
 
 +
text-align:center;
 +
 
 +
text-indent:-40px;
 +
 
 +
font-size:17px;
 +
 
 +
line-height:22px;
 +
 
 +
font-family:Trebuchet MS;
 +
 
 +
color:#aaaaff;
 +
 
 +
font-weight:bold;
 +
 
 +
text-shadow:0px 0px 5px #000000;
 +
 
 +
 
 +
}
 +
 
 +
.Web_OnlineTools_Logo2{
 +
 
 +
background-color:#cccccc;
 +
                margin-top:60px;
 +
margin-left: 50px;
 +
}
 +
 +
.Web_OnlineTools_Logo2 h1{
 +
 
 +
border:0px;margin:0px;padding:0px;
 +
 
 +
text-align:center;
 +
 
 +
text-indent:8px;
 +
 
 +
font-size:20px;
 +
 
 +
line-height:32px;
 +
 
 +
font-family:Trebuchet MS;
 +
 
 +
color:#aaaaff;
 +
 
 +
font-weight:bold;
 +
 
 +
text-shadow:0px 0px 5px #000000;
 +
 
 +
 
 +
}
 +
 
 +
.Web_OnlineTools_Logo2 h2{
 +
 
 +
border:0px;margin:0px;padding:0px;
 +
 
 +
text-align:center;
 +
 
 +
text-indent:-18px;
 +
 
 +
font-size:60px;
 +
 
 +
 +
 
 +
font-family:Trebuchet MS;
 +
 
 +
color:#aaaaff;
 +
 
 +
font-weight:bold;
 +
 
 +
text-shadow:0px 0px 10px #000000;
 +
 
 +
 
 +
}
 +
 
 +
.note
 +
{
 +
margin-top:60px;
 +
width:100%;
 +
height:50px;
 +
font-family:Trebuchet MS;
 +
font-size: 16px;
 +
text-align:center;
 +
color:#660099;
 +
}
 +
 
 +
</style>
 +
</head>
 +
<body>
 +
 
 +
<!-- Banner2 --------------------------------------------------------->
 +
<div class="Web_OnlineTools_Logo2" style="padding:20px;">
 +
<h1 id="header1_logo">PROJECT</h1>
 +
<h2 id="header2_logo">SYNTHETIC PALM OIL</h2>
 +
</div>
 +
 
 +
<div id="slider">
 +
  <ul>
 +
        <li>
 +
<div id="title"> <a href="OurTeam.html">Our Team</a></div>
 +
<a href="OurTeam.html"> <img src="https://static.igem.org/mediawiki/2013/b/b5/1.gif"/> </a>
 +
</li>
 +
 +
<li>
 +
<div id="title"> <a href="#">Official Profile</a></div>
 +
<a href="#"> <img src="https://static.igem.org/mediawiki/2013/2/27/2.gif"/></a>
 +
</li>
 +
 +
<li>
 +
<div id="title"> <a href="Project.html">Project</a></div>
 +
<a href="Project.html"> <img src="https://static.igem.org/mediawiki/2013/0/06/3.gif"/></a>
 +
</li>
 +
 +
<li>
 +
<div id="title"> <a href="#">Aim</a></div>
 +
<a href="#"> <img src="https://static.igem.org/mediawiki/2013/8/8f/4.gif"/></a>
 +
</li>
 +
 +
<li>
 +
<div id="title"> <a href="#">Modelling</a></div>
 +
<a href="#"> <img src="https://static.igem.org/mediawiki/2013/6/6a/5.gif"/></a>
 +
</li>
 +
 +
<li>
 +
    <div id="title"> <a href="#">Parts Contributions</a></div>
 +
    <a href="#"> <img src="https://static.igem.org/mediawiki/2013/b/b5/1.gif"/> </a>
 +
</li>
 +
 +
<li>
 +
<div id="title"> <a href="#">Safety</a></div>
 +
<a href="#"> <img src="https://static.igem.org/mediawiki/2013/2/27/2.gif"/></a>
 +
</li>
 +
 +
<li>
 +
<div id="title"> <a href="#">Human Practices</a></div>
 +
<a href="#"> <img src="https://static.igem.org/mediawiki/2013/0/06/3.gif"/></a>
 +
</li>
 +
 +
<li>
 +
<div id="title"> <a href="#">Attributions</a></div>
 +
<a href="#"> <img src="https://static.igem.org/mediawiki/2013/8/8f/4.gif"/></a>
 +
</li>
 +
 +
<li>
 +
<div id="title"> <a href="PublicOutreach.html">Public Outreach</a></div>
 +
<a href="PublicOutreach.html"> <img src="https://static.igem.org/mediawiki/2013/6/6a/5.gif"/></a>
 +
</li>
 +
  </ul>
 +
</div>
 +
 
 +
<!-- Banner1 --------------------------------------------------------->
 +
<div class="Web_OnlineTools_Logo1">
 +
<h1 id="header1_logo">University of Manchester </h1>
 +
<h2 id="header2_logo">iGEM Team 2013</h2>
 +
</div>
 +
 
 +
<div class="footer">
 +
      <div class="mib">
 +
        <a href="#"> <img src="https://static.igem.org/mediawiki/2013/8/8d/Mibscaled.gif"/></a>  
 +
  </div>
 +
 
 +
  <div class="igem">
 +
    <a><img src="https://static.igem.org/mediawiki/2013/2/22/IGEMgrey.gif" /></a>
 +
  </div>
 +
 
 +
  <div class="uni">
 +
    <a><img src="https://static.igem.org/mediawiki/2013/6/69/Uniscaled.gif" /></a>
 +
  </div>
 +
<div>
 +
 
 +
<div class="note">
 +
        <p> Our Wiki pages are currently under construction.... </p>
 +
</div>
 +
 
 +
</body>
 +
</html>

Revision as of 11:03, 22 July 2013

Home

PROJECT

University of Manchester