Difference between revisions of "Template:HZAU-China"
ShuguangWang (Talk | contribs) |
ShuguangWang (Talk | contribs) |
||
| (13 intermediate revisions by the same user not shown) | |||
| Line 4: | Line 4: | ||
<meta charset="UTF-8"> | <meta charset="UTF-8"> | ||
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"> | <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"> | ||
| − | <style> | + | <style type="text/css"> |
#sideMenu, | #sideMenu, | ||
#top_title, | #top_title, | ||
| − | #team_submenu { | + | #team_submenu{ |
display: none; | display: none; | ||
} | } | ||
| − | #HQ_page p{ | + | #HQ_page p { |
| − | + | display: none; | |
} | } | ||
| Line 36: | Line 36: | ||
.global_wrapper { | .global_wrapper { | ||
padding: 0px 0px 0px 0px; | padding: 0px 0px 0px 0px; | ||
| − | |||
} | } | ||
| Line 52: | Line 51: | ||
body { | body { | ||
| − | + | margin: 0; | |
| − | + | padding: 0; | |
| − | + | background-color: #F3F3F3; | |
| − | + | font-size: 16px; | |
| − | + | font-family: Arial, Verdana, Sans-serif; | |
| − | + | letter-spacing: 0; | |
| − | + | color: #FFFFFF; | |
| − | } | + | } |
.daohang { | .daohang { | ||
| Line 73: | Line 72: | ||
float: left; | float: left; | ||
position: relative; | position: relative; | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
| Line 102: | Line 95: | ||
} | } | ||
| − | .daohang . | + | .daohang .caidan { |
position: absolute; | position: absolute; | ||
top: 0; | top: 0; | ||
| Line 116: | Line 109: | ||
} | } | ||
| − | + | .daohang .caidan>li { | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
padding: 0; | padding: 0; | ||
float: left; | float: left; | ||
margin: 0; | margin: 0; | ||
| − | |||
text-align: center; | text-align: center; | ||
height: 224px; | height: 224px; | ||
| + | } | ||
| + | |||
| + | .daohang .shortName { | ||
| + | width: 110px; | ||
| + | } | ||
| + | |||
| + | .daohang .longName { | ||
| + | width: 170px; | ||
} | } | ||
| Line 148: | Line 142: | ||
.daohang .item { | .daohang .item { | ||
| + | font-size: 16px; | ||
height: 40px; | height: 40px; | ||
line-height: 40px; | line-height: 40px; | ||
| Line 154: | Line 149: | ||
} | } | ||
| − | .daohang . | + | .daohang .caidan:hover { |
height: 264px; | height: 264px; | ||
transition: height 0.3s; | transition: height 0.3s; | ||
} | } | ||
| − | .daohang . | + | .daohang .caidan:hover+.shade { |
display: block; | display: block; | ||
} | } | ||
| − | .daohang . | + | .daohang .caidan>li.hiLight:hover { |
background-color: #ffffff; | background-color: #ffffff; | ||
} | } | ||
| − | .daohang . | + | .daohang .caidan>li:hover .nav_head { |
background-color: #EA0D04; | background-color: #EA0D04; | ||
} | } | ||
| − | .daohang . | + | .daohang .caidan>li:hover .item {} |
| Line 190: | Line 185: | ||
position: absolute; | position: absolute; | ||
width: 80px; | width: 80px; | ||
| − | height: | + | height: 3px; |
bottom: 5px; | bottom: 5px; | ||
left: 15px; | left: 15px; | ||
| Line 212: | Line 207: | ||
position: absolute; | position: absolute; | ||
width: 130px; | width: 130px; | ||
| − | height: | + | height: 3px; |
bottom: 5px; | bottom: 5px; | ||
left: 20px; | left: 20px; | ||
background-color: #f51720; | background-color: #f51720; | ||
| + | } | ||
| + | |||
| + | @media screen and (max-width: 1000px) { | ||
| + | .logo-daohang { | ||
| + | left: 5%; | ||
| + | } | ||
| + | |||
| + | .daohang .caidan { | ||
| + | right: 0; | ||
| + | } | ||
| + | } | ||
| + | |||
| + | @media screen and (max-width: 880px) { | ||
| + | |||
| + | .daohang .caidan { | ||
| + | width: 100%; | ||
| + | } | ||
| + | |||
| + | .logo-daohang { | ||
| + | display: none; | ||
| + | } | ||
| + | |||
| + | .daohang .shortName { | ||
| + | width: 15vw; | ||
| + | } | ||
| + | |||
| + | .daohang .longName { | ||
| + | width: 25vw; | ||
| + | } | ||
| + | |||
| + | .daohang .shortName .item:before { | ||
| + | display: none; | ||
| + | } | ||
| + | |||
| + | .daohang .shortName .item:hover:after { | ||
| + | display: none; | ||
| + | } | ||
| + | |||
| + | .daohang .longName .item:before { | ||
| + | display: none; | ||
| + | |||
| + | } | ||
| + | |||
| + | .daohang .longName .item:hover:after { | ||
| + | display: none; | ||
| + | } | ||
} | } | ||
</style> | </style> | ||
| Line 224: | Line 265: | ||
<a href="https://2018.igem.org/Team:HZAU-China"><img src="https://static.igem.org/mediawiki/2018/7/75/T--HZAU-China--logo-nav.png" | <a href="https://2018.igem.org/Team:HZAU-China"><img src="https://static.igem.org/mediawiki/2018/7/75/T--HZAU-China--logo-nav.png" | ||
class="logo-daohang"></a> | class="logo-daohang"></a> | ||
| − | <ul class=" | + | <ul class="caidan"> |
<li class="hiLight shortName"> | <li class="hiLight shortName"> | ||
<a class="nav_head" href="#"> | <a class="nav_head" href="#"> | ||
| Line 252: | Line 293: | ||
<a class="item" href="https://2018.igem.org/Team:HZAU-China/Software">Software</a> | <a class="item" href="https://2018.igem.org/Team:HZAU-China/Software">Software</a> | ||
</li> | </li> | ||
| − | <li class="hiLight longName | + | <li class="hiLight longName"> |
<a class="nav_head" href="#"> | <a class="nav_head" href="#"> | ||
<span>Human Practices</span> | <span>Human Practices</span> | ||
| Line 270: | Line 311: | ||
<a class="item" href="https://2018.igem.org/Team:HZAU-China/Collaborations">Collaborations</a> | <a class="item" href="https://2018.igem.org/Team:HZAU-China/Collaborations">Collaborations</a> | ||
</li> | </li> | ||
| − | <li> | + | <li class="shortName"> |
<a class="nav_head" href="https://2018.igem.org/Team:HZAU-China/Parts"> | <a class="nav_head" href="https://2018.igem.org/Team:HZAU-China/Parts"> | ||
<span>Parts</span> | <span>Parts</span> | ||
Latest revision as of 22:18, 30 September 2018