Team:Washington

From 2012.igem.org

(Difference between revisions)
Line 3: Line 3:
<html><meta name="google-site-verification" content="HdROaPYzq7C-To80onGg-FcuwKJ-Ue2z0njdwa2sHDI" /></html>
<html><meta name="google-site-verification" content="HdROaPYzq7C-To80onGg-FcuwKJ-Ue2z0njdwa2sHDI" /></html>
 +
<html>
 +
<style type="text/css">
 +
.view {
 +
    width: 341px;
 +
    height: 340px;
 +
    margin: 10px;
 +
    float: left;
 +
    border: 10px solid #fff;
 +
    overflow: hidden;
 +
    position: relative;
 +
    text-align: center;
 +
    box-shadow: 1px 1px 2px #e6e6e6;
 +
    cursor: default;
 +
    background: #fff url(../images/bgimg.jpg) no-repeat center center
 +
}
 +
.view .mask, .view .content {
 +
    width: 341px;
 +
    height: 340px;
 +
    position: absolute;
 +
    overflow: hidden;
 +
    top: 0;
 +
    left: 0
 +
}
 +
.view img {
 +
    display: block;
 +
    position: relative
 +
}
 +
.view h2 {
 +
    text-transform: uppercase;
 +
    color: #fff;
 +
    text-align: center;
 +
    position: relative;
 +
    font-size: 17px;
 +
    padding: 10px;
 +
    background: rgba(0, 0, 0, 0.8);
 +
    margin: 20px 0 0 0
 +
}
 +
.view p {
 +
    font-family: Georgia, serif;
 +
    font-style: italic;
 +
    font-size: 12px;
 +
    position: relative;
 +
    color: #fff;
 +
    padding: 10px 20px 20px;
 +
    text-align: center
 +
}
 +
.view a.info {
 +
    display: inline-block;
 +
    text-decoration: none;
 +
    padding: 7px 14px;
 +
    background: #000;
 +
    color: #fff;
 +
    text-transform: uppercase;
 +
    box-shadow: 0 0 1px #000
 +
}
 +
.view a.info:hover {
 +
    box-shadow: 0 0 5px #000
 +
}
 +
.view-tenth img {
 +
    transform: scaleY(1);
 +
    -moz-transform: scaleY(1);
 +
    transition: all 0.7s ease-in-out;
 +
    -moz-transition:all 0.7s ease-in-out;
 +
}
 +
.view-tenth .mask {
 +
    background-color: rgba(255, 231, 179, 0.3);
 +
    transition: all 0.5s linear;
 +
    -moz-transition:all 0.5s linear;
 +
    opacity: 0;
 +
} 
 +
.view-tenth h2{
 +
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
 +
    background: transparent;
 +
    margin: 20px 40px 0px 40px;
 +
    transform: scale(0);
 +
    -moz-transform: scale(0);
 +
    color: #333;
 +
    transition: all 0.5s linear;
 +
    -moz-transition:all 0.5s linear;
 +
    opacity: 0;
 +
}
 +
.view-tenth p {
 +
    color: #333;
 +
    opacity: 0;
 +
    transform: scale(0);
 +
    -moz-transform: scale(0);
 +
    transition: all 0.5s linear;
 +
    -moz-transition:all 0.5s linear;
 +
}
 +
.view-tenth a.info {
 +
    opacity: 0;
 +
    transform: scale(0);
 +
    -moz-transform: scale(0);
 +
    transition: all 0.5s linear;
 +
    -moz-transition:all 0.5s linear;
 +
}
 +
.view-tenth:hover img {
 +
    transform: scale(10);
 +
    -moz-transform: scale(10);
 +
    opacity: 0;
 +
}
 +
.view-tenth:hover .mask {
 +
    opacity: 1;
 +
}                                                                         
 +
.view-tenth:hover h2,
 +
.view-tenth:hover p,
 +
.view-tenth:hover a.info{
 +
    transform: scale(1);
 +
    -moz-transform: scale(1);
 +
    opacity: 1;
 +
}
 +
</style>
 +
<div class="view view-tenth">
 +
    <img src="https://static.igem.org/mediawiki/2012/4/41/Recycleapp.png" />
 +
    <div class="mask">
 +
    <h2>Plastic Degredation</h2>
 +
    <p>Turning trash into treasure</p>
 +
        <a href="#" class="info">Read More</a>
 +
    </div>
 +
</div>
 +
<div class="view view-tenth">
 +
    <img src="https://static.igem.org/mediawiki/2012/e/ef/Fluapp.png" />
 +
    <div class="mask">
 +
    <h2>Flu Binders</h2>
 +
    <p>Targeting the flu - one protein at a time</p>
 +
        <a href="#" class="info">Read More</a>
 +
    </div>
 +
</div>
 +
</html>
 +
 +
<!--Jeremy Housekeeper here, the two images with the transition effect are mine. I am going to play around with resizing them so all 3 will fall into a single line for a better aesthetic. The colors and font of the hover text will also be adjusted to be more in line with the rest of the wiki.-->
{|align="center"
{|align="center"

Revision as of 22:27, 13 September 2012


Plastic Degredation

Turning trash into treasure

Read More

Flu Binders

Targeting the flu - one protein at a time

Read More


iGEM Outreach picture


The University of Washington iGEM team is home to a group of talented, passionate individuals trying focused on making the world a better place. We apply interdisciplinary research with innovative research to bring new and unique applications to the face of technology.
Washington logo.png

Tell us more about your project. Give us background. Use this as the abstract of your project. Be descriptive but concise (1-2 paragraphs)

File:Washington team.png
Your team picture
Team Washington


Retrieved from "http://2012.igem.org/Team:Washington"