Difference between revisions of "Template:BioMarvel"

Line 2: Line 2:
 
<head>
 
<head>
 
<meta charset="UTF-8">
 
<meta charset="UTF-8">
 +
  
 
<script>
 
<script>
Line 48: Line 49:
 
</script>
 
</script>
  
−
/***********************************************************************************/
+
 
 +
/*******************************************************************************/
 +
 
  
 
<style type="text/css">
 
<style type="text/css">
Line 94: Line 97:
 
width: 20%;
 
width: 20%;
 
margin-top: 10px;
 
margin-top: 10px;
 +
}
 +
 +
/*************** MENU *************/
 +
.mHeader{
 +
width: 1280px;
 +
height: 300px;
 +
padding: 2% 0%;
 +
margin-left: auto;
 +
margin-right: auto;
 +
background-color: white;
 +
}
 +
 +
.mHeader_logo_box{
 +
}
 +
 +
.mLogo {
 +
width: 196px;
 +
height: 77px;
 +
float: left;
 +
background: url(https://2018.igem.org/File:T--Biomarvel--Logo.png) center center no-repeat;
 +
font-size: 0;
 +
margin-left:2%;
 +
}
 +
 +
#topMenu{
 +
width: 100%;
 +
padding: 2% 0%;
 +
border-top: solid 1px skyblue;
 +
margin-top: 20px;
 +
}
 +
#topMenu a {
 +
text-decoration: none;
 +
}
 +
#topMenu ul {
 +
list-style-type: none;
 +
margin: 0px;
 +
padding: 0px;
 +
}
 +
#topMenu ul li {
 +
list-style: none;
 +
color: black;
 +
background-color: rgba(0,0,0,0.0);
 +
float: left;
 +
line-height: 30px;
 +
vertical-align: middle;
 +
text-align: left;
 +
position: relative;
 +
}
 +
.menuLink, .submenuLink {
 +
text-decoration: none;
 +
display: block;
 +
font-weight: bold;
 +
}
 +
.menuLink {
 +
color: black;
 +
font-family: sans-serif;
 +
font-size: 150%;
 +
}
 +
 +
.topMenuLi:hovor .menuLink {
 +
color: #888888 !important;
 +
}
 +
.submenuLink {
 +
color: black !important;
 +
margin-top: -1px;
 +
text-align: left;
 +
}
 +
.longLink {
 +
width: 250px;
 +
}
 +
.submenuC {
 +
position: absolute;
 +
height: 0px;
 +
overflow: hidden;
 +
transition: height .2s;
 +
font-family: sans-serif;
 +
font-size: 120%;
 +
}
 +
.submenuC a {
 +
text-decoration: none;
 +
}
 +
.topMenuLi:hover .submenuC {
 +
height: 250px;
 +
}
 +
.submenuLink:hover {
 +
color: #888888 !important;
 +
}
 +
 +
.mMenu_left{
 +
width: 45%;
 +
float: left;
 +
}
 +
 +
.mMenu_logo{
 +
width: 10%;
 +
float: left;
 +
}
 +
 +
.mMenu_right{
 +
width: 45%;
 +
float: right;
 
}
 
}
  

Revision as of 04:06, 10 September 2018

/*******************************************************************************/