Difference between revisions of "Team:NTHU Taiwan"

Line 21: Line 21:
 
text-align:left !important;
 
text-align:left !important;
 
font-family:'Open Sans', sans-serif;  
 
font-family:'Open Sans', sans-serif;  
−
overflow-y: hidden;
+
overflow: hidden;
−
overflow-x: hidden;
+
 
}
 
}
  
Line 44: Line 43:
  
 
/* styling for the menu buttons */
 
/* styling for the menu buttons */
−
.igem_2017_menu_wrapper .menu_button {  
+
.submenu_wrapper .menu_button {  
−
width: 10%;  
+
/*width: 10%;  
−
height: 20px;
+
height: 100%;
 
padding: 20px 0px 20px 10px;  
 
padding: 20px 0px 20px 10px;  
 
float:left;
 
float:left;
Line 58: Line 57:
 
line-height: 1.4em;
 
line-height: 1.4em;
 
font-size: 1.1em;
 
font-size: 1.1em;
−
font-weight: 500;
+
font-weight: 500;*/
 +
font-size: 16px;
 +
border: none;
 +
outline: none;
 +
color: white;
 +
padding: 14px 16px;
 +
background-color: inherit;
 
}
 
}
  
Line 66: Line 71:
 
height: 30px;
 
height: 30px;
 
float:left;
 
float:left;
 +
}
 +
 +
.igem_2017_menu_wrapper a:hover, .submenu_wrapper:hover .menu_button {
 +
background-color: red;
 
}
 
}
  
Line 73: Line 82:
  
  
−
.igem_2017_menu_wrapper .menu_button .expand_collapse_icon {
+
/*.igem_2017_menu_wrapper .menu_button .expand_collapse_icon {
 
width:10%;
 
width:10%;
 
float:left;
 
float:left;
−
}
+
}*/
  
 
/*.igem_2017_menu_wrapper .menu_button .expand_collapse_icon::before {
 
/*.igem_2017_menu_wrapper .menu_button .expand_collapse_icon::before {
Line 103: Line 112:
  
 
/* styling for the submenu buttons */
 
/* styling for the submenu buttons */
−
.igem_2017_menu_wrapper .submenu_button {  
+
.submenu_button {  
−
width: 10%;  
+
/*width: auto;
 +
height: 30px;
 
padding: 10px 0px 10px 34px;  
 
padding: 10px 0px 10px 34px;  
 
float:left;
 
float:left;
Line 116: Line 126:
 
line-height: 1.4em;
 
line-height: 1.4em;
 
font-size: 1em;
 
font-size: 1em;
−
font-weight: 500;
+
font-weight: 500;*/
 +
display: none;
 +
position: absolute;
 +
background-color: #f9f9f9;
 +
min-width: 160px;
 +
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
 +
z-index: 1;
 +
}
 +
 
 +
.submenu_button a {
 +
float: none;
 +
color: black;
 +
padding: 12px 16px;
 +
text-decoration: none;
 +
display: block;
 +
text-align: left;
 +
}
 +
 
 +
.submenu_button a:hover {
 +
background-color: #ddd;
 +
}
 +
 
 +
.submenu_wrapper:hover .submenu_button {
 +
display: block;
 
}
 
}
  
 
/* wrapper for the submenu items, they are hidden by default*/
 
/* wrapper for the submenu items, they are hidden by default*/
 
.igem_2017_menu_wrapper .submenu_wrapper {  
 
.igem_2017_menu_wrapper .submenu_wrapper {  
−
display:none;
+
/*display:none;*/
 +
float: left;
 +
  overflow: hidden;
 
}
 
}
  
Line 375: Line 410:
 
<img src="http://placehold.it/350x150">
 
<img src="http://placehold.it/350x150">
 
</a> -->
 
</a> -->
−
 
−
 
 
<!-- this div is hidden by default and will only be displayed if the screen size is too small -->
 
<!-- this div is hidden by default and will only be displayed if the screen size is too small -->
 
<div class="menu_button" id="display_menu_control">
 
<div class="menu_button" id="display_menu_control">
 
MENU   
 
MENU   
 
</div>  
 
</div>  
 +
  
 
<div id="menu_content">
 
<div id="menu_content">
Line 388: Line 422:
 
</div>  
 
</div>  
 
</a>
 
</a>
−
<div class="menu_button">
 
−
<div class="expand_collapse_icon">  </div> TEAM
 
−
</div>
 
 
 
−
 
+
<div class="submenu_wrapper">
−
 
+
<button class="menu_button">TEAM</button>
−
<div class="menu_button">
+
<div class="submenu_button">
−
<div class="expand_collapse_icon"> </div> PROJECT
+
<a href="https://2017.igem.org/Team:NTHU_Taiwan/Team">
−
</div>
+
<div id="Team_page">
−
+
Team
−
+
</div>
−
+
</a>
−
 
+
<a href="https://2017.igem.org/Team:NTHU_Taiwan/Collaborations">
−
<div class="menu_button">
+
<div id="Collaborations_page">
−
<div class="expand_collapse_icon"> </div> PARTS
+
Collaborations
 +
</div>
 +
</a>
 +
</div>
 
</div>
 
</div>
−
 
−
 
−
<a href="https://2017.igem.org/Team:NTHU_Taiwan/Safety">
 
−
<div class="menu_button direct_to_page">
 
−
SAFETY
 
−
</div>
 
−
</a>
 
−
 
−
 
−
 
−
 
−
 
−
 
−
 
−
<div class="menu_button" >
 
−
<div class="expand_collapse_icon">  </div> HUMAN PRACTICES
 
−
</div>
 
−
 
−
 
−
 
−
<div class="menu_button">
 
−
<div class="expand_collapse_icon">  </div> AWARDS
 
−
</div>
 
−
 
−
 
−
 
−
<a href="https://igem.org/2017_Judging_Form?team=NTHU_Taiwan">
 
−
<div class="menu_button direct_to_page">
 
−
JUDGING FORM
 
−
</div>
 
−
</a>
 
−
 
−
 
−
 
−
<div class="menu_bottom_padding" >
 
−
</div>
 
−
 
 
</div>
 
</div>
−
 
−
 
−
 
  
 
</div>
 
</div>
Line 452: Line 446:
 
<!-- start of content -->
 
<!-- start of content -->
 
<div>
 
<div>
−
<img width="100%" style="border-top:2px solid #c2dac0;" src="https://static.igem.org/mediawiki/2017/e/ef/T--NTHU_Taiwan--fstpage.png">
+
<img width="100%" style="border-top:3px solid #c2dac0;" src="https://static.igem.org/mediawiki/2017/e/ef/T--NTHU_Taiwan--fstpage.png">
 
</div>
 
</div>
  
 +
<script type="Text/JavaScript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script>
  
 
<script>
 
<script>

Revision as of 18:07, 19 October 2017

HOME
Team
Collaborations