|
|
Line 1: |
Line 1: |
| {{:Team:Manchester/layout/noheader}} | | {{:Team:Manchester/layout/noheader}} |
- | <html>
| + | {{:Team:Manchester/layout/banner}} |
- | <head>
| + | {{:Team:Manchester/layout/nav}} |
- | <title> Home </title>
| + | {{:Team:Manchester/layout/background}} |
| | | |
- | <style type="text/css">
| |
- | <!------------------------------------------HomeStyle.css--------------------------------------------------------->
| |
- | *
| |
- | {
| |
- | margin:0;
| |
- | padding:0;
| |
- | }
| |
| | | |
- | #content, body
| + | <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> |
- | {
| + | |
- | background: #ccc;
| + | |
- | }
| + | |
| | | |
- | #slider
| + | <table border="0" align="center"> |
- | {
| + | <tr> |
- | width:1000px;
| + | <td>[[File:logo.jpg|300px|center]]</td> |
- | height:300px;
| + | <td>[[File:300px-Logo_finished.png|300px|center]]</td> |
- | margin:0 auto;
| + | |
- | overflow:hidden;
| + | |
- | }
| + | |
| | | |
- | #slider ul
| + | </tr> |
- | {
| + | |
- | width:1000px;
| + | |
- | list-style:none;
| + | |
- | }
| + | |
| | | |
- | #slider ul li
| + | </table> |
- | {
| + | |
- | position:relative;
| + | |
- | display:block;
| + | |
- | float:left;
| + | |
- | width:100px;
| + | |
| | | |
| | | |
- | transition: all 0.4s;
| + | [[File:mib.jpg|270px]] [[File:Uom-logo.jpg|270px|]] |
- | }
| + | |
| | | |
- | #slider ul:hover li
| + | <html> |
- | {
| + | |
- | 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>
| + | |