Difference between revisions of "Meetups/NCTU Formosa"

Line 18: Line 18:
 
     }
 
     }
 
div.demo-trans1{
 
div.demo-trans1{
 +
display:none;
 +
height:30px;
 +
position:relative;
 +
top:25px;
 
-webkit-transition:0.4s ease-out;
 
-webkit-transition:0.4s ease-out;
 
-moz-transition: 0.4s ease-out;
 
-moz-transition: 0.4s ease-out;
Line 27: Line 31:
 
div.f{
 
div.f{
 
float:left;
 
float:left;
−
width:292px;
+
width:19%;
−
height:300px;
+
height:180px;
 
background-color:#FFF300;
 
background-color:#FFF300;
 
-webkit-transition:0.4s ease-out;
 
-webkit-transition:0.4s ease-out;
Line 39: Line 43:
 
div.f1{
 
div.f1{
 
float:left;
 
float:left;
−
width:10px;
+
width:15px;
−
height:525px;
+
height:180px;
−
background-color:#FFFFFF;
+
background-color:#000000;
 
text-top:100px;
 
text-top:100px;
 
}
 
}
Line 48: Line 52:
 
}
 
}
 
div.f:hover div.demo-trans1{
 
div.f:hover div.demo-trans1{
−
-webkit-transform: scale(1.0) translateY(105px);
+
display: block;
−
-moz-transform: scale(1.0) translateY(105px);
+
−
-o-transform: scale(1.0) translateY(105px);
+
−
-ms-transform: scale(1.0) translateY(105px);
+
−
transform: scale(1.0) translateY(105px);
+
 
}
 
}
 
div.circle{
 
div.circle{
−
display: none;
 
 
height:30px;
 
height:30px;
 
position:relative;
 
position:relative;
−
top:100px;
+
top:25px;
 
-webkit-transition:0.6s ease-out;
 
-webkit-transition:0.6s ease-out;
 
-moz-transition: 0.6s ease-out;
 
-moz-transition: 0.6s ease-out;
Line 65: Line 64:
 
transition:0.6s ease-out;
 
transition:0.6s ease-out;
 
}
 
}
 +
 
div.f:hover div.circle{
 
div.f:hover div.circle{
−
display: block;
+
display: none;
 
}
 
}
 
//-->
 
//-->
Line 89: Line 89:
 
                       <iframe width="58%" height="500" src="https://www.youtube.com/v/jxTkUQ5-npQ&autoplay=1?rel=0&amp;controls=0&amp;showinfo=0" frameborder="0" allowfullscreen></iframe>
 
                       <iframe width="58%" height="500" src="https://www.youtube.com/v/jxTkUQ5-npQ&autoplay=1?rel=0&amp;controls=0&amp;showinfo=0" frameborder="0" allowfullscreen></iframe>
 
</div>
 
</div>
−
<div style="text-align:center;height:50px;margin: 0px auto;width:1200px;">
+
<div style="text-align:center;height:50px;margin: 0px auto;width:90%;">
 
                                   <div  style="text-align:center;height:50px" ></div>
 
                                   <div  style="text-align:center;height:50px" ></div>
 
<a href="https://2015.igem.org/Meetups/NCTU_Formosa/introduction"><div class="f" >
 
<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="circle" ><img src="https://static.igem.org/mediawiki/2015/1/12/12345.png" ;></div>
−
<div class="demo-trans1" align="center" style="height:30px;position:relative;top:220px;">
+
<div class="demo-trans1" align="center" style="height:30px;position:relative;top:48px;">
 
<font size="10" align="center" color="#00000" font face="Agency FB" >
 
<font size="10" align="center" color="#00000" font face="Agency FB" >
 
Intro
 
Intro
Line 102: Line 102:
 
<a href="https://2015.igem.org/Meetups/NCTU_Formosa/agenda"><div class="f">
 
<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="circle"  ><img src="https://static.igem.org/mediawiki/2015/d/d3/AGENDA6.png" ;></div>
−
<div class="demo-trans1" align="center" style="height:30px;position:relative;top:220px;">  
+
<div class="demo-trans1" align="center" style="height:30px;position:relative;top:48px;">  
 
<font size="10" align="center" color="#00000" font face="Agency FB" >
 
<font size="10" align="center" color="#00000" font face="Agency FB" >
 
Agenda
 
Agenda
Line 112: Line 112:
 
<a href="https://2015.igem.org/Meetups/NCTU_Formosa/participating_team"><div class="f">
 
<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="circle"  ><img src="https://static.igem.org/mediawiki/2015/8/88/Team6.png" ;></div>
−
<div  class="demo-trans1" align="center" style="height:30px;position:relative;top:220px;">  
+
<div  class="demo-trans1" align="center" style="height:30px;position:relative;top:48px;">  
 
<font size="10" align="center" color="#00000" font face="Agency FB" >
 
<font size="10" align="center" color="#00000" font face="Agency FB" >
 
Team
 
Team
Line 121: Line 121:
 
<a href="https://2015.igem.org/Meetups/NCTU_Formosa/contacts"><div class="f" >
 
<a href="https://2015.igem.org/Meetups/NCTU_Formosa/contacts"><div class="f" >
 
<div class="circle" ><img  
 
<div class="circle" ><img  
−
src="https://static.igem.org/mediawiki/2015/9/90/95701.png" ;></div>
+
src="https://static.igem.org/mediawiki/2015/9/90/95701.png" ;></div>
−
<div  class="demo-trans1" align="center" style="height:30px;position:relative;top:220px;">  
+
<div  class="demo-trans1" align="center" style="height:30px;position:relative;top:48px;">  
 
<font size="10" align="center" color="#00000" font face="Agency FB" >
 
<font size="10" align="center" color="#00000" font face="Agency FB" >
 
Contact us
 
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" style="height:30px;position:relative;top:48px;">
 +
<font size="10" align="center" color="#00000" font face="Agency FB" >
 +
Home
 
</font>
 
</font>
 
 
 
</div>
 
</div>
−
 
 
</div></a>
 
</div></a>
 
 

Revision as of 02:48, 31 May 2015

2015 iGEM

Asian Conference

Intro
Agenda
Team
Contact us
Home