Difference between revisions of "Template:BioMarvel"
| Line 283: | Line 283: | ||
img.mTitle-logo { | img.mTitle-logo { | ||
| − | + | width: auto; | |
| − | + | margin-top: 20px; | |
| − | + | ||
} | } | ||
| Line 291: | Line 290: | ||
.mHeader{ | .mHeader{ | ||
width: auto; | width: auto; | ||
| − | max-width: | + | max-width: 1080px; |
min-width: 360px; | min-width: 360px; | ||
height: 300px; | height: 300px; | ||
| Line 298: | Line 297: | ||
margin-right: auto; | margin-right: auto; | ||
background-color: white; | background-color: white; | ||
| + | background-image: url('https://static.igem.org/mediawiki/2018/2/27/T--Biomarvel--Header.jpg'); | ||
| + | background-repeat: no-repeat; | ||
| + | background-size: contain; | ||
} | } | ||
.mHeader_logo_box{ | .mHeader_logo_box{ | ||
| − | width: | + | width: 300px; |
| − | height: | + | height: 100px; |
| − | margin-left: | + | margin-left: auto; |
| − | + | margin-right: auto; | |
| − | padding-bottom: | + | padding-bottom: 10px; |
} | } | ||
| Line 327: | Line 329: | ||
/* mobile */ | /* mobile */ | ||
| − | @media screen and (max-width: | + | @media screen and (max-width: 1079px){ |
#topMenu { | #topMenu { | ||
width: auto; | width: auto; | ||
| Line 375: | Line 377: | ||
li.topMenuLi{ | li.topMenuLi{ | ||
margin-bottom: 15px; | margin-bottom: 15px; | ||
| − | |||
| − | |||
| − | |||
} | } | ||
.submenuLink { | .submenuLink { | ||
| Line 397: | Line 396: | ||
display: inline-flex; | display: inline-flex; | ||
justify-content: center; | justify-content: center; | ||
| − | |||
| − | |||
| − | |||
} | } | ||
| Line 407: | Line 403: | ||
/* desktops */ | /* desktops */ | ||
| − | @media screen and (min-width: | + | @media screen and (min-width: 1080px) { |
.header {padding: 1% 0%;} | .header {padding: 1% 0%;} | ||
.mHeader{ | .mHeader{ | ||
| Line 416: | Line 412: | ||
#topMenu { | #topMenu { | ||
| − | width: | + | width: 1080px; |
display: block !important; | display: block !important; | ||
position: relative; | position: relative; | ||
| Line 437: | Line 433: | ||
line-height: 30px; | line-height: 30px; | ||
vertical-align: middle; | vertical-align: middle; | ||
| − | text-align: | + | text-align: center; |
position: relative; | position: relative; | ||
} | } | ||
| Line 455: | Line 451: | ||
} | } | ||
.topMenuLi:hovor .menuLink { | .topMenuLi:hovor .menuLink { | ||
| − | color: # | + | color: #bc564a !important; |
| + | } | ||
| + | .topMenuLi:hover .mMenu_left{ | ||
| + | border-bottom: solid 3px #bc564a; | ||
} | } | ||
.submenuLink { | .submenuLink { | ||
| Line 480: | Line 479: | ||
} | } | ||
.submenuLink:hover { | .submenuLink:hover { | ||
| − | color: # | + | color: #bc564a !important; |
} | } | ||
.mMenu_left{ | .mMenu_left{ | ||
| − | width: | + | width: 16.66%; |
float: left; | float: left; | ||
display: inline-flex; | display: inline-flex; | ||
| Line 537: | Line 536: | ||
<header class="mHeader"> | <header class="mHeader"> | ||
<div class="mHeader_logo_box"> | <div class="mHeader_logo_box"> | ||
| − | <a href="https://2018.igem.org/Team:BioMarvel"><img class="mTitle-logo" src="https://static.igem.org/mediawiki/2018/e/ec/ | + | <a href="https://2018.igem.org/Team:BioMarvel"><img class="mTitle-logo" src="https://static.igem.org/mediawiki/2018/archive/e/ec/20180918033248%21T--Biomarvel--TitleLogo.png" herf="https://2018.igem.org/Team:BioMarvel"></a> |
<button class="mBtn-menu">≡</button> | <button class="mBtn-menu">≡</button> | ||
</div> | </div> | ||
| Line 554: | Line 553: | ||
</ul> | </ul> | ||
</li> | </li> | ||
| + | </ul> | ||
| + | </div> | ||
| + | <div class="mMenu_left"> | ||
| + | <ul> | ||
<li class="topMenuLi"> | <li class="topMenuLi"> | ||
<a class="menuLink">WET LAB</a> | <a class="menuLink">WET LAB</a> | ||
| Line 563: | Line 566: | ||
</ul> | </ul> | ||
</li> | </li> | ||
| + | </ul> | ||
| + | </div> | ||
| + | <div class="mMenu_left"> | ||
| + | <ul> | ||
<li class="topMenuLi"> | <li class="topMenuLi"> | ||
<a class="menuLink">HUMAN PRACTICES</a> | <a class="menuLink">HUMAN PRACTICES</a> | ||
| Line 572: | Line 579: | ||
</ul> | </ul> | ||
</li> | </li> | ||
| + | </ul> | ||
| + | </div> | ||
| + | <div class="mMenu_left"> | ||
| + | <ul> | ||
<li class="topMenuLi"> | <li class="topMenuLi"> | ||
<a class="menuLink">NOTEBOOK</a> | <a class="menuLink">NOTEBOOK</a> | ||
| Line 579: | Line 590: | ||
</ul> | </ul> | ||
</li> | </li> | ||
| + | </ul> | ||
| + | </div> | ||
| + | <div class="mMenu_left"> | ||
| + | <ul> | ||
<li class="topMenuLi"> | <li class="topMenuLi"> | ||
<a class="menuLink">PEOPLE</a> | <a class="menuLink">PEOPLE</a> | ||
| Line 587: | Line 602: | ||
</ul> | </ul> | ||
</li> | </li> | ||
| + | </ul> | ||
| + | </div> | ||
| + | <div class="mMenu_left"> | ||
| + | <ul> | ||
<li class="topMenuLi"> | <li class="topMenuLi"> | ||
<a class="menuLink" href="https://2018.igem.org/Team:BioMarvel/Achievement">Achievement</a> | <a class="menuLink" href="https://2018.igem.org/Team:BioMarvel/Achievement">Achievement</a> | ||
Revision as of 04:13, 18 September 2018
