Markswayne (Talk | contribs) |
Markswayne (Talk | contribs) |
||
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 | + | overflow: hidden; |
− | + | ||
} | } | ||
Line 44: | Line 43: | ||
/* styling for the menu buttons */ | /* styling for the menu buttons */ | ||
− | . | + | .submenu_wrapper .menu_button { |
− | width: 10%; | + | /*width: 10%; |
− | height: | + | 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 */ | ||
− | + | .submenu_button { | |
− | width: | + | /*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="submenu_wrapper"> | |
− | + | <button class="menu_button">TEAM</button> | |
− | <div class="menu_button"> | + | <div class="submenu_button"> |
− | <div class=" | + | <a href="https://2017.igem.org/Team:NTHU_Taiwan/Team"> |
− | + | <div id="Team_page"> | |
− | + | Team | |
− | + | </div> | |
− | + | </a> | |
− | + | <a href="https://2017.igem.org/Team:NTHU_Taiwan/Collaborations"> | |
− | + | <div id="Collaborations_page"> | |
− | + | Collaborations | |
+ | </div> | ||
+ | </a> | ||
+ | </div> | ||
</div> | </div> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</div> | </div> | ||
− | |||
− | |||
− | |||
</div> | </div> | ||
Line 452: | Line 446: | ||
<!-- start of content --> | <!-- start of content --> | ||
<div> | <div> | ||
− | <img width="100%" style="border-top: | + | <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