Difference between revisions of "Meetups/NCTU Formosa/participating team"
| Line 19: | Line 19: | ||
border: 0px; | border: 0px; | ||
} | } | ||
| + | div.demo-trans1{ | ||
| + | |||
| + | height:30px; | ||
| + | position:relative; | ||
| + | top:12px; | ||
| + | |||
| + | } | ||
| + | |||
| + | div.f{ | ||
| + | float:left; | ||
| + | width:18%; | ||
| + | height:180px; | ||
| + | background-color:#FFF300; | ||
| + | -webkit-transition:0.4s ease-out; | ||
| + | -moz-transition: 0.4s ease-out; | ||
| + | -o-transiton: 0.4s ease-out; | ||
| + | -ms-transition:0.4s ease-out; | ||
| + | transition:0.4s ease-out; | ||
| + | text-top:100px; | ||
| + | } | ||
| + | div.f1{ | ||
| + | float:left; | ||
| + | width:15px; | ||
| + | height:180px; | ||
| + | background-color:#000000; | ||
| + | text-top:100px; | ||
| + | } | ||
| + | div.f_{ | ||
| + | float:left; | ||
| + | width:18%; | ||
| + | height:40px; | ||
| + | background-color:#FFF300; | ||
| + | -webkit-transition:0.4s ease-out; | ||
| + | -moz-transition: 0.4s ease-out; | ||
| + | -o-transiton: 0.4s ease-out; | ||
| + | -ms-transition:0.4s ease-out; | ||
| + | transition:0.4s ease-out; | ||
| + | text-top:100px; | ||
| + | } | ||
| + | div.f_:hover{ | ||
| + | background-color:#FFFFFF; | ||
| + | } | ||
| + | div.f:hover{ | ||
| + | background-color:#FFFFFF; | ||
| + | } | ||
| + | div.f:hover div.demo-trans1{ | ||
| + | display: block; | ||
| + | } | ||
| + | div.circle{ | ||
| + | display:none; | ||
| + | height:30px; | ||
| + | position:relative; | ||
| + | top:25px; | ||
| + | -webkit-transition:0.6s ease-out; | ||
| + | -moz-transition: 0.6s ease-out; | ||
| + | -o-transiton: 0.6s ease-out; | ||
| + | -ms-transition:0.6s ease-out; | ||
| + | transition:0.6s ease-out; | ||
| + | } | ||
| + | |||
| + | div.f:hover div.circle{ | ||
| + | display: none; | ||
| + | } | ||
| + | div.line{ | ||
| + | text-align:center;height:80px;margin: 0px auto;width:80%;position:fixed;bottom:-40px; | ||
| + | -webkit-transition:0.2s ease-out; | ||
| + | -moz-transition: 0.2s ease-out; | ||
| + | -o-transiton: 0.2s ease-out; | ||
| + | -ms-transition:0.2s ease-out; | ||
| + | transition:0.2s ease-out; | ||
| + | } | ||
| + | |||
| + | div.line:hover{ | ||
| + | text-align:center;height:80px;margin: 0px auto;width:80%;position:fixed; | ||
| + | -webkit-transform: scale(1.0) translateY(-80px); | ||
| + | -moz-transform: scale(1.0) translateY(-80px); | ||
| + | -o-transform: scale(1.0) translateY(-80px); | ||
| + | -ms-transform: scale(1.0) translateY(-80px); | ||
| + | transform: scale(1.0) translateY(-80px); | ||
| + | } | ||
body { | body { | ||
background: black; | background: black; | ||
| Line 66: | Line 146: | ||
</script> | </script> | ||
| + | <div class="line"> | ||
| + | <div style="text-align:center;height:50px" ></div> | ||
| + | <a href="https://2015.igem.org/Meetups/NCTU_Formosa/introduction"><div class="f" > | ||
| + | <div class="circle" ><img src="https://static.igem.org/mediawiki/2015/1/12/12345.png" ;></div> | ||
| + | <div class="demo-trans1" align="center" > | ||
| + | <font size="6" align="center" color="#00000" font face="Agency FB" > | ||
| + | Intro | ||
| + | </font> | ||
| + | </div> | ||
| + | </div></a> | ||
| + | <div class="f1"></div> | ||
| + | <a href="https://2015.igem.org/Meetups/NCTU_Formosa/agenda"><div class="f"> | ||
| + | <div class="circle" ><img src="https://static.igem.org/mediawiki/2015/d/d3/AGENDA6.png" ;></div> | ||
| + | <div class="demo-trans1" align="center" > | ||
| + | <font size="6" align="center" color="#00000" font face="Agency FB" > | ||
| + | Agenda | ||
| + | </font> | ||
| + | |||
| + | </div> | ||
| + | </div></a> | ||
| + | <div class="f1"></div> | ||
| + | <a href="https://2015.igem.org/Meetups/NCTU_Formosa/participating_team"><div class="f"> | ||
| + | <div class="circle" ><img src="https://static.igem.org/mediawiki/2015/8/88/Team6.png" ;></div> | ||
| + | <div class="demo-trans1" align="center" > | ||
| + | <font size="6" align="center" color="#00000" font face="Agency FB" > | ||
| + | Team | ||
| + | </font> | ||
| + | </div> | ||
| + | </div></a> | ||
| + | <div class="f1"></div> | ||
| + | <a href="https://2015.igem.org/Meetups/NCTU_Formosa/contacts"><div class="f" > | ||
| + | <div class="circle" ><img | ||
| + | src="https://static.igem.org/mediawiki/2015/9/90/95701.png" ;></div> | ||
| + | <div class="demo-trans1" align="center" > | ||
| + | <font size="6" align="center" color="#00000" font face="Agency FB" > | ||
| + | Contact us | ||
| + | </font> | ||
| + | |||
| + | </div> | ||
| + | </div> | ||
| + | <div class="f1"></div> | ||
| + | <a href="https://2015.igem.org/Meetups/NCTU_Formosa"><div class="f" > | ||
| + | <div class="circle" ><img | ||
| + | src="https://static.igem.org/mediawiki/2015/1/1e/6870.png" ;></div> | ||
| + | <div class="demo-trans1" align="center" > | ||
| + | <font size="6" align="center" color="#00000" font face="Agency FB" > | ||
| + | Home | ||
| + | </font> | ||
| + | |||
| + | </div> | ||
| + | </div></a> | ||
| + | |||
| + | |||
| + | </div> | ||
</body> | </body> | ||
</html> | </html> | ||
Revision as of 03:11, 31 May 2015
