Team:Manchester/Hometest2

From 2013.igem.org

(Difference between revisions)
 
(50 intermediate revisions not shown)
Line 14: Line 14:
#content, body
#content, body
{
{
-
background: #ccc;  
+
background-color:#F2F2F2;
}
}
#slider
#slider
{
{
-
width:1130px;
+
width:1300px;
height:300px;
height:300px;
-
margin-left:-100px;
+
margin-left:-160px;
overflow:hidden;
overflow:hidden;
 +
-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);
}
}
#slider ul  
#slider ul  
{
{
-
width:1130px;
+
width:1300px;
list-style:none;
list-style:none;
 +
margin:0;
}
}
Line 36: Line 40:
display:block;
display:block;
float:left;
float:left;
-
width:50px;
+
width:130px;
transition: all 0.4s;
transition: all 0.4s;
}
}
Line 42: Line 46:
#slider ul:hover li
#slider ul:hover li
{
{
-
width:20px;
+
width:100px;
}
}
Line 96: Line 100:
{
{
float:left;
float:left;
-
margin-left:170px;
+
margin-left:150px;
Line 107: Line 111:
{
{
float:left;
float:left;
-
margin-left:135px;
+
margin-left:140px;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
Line 114: Line 118:
}
}
-
.Web_OnlineTools_Logo1{
+
.heading1
 +
{
 +
margin:10px auto;
 +
width:1000px;
 +
height:100px;
 +
}
-
background-color:#cccccc;
+
.heading1 .upper
-
margin-top:20px;
+
{
-
        margin-left:50px;
+
font-style:italic;
 +
}
-
}.Web_OnlineTools_Logo1 h1{
+
.heading1 .upper, .heading1 .bottom, .heading2 .upper, .heading2 .bottom
 +
{
 +
width:1000px;
 +
height:50px;
 +
margin:5px auto;
 +
font-size:35px;
 +
font-weight:bold;
 +
font-family:Trebuchet MS;
 +
text-align:center;
 +
padding-top:10px;
 +
color:#660099;
 +
text-shadow: 0 1px 0 #ccc,
 +
              0 2px 0 #c9c9c9,
 +
              0 3px 0 #bbb,
 +
              0 4px 0 #b9b9b9,
 +
              0 5px 0 #aaa,
 +
              0 6px 1px rgba(0,0,0,.1),
 +
              0 0 5px rgba(0,0,0,.1),
 +
              0 1px 3px rgba(0,0,0,.3),
 +
              0 3px 5px rgba(0,0,0,.2),
 +
              0 5px 10px rgba(0,0,0,.25),
 +
              0 10px 10px rgba(0,0,0,.2),
 +
              0 20px 20px rgba(0,0,0,.15);
 +
}
-
border:0px;margin:0px;padding:0px;
+
.heading2
-
 
+
{
-
text-align:center;
+
margin:10px auto;
-
 
+
width:1000px;
-
text-indent:0px;
+
height:110px;
-
 
+
}
-
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
.note
{
{
 +
clear:both;
margin-top:60px;
margin-top:60px;
width:100%;
width:100%;
Line 228: Line 172:
text-align:center;
text-align:center;
color:#660099;
color:#660099;
 +
}
 +
 +
.contact
 +
{
 +
margin-left:-180px;
 +
margin-top:20px;
 +
width:1300px;
 +
height:100px;
 +
}
 +
 +
.twitter
 +
{
 +
margin-left:5px;
 +
float:left;
 +
}
 +
 +
.social
 +
{
 +
padding:10px;
 +
height:30px;
 +
width:385px;
 +
margin-left:300px;
 +
margin-top:15px;
 +
 +
-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);
 +
}
 +
 +
.social-right
 +
{
 +
float:right:
}
}
</style>
</style>
</head>
</head>
 +
<body>
<body>
-
<!-- Banner2 --------------------------------------------------------->
+
<div class="heading1">
-
<div class="Web_OnlineTools_Logo2" style="padding:20px;">
+
            <div class="upper">
-
<h1 id="header1_logo">PROJECT</h1>
+
              E.C(oil)i
-
<h2 id="header2_logo">SYNTHETIC PALM OIL</h2>
+
            </div>
 +
 
 +
            <div class="bottom">
 +
                THE LEAN, GREEN, FAT PRODUCING SYNBIO MACHINE
 +
            </div>
</div>
</div>
Line 245: Line 226:
<div id="title"> <a href="OurTeam.html">Our Team</a></div>
<div id="title"> <a href="OurTeam.html">Our Team</a></div>
<a href="OurTeam.html"> <img src="https://static.igem.org/mediawiki/2013/a/a6/Team1.jpg"/> </a>
<a href="OurTeam.html"> <img src="https://static.igem.org/mediawiki/2013/a/a6/Team1.jpg"/> </a>
-
</li>
+
</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>
<li>
Line 257: Line 233:
</li>
</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="#">Notebook</a></div>
 
-
<a href="#"> <img src="https://static.igem.org/mediawiki/2013/8/8f/4.gif"/></a>
 
-
</li>
 
-
 
-
                <li>
 
-
<div id="title"> <a href="#">Lab Book</a></div>
 
-
<a href="#"> <img src="https://static.igem.org/mediawiki/2013/8/8f/4.gif"/></a>
 
-
</li>
 
-
 
                 <li>  
                 <li>  
    <div id="title"> <a href="#">Parts Contributions</a></div>
    <div id="title"> <a href="#">Parts Contributions</a></div>
    <a href="#"> <img src="https://static.igem.org/mediawiki/2013/2/2f/Contributions.jpg"/> </a>
    <a href="#"> <img src="https://static.igem.org/mediawiki/2013/2/2f/Contributions.jpg"/> </a>
-
</li>
+
</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>
                 <li>
<div id="title"> <a href="#">Judging</a></div>
<div id="title"> <a href="#">Judging</a></div>
-
<a href="#"> <img src="https://static.igem.org/mediawiki/2013/6/6b/Modelling.png"/></a>
+
<a href="#"> <img src="https://static.igem.org/mediawiki/2013/d/d0/Judging.jpg"/></a>
</li>
</li>
                 <li>
                 <li>
<div id="title"> <a href="#">Attributions</a></div>
<div id="title"> <a href="#">Attributions</a></div>
-
<a href="#"> <img src="https://static.igem.org/mediawiki/2013/8/8f/4.gif"/></a>
+
<a href="#"> <img src="https://static.igem.org/mediawiki/2013/b/bb/Attributions1.jpg"/></a>
</li>
</li>
Line 298: Line 254:
                 <li>
                 <li>
-
<div id="title"> <a href="#">Fatty Acid Production</a></div>
 
-
<a href="#"> <img src="https://static.igem.org/mediawiki/2013/6/6b/Modelling.png"/></a>
 
-
</li>
 
-
 
-
                <li>
 
-
<div id="title"> <a href="#">Parameter Estimation</a></div>
 
-
<a href="#"> <img src="https://static.igem.org/mediawiki/2013/6/6b/Modelling.png"/></a>
 
-
</li>
 
-
 
-
                <li>
 
-
<div id="title"> <a href="#">Modelling Collaboration</a></div>
 
-
<a href="#"> <img src="https://static.igem.org/mediawiki/2013/6/6b/Modelling.png"/></a>
 
-
</li>
 
-
 
-
<li>
 
<div id="title"> <a href="#">Human Practices</a></div>
<div id="title"> <a href="#">Human Practices</a></div>
<a href="#"> <img src="https://static.igem.org/mediawiki/2013/c/ce/Humanpractice.jpg"/></a>
<a href="#"> <img src="https://static.igem.org/mediawiki/2013/c/ce/Humanpractice.jpg"/></a>
-
</li>
 
-
 
-
                <li>
 
-
<div id="title"> <a href="#">Public Outreach</a></div>
 
-
<a href="#"> <img src="https://static.igem.org/mediawiki/2013/c/ce/Humanpractice.jpg"/></a>
 
-
</li>
 
-
 
-
                <li>
 
-
<div id="title"> <a href="#">Ethics</a></div>
 
-
<a href="#"> <img src="https://static.igem.org/mediawiki/2013/c/ce/Humanpractice.jpg"/></a>
 
-
</li>
 
-
 
-
                <li>
 
-
<div id="title"> <a href="#">Business Plan</a></div>
 
-
<a href="#"> <img src="https://static.igem.org/mediawiki/2013/c/ce/Humanpractice.jpg"/></a>
 
-
</li>
 
-
 
-
<li>
 
-
<div id="title"> <a href="#">Knowledge Deficit Assumption</a></div>
 
-
<a href="#"> <img src="https://static.igem.org/mediawiki/2013/8/8f/4.gif"/></a>
 
-
</li>
 
-
 
-
                <li>
 
-
<div id="title"> <a href="#">Conferences and Discussions</a></div>
 
-
<a href="#"> <img src="https://static.igem.org/mediawiki/2013/8/8f/4.gif"/></a>
 
-
</li>
 
-
 
-
                <li>
 
-
<div id="title"> <a href="#">Social Media</a></div>
 
-
<a href="#"> <img src="https://static.igem.org/mediawiki/2013/8/8f/4.gif"/></a>
 
</li>
</li>
<li>
<li>
<div id="title"> <a href="PublicOutreach.html">Sponsorship</a></div>
<div id="title"> <a href="PublicOutreach.html">Sponsorship</a></div>
-
<a href="PublicOutreach.html"> <img src="https://static.igem.org/mediawiki/2013/6/6a/5.gif"/></a>
+
<a href="PublicOutreach.html"> <img src="https://static.igem.org/mediawiki/2013/0/00/Sponsors.jpg"/></a>
</li>
</li>
   </ul>
   </ul>
</div>
</div>
-
<!-- Banner1 --------------------------------------------------------->
+
<div class="heading2">
-
<div class="Web_OnlineTools_Logo1">
+
        <div class="upper">
-
<h1 id="header1_logo">University of Manchester </h1>
+
          University of Manchester  
-
<h2 id="header2_logo">iGEM Team 2013</h2>
+
        </div>
 +
 
 +
      <div class="bottom">
 +
          iGEM Team 2013
 +
      </div
</div>
</div>
Line 363: Line 278:
       <div class="mib">
       <div class="mib">
         <a href="#"> <img src="https://static.igem.org/mediawiki/2013/8/8d/Mibscaled.gif"/></a>    
         <a href="#"> <img src="https://static.igem.org/mediawiki/2013/8/8d/Mibscaled.gif"/></a>    
-
  </div>
+
      </div>
   
   
  <div class="igem">  
  <div class="igem">  
-
    <a><img src="https://static.igem.org/mediawiki/2013/2/22/IGEMgrey.gif" /></a>
+
    <a><img src="https://static.igem.org/mediawiki/2013/3/3f/Igem.png" /></a>
  </div>
  </div>
   
   
  <div class="uni">  
  <div class="uni">  
-
    <a><img src="https://static.igem.org/mediawiki/2013/6/69/Uniscaled.gif" /></a>
+
    <a><img src="https://static.igem.org/mediawiki/2013/f/fd/Uni1.jpg" /></a>
  </div>
  </div>
-
<div>
+
</div>
 +
 
 +
<!--<div class="contact">
 +
      <div class="gmail">
 +
            <img src="https://static.igem.org/mediawiki/2013/0/0a/Gmail2.png" width="80" height="60" />
 +
      </div>
 +
 
 +
        <div class="fb">
 +
            <div class="fb-like-box" data-href="https://www.facebook.com/ManchesteriGEM" data-width="400" data-show-faces="false"  data-stream="false" data-show-border="true" data-header="true"></div>
 +
      </div>
 +
   
 +
      <div class="twitter">
 +
          <a href="https://twitter.com/twitter" class="twitter-follow-button" data-show-count="false" data-size="large">Follow @twitter</a>
 +
      </div>
 +
</div>-->
<div class="note">
<div class="note">

Latest revision as of 21:48, 12 August 2013

Home

E.C(oil)i
THE LEAN, GREEN, FAT PRODUCING SYNBIO MACHINE
University of Manchester
iGEM Team 2013

Our Wiki pages are currently under construction....