JimmyZhong (Talk | contribs) |
JimmyZhong (Talk | contribs) |
||
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
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](https://static.igem.org/mediawiki/2018/f/f4/T--iTesla-Soundbio--Project_Description.png)