Difference between revisions of "Template:BioMarvel"

(Undo revision 125497 by Csw2669 (talk))
Line 69: Line 69:
 
/**************************************************************************************************************************************************************************************************/
 
/**************************************************************************************************************************************************************************************************/
  
−
/*this wraps the whole of the menu*/
+
                #topMenu {
−
.igem_2018_team_menu {  
+
height : 180px;
−
background-color:#c4baba;  
+
width: 950px;
−
border-left: 1px solid #c4baba;
+
margin-left: 50px;
−
display:block;
+
margin-top: 20px;
−
float:right;  
+
}
−
height:100vh;
+
#topMenu ul {
−
max-width: 270px;
+
list-style-type: none;
−
overflow-y: auto;
+
margin: 0px;
−
overflow-x: hidden;
+
padding: 0px;
−
padding:0px;
+
}
−
position:fixed;  
+
#topMenu ul li {
−
right:0%;
+
list-style: none;
−
text-align:left;
+
color: black !important;
−
width: 15%;  
+
background-color: rgba(0,0,0,0.0);
−
}
+
float: left;
−
 
+
line-height: 30px;
−
 
+
vertical-align: middle;
−
.igem_2018_team_menu.displaying_menu{
+
text-align: left;
−
display:block;
+
position: relative;
−
}
+
}
−
 
+
.menuLink, .submenuLink {
−
.igem_2018_team_menu  a {
+
text-decoration: none;
−
color: #484848;
+
display: block;
−
text-decoration:none;
+
width: 100px;
−
}
+
font-size: 12px;
−
 
+
font-weight: bold;
−
.igem_2018_team_menu img {
+
padding-left: 5px;  
−
width:100%;
+
}
−
}
+
.menuLink {
−
 
+
color: black !important;
−
 
+
margin-left: 5px;
−
.igem_2018_team_menu .menu_item {
+
}
−
    background-color: #c4baba;
+
.topMenuLi:hovor .menuLink {
−
    border-bottom: 1px solid #928b8b;
+
color: #888888 !important;
−
    clear: both;
+
}
−
color: #484848;
+
.submenuLink {
−
    cursor: pointer;
+
color: black !important;
−
float: left;
+
margin-top: -1px;
−
    font-size: 120%;
+
text-align: left;
−
    font-weight: bold;
+
}
−
    padding: 15px 0px 15px 5%;
+
.longLink {
−
  width: 100%;
+
width: 100px;
−
}
+
}
−
 
+
.submenu {
−
.igem_2018_team_menu .menu_item.direct_link {
+
position: absolute;
−
color: #484848;
+
height: 0px;
−
padding-left: 15%;
+
overflow: hidden;
−
}
+
transition: height .2s;
−
.igem_2018_team_menu .menu_item:hover {
+
}
−
background-color: #ecb656;
+
.topMenuLi:hover .submenu {
−
}
+
height: 250px;
−
 
+
}
−
 
+
.submenuLink:hover {
−
.igem_2018_team_menu .menu_item .submenu_control_icon {
+
color: #888888 !important;
−
color: #484848;
+
}
−
float: left;
+
−
width: 10%;
+
−
}
+
−
 
+
−
/* submenu icon "+"  "-"*/
+
−
.igem_2018_team_menu .menu_item .submenu_control_icon::before {
+
−
content: "+";  
+
−
}
+
−
 
+
−
/* submenu icon "+"  "-"*/
+
−
.igem_2018_team_menu .menu_item .submenu_control_icon.open::before {
+
−
content: "-";
+
−
}
+
−
 
+
−
/*submenu wrapper*/
+
−
.igem_2018_team_menu .submenu{
+
−
background-color: #e4dede;
+
−
clear:both;
+
−
display:none;
+
−
float: left;
+
−
width:100%;
+
−
}
+
−
 
+
−
/*styling for a submenu item*/
+
−
.igem_2018_team_menu .submenu .submenu_item {
+
−
border-bottom: 1px solid #c4baba;
+
−
  color: #635d5d;
+
−
    height: 30px;
+
−
  float: left;
+
−
    font-size: 110%;
+
−
font-weight: bold;
+
−
    padding: 12px 0px 0px 15%;
+
−
    width: 100%;
+
−
}
+
−
 
+
−
.igem_2018_team_menu .submenu .submenu_item:hover {
+
−
background-color: #f3bd5d;
+
−
}
+
−
 
+
−
 
+
−
.igem_2018_team_menu .submenu .submenu_item.current_page,
+
−
.igem_2018_team_menu .menu_item.current_page,
+
−
.igem_2018_team_menu .menu_item.direct_link.current_page {
+
−
background-color:#7acbd8;
+
−
}
+
−
 
+
  
  
Line 510: Line 464:
 
<!-- This tells the browser that your page is responsive -->
 
<!-- This tells the browser that your page is responsive -->
 
<meta name="viewport" content="width=device-width, initial-scale=1">  
 
<meta name="viewport" content="width=device-width, initial-scale=1">  
−
<style>
+
−
#topMenu {
+
−
height : 180px;
+
−
width: 950px;
+
−
                        margin-left: 50px;
+
−
                        margin-top: 20px;
+
−
}
+
−
#topMenu ul {
+
−
list-style-type: none;
+
−
margin: 0px;
+
−
padding: 0px;
+
−
}
+
−
#topMenu ul li {
+
−
list-style: none;
+
−
color: black !important;
+
−
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;
+
−
width: 100px;
+
−
font-size: 12px;
+
−
font-weight: bold;
+
−
padding-left: 5px;
+
−
}
+
−
.menuLink {
+
−
color: black !important;
+
−
margin-left: 5px;
+
−
}
+
−
.topMenuLi:hovor .menuLink {
+
−
color: #888888 !important;
+
−
}
+
−
.submenuLink {
+
−
color: black !important;
+
−
margin-top: -1px;
+
−
text-align: left;
+
−
}
+
−
.longLink {
+
−
width: 100px;
+
−
}
+
−
.submenu {
+
−
position: absolute;
+
−
height: 0px;
+
−
overflow: hidden;
+
−
transition: height .2s;
+
−
}
+
−
.topMenuLi:hover .submenu {
+
−
height: 250px;
+
−
}
+
−
.submenuLink:hover {
+
−
color: #888888 !important;
+
−
}
+
−
</style>
+
 
</head>
 
</head>
  

Revision as of 14:33, 4 September 2018