Team:WPI-Worcester

From 2014.igem.org

(Difference between revisions)
m
Line 9: Line 9:
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear {display: none;}  
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear {display: none;}  
-
body{ margin:0px; }
+
body{  
-
div#topmargin{
+
margin:0px;  
-
margin: 0px;
+
}
}
-
div#page{
+
 
-
width:800px;
+
#topmargin{
 +
margin: 0px;
}
}
-
div#bottombox{
+
 
 +
#bottombox{
background:#999;
background:#999;
-
width:700px;
 
height:50px;
height:50px;
-
margin-top:600px;
+
width:700px;
-
margin-left:100px;
+
margin-top:300px;
 +
margin-left:300px;
float:left;
float:left;
}
}
-
div#floatbar {
+
#floatbar {
position: fixed;
position: fixed;
right: 10px;
right: 10px;
Line 31: Line 32:
margin-top: 50px;
margin-top: 50px;
}
}
-
div#logo{
+
#logo{
float:left;
float:left;
 +
left:-400px;
margin-top:0px;
margin-top:0px;
position:fixed;
position:fixed;
 +
z-index:9;
 +
transition: -webkit-transform .4s ease-in-out 0s, ease-in-out 0s;
 +
-moz-transition: transform .4s ease-in-out 0s, ease-in-out 0s;
 +
-ms-transition: transform .4s ease-in-out 0s, ease-in-out 0s;
 +
transition: transform .4s ease-in-out 0s, ease-in-out 0s;
}
}
-
div#title{
+
#title{
float:left;
float:left;
position:absolute;
position:absolute;
margin-left:200px;
margin-left:200px;
}
}
-
div#menubar1{  
+
#shift{
-
padding: 24px;  
+
height:75%;
-
border:#999 1 px dashed;
+
width:100%;
-
width: 100px;
+
position:absolute;
 +
}
 +
#shift:hover > #logo{
 +
transform: translateX(400px);
 +
-moz-transform: translateX(400px);
 +
-webkit-transform: translateX(400px);
 +
-ms-transform: translateX(400px);
 +
-o-transform: translateX(400px);
 +
}
 +
#shift:hover > #menubar1 {
 +
opacity:1;
 +
transform: translateX(260px);
 +
-moz-transform: translateX(260px);
 +
-webkit-transform: translateX(260px);
 +
-ms-transform: translateX(260px);
 +
-o-transform: translateX(260px);
 +
}
 +
#shift:hover + #maintext {
 +
transform: translateX(260px);
 +
-moz-transform: translateX(260px);
 +
-webkit-transform: translateX(260px);
 +
-ms-transform: translateX(260px);
 +
-o-transform: translateX(260px);
 +
}
 +
 
 +
#menubar1{  
 +
padding: 24px;
 +
opacity: 0.5;
 +
width: 200px;
margin-right:50px;
margin-right:50px;
-
margin-left:80px;
+
margin-left:10px;
-
margin-top:0px;
+
margin-top:80px;
float:left;
float:left;
position:fixed;
position:fixed;
 +
z-index:8;
 +
transition: -webkit-transform .4s ease-in-out 0s, ease-in-out 0s, opacity 0.4s ease-in-out 0s;
 +
-moz-transition: transform .4s ease-in-out 0s, ease-in-out 0s, opacity 0.4s ease-in-out 0s;
 +
-ms-transition: transform .4s ease-in-out 0s, ease-in-out 0s, opacity 0.4s ease-in-out 0s;
 +
transition: transform .4s ease-in-out 0s, ease-in-out 0s, opacity 0.4s ease-in-out 0s;
  }
  }
-
div#menubar1 > a{
+
#menubar1 > a{
font-family:Arial, Helvetica, sans-serif;
font-family:Arial, Helvetica, sans-serif;
font-size:17px;
font-size:17px;
Line 62: Line 102:
transition: background 0.3s ease-in-out 0s, color 0.4s ease-in-out 0s;
transition: background 0.3s ease-in-out 0s, color 0.4s ease-in-out 0s;
}
}
-
div#menubar1 > .menuslide > a{
+
.menuslide > a{
font-family:Arial, Helvetica, sans-serif;
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
font-size:20px;
Line 73: Line 113:
transition: background 0.3s ease-in-out 0s, color 0.4s ease-in-out 0s;
transition: background 0.3s ease-in-out 0s, color 0.4s ease-in-out 0s;
}
}
-
div#menubar1 > .menuslide > p{
+
.menuslide > p{
font-family:Arial, Helvetica, sans-serif;
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
font-size:20px;
Line 86: Line 126:
transition: transform .2s ease-in-out 0s, ease-in-out 0s;
transition: transform .2s ease-in-out 0s, ease-in-out 0s;
}
}
-
div#menubar1 > .menuslide:hover > p{
+
.menuslide:hover > p{
transform: translateX(40px);
transform: translateX(40px);
-moz-transform: translateX(40px);
-moz-transform: translateX(40px);
Line 94: Line 134:
}
}
-
div#maintext {
+
#toptext {
float: left;
float: left;
width: 400px;
width: 400px;
 +
height: 50%;
font-family:Arial, Helvetica, sans-serif;
font-family:Arial, Helvetica, sans-serif;
-
font-size:14px;
+
font-size:25px;
-
margin:50px;
+
margin:140px;
-
margin-left:325px;
+
margin-left:520px;
margin-bottom:20px;
margin-bottom:20px;
 +
padding:10px;
}
}
-
 
+
#maintext {
-
div#lab {
+
-
font-family:Arial, Helvetica, sans-serif;
+
-
font-size:30px;
+
-
margin-right:1000px;
+
float: left;
float: left;
 +
width: 100%;
 +
font-family:Arial, Helvetica, sans-serif;
 +
font-size:25px;
 +
padding:10px;
 +
margin-left:200px;
 +
z-index:10;
 +
transition: -webkit-transform .4s ease-in-out 0s, ease-in-out 0s;
 +
-moz-transition: transform .4s ease-in-out 0s, ease-in-out 0s;
 +
-ms-transition: transform .4s ease-in-out 0s, ease-in-out 0s;
 +
transition: transform .4s ease-in-out 0s, ease-in-out 0s;
 +
}
 +
 +
.textitem{
 +
margin:50px;
 +
float:left;
}
}
-
div#lab > p {
+
.textitem > h1 {
margin-bottom: 5px;
margin-bottom: 5px;
}
}
-
div#filler{
+
#filler{
margin:100px;
margin:100px;
padding:15px;
padding:15px;
Line 250: Line 303:
<a href="https://2014.igem.org/Main_Page"> <img src= "https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" align="right" width="55px"/></a>
<a href="https://2014.igem.org/Main_Page"> <img src= "https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" align="right" width="55px"/></a>
</div>
</div>
 +
<body>
<div id="topmargin" />
<div id="topmargin" />
 +
<div id="toptext">
 +
<p>This wiki is under heavy construction.  Look under the Notebook tab for our experiments.</p>
 +
</div>
<div id="page">
<div id="page">
-
<div id="logo">
+
<div id="shift">
-
<img src="https://static.igem.org/mediawiki/2014/c/c8/WPI_Team_Logo.png" width="300px"/>
+
<div id="logo">
-
</div>
+
<img src="https://static.igem.org/mediawiki/2014/c/c8/WPI_Team_Logo.png" width="300px"/>
-
<div id="title">
+
-
<img src="https://static.igem.org/mediawiki/2014/9/9a/WPI_Title.png" width="800px"/>
+
-
</>
+
-
<div id="menubar1">
+
-
<div class="menuslide">
+
-
<a href="https://2014.igem.org/Team:WPI-Worcester"> Home </a>
+
-
<p><img src="https://static.igem.org/mediawiki/2014/f/f8/WPI_Home_Link.png"/></p>
+
</div>
</div>
-
<div class="menuslide">
+
<div id="title">
-
<a href="https://2014.igem.org/Team:WPI-Worcester/Team"> Team </a>
+
<img src="https://static.igem.org/mediawiki/2014/9/9a/WPI_Title.png" width="800px"/>
-
<p><img src="https://static.igem.org/mediawiki/2014/6/64/WPI_Team_Link.png"/></p>
+
</div>
</div>
-
<div class="menuslide">
+
<div id="menubar1">
-
<a href="https://igem.org/Team.cgi?id=1423"> Official </a>
+
<div class="menuslide">
-
<p><img src="https://static.igem.org/mediawiki/2014/a/af/WPI_Official_Link.png"/></p>
+
<a href="https://2014.igem.org/Team:WPI-Worcester"> Home </a>
-
</div>
+
<p><img src="https://static.igem.org/mediawiki/2014/f/f8/WPI_Home_Link.png"/></p>
-
<div class="menuslide">
+
</div>
-
<a href="https://2014.igem.org/Team:WPI-Worcester/Project"> Project </a>
+
<div class="menuslide">
-
<p><img src="https://static.igem.org/mediawiki/2014/4/41/WPI_Project_Link.png"/></p>
+
<a href="https://2014.igem.org/Team:WPI-Worcester/Team"> Team </a>
-
</div>
+
<p><img src="https://static.igem.org/mediawiki/2014/6/64/WPI_Team_Link.png"/></p>
-
<div class="menuslide">
+
</div>
-
<a href="https://2014.igem.org/Team:WPI-Worcester/Notebook"> Notebook </a>
+
<div class="menuslide">
-
<p><img src="https://static.igem.org/mediawiki/2014/7/7e/WPI_Notes_Link.png"/></p>
+
<a href="https://igem.org/Team.cgi?id=1423"> Official </a>
-
</div>
+
<p><img src="https://static.igem.org/mediawiki/2014/a/af/WPI_Official_Link.png"/></p>
-
<div class="menuslide">
+
</div>
-
<a href="https://2014.igem.org/Team:WPI-Worcester/Safety"> Safety </a>
+
<div class="menuslide">
-
<p><img src="https://static.igem.org/mediawiki/2014/d/d4/WPI_Safety_Link.png"/></p>
+
<a href="https://2014.igem.org/Team:WPI-Worcester/Project"> Project </a>
 +
<p><img src="https://static.igem.org/mediawiki/2014/4/41/WPI_Project_Link.png"/></p>
 +
</div>
 +
<div class="menuslide">
 +
<a href="https://2014.igem.org/Team:WPI-Worcester/Notebook"> Notebook </a>
 +
<p><img src="https://static.igem.org/mediawiki/2014/7/7e/WPI_Notes_Link.png"/></p>
 +
</div>
 +
<div class="menuslide">
 +
<a href="https://2014.igem.org/Team:WPI-Worcester/Safety"> Safety </a>
 +
<p><img src="https://static.igem.org/mediawiki/2014/d/d4/WPI_Safety_Link.png"/></p>
 +
</div>
</div>
</div>
</div>
</div>
<div id="maintext">
<div id="maintext">
-
<p>This wiki is under heavy construction.  Look under the Notebook tab for our experiments.</p>
+
<div class="textitem">
-
<div id="lab">
+
<h1>Gateway Labs</h1>
-
<p>Gateway Labs</p>
+
<div id="down">
-
<div id="down">
+
<figure id="top">
-
<figure id="top">
+
<img src="http://i.imgur.com/iD2knlx.jpg" height=300px />
-
<img src="http://i.imgur.com/iD2knlx.jpg" height=300px />
+
</figure>
-
</figure>
+
<figure id="pic2">
-
<figure id="pic2">
+
<img src="http://i.imgur.com/GOsAvOI.jpg" height=300px />
-
<img src="http://i.imgur.com/GOsAvOI.jpg" height=300px />
+
</figure>
-
</figure>
+
<figure id="pic3">
-
<figure id="pic3">
+
<img src="http://i.imgur.com/jwGcKeB.jpg" height=300px />
-
<img src="http://i.imgur.com/jwGcKeB.jpg" height=300px />
+
</figure>
-
</figure>
+
<figure id="pic4">
-
<figure id="pic4">
+
<img src="http://i.imgur.com/uiMsH2C.jpg" height=300px />
-
<img src="http://i.imgur.com/uiMsH2C.jpg" height=300px />
+
</figure>
-
</figure
+
</div>
 +
</div>
 +
<div class="textitem">
 +
<h1> An article about us</h1>
 +
<a href="http://www.wpi.edu/news/20134/igemteam.html">
 +
<img src="https://static.igem.org/mediawiki/2014/5/50/WPI_IGEM_students1.jpg" height=300px />
 +
</a>
</div>
</div>
</div>
</div>
-
</div>
 
-
</div>
 
-
<div id="bottombox">
 
-
 
</div>
</div>
 +
<div id="bottombox"/>
 +
</body>
</html>
</html>

Revision as of 16:37, 11 July 2014


This wiki is under heavy construction. Look under the Notebook tab for our experiments.

Gateway Labs

An article about us