Team:Manchester
From 2013.igem.org
(Difference between revisions)
Line 1: | Line 1: | ||
{{:Team:Manchester/layout/noheader}} | {{:Team:Manchester/layout/noheader}} | ||
- | + | <html> | |
- | + | <head> | |
- | + | <title> Home </title> | |
+ | <style type="text/css"> | ||
+ | <!------------------------------------------HomeStyle.css---------------------------------------------------------> | ||
+ | * | ||
+ | { | ||
+ | margin:0; | ||
+ | padding:0; | ||
+ | } | ||
- | + | #content, body | |
+ | { | ||
+ | background: #ccc; | ||
+ | } | ||
- | + | #slider | |
- | + | { | |
- | + | width:1000px; | |
- | + | height:300px; | |
+ | margin:0 auto; | ||
+ | overflow:hidden; | ||
+ | } | ||
- | + | #slider ul | |
+ | { | ||
+ | width:1000px; | ||
+ | list-style:none; | ||
+ | } | ||
- | + | #slider ul li | |
+ | { | ||
+ | position:relative; | ||
+ | display:block; | ||
+ | float:left; | ||
+ | width:100px; | ||
- | + | 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