Line 4: | Line 4: | ||
<style type="text/css"><!-- | <style type="text/css"><!-- | ||
− | + | body{ | |
− | + | background: #052d5d; | |
} | } | ||
.menu_list_class{ | .menu_list_class{ | ||
Line 11: | Line 11: | ||
list-style-type: none; | list-style-type: none; | ||
width: 95%; | width: 95%; | ||
− | min-width: | + | min-width: 900px; |
margin: 5px auto 30px; | margin: 5px auto 30px; | ||
padding: 0; | padding: 0; | ||
− | background: # | + | background: #052d5d; |
} | } | ||
.menu_list_class:before, .menu_list_class:after{ | .menu_list_class:before, .menu_list_class:after{ | ||
Line 30: | Line 30: | ||
padding: 0; | padding: 0; | ||
text-align: center; | text-align: center; | ||
− | |||
} | } | ||
.menu_list_class li a{ | .menu_list_class li a{ | ||
Line 37: | Line 36: | ||
margin: 0; | margin: 0; | ||
padding: 15px 0 11px; | padding: 15px 0 11px; | ||
− | background: # | + | background: #0d4f78; |
color: #ffffff; | color: #ffffff; | ||
font-size: 20px; | font-size: 20px; | ||
line-height: 1; | line-height: 1; | ||
text-decoration: none; | text-decoration: none; | ||
+ | } | ||
+ | .menu_list_class li a:hover{ | ||
+ | background: #186b91; | ||
} | } | ||
.menu_list_class li:hover ul li{ | .menu_list_class li:hover ul li{ | ||
overflow: visible; | overflow: visible; | ||
height: 48px; | height: 48px; | ||
+ | background: #186b91; | ||
} | } | ||
.drop_menu{ | .drop_menu{ | ||
list-style: none; | list-style: none; | ||
position: relative; | position: relative; | ||
− | left: - | + | left: -60%; |
z-index: 9999; | z-index: 9999; | ||
top: 100%; | top: 100%; | ||
Line 57: | Line 60: | ||
} | } | ||
.drop_menu li{ | .drop_menu li{ | ||
− | width: | + | width: 170%; |
overflow: hidden; | overflow: hidden; | ||
height: 0; | height: 0; | ||
Line 64: | Line 67: | ||
.drop_menu li a{ | .drop_menu li a{ | ||
padding: 13px 15px; | padding: 13px 15px; | ||
− | border-top: 1px solid # | + | border-top: 1px solid #052d5d; |
− | background: # | + | background: #0d4f78; |
text-align: right; | text-align: right; | ||
} | } | ||
.drop_menu li:hover > a{ | .drop_menu li:hover > a{ | ||
− | background: # | + | background: #0d4f78; |
} | } | ||
.drop_menu li a:hover{ | .drop_menu li a:hover{ | ||
− | background: # | + | background: #186b91; |
} | } | ||
--></style> | --></style> | ||
Line 94: | Line 97: | ||
<li><a href="https://2016.igem.org/Team:Tokyo_Tech/Modeling">Modeling</a></li> | <li><a href="https://2016.igem.org/Team:Tokyo_Tech/Modeling">Modeling</a></li> | ||
<li><a href="https://2016.igem.org/Team:Tokyo_Tech/Parts">Parts</a></li> | <li><a href="https://2016.igem.org/Team:Tokyo_Tech/Parts">Parts</a></li> | ||
− | <li><a href="#"> | + | <li><a href="#">Information Processing</a></li> |
<li><a href="#">More</a> | <li><a href="#">More</a> | ||
<ul id="more_list" class="drop_menu"> | <ul id="more_list" class="drop_menu"> |
Revision as of 12:34, 15 August 2016