Difference between revisions of "Template:TCU Taiwan/CSS"

Line 1: Line 1:
 
<html>
 
<html>
−
<head>
+
 
 
<style>
 
<style>
−
#contentSub, #footer-box, #catlinks, #search-controls,
+
/********************************* DEFAULT WIKI SETTINGS  ********************************/
−
#p-logo, .printfooter, .firstHeading, .visualClear {
+
−
display: none;
+
−
}
+
−
        #top-section {
+
−
border: 0 none;
+
−
height: 14px;
+
−
z-index: 200;
+
−
top: 0;
+
−
position: relative;
+
−
width: 975px;
+
−
left: 50%;
+
−
margin-left: -487px;
+
−
}
+
−
#globalWrapper, #content {
+
−
width: 100%;
+
−
height: 100%;
+
−
border: 0px;
+
−
background-color: transparent;
+
−
margin: 0px;
+
−
padding: 0px;
+
−
font-size: 100%;
+
−
}
+
−
html, body, .wrapper {
+
−
width: 100%;
+
−
height: 100%;
+
−
background-color: transparent;
+
−
}
+
  
−
        header,section, article{
+
#sideMenu, #top_title {display:none;}
−
        display: block;
+
#content { padding:0px; width:1000px; margin-top:-7px; margin-left:0px;}
−
      }
+
body {background-color:#FFCC99; }
−
      header,section, article{
+
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
−
        color: white;
+
−
      }
+
−
      section, article{
+
−
        color: black;
+
−
      }
+
−
      header{
+
−
        text-align: center;
+
−
        width: 100%;
+
−
height:10%;
+
−
      }
+
−
      header {
+
−
background:rgba(236,236,231,0.9);
+
−
        top:2%;
+
−
        position: fixed;
+
−
        z-index: 200;
+
−
        font-size: 12px;
+
−
        display:inline;
+
  
−
      }
+
/********************************* MENU ********************************/
−
      section {
+
/* Wrapper for the menu */
−
        width: 90%;
+
.menu_wrapper {  
−
        background-color: white;
+
−
        padding: 20px;
+
−
        margin: 20px;
+
−
      }
+
−
 
+
−
.menu_wrapper {  
+
 
width:150px;  
 
width:150px;  
 
height:100vh;  
 
height:100vh;  
Line 67: Line 17:
 
padding:0px;
 
padding:0px;
 
float:left;  
 
float:left;  
−
background-color:#f2f2f2;  
+
background-color:#FF9999;  
 
text-align:left;
 
text-align:left;
 
}
 
}
Line 219: Line 169:
 
padding:10px 0px;  
 
padding:10px 0px;  
 
float:left;  
 
float:left;  
−
background-color:white;  
+
background-color:#FFCC99;  
 
}
 
}
  
Line 226: Line 176:
 
padding: 10px 0px;
 
padding: 10px 0px;
 
float:left;  
 
float:left;  
−
background-color:white;  
+
background-color:#FFCC99;  
 
}
 
}
  
Line 396: Line 346:
 
.highlight {padding:15px 5px;}
 
.highlight {padding:15px 5px;}
 
}
 
}
−
#a {
 
−
}
 
−
#a li {
 
−
list-style-type:none;
 
−
text-align:left;
 
−
letter-spacing: 1px;
 
−
float: left;
 
−
width:10%;
 
−
　　　}
 
−
#a li a {
 
−
float: left;
 
−
font-size: 20px;
 
−
padding-bottom:0px;
 
−
color: #000;
 
−
text-decoration:none;
 
−
　　　}
 
  
−
#a div
+
</style>
−
{
+
−
position: absolute;
+
−
visibility: hidden;
+
−
margin-top:5%;
+
−
margin-left:0%;
+
−
margin-right:0%;
+
  
−
padding: 0;
 
−
background:#39919F;
 
−
}
 
−
#a div a
 
−
{ position: relative;
 
−
display: block;
 
−
margin: 0;
 
−
width:auto;
 
−
white-space: nowrap;
 
−
text-align: left;
 
−
text-decoration: none;
 
−
background: #39919F;
 
−
color: #FFF;
 
−
font-size:15px;
 
−
font-family:Calibri;
 
−
font-weight:300;
 
−
}
 
  
  
−
#bb {
 
−
}
 
−
#bb li {
 
−
list-style-type:none;
 
−
text-align:left;
 
−
letter-spacing: 1px;
 
−
float: left;
 
−
width:8%;
 
−
　　　}
 
−
#bb li a {
 
−
float: left;
 
−
font-size: 20px;
 
−
padding-bottom:0px;
 
−
color: #000;
 
−
text-decoration:none;
 
−
　　　}
 
−
#bb li a:hover{
 
−
background:#39919F;
 
−
color: #FFF;
 
  
−
}
+
<!--- THIS IS WHERE THE HTML BEGINS --->
−
#bb div
+
−
{
+
−
position: absolute;
+
−
visibility: hidden;
+
−
margin-top:5%;
+
−
padding: 0;
+
−
background:#39919F;
+
−
}
+
−
#bb div a
+
−
{ position: relative;
+
−
display: block;
+
−
margin: 0;
+
−
padding: 3px 7px;
+
−
width:auto;
+
−
white-space: nowrap;
+
−
text-align: left;
+
−
text-decoration: none;
+
−
background: #39919F;
+
−
color: #FFF;
+
−
font-size:15px;
+
−
font-family:Calibri;
+
−
font-weight:300;
+
−
}
+
−
#bb div a:hover
+
−
{ background: #39919F;
+
−
color: #FFF;
+
−
}
+
  
  
−
#c {
+
<!-- This tells the browser that your page is responsive -->
−
}
+
−
#c li {
+
−
list-style-type:none;
+
−
text-align:left;
+
−
letter-spacing: 1px;
+
−
float: left;
+
−
width:6.6%;
+
−
　　　}
+
−
#c li a {
+
−
float: left;
+
−
font-size: 20px;
+
−
padding-bottom:0px;
+
−
color: #000;
+
−
text-decoration:none;
+
−
　　　}
+
−
#c li a:hover{
+
−
background:#39919F;
+
−
color: #FFF;
+
  
−
}
+
<head>
−
#c div
+
<meta name="viewport" content="width=device-width, initial-scale=1">
−
{
+
</head>
−
position: absolute;
+
−
visibility: hidden;
+
−
margin-top:5%;
+
−
padding: 0;
+
−
background:#39919F;
+
−
}
+
−
#c div a
+
−
{ position: relative;
+
−
display: block;
+
−
margin: 0;
+
−
padding: 3px 7px;
+
−
width:auto;
+
−
white-space: nowrap;
+
−
text-align: left;
+
−
text-decoration: none;
+
−
background: #39919F;
+
−
color: #FFF;
+
−
font-size:15px;
+
−
font-family:Calibri;
+
−
font-weight:300;
+
−
}
+
−
#c div a:hover
+
−
{ background: #2E87D5;
+
−
color: #FFF;
+
−
}
+
  
−
#d {
 
−
}
 
−
#d li {
 
−
list-style-type:none;
 
−
text-align:left;
 
−
letter-spacing: 1px;
 
−
float: left;
 
−
width:6.2%;
 
−
　　　}
 
−
#d li a {
 
−
float: left;
 
−
font-size: 20px;
 
−
padding-bottom:0px;
 
−
color: #000;
 
−
text-decoration:none;
 
−
　　　}
 
−
#d li a:hover{
 
−
background: #39919F;
 
−
color: #FFF;
 
  
−
}
 
−
#d div
 
−
{
 
−
position: absolute;
 
−
visibility: hidden;
 
−
margin-top:5%;
 
−
padding: 0;
 
−
background: #39919F;
 
−
}
 
−
#d div a
 
−
{ position: relative;
 
−
display: block;
 
−
margin: 0;
 
−
padding: 3px 7px;
 
−
width:auto;
 
−
white-space: nowrap;
 
−
text-align: left;
 
−
text-decoration: none;
 
−
background: #39919F;
 
−
color: #FFF;
 
−
font-size:15px;
 
−
font-family:Calibri;
 
−
font-weight:300;
 
−
}
 
−
#d div a:hover
 
−
{ background:#C4821F;
 
−
color: #FFF;
 
−
}
 
  
−
#e {
 
−
}
 
−
#e li {
 
−
list-style-type:none;
 
−
text-align:left;
 
−
letter-spacing: 1px;
 
−
float: left;
 
−
width:6.3%;
 
−
　　　}
 
−
#e li a {
 
−
float: left;
 
−
font-size: 20px;
 
−
padding-bottom:0px;
 
−
color: #000;
 
−
text-decoration:none;
 
−
　　　}
 
−
#e li a:hover{
 
−
background: #39919F;
 
−
color: #FFF;
 
  
−
}
+
<div class="menu_wrapper" >
−
#e div
+
−
{
+
−
position: absolute;
+
−
visibility: hidden;
+
−
margin-top:5%;
+
−
padding: 0;
+
−
background:#39919F;
+
−
}
+
−
#e div a
+
−
{ position: relative;
+
−
display: block;
+
−
margin: 0;
+
−
padding: 3px 7px;
+
−
width:auto;
+
−
white-space: nowrap;
+
−
text-align: left;
+
−
text-decoration: none;
+
−
background: #39919F;
+
−
color: #FFF;
+
−
font-size:15px;
+
−
font-family:Calibri;
+
−
font-weight:300;
+
−
}
+
−
#e div a:hover
+
−
{ background: #B62B59;
+
−
color: #FFF;
+
−
}
+
  
  
−
#f {
 
−
}
 
−
#f li {
 
−
list-style-type:none;
 
−
text-align:left;
 
−
letter-spacing: 1px;
 
−
float: left;
 
−
width:7.1%;
 
−
　　　}
 
−
#f li a {
 
−
float: left;
 
−
font-size: 20px;
 
−
padding-bottom:0px;
 
−
color: #000;
 
−
text-decoration:none;
 
−
　　　}
 
−
#f li a:hover{
 
−
background: #39919F;
 
−
color: #FFF;
 
  
−
}
 
−
#f div
 
−
{
 
−
position: absolute;
 
−
visibility: hidden;
 
−
margin-top:5%;
 
−
padding: 0;
 
−
background:#39919F;
 
−
}
 
−
#f div a
 
−
{ position: relative;
 
−
display: block;
 
−
margin: 0;
 
−
padding: 3px 7px;
 
−
width:auto;
 
−
white-space: nowrap;
 
−
text-align: left;
 
−
text-decoration: none;
 
−
background: #39919F;
 
−
color: #FFF;
 
−
font-size:15px;
 
−
font-family:Calibri;
 
−
font-weight:300;
 
−
}
 
−
#f div a:hover
 
−
{ background: #00A156;
 
−
color: #FFF;
 
−
}
 
  
 +
<div class="collapsable_menu_control"> MENU ▤ </div>
  
−
#g {
+
<ul id="accordion" class="accordion">
−
}
+
−
#g li {
+
−
list-style-type:none;
+
−
text-align:left;
+
−
letter-spacing: 1px;
+
−
float: left;
+
−
width:6.5%;
+
−
　　　}
+
−
#g li a {
+
−
float: left;
+
−
font-size: 20px;
+
−
padding-bottom:0px;
+
−
color: #000;
+
−
text-decoration:none;
+
−
　　　}
+
−
#g li a:hover{
+
−
background:#39919F;
+
−
color: #FFF;
+
  
−
}
+
<li class="menu_item"> <a href="https://2016.igem.org/Team:TCU_Taiwan">
−
#g div
+
<img src="https://static.igem.org/mediawiki/2015/1/1e/2015TCU_TaiwanLogo_02.jpg" name="Image2" width=100  border="0" id="Image2" /></a> </li>
−
{
+
−
position: absolute;
+
−
visibility: hidden;
+
−
margin-top:5%;
+
−
padding: 0;
+
−
background:#39919F;
+
−
}
+
−
#g div a
+
−
{ position: relative;
+
−
display: block;
+
−
margin: 0;
+
−
padding: 3px 7px;
+
−
width:auto;
+
−
white-space: nowrap;
+
−
text-align: left;
+
−
text-decoration: none;
+
−
background: #39919F;
+
−
color: #FFF;
+
−
font-size:15px;
+
−
font-family:Calibri;
+
−
font-weight:300;
+
−
}
+
−
#g div a:hover
+
−
{ background: #C4B783;
+
−
color: #FFF;
+
−
}
+
  
−
#h {
 
−
}
 
−
#h li {
 
−
list-style-type:none;
 
−
text-align:left;
 
−
letter-spacing: 1px;
 
−
float: left;
 
−
width:7.1%;
 
−
　　　}
 
−
#h li a {
 
−
float: left;
 
−
font-size: 20px;
 
−
padding-bottom:0px;
 
−
color: #000;
 
−
text-decoration:none;
 
−
　　　}
 
−
#h li a:hover{
 
−
background: #39919F;
 
−
color: #FFF;
 
  
−
}
+
<li class="menu_item"> <div class="icon plus"></div>
−
#h div
+
<img src="https://static.igem.org/mediawiki/2015/6/62/2015TCU_TaiwanLogo_03.jpg" name="Image3" width=70%  border="0" id="Image3" />
−
{
+
<ul class="submenu">
−
position: absolute;
+
<li> <a href=" https://2016.igem.org/Team:TCU_Taiwan/Team">TEAM</a></li>
−
visibility: hidden;
+
<li> <a href="https://2016.igem.org/Team:TCU_Taiwan/Team/Members">Members成員</a></li>
−
margin-top:5%;
+
<li><a href="https://2016.igem.org/Team:TCU_Taiwan/Team/Instructor">Instructors講師 指導老師</a></li>
−
padding: 0;
+
                                   
−
background:#39919F;
+
<li><a href="https://2016.igem.org/Team:TCU_Taiwan/Collaborations">Collaborations合作廠商</a></li>
−
}
+
<li> <a href="https://2016.igem.org/Team:TCU_Taiwan/Attributions">★Attributions贊助</a></li>                           
−
#h div a
+
                    </ul>
−
{ position: relative;
+
                </li>
−
display: block;
+
<li class="menu_item"> <div class="icon plus"></div>
−
margin: 0;
+
<img src="https://static.igem.org/mediawiki/2015/0/00/2015TCU_TaiwanLogo_09.jpg" name="Image9" width=70%  border="0" id="Image9" />
−
padding: 3px 7px;
+
<ul class="submenu">
−
width:auto;
+
<li><a href="https://2016.igem.org/Team:TCU_Taiwan/Practices">Practices</a></li>
−
white-space: nowrap;
+
<li> <a href="https://2016.igem.org/Team:TCU_Taiwan/Engagement">★ Engagement聘用人員 </a></li>
−
text-align: left;
+
<li> <a href="https://2016.igem.org/Team:TCU_Taiwan/Human_Practices"> Human Practices人體試驗 </a></li>
−
text-decoration: none;
+
<li> <a href="https://2016.igem.org/Team:TCU_Taiwan/Integrated_Practices"> ★ Integrated Practices試驗(實驗)整合 </a></li>
−
background: #39919F;
+
<li> <a href="https://2016.igem.org/Team:TCU_Taiwan/HP/Silver">★ Silver銀牌 </a></li>
−
color: #FFF;
+
<li> <a href="https://2016.igem.org/Team:TCU_Taiwan/HP/Gold">★ Gold金牌 </a></li>
−
font-size:15px;
+
−
font-family:Calibri;
+
−
font-weight:300;
+
                    </ul>
−
}
+
                </li>
−
#h div a:hover
+
−
{ background: #2EC0E5;
+
−
color: #FFF;
+
−
}
+
  
−
#i {
+
<li class="menu_item"> <div class="icon plus"></div>
−
}
+
<img src="https://static.igem.org/mediawiki/2015/6/6d/2015TCU_TaiwanLogo_04.jpg" name="Image4" width=70%  border="0" id="Image4" />
−
#i li {
+
<ul class="submenu">
−
list-style-type:none;
+
<li> <a href="https://2016.igem.org/Team:TCU_Taiwan/Project"> Project</a></li>
−
text-align:left;
+
<li> <a href="https://2016.igem.org/Team:TCU_Taiwan/Description"> ★  Description計畫描述(說明) </a></li>
−
letter-spacing: 1px;
+
<li> <a href="https://2016.igem.org/Team:TCU_Taiwan/Design"> ★ Design 設計(想法)</a></li>
−
float: left;
+
<li> <a href="https://2016.igem.org/Team:TCU_Taiwan/Demonstrate"> ★ Demonstrate(Medical Dressing) 設計實驗步驟</a></li>
−
width:7.6%;
+
<li> <a href="https://2016.igem.org/Team:TCU_Taiwan/Experiments"> Experiments實驗 </a></li>
−
　　　}
+
<li> <a href="https://2016.igem.org/Team:TCU_Taiwan/Proof"> ★ Proof of Concept 證明理論 </a></li>
−
#i li a {
+
                    </ul>
−
float: left;
+
                </li>
−
font-size: 20px;
+
<li class="menu_item"> <div class="icon plus"></div>
−
padding-bottom:0px;
+
<img src="https://static.igem.org/mediawiki/2015/4/46/2015TCU_TaiwanLogo_06.jpg" name="Image6" width=70% border="0" id="Image6" /> <ul class="submenu">
−
color: #000;
+
<li> <a href="https://2016.igem.org/Team:TCU_Taiwan/Model">★ MODEL </a></li>
−
text-decoration:none;
+
−
　　　}
+
<li> <a href="https://2016.igem.org/Team:TCU_Taiwan/Measurement">★  Measurement標準 </a></li>
−
#i li a:hover{
+
<li> <a href="https://2016.igem.org/Team:TCU_Taiwan/Software">★ Software 軟體</a></li>
−
background: #39919F;
+
<li> <a href="https://2016.igem.org/Team:TCU_Taiwan/Hardware"> ★ Hardware 硬體</a></li>
−
color: #FFF;
+
<li><a href="https://2016.igem.org/Team:TCU_Taiwan/Entrepreneurship"> ★ Entrepreneurship創新 </a></li>
  
−
}
+
                    </ul>
−
#i div
+
                </li>
−
{
+
<li class="menu_item"> <a href="https://2016.igem.org/Team:TCU_Taiwan/Results">
−
position: absolute;
+
<img src="https://static.igem.org/mediawiki/2015/2/21/2015TCU_TaiwanLogo_08.jpg" name="Image8" width=70% border="0" id="Image8" /></a> </li>
−
visibility: hidden;
+
<li class="menu_item"> <div class="icon plus"></div>
−
margin-top:5%;
+
<img src="https://static.igem.org/mediawiki/2015/9/98/2015TCU_TaiwanLogo_05.jpg" name="Image5" width=70%  border="0" id="Image5" /> 
−
padding: 0;
+
<ul class="submenu">
−
background: #39919F;
+
<li> <a href="https://2016.igem.org/Team:TCU_Taiwan/Parts">Parts </a></li>
−
}
+
<li> <a href="https://2016.igem.org/Team:TCU_Taiwan/Composite_Part"> ★ Composite Parts整體架構 </a>
−
#i div a
+
</li>
−
{ position: relative;
+
<li> <a href="https://2016.igem.org/Team:TCU_Taiwan/Basic_Part"> ★ Basic Parts基礎架構 </a></li>
−
display: block;
+
<li> <a href="https://2016.igem.org/Team:TCU_Taiwan/Part_Collection"> ★ Part Collection整合</a></li> 
−
margin: 0;
+
−
padding: 3px 7px;
+
−
width:auto;
+
                    </ul>
−
white-space: nowrap;
+
                </li>
−
text-align: left;
+
−
text-decoration: none;
+
−
background: #39919F;
+
−
color: #FFF;
+
−
font-size:15px;
+
−
font-family:Calibri;
+
−
font-weight:300;
+
−
}
+
−
#i div a:hover
+
−
{ background: #422BB5;
+
−
color: #FFF;
+
−
}
+
  
−
#j {
+
<li class="menu_item"> <div class="icon plus"></div>
−
}
+
<img src="https://static.igem.org/mediawiki/2015/1/14/2015TCU_TaiwanLogo_07.jpg" name="Image7" width=70%  border="0" id="Image7" /> 
−
#j li {
+
<ul class="submenu">
−
list-style-type:none;
+
<li> <a href="https://2016.igem.org/Team:TCU_Taiwan/Safety"> SAFETY </a></li>
−
text-align:left;
+
<li><a href="https://2016.igem.org/Team:TCU_Taiwan/Safety/overview">Overview安全性(用去年)</a></il>
−
letter-spacing: 1px;
+
<li><a href="https://2016.igem.org/Team:TCU_Taiwan/Safety/Laboratory">Laboratory Practices實驗室規定(用去年)</a></li>
−
float: left;
+
−
width:5.7%;
+
                    </ul>
−
　　　}
+
                </li>
−
#j li a {
+
<li class="menu_item"> <div class="icon plus"></div>
−
float: left;
+
<img src="https://static.igem.org/mediawiki/2015/b/b3/2015TCU_TaiwanLogo_10.jpg" name="Image10" width=70%  border="0" id="Image10" /> <ul class="submenu">
−
font-size: 20px;
+
<li><a href="https://2016.igem.org/Team:TCU_Taiwan/Notebook/Life">Life(開會紀錄)</a></li>
−
padding-bottom:0px;
+
              <li> <a href="https://2016.igem.org/Team:TCU_Taiwan/Notebook/Lab">Lab(實驗全部流程)</a></li>
−
color: #000;
+
<li> <a href="https://2016.igem.org/Team:TCU_Taiwan/Notebook/Total">Total Teams</a></li>
−
text-decoration:none;
+
−
　　　}
+
                    </ul>
−
#j li a:hover{
+
                </li>
−
background: #39919F;
+
</ul>
−
color: #FFF;
+
  
−
}
+
</div>
−
#j div
+
−
{
+
−
position: absolute;
+
−
visibility: hidden;
+
−
margin-top:5%;
+
−
padding: 0;
+
−
background: #39919F;
+
−
}
+
−
#j div a
+
−
{ position: relative;
+
−
display: block;
+
−
margin: 0;
+
−
padding: 3px 7px;
+
−
width:auto;
+
−
white-space: nowrap;
+
−
text-align: left;
+
−
text-decoration: none;
+
−
background: #39919F;
+
−
color: #FFF;
+
−
font-size:15px;
+
−
font-family:Calibri;
+
−
font-weight:300;
+
−
}
+
−
#j div a:hover
+
−
{ background: #000000;
+
−
color: #FFF;
+
−
}
+
  
  
−
#k {
 
−
}
 
−
#k li {
 
−
list-style-type:none;
 
−
text-align:left;
 
−
letter-spacing: 1px;
 
−
float: left;
 
−
width:3%;
 
−
　　　}
 
−
#k li a {
 
−
float: left;
 
−
font-size: 20px;
 
−
padding-left:2%;
 
−
padding-bottom:0px;
 
−
color: #000;
 
−
text-decoration:none;
 
−
　　　}
 
−
#form {
 
−
        position:static;
 
−
width:100%;
 
−
z-index:1;
 
−
        overflow:visible;
 
−
        display: inline-block;
 
−
}
 
−
.gg a:link img {
 
  
−
opacity: .6;
 
  
−
filter: Alpha(Opacity=60);
 
  
−
}
 
  
−
.gg a:visited img {
+
<div class="content_wrapper">
  
−
opacity: .6;
 
  
−
filter: Alpha(Opacity=60);
 
  
−
}
+
<script>
  
−
.gg a:hover img {
+
// This is the jquery part of your template.  Try not modify any of this code since it makes your menu work.
  
−
opacity: 1;
+
$(document).ready(function() {
  
−
filter: Alpha(Opacity=100);  
+
$("#HQ_page").attr('id','');
 +
  
−
}  
+
if ( wgPageName.substring( 0,  8) == "Template")  {  // if the page is a template it displays the full name in a single line
 +
$("#team_name").html( wgPageName );
 +
}
  
 +
else if (  ( (wgPageName.match(/\//g) || []).length ) == 0 ) {  // if it is the home page , just print the team's name
 +
$("#team_name").html( wgPageName.substring( 5, wgPageName.length ) );
 +
}
  
 +
else {
 +
// this adds the team's name as an h1
 +
$("#team_name").html( wgPageName.substring( 5 , wgPageName.indexOf("/")  ) );
  
−
</style>
+
// this adds the page's title as an h4
−
<!-- dd menu -->
+
$("#page_name").html (     ( wgPageName.substring( wgPageName.indexOf("/") + 1, wgPageName.length ) ).replace( /\/|_/g , " ")  );
−
<script type="text/javascript">
+
}
−
<!--
+
−
var timeout = 100;
+
−
var closetimer = 10;
+
−
var ddmenuitem = 0;
+
−
// open hidden layer
+
−
function mopen(id)
+
−
{
+
−
// cancel close timer
+
−
mcancelclosetime();
+
−
// close old layer
+
−
if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
+
−
// get new layer and show it
+
−
ddmenuitem = document.getElementById(id);
+
−
ddmenuitem.style.visibility = 'visible';
+
−
}
+
−
// close showed layer
+
−
function mclose()
+
−
{
+
−
if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
+
−
}
+
−
// go close timer
+
−
function mclosetime()
+
−
{
+
−
closetimer = window.setTimeout(mclose, timeout);
+
−
}
+
−
// cancel close timer
+
−
function mcancelclosetime()
+
−
{
+
−
if(closetimer)
+
−
{
+
−
window.clearTimeout(closetimer);
+
−
closetimer = null;
+
−
}
+
−
}
+
−
// close layer when click-out
+
−
document.onclick = mclose;
+
−
// -->
+
−
</script>
+
−
</head>
+
−
<body >
+
−
<header>
+
−
<div class="gg">
+
−
<div id="form" style="background-color:rgba(236,236,231,0.6); overflow-x:hidden;overflow-y:hidden; ">
+
−
    <table width="100%" border="0" style="background-color: rgba(236,236,231,0.6)">
+
−
  <tr>
+
−
    <td>
+
−
<div id="a">
+
−
  <li>
+
  
−
</li>
 
−
</div>
 
−
<div id="a">
 
−
  <li>
 
−
<a target="_new" href="https://www.igem.org/"><img src="https://static.igem.org/mediawiki/2015/9/96/2015TCU_TaiwanLogo_01.jpg" name="Image1" width=100%  border="0" id="Image1" /></a>
 
−
</li>
 
−
</div>
 
−
<div id="bb">
 
−
<li>
 
−
<a target="_self" href="https://2015.igem.org/Team:TCU_Taiwan"><img src="https://static.igem.org/mediawiki/2015/1/1e/2015TCU_TaiwanLogo_02.jpg" name="Image2" width=100%  border="0" id="Image2" /></a>
 
−
 
−
</li>
 
−
</div>
 
−
<div id="c">
 
−
<li>
 
−
<a href="https://2015.igem.org/Team:TCU_Taiwan/Team" onmouseover="mopen('m1')" onmouseout="mclosetime()"><img src="https://static.igem.org/mediawiki/2015/6/62/2015TCU_TaiwanLogo_03.jpg" name="Image3" width=100%  border="0" id="Image3" /></a>
 
−
<div id="m1" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
 
−
<a href="https://2015.igem.org/Team:TCU_Taiwan/Team/Members">Members</a>
 
−
<a href="https://2015.igem.org/Team:TCU_Taiwan/Team/Instructor">Instructors</a>
 
−
<a href="https://2015.igem.org/Team:TCU_Taiwan/Attributions">Attributions</a>
 
−
</div>
 
−
</li>
 
−
</div>
 
−
<div id="d">
 
−
<li>
 
−
<a href="https://2015.igem.org/Team:TCU_Taiwan/Project"
 
−
onmouseover="mopen('m2')"
 
−
onmouseout="mclosetime()"><img src="https://static.igem.org/mediawiki/2015/6/6d/2015TCU_TaiwanLogo_04.jpg" name="Image4" width=100%  border="0" id="Image4" /></a>
 
−
<div id="m2" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
 
−
<a href="https://2015.igem.org/Team:TCU_Taiwan/Description">Overview</a>
 
−
<a href="https://2015.igem.org/Team:TCU_Taiwan/Project/Our Design">Antimicrobial Peptides</a>
 
−
<a href="https://2015.igem.org/Team:TCU_Taiwan/Project/Experimental">Signal Peptide</a>
 
−
<a href="https://2015.igem.org/Team:TCU_Taiwan/Project/Reference">Medical Dressing</a>
 
−
</div>
 
−
</li>
 
−
</div>
 
−
<div id="e">
 
−
    <li><a href="https://2015.igem.org/Team:TCU_Taiwan/Part"
 
−
onmouseover="mopen('m6')"
 
−
onmouseout="mclosetime()"><img src="https://static.igem.org/mediawiki/2015/9/98/2015TCU_TaiwanLogo_05.jpg" name="Image5" width=100%  border="0" id="Image5" /></a>
 
−
<div id="m6" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
 
−
<a href="https://2015.igem.org/Team:TCU_Taiwan/Basic_Part">Basic Part </a>
 
−
<a href="https://2015.igem.org/Team:TCU_Taiwan/Composite_Part">Composite Part</a>
 
−
</div>
 
−
    </li>
 
−
</div> 
 
−
<div id="f">
 
−
    <li><a href="https://2015.igem.org/Team:TCU_Taiwan/Model"
 
−
onmouseover="mopen('m4')"
 
−
onmouseout="mclosetime()"><img src="https://static.igem.org/mediawiki/2015/4/46/2015TCU_TaiwanLogo_06.jpg" name="Image6" width=100% border="0" id="Image6" />
 
−
<div id="m4" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
 
−
<a href="https://2015.igem.org/Team:TCU_Taiwan/Modeling/Protein structure">Protein structure </a>
 
−
<a href="https://2015.igem.org/Team:TCU_Taiwan/Modeling">Modeling</a>
 
−
</div>
 
−
    </li>
 
−
  </div>
 
−
  <div id="g">
 
−
    <li><a href="https://2015.igem.org/Team:TCU_Taiwan/Safety"
 
−
onmouseover="mopen('m5')"
 
−
onmouseout="mclosetime()"><img src="https://static.igem.org/mediawiki/2015/1/14/2015TCU_TaiwanLogo_07.jpg" name="Image7" width=100%  border="0" id="Image7" /></a>
 
−
<div id="m5" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
 
−
<a href="https://2015.igem.org/Team:TCU_Taiwan/Safety/overview">Overview</a>
 
−
<a href="https://2015.igem.org/Team:TCU_Taiwan/Safety/Laboratory">Laboratory Practices</a>
 
−
</div>
 
−
    </li>
 
−
    </div>
 
−
    <div id="h">
 
−
    <li><a href="https://2015.igem.org/Team:TCU_Taiwan/Results"
 
−
onmouseover="mopen('m3')"
 
−
onmouseout="mclosetime()"><img src="https://static.igem.org/mediawiki/2015/2/21/2015TCU_TaiwanLogo_08.jpg" name="Image8" width=100%  border="0" id="Image8" /></a>
 
−
<div id="m3" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
 
−
<a href="https://2015.igem.org/Team:TCU_Taiwan/Result/vitro">Peptides production</a>
 
−
<a href="https://2015.igem.org/Team:TCU_Taiwan/Result/Macro-dilution">Disinfection efficiency</a>
 
−
<a href="https://2015.igem.org/Team:TCU_Taiwan/Result/Peptides">Cell experiments</a>
 
−
</div>
 
−
    </li>
 
−
  </div>
 
−
<div id="i">
 
−
    <li><a href="https://2015.igem.org/Team:TCU_Taiwan/HumanPractices"
 
−
onmouseover="mopen('m7')"
 
−
onmouseout="mclosetime()"><img src="https://static.igem.org/mediawiki/2015/0/00/2015TCU_TaiwanLogo_09.jpg" name="Image9" width=100%  border="0" id="Image9" /></a>
 
−
<div id="m7" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
 
−
<a href="https://2015.igem.org/Team:TCU_Taiwan/Practices">Human Practices</a>
 
−
<a href="https://2015.igem.org/Team:TCU_Taiwan/Collaborations">Collaborations</a>
 
−
</div>
 
−
    </li>
 
−
    </div>
 
−
    <div id="j">
 
−
    <li><a href="https://2015.igem.org/Team:TCU_Taiwan/Notebook"
 
−
onmouseover="mopen('m8')"
 
−
onmouseout="mclosetime()"><img src="https://static.igem.org/mediawiki/2015/b/b3/2015TCU_TaiwanLogo_10.jpg" name="Image10" width=100%  border="0" id="Image10" /></a>
 
−
<div id="m8" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
 
−
<a href="https://2015.igem.org/Team:TCU_Taiwan/Notebook/Life">Life</a>
 
−
<a href="https://2015.igem.org/Team:TCU_Taiwan/Notebook/Lab">Lab</a>
 
−
</div>
 
−
    </li>
 
−
  </div>
 
  
−
<div id="k">
 
−
    <li><a target="_new" href="https://www.facebook.com/TCUiGEM"><img src="https://static.igem.org/mediawiki/2015/3/39/2015_tcu_taiwan_Igem_FB.png" name="Image11" width=100% border="0" id="Image11" /></a>
 
  
−
    </li>
 
−
  </div>
 
−
 
  
−
</td>
+
$('#accordion').find('.menu_item').click(function(){
−
  </tr>
+
 
−
</table>
+
//Expand or collapse this panel
−
</div>
+
submenu = $(this).find('.submenu');
−
</div>
+
submenu.toggle();
−
</header>
+
 
−
</body>
+
icon = $(this).find('.icon');
 +
 
 +
if ( !$( submenu ).is(':visible') ) {
 +
icon.removeClass("less").addClass("plus");
 +
}
 +
else {
 +
icon.removeClass("plus").addClass("less");
 +
}
 +
 
 +
//Hide the other panels
 +
$(".submenu").not(submenu).hide();
 +
$(".icon").not(icon).removeClass("less").addClass("plus");
 +
});
 +
 
 +
 
 +
$(".collapsable_menu_control").click(function() {
 +
$(".menu_item").toggle();
 +
});
 +
 
 +
$( window ).resize(function() {
 +
$(".menu_item").show();
 +
});
 +
 
 +
 
 +
});
 +
 
 +
 
 +
 
 +
 
 +
</script>
 +
 
 +
 
 
</html>
 
</html>

Revision as of 22:32, 2 July 2016

MENU ▤