Team:WPI-Worcester/Team
From 2014.igem.org
(Difference between revisions)
Line 32: | Line 32: | ||
background: #333; | background: #333; | ||
color: #FFF; | color: #FFF; | ||
+ | } | ||
+ | |||
+ | .slidebar{ | ||
+ | width:700px; | ||
+ | height:150px; | ||
+ | background:#FFF; | ||
+ | margin:100px; | ||
+ | float:left; | ||
+ | text-align:right; | ||
+ | font-family:Arial, Helvetica, sans-serif; | ||
+ | font-size:40px; | ||
+ | } | ||
+ | .slidebar > .face{ | ||
+ | |||
+ | } | ||
+ | .slidebar > .text{ | ||
+ | |||
+ | |||
+ | } | ||
+ | .slidebar > .closed{ | ||
+ | position:absolute; | ||
+ | background:#000; width:150px; height:150px; | ||
+ | transition: -webkit-transform 1s ease-in-out 0s; | ||
+ | -moz-transition: transform 1s ease-in-out 0s; | ||
+ | -ms-transition: transform 1s ease-in-out 0s; | ||
+ | } | ||
+ | .slidebar > .open{ | ||
+ | float:left; | ||
+ | text-align:left; | ||
+ | font-family:Arial, Helvetica, sans-serif; | ||
+ | line-height:2; | ||
+ | font-size:15px; | ||
+ | padding-left:20px; | ||
+ | position:absolute; | ||
+ | opacity:0; | ||
+ | background:#CCC; width:700px; height:150px; border-radius:3px; | ||
+ | transition: -webkit-transform 1s ease-in-out 0s, opacity 1s ease-in-out 0s; | ||
+ | -moz-transition: transform 1s ease-in-out 0s, opacity 1s ease-in-out 0s; | ||
+ | -ms-transition: transform 1s ease-in-out 0s, opacity 1s ease-in-out 0s; | ||
+ | } | ||
+ | .slidebar:hover > .closed{ | ||
+ | transform: translateX(700px); | ||
+ | -moz-transform: translateX(700px); | ||
+ | -webkit-transform: translateX(700px); | ||
+ | -ms-transform: translateX(700px); | ||
+ | -o-transform: translateX(700px); | ||
+ | } | ||
+ | .slidebar:hover > .open{ | ||
+ | transform: translateX(50px); | ||
+ | -moz-transform: translateX(50px); | ||
+ | -webkit-transform: translateX(50px); | ||
+ | -ms-transform: translateX(50px); | ||
+ | -o-transform: translateX(50px); | ||
+ | opacity:1; | ||
} | } | ||
Line 70: | Line 124: | ||
</body> | </body> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
<!--end navigation menu --> | <!--end navigation menu --> | ||
- | <!-- | + | <!--Team Bars--> |
- | </ | + | <body> |
- | </ | + | <div class="slidebar"> |
- | </ | + | <b>Alex Turland</b> |
+ | <div class="open"> | ||
+ | <b>Year of Graduation:</b> 2015<br/> | ||
+ | <b>Major:</b> Biology/Biotechnology with a Minor in Interactive Media & Game Development<br/> | ||
+ | <b>Hometown:</b> North Reading, MA<br/> | ||
+ | <b>Interests:</b> Biology, Dabbling in CS<br/> | ||
+ | <b>Favorite Flavor of Ice Cream:</b> Phish Food<br/> | ||
+ | </div> | ||
+ | <div class="closed"> | ||
+ | <span class="face"> | ||
+ | <img src="http://i.imgur.com/t79LYq4.png" height=150px /> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | + | </body> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | |||
+ | <!--End Team Bars--> | ||
- | |||
</html> | </html> |
Revision as of 02:27, 28 May 2014
|