Difference between revisions of "Team:iTesla-SoundBio/description"

Line 77: Line 77:
 
     -webkit-mask-image: url(https://f.cl.ly/items/1t1C0W3y040g1J172r3h/mask.png);
 
     -webkit-mask-image: url(https://f.cl.ly/items/1t1C0W3y040g1J172r3h/mask.png);
 
}
 
}
 +
.dropdown {
 +
    float: right;
 +
    overflow: hidden;
 +
}
 +
 +
.dropdown .dropdown-button {
 +
    font-size: 16px;   
 +
    border: none;
 +
    outline: none;
 +
    color: white;
 +
    padding: 14px 16px;
 +
    background-color: inherit;
 +
    font-family: inherit;
 +
    margin: 0;
 +
    cursor: pointer;
 +
    /*for transitions when hovering*/
 +
-o-transition: color .2s ease-out, background 1s ease-in;
 +
-ms-transition: color .2s ease-out, background 1s ease-in;
 +
-moz-transition: color .2s ease-out, background 1s ease-in;
 +
-webkit-transition: color .2s ease-out, background 1s ease-in;
 +
}
 +
.dropdown-content {
 +
    /* opacity: 0; */
 +
    display: none;
 +
    position: absolute;
 +
    background-color: whitesmoke;
 +
    min-width: 160px;
 +
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
 +
    z-index: 1;
 +
}
 +
.dropdown-content a {
 +
    float: none;
 +
    color: black;
 +
    padding: 12px 16px;
 +
    text-decoration: none;
 +
    display: block;
 +
    text-align: left;
 +
}
 +
 +
.dropdown-content a:hover {
 +
    background-color: white;
 +
}
 +
 +
.dropdown:hover .dropdown-content {
 +
    display: block;
 +
    /*
 +
    opacity: 1;
 +
    transition: all 1s ease;
 +
    -webkit-transition: all 1s ease;
 +
    */
 +
}
 +
 
</style>
 
</style>
 
<!-- The following reset code was given by William Kwok from the UW iGEM team -->
 
<!-- The following reset code was given by William Kwok from the UW iGEM team -->

Revision as of 06:50, 26 August 2018

Safety InterLab Team
Outreach Collaborations Attributions
Description Design Experiment Results Biobrick Parts Lab Notebook
iT-SB 2018 iT-SB 2017

Build the change
Project Description
You want to see in the world

DID YOU KNOW? Every year, hundreds of thousands of horseshoe crabs are caught each year and drained of up to to 30% of their blood. Why? To collect LAL, a chemical that is crucial in the detection of endotoxins in everything from drugs to medical equipment
8/25 im sososoosso sorry i tried to make th topnav bar the same as the home page the code shouldnt be too different... anyways i think here would be agood place to put a good description of horseshoe crabs themselves e.g. their habitat, diet, role in the ecosystem