Difference between revisions of "Meetups/NCTU Formosa/agenda"

 
(235 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 
<html>
 
<html>
 
<head>
 
<head>
 +
<script type="text/javascript" src="https://2015.igem.org/Meetups/NCTU_Formosa/js/agenda.js?action=raw&ctype=text/javascript"></script>
 +
<link href='https://2015.igem.org/Meetups/NCTU_Formosa/reset?action=raw&ctype=text/css' rel="stylesheet">
  
<style>
+
<style type="text/css">  
/* 展開收合效果 */
+
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
.slide_toggle {
+
    display:none;}
text-align: center;
+
#top-section {
cursor: pointer;
+
    border: none;
font-weight: bold;
+
    height: 0px;}
/* 收合提示字串區塊, 還可加入自訂 CSS 效果 */
+
#content {
line-height: 170%;
+
background: black;
background-color: #eed;
+
padding: 0;
border-radius: 7px;
+
width: 100%;
 +
border: 0px;
 
}
 
}
.slide_toggle + div {
+
body {
display: none;
+
        background: black;
margin-top: 10px;
+
/* 隱藏註解文字區塊, 請加入自訂 CSS 效果 */
+
 
}
 
}
</style>
 
  
  
<link href="https://2015.igem.org/Meetups/NCTU_Formosa/css/bootstrap.css?action=raw&ctype=text/css" rel="stylesheet">
+
table {
        <link href="https://2015.igem.org/Meetups/NCTU_Formosa/css/bootstrap-theme.css?action=raw&ctype=text/css" rel="stylesheet">
+
  border: 0;
<script type="text/javascript" src="https://2015.igem.org/Meetups/NCTU_Formosa/js/jquery.min.js?action=raw&ctype=text/javascript"></script>
+
}
 +
th {
 +
  background-color:#fffFFF;
 +
  font-size:30PX;
 +
font-weight: 500;
 +
    padding-left:20px;
 +
padding-right:20px; 
 +
padding-top:10px;
 +
padding-bottom:10px;
 +
text-align:center;
 +
font-family:Agency FB;
 +
}
 +
td {
 +
  border-bottom:1 solid #000000;
 +
background-color:#000000;
 +
font-size:25PX;
 +
color:#ffffff;
 +
font-weight: 400;
 +
line-height: 30px;
 +
  padding-left:20px;
 +
padding-right:20px;
 +
padding-top:10px;
 +
padding-bottom:10px;
 +
text-align:center;
 +
font-family:Tw Cen MT;
 +
 
 +
}
 +
.title {
 +
font-size:35PX;
 +
font-weight: 800;
 +
font-family:Agency FB;
 +
color:white;
 +
line-height: 50px;
 +
letter-spacing:9px;
 +
}
 +
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: 0 auto;width:75%;
 +
 +
}
 +
div.outofline{
 +
text-align:center;height:80px;width:100%;position:fixed;bottom:30px;
 +
}
 +
 +
</style>
  
 
</head>
 
</head>
  
 
<body>
 
<body>
<div style="padding-top:1%;text-align:center;postition:relative;">
+
<div style="margin-bottom: 50px;">
    <font size="7">2015 iGEM Asian Conference Agenda</font></div>
+
 
 +
<div><img src="https://static.igem.org/mediawiki/2015/4/4e/Agenda_new.png"></div>
 +
<div style="text-align:center;">
 +
<iframe width="70%" height="550" src="https://drive.google.com/file/d/0B5KYUA3jLSjRYkZzUlRIYnpYZjg/preview"></iframe></div>
 +
 +
 
 +
 
  
<div class="slide_toggle" style="padding-top:1%;">2015.07. Day1</div>
 
<div>15:00~</div>
 
  
<!-- 展開收合 start -->
+
<div class="outofline">
<script>
+
<div class="line">
$(".slide_toggle").click(function(){
+
                                  <div  style="text-align:center;height:50px" ></div>
$(this).next().slideToggle();
+
<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>
</script>
+
<div class="demo-trans1" align="center" >
<!-- 展開收合 end -->
+
<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>
 +
</div>
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 09:35, 6 July 2015