Team:WPI-Worcester
From 2014.igem.org
(Difference between revisions)
m |
|||
Line 40: | Line 40: | ||
z-index:9; | z-index:9; | ||
transition: -webkit-transform .4s ease-in-out 0s, ease-in-out 0s; | transition: -webkit-transform .4s ease-in-out 0s, ease-in-out 0s; | ||
- | -moz- | + | transition: -moz-transform .4s ease-in-out 0s, ease-in-out 0s; |
- | -ms- | + | transition: -ms-transform .4s ease-in-out 0s, ease-in-out 0s; |
transition: transform .4s ease-in-out 0s, ease-in-out 0s; | transition: transform .4s ease-in-out 0s, ease-in-out 0s; | ||
} | } | ||
Line 88: | Line 88: | ||
z-index:8; | z-index:8; | ||
transition: -webkit-transform .4s ease-in-out 0s, ease-in-out 0s, opacity 0.4s ease-in-out 0s; | transition: -webkit-transform .4s ease-in-out 0s, ease-in-out 0s, opacity 0.4s ease-in-out 0s; | ||
- | -moz- | + | transition: -moz-transform .4s ease-in-out 0s, ease-in-out 0s, opacity 0.4s ease-in-out 0s; |
- | -ms- | + | transition: -ms-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; | transition: transform .4s ease-in-out 0s, ease-in-out 0s, opacity 0.4s ease-in-out 0s; | ||
} | } | ||
Line 106: | Line 106: | ||
font-family:Arial, Helvetica, sans-serif; | font-family:Arial, Helvetica, sans-serif; | ||
font-size:20px; | font-size:20px; | ||
- | padding: 8px | + | padding: 8px 35px; |
color:#000; | color:#000; | ||
margin-right: 10px; | margin-right: 10px; | ||
- | margin-bottom: | + | margin-bottom: 0px; |
text-decoration:none; | text-decoration:none; | ||
float:left; | float:left; | ||
Line 119: | Line 119: | ||
padding: 8px 10px; | padding: 8px 10px; | ||
color:#000; | color:#000; | ||
- | margin-left: | + | margin-left: 150px; |
margin-bottom: 5px; | margin-bottom: 5px; | ||
text-decoration:none; | text-decoration:none; | ||
transition: -webkit-transform .2s ease-in-out 0s, ease-in-out 0s; | transition: -webkit-transform .2s ease-in-out 0s, ease-in-out 0s; | ||
- | -moz- | + | transition: -moz-transform .2s ease-in-out 0s, ease-in-out 0s; |
- | -ms- | + | transition: -ms-transform .2s ease-in-out 0s, ease-in-out 0s; |
transition: transform .2s ease-in-out 0s, ease-in-out 0s; | transition: transform .2s ease-in-out 0s, ease-in-out 0s; | ||
} | } | ||
Line 134: | Line 134: | ||
-o-transform: translateX(40px); | -o-transform: translateX(40px); | ||
} | } | ||
- | + | .menuslide{ | |
+ | margin-top:30px; | ||
+ | margin-bottom:30px; | ||
+ | } | ||
+ | .dropdown{ | ||
+ | opacity:0; | ||
+ | padding:20px; | ||
+ | margin-top:-22px; | ||
+ | margin-left:15px; | ||
+ | width:250px; | ||
+ | position:absolute; | ||
+ | transition: -webkit-transform .2s ease-in-out 0s, ease-in-out 0s, opacity 0.4s ease-in-out 0s; | ||
+ | transition: -moz-transform .2s ease-in-out 0s, ease-in-out 0s, opacity 0.4s ease-in-out 0s; | ||
+ | transition: -ms-transform .2s ease-in-out 0s, ease-in-out 0s, opacity 0.4s ease-in-out 0s; | ||
+ | transition: transform .2s ease-in-out 0s, ease-in-out 0s, opacity 0.4s ease-in-out 0s; | ||
+ | } | ||
+ | .dropdown > a{ | ||
+ | font-family:Arial, Helvetica, sans-serif; | ||
+ | font-size:13px; | ||
+ | color:#888; | ||
+ | float:left; | ||
+ | max-width:100px; | ||
+ | min-width:40px;; | ||
+ | text-decoration:none; | ||
+ | margin-bottom:20px; | ||
+ | margin-top:-13px; | ||
+ | margin-right:30px; | ||
+ | transition: color .2s ease-in-out 0s; | ||
+ | |||
+ | } | ||
+ | .menuslide:hover > .dropdown { | ||
+ | opacity:1; | ||
+ | transform: translateY(5px); | ||
+ | -moz-transform: translateY(5px); | ||
+ | -webkit-transform: translateY(5px); | ||
+ | -ms-transform: translateY(5px); | ||
+ | -o-transform: translateY(5px); | ||
+ | } | ||
+ | .dropdown > a:hover{ | ||
+ | color:#000; | ||
+ | } | ||
#toptext { | #toptext { | ||
float: left; | float: left; | ||
Line 167: | Line 207: | ||
padding:10px; | padding:10px; | ||
float:left; | float:left; | ||
- | min-height: | + | min-height:400px; |
} | } | ||
Line 319: | Line 359: | ||
<a href="https://2014.igem.org/Team:WPI-Worcester"> Home </a> | <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> | <p><img src="https://static.igem.org/mediawiki/2014/f/f8/WPI_Home_Link.png"/></p> | ||
+ | <div class="dropdown"> | ||
+ | </div> | ||
</div> | </div> | ||
<div class="menuslide"> | <div class="menuslide"> | ||
<a href="https://2014.igem.org/Team:WPI-Worcester/Team"> Team </a> | <a href="https://2014.igem.org/Team:WPI-Worcester/Team"> Team </a> | ||
<p><img src="https://static.igem.org/mediawiki/2014/6/64/WPI_Team_Link.png"/></p> | <p><img src="https://static.igem.org/mediawiki/2014/6/64/WPI_Team_Link.png"/></p> | ||
+ | <div class="dropdown"> | ||
+ | </div> | ||
</div> | </div> | ||
<div class="menuslide"> | <div class="menuslide"> | ||
<a href="https://igem.org/Team.cgi?id=1423"> Official </a> | <a href="https://igem.org/Team.cgi?id=1423"> Official </a> | ||
<p><img src="https://static.igem.org/mediawiki/2014/a/af/WPI_Official_Link.png"/></p> | <p><img src="https://static.igem.org/mediawiki/2014/a/af/WPI_Official_Link.png"/></p> | ||
+ | <div class="dropdown"> | ||
+ | </div> | ||
</div> | </div> | ||
<div class="menuslide"> | <div class="menuslide"> | ||
- | <a href="https://2014.igem.org/Team:WPI-Worcester/Project"> | + | <a href="https://2014.igem.org/Team:WPI-Worcester/Project"> Projects </a> |
<p><img src="https://static.igem.org/mediawiki/2014/4/41/WPI_Project_Link.png"/></p> | <p><img src="https://static.igem.org/mediawiki/2014/4/41/WPI_Project_Link.png"/></p> | ||
+ | <div class="dropdown"> | ||
+ | <a href="https://2014.igem.org/Team:WPI-Worcester/Project/Interlab"> Interlab Study</a> | ||
+ | <a href="https://2014.igem.org/Team:WPI-Worcester/Project/Outreach"> Outreach </a> | ||
+ | </div> | ||
</div> | </div> | ||
<div class="menuslide"> | <div class="menuslide"> | ||
<a href="https://2014.igem.org/Team:WPI-Worcester/Notebook"> Notebook </a> | <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> | <p><img src="https://static.igem.org/mediawiki/2014/7/7e/WPI_Notes_Link.png"/></p> | ||
+ | <div class="dropdown"> | ||
+ | </div> | ||
</div> | </div> | ||
<div class="menuslide"> | <div class="menuslide"> | ||
<a href="https://2014.igem.org/Team:WPI-Worcester/Safety"> Safety </a> | <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> | <p><img src="https://static.igem.org/mediawiki/2014/d/d4/WPI_Safety_Link.png"/></p> | ||
+ | <div class="dropdown"> | ||
+ | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
Line 376: | Line 430: | ||
<a href="https://2014.igem.org/Team:WPI-Worcester/Project/Interlab"> | <a href="https://2014.igem.org/Team:WPI-Worcester/Project/Interlab"> | ||
<img src="https://static.igem.org/mediawiki/2014/2/27/WPI_INP-YFP.png" height=300px /> | <img src="https://static.igem.org/mediawiki/2014/2/27/WPI_INP-YFP.png" height=300px /> | ||
+ | </a> | ||
+ | </div> | ||
+ | <div class="textitem"> | ||
+ | <h1>Women in Science Outreach</h1> | ||
+ | <a href="https://2014.igem.org/Team:WPI-Worcester/Project/Outreach"> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/thumb/b/b4/WPI_Outreach_1.jpg/450px-WPI_Outreach_1.jpg" height=400px /> | ||
</a> | </a> | ||
</div> | </div> |
Revision as of 18:51, 28 July 2014
This wiki is under heavy construction. Look under the Notebook tab for our experiments or scroll down for some other stuff.