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: hidden;
+
overflow-y: hidden;
 +
overflow-x: hidden;
 
}
 
}
  
Line 43: Line 44:
  
 
/* styling for the menu buttons */
 
/* styling for the menu buttons */
−
.submenu_wrapper .menu_button {  
+
.igem_2017_menu_wrapper .menu_button {  
−
/*width: 10%;  
+
width: 10%;  
−
height: 100%;
+
height: 20px;
 
padding: 20px 0px 20px 10px;  
 
padding: 20px 0px 20px 10px;  
 
float:left;
 
float:left;
Line 57: Line 58:
 
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 71: Line 66:
 
height: 30px;
 
height: 30px;
 
float:left;
 
float:left;
−
}
 
−
 
−
.igem_2017_menu_wrapper a:hover, .submenu_wrapper:hover .menu_button {
 
−
background-color: red;
 
 
}
 
}
  
Line 82: Line 73:
  
  
−
/*.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 112: Line 103:
  
 
/* styling for the submenu buttons */
 
/* styling for the submenu buttons */
−
.submenu_button {  
+
.igem_2017_menu_wrapper .submenu_button {  
−
/*width: auto;
+
width: 10%;  
−
height: 30px;
+
 
padding: 10px 0px 10px 34px;  
 
padding: 10px 0px 10px 34px;  
 
float:left;
 
float:left;
Line 126: Line 116:
 
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 410: Line 375:
 
<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 422: Line 388:
 
</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="submenu_button">
+
<div class="menu_button">
−
<a href="https://2017.igem.org/Team:NTHU_Taiwan/Team">
+
<div class="expand_collapse_icon"> </div> PROJECT
−
<div id="Team_page">
+
</div>
−
Team
+
−
</div>
+
−
</a>
+
−
<a href="https://2017.igem.org/Team:NTHU_Taiwan/Collaborations">
+
 
−
<div id="Collaborations_page">
+
<div class="menu_button">
−
Collaborations
+
<div class="expand_collapse_icon"> </div> PARTS
−
</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 446: Line 452:
 
<!-- start of content -->
 
<!-- start of content -->
 
<div>
 
<div>
−
<img width="100%" style="border-top:3px solid #c2dac0;" src="https://static.igem.org/mediawiki/2017/e/ef/T--NTHU_Taiwan--fstpage.png">
+
<img width="100%" style="border-top:2px 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:08, 19 October 2017

HOME
TEAM
PROJECT
PARTS
SAFETY
HUMAN PRACTICES
AWARDS
JUDGING FORM