Difference between revisions of "Template:BioMarvel"

Line 262: Line 262:
 
hr {
 
hr {
 
color: black;
 
color: black;
}
 
 
a, a:visited, a:active, a:link {
 
text-decoration: none;
 
color: black;
 
}
 
 
.mainBox a:hover {
 
color: grey;
 
    text-decoration:none;
 
 
}
 
}
  
Line 294: Line 284:
 
margin-left: auto;
 
margin-left: auto;
 
margin-right: auto;
 
margin-right: auto;
background-color: #f8fafc;
 
background-image: url('https://static.igem.org/mediawiki/2018/2/27/T--Biomarvel--Header.jpg');
 
background-repeat: no-repeat;
 
background-size: contain;
 
 
}
 
}
  
Line 315: Line 301:
 
height: 56px;
 
height: 56px;
 
text-align: center;
 
text-align: center;
color: #bc564a;
+
color: #203864;
 
cursor: pointer;
 
cursor: pointer;
 
font-size: 50px;
 
font-size: 50px;
Line 367: Line 353:
 
#topMenu ul li {
 
#topMenu ul li {
 
list-style: none;
 
list-style: none;
color: black;
+
color: white;
 
background-color: rgba(0,0,0,0.0);
 
background-color: rgba(0,0,0,0.0);
 
line-height: 30px;
 
line-height: 30px;
Line 385: Line 371:
 
.menuLink {
 
.menuLink {
 
width: 100%
 
width: 100%
color: black;
+
color: white;
 
font-family: sans-serif;
 
font-family: sans-serif;
 
font-size: 18px;
 
font-size: 18px;
border-bottom: 2px solid #bc564a;
+
border-bottom: 2px solid white;
 
margin-right: 10px;
 
margin-right: 10px;
 
}
 
}
.menuLinkHP {
+
.topMenuLi a {
 
text-decoration: none;
 
text-decoration: none;
display: block;
+
color: white;
font-weight: bold;
+
width: 100%
+
color: black;
+
font-family: sans-serif;
+
font-size: 18px;
+
border-bottom: 2px solid #bc564a;
+
margin-right: 10px;
+
 
}
 
}
 
.topMenuUl{
 
.topMenuUl{
Line 409: Line 388:
 
}
 
}
 
.submenuLink {
 
.submenuLink {
color: black !important;
+
color: white !important;
 
margin-top: -1px;
 
margin-top: -1px;
 
text-align: left;
 
text-align: left;
Line 422: Line 401:
 
.mMenu_left{
 
.mMenu_left{
 
width: 33.33%;
 
width: 33.33%;
height: 250px;
+
height: 220px;
 
float: left;
 
float: left;
 +
background-color: #203864;
 
}
 
}
  
Line 450: Line 430:
  
 
.mMenu_left{
 
.mMenu_left{
width: 16.666%;
+
width: auto;
 
float: left;
 
float: left;
 
display: block;
 
display: block;
Line 456: Line 436:
 
#topMenu {
 
#topMenu {
 
width: 1080px;
 
width: 1080px;
 +
height: 50px;
 
display: block !important;
 
display: block !important;
 
position: relative;
 
position: relative;
 
margin-top: 20px;
 
margin-top: 20px;
 +
background-color: #203864;
 
}
 
}
  
Line 473: Line 455:
 
#topMenu ul li {
 
#topMenu ul li {
 
list-style: none;
 
list-style: none;
color: black;
+
color: white;
background-color: rgba(0,0,0,0.0);
+
background-color: #203864;
 
line-height: 30px;
 
line-height: 30px;
 
text-align: center;
 
text-align: center;
Line 485: Line 467:
 
}
 
}
 
.menuLink {
 
.menuLink {
color: black;
+
color: white;
 
font-family: sans-serif;
 
font-family: sans-serif;
font-size: 20px;
+
font-size: 16px;
 
cursor: default;
 
cursor: default;
height: 60px;
+
height: 40px;
 
text-align: center;
 
text-align: center;
 
vertical-align: middle;
 
vertical-align: middle;
padding-top: 13px;  
+
padding-top: 10px;  
margin-bottom: -13px;
+
margin-bottom: -10px;
 +
margin-left: 10px;
 +
margin-right: 20px;
 
}
 
}
 
.menuLink:hover{
 
.menuLink:hover{
color: #bc564a;
+
color: #c79e19;
}
+
.menuLinkHP {
+
text-decoration: none;
+
display: block;
+
font-weight: bold;
+
color: black;
+
font-family: sans-serif;
+
font-size: 20px;
+
cursor: default;
+
height: 60px;
+
text-align: center;
+
vertical-align: middle;
+
}
+
.menuLinkHP:hover{
+
color: #bc564a;
+
}
+
.topMenuLi:hover .submenuC{
+
border-top: solid 5px #bc564a;
+
 
}
 
}
 
.submenuLink {
 
.submenuLink {
color: black !important;
+
color: white;
 
margin-top: -1px;
 
margin-top: -1px;
text-align: center;
+
text-align: left;
 +
padding-right: 10px;
 +
padding-left: 10px;
 
}
 
}
 
.longLink {
 
.longLink {
width: 100%;
+
width: auto;
 
}
 
}
 
ul.submenuC {
 
ul.submenuC {
 
position: absolute;
 
position: absolute;
 
height: 0px;
 
height: 0px;
width: 100%;
+
width: 250px;
 
overflow: hidden;
 
overflow: hidden;
 
transition: height .2s;
 
transition: height .2s;
 
font-family: sans-serif;
 
font-family: sans-serif;
font-size: 18px;
+
font-size: 13px;
 
background-color: #f8fafc;
 
background-color: #f8fafc;
 
}
 
}
Line 541: Line 509:
 
}
 
}
 
.submenuLink:hover {
 
.submenuLink:hover {
color: #bc564a !important;
+
color: #c79e19 !important;
 
}
 
}
 
}
 
}
Line 593: Line 561:
 
</div>
 
</div>
 
<nav id="topMenu">
 
<nav id="topMenu">
<div class="mMenu_left">
+
<div class="mMenu_left" style="margin-left: 30px;">
 
<ul>
 
<ul>
 
<li class="topMenuLi">
 
<li class="topMenuLi">
<a class="menuLink">PROJECT</a>
+
<a class="menuLink">PROJECT▾</a>
 
<ul class="submenuC">
 
<ul class="submenuC">
 
<li><a class="submenuLink longLink" href="https://2018.igem.org/Team:BioMarvel/Project/Description">Description</a></li>
 
<li><a class="submenuLink longLink" href="https://2018.igem.org/Team:BioMarvel/Project/Description">Description</a></li>
Line 611: Line 579:
 
<ul>
 
<ul>
 
<li class="topMenuLi">
 
<li class="topMenuLi">
<a class="menuLink">WET LAB</a>
+
<a class="menuLink">WET LAB▾</a>
 
<ul class="submenuC">
 
<ul class="submenuC">
 
<li><a class="submenuLink longLink" href="https://2018.igem.org/Team:BioMarvel/WET_LAB/Experiments">Experiments</a></li>
 
<li><a class="submenuLink longLink" href="https://2018.igem.org/Team:BioMarvel/WET_LAB/Experiments">Experiments</a></li>
Line 624: Line 592:
 
<ul>
 
<ul>
 
<li class="topMenuLi">
 
<li class="topMenuLi">
<a class="menuLinkHP">HUMAN PRACTICES</a>
+
<a class="menuLink">HUMAN PRACTICES▾</a>
 
<ul class="submenuC">
 
<ul class="submenuC">
 
<li><a class="submenuLink longLink" href="https://2018.igem.org/Team:BioMarvel/Human_Practices/Overview">Overview</a></li>
 
<li><a class="submenuLink longLink" href="https://2018.igem.org/Team:BioMarvel/Human_Practices/Overview">Overview</a></li>
Line 637: Line 605:
 
<ul>
 
<ul>
 
<li class="topMenuLi">
 
<li class="topMenuLi">
<a class="menuLink">NOTEBOOK</a>
+
<a class="menuLink">NOTEBOOK▾</a>
 
<ul class="submenuC">
 
<ul class="submenuC">
 
<li><a class="submenuLink longLink" href="https://2018.igem.org/Team:BioMarvel/Notebook/Lab_Journal">Lab Journal</a></li>
 
<li><a class="submenuLink longLink" href="https://2018.igem.org/Team:BioMarvel/Notebook/Lab_Journal">Lab Journal</a></li>
Line 648: Line 616:
 
<ul>
 
<ul>
 
<li class="topMenuLi">
 
<li class="topMenuLi">
<a class="menuLink">PEOPLE</a>
+
<a class="menuLink">PEOPLE▾</a>
 
<ul class="submenuC">
 
<ul class="submenuC">
 
<li><a class="submenuLink longLink" href="https://2018.igem.org/ Team:BioMarvel/People/Team">Team</a></li>
 
<li><a class="submenuLink longLink" href="https://2018.igem.org/ Team:BioMarvel/People/Team">Team</a></li>
Line 660: Line 628:
 
<ul>
 
<ul>
 
<li class="topMenuLi">
 
<li class="topMenuLi">
<a class="menuLink" href="https://2018.igem.org/Team:BioMarvel/Achievement" style="cursor: pointer;">Achievement</a>
+
<a class="menuLink" href="https://2018.igem.org/Team:BioMarvel/Achievement" style="cursor: pointer;">ACHEVEMENT</a>
 +
</li>
 +
</ul>
 +
</div>
 +
<div class="mMenu_left">
 +
<ul>
 +
<li class="topMenuLi">
 +
<a class="menuLink" href="https://2018.igem.org/Team:BioMarvel/Eenterpreneurship" style="cursor: pointer;">ENTERPRENEURSHIP</a>
 
</li>
 
</li>
 
</ul>
 
</ul>

Revision as of 13:46, 29 September 2018