Difference between revisions of "Template:HZAU-China"
ShuguangWang (Talk | contribs) |
ShuguangWang (Talk | contribs) |
||
| Line 45: | Line 45: | ||
} | } | ||
| − | . | + | .daohang { |
position: absolute; | position: absolute; | ||
| − | top: | + | top: 0px; |
margin: 0 8px; | margin: 0 8px; | ||
width: 95%; | width: 95%; | ||
| Line 61: | Line 61: | ||
} | } | ||
| − | . | + | .logo-daohang{ |
| + | height: 64px; | ||
| + | left: 10%; | ||
| + | float: left; | ||
| + | position: relative; | ||
| + | } | ||
| + | |||
| + | .daohang a { | ||
display: block; | display: block; | ||
font-family: Arial, Verdana, Sans-serif; | font-family: Arial, Verdana, Sans-serif; | ||
| Line 67: | Line 74: | ||
} | } | ||
| − | . | + | .daohang .shade { |
position: absolute; | position: absolute; | ||
width: 100%; | width: 100%; | ||
| Line 81: | Line 88: | ||
} | } | ||
| − | . | + | .daohang .daohang_list { |
position: absolute; | position: absolute; | ||
top: 0; | top: 0; | ||
| Line 94: | Line 101: | ||
} | } | ||
| − | . | + | .daohang .daohang_list>li { |
padding: 0; | padding: 0; | ||
float: left; | float: left; | ||
| Line 102: | Line 109: | ||
} | } | ||
| − | . | + | .daohang .daohang_list .shortName { |
width: 13%; | width: 13%; | ||
} | } | ||
| − | . | + | .daohang .daohang_list .longName { |
width: 20%; | width: 20%; | ||
} | } | ||
| − | . | + | .daohang .daohang_list .dandian{ |
width:10%; | width:10%; | ||
} | } | ||
| − | . | + | .daohang .daohang_head { |
height: 64px; | height: 64px; | ||
line-height: 64px; | line-height: 64px; | ||
| Line 121: | Line 128: | ||
} | } | ||
| − | . | + | .daohang .daohang_first { |
margin-right: 5px; | margin-right: 5px; | ||
} | } | ||
| − | . | + | .daohang .hiLight .xsjPic { |
display: inline-block; | display: inline-block; | ||
width: 10px; | width: 10px; | ||
| Line 134: | Line 141: | ||
} | } | ||
| − | . | + | .daohang .hiLight .xjtPic { |
display: inline-block; | display: inline-block; | ||
width: 10px; | width: 10px; | ||
| Line 143: | Line 150: | ||
} | } | ||
| − | . | + | .daohang .item { |
font-size: 16px; | font-size: 16px; | ||
height: 40px; | height: 40px; | ||
| Line 151: | Line 158: | ||
} | } | ||
| − | . | + | .daohang .shortName .item:before { |
content: ''; | content: ''; | ||
display: block; | display: block; | ||
| Line 162: | Line 169: | ||
} | } | ||
| − | . | + | .daohang .shortName .item:hover:after { |
content: ''; | content: ''; | ||
display: block; | display: block; | ||
| Line 173: | Line 180: | ||
} | } | ||
| − | . | + | .daohang .longName .item:before { |
content: ''; | content: ''; | ||
display: block; | display: block; | ||
| Line 184: | Line 191: | ||
} | } | ||
| − | . | + | .daohang .longName .item:hover:after { |
content: ''; | content: ''; | ||
display: block; | display: block; | ||
| Line 195: | Line 202: | ||
} | } | ||
| − | . | + | .daohang .daohang_list:hover { |
height: 234px; | height: 234px; | ||
transition: height 0.3s; | transition: height 0.3s; | ||
} | } | ||
| − | . | + | .daohang .daohang_list:hover+.shade { |
display: block; | display: block; | ||
} | } | ||
| − | . | + | .daohang .daohang_list>li.hiLight:hover { |
background-color: #ffffff; | background-color: #ffffff; | ||
} | } | ||
| − | . | + | .daohang .daohang_list>li:hover .daohang_head, |
| − | . | + | .daohang .daohang_list>li.active .daohang_head { |
background-color: #0B3C38; | background-color: #0B3C38; | ||
} | } | ||
| Line 216: | Line 223: | ||
<body> | <body> | ||
| − | <nav class="nav"> | + | <nav class="daohang"> |
| − | <ul class=" | + | <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> |
| + | <ul class="daohang_list"> | ||
<li class="hiLight shortName"> | <li class="hiLight shortName"> | ||
| − | <a class=" | + | <a class="daohang_head" href="https://2018.igem.org/Team:HZAU-China"> |
| − | <span class=" | + | <span class="daohang_first">Project</span> |
<span class="xsjPic"></span> | <span class="xsjPic"></span> | ||
</a> | </a> | ||
| Line 229: | Line 237: | ||
</li> | </li> | ||
<li class="hiLight shortName"> | <li class="hiLight shortName"> | ||
| − | <a class=" | + | <a class="daohang_head" href="https://2018.igem.org/Team:HZAU-China/Experiments"> |
| − | <span class=" | + | <span class="daohang_first">Wetlab</span> |
<span class="xjtPic"></span> | <span class="xjtPic"></span> | ||
</a> | </a> | ||
| Line 238: | Line 246: | ||
</li> | </li> | ||
<li class="hiLight shortName"> | <li class="hiLight shortName"> | ||
| − | <a class=" | + | <a class="daohang_head" href="https://2018.igem.org/Team:HZAU-China/Model"> |
| − | <span class=" | + | <span class="daohang_first">Drylab</span> |
<span class="xjtPic"></span> | <span class="xjtPic"></span> | ||
</a> | </a> | ||
| Line 246: | Line 254: | ||
</li> | </li> | ||
<li class="hiLight longName"> | <li class="hiLight longName"> | ||
| − | <a class=" | + | <a class="daohang_head" href="https://2018.igem.org/Team:HZAU-China/Human_Practices"> |
| − | <span class=" | + | <span class="daohang_first">Human Practices</span> |
<span class="xjtPic"></span> | <span class="xjtPic"></span> | ||
</a> | </a> | ||
| Line 254: | Line 262: | ||
</li> | </li> | ||
<li class="hiLight shortName"> | <li class="hiLight shortName"> | ||
| − | <a class=" | + | <a class="daohang_head" href="https://2018.igem.org/Team:HZAU-China/Team"> |
| − | <span class=" | + | <span class="daohang_first">Team</span> |
<span class="xjtPic"></span> | <span class="xjtPic"></span> | ||
</a> | </a> | ||
| − | <a class="item" href="https://2018.igem.org/Team:HZAU-China/Team"> | + | <a class="item" href="https://2018.igem.org/Team:HZAU-China/Team">Team</a> |
<a class="item" href="https://2018.igem.org/Team:HZAU-China/Attributions">Attributions</a> | <a class="item" href="https://2018.igem.org/Team:HZAU-China/Attributions">Attributions</a> | ||
<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 class="dandian"> | <li class="dandian"> | ||
| − | <a class=" | + | <a class="daohang_head" href="https://2018.igem.org/Team:HZAU-China/Parts"> |
<span>Parts</span> | <span>Parts</span> | ||
</a> | </a> | ||
</li> | </li> | ||
<li class="dandian"> | <li class="dandian"> | ||
| − | <a class=" | + | <a class="daohang_head" href="https://2018.igem.org/Team:HZAU-China/Safety"> |
<span>Safety</span> | <span>Safety</span> | ||
</a> | </a> | ||
Revision as of 17:01, 27 September 2018