Team:Hendrix Arkansas/css/navigation bar.css
From 2014.igem.org
/*styling for navigation bar*/
- navbar {
height: 60px; width: 100%; background-color: rgba(0,82,149,0.2); position:fixed; top: 20px; overflow: visible;
}
- navbar_bg {
height: 60px; width: 100%; background-color: #005295; position:fixed; top: 20px;
}
- navbar_spacer {
position: relative; height: 200px; width: 100%;
}
- H_logo {
background-color: #005295; margin-left: 0%; margin-right: auto; margin-top: auto; margin-bottom: auto; z-index=6; width=20%; height=100%; float: left;
}
img.logo {
max-width=100%; max-height=100%; margin: auto; display: inline-block;
}
- navbar_table{
width: 60%; margin-left: 5%; margin-right: 5%; margin-top: auto; margin-bottom: auto; border: 18px; background-color: rgba(0,0,0,0); float: right; display: inline-block;
}
.navbar_menu_item, div.dropdown_parent{
width: 23%; height: 100%; float: left; background-color: #72afb6; text-align: center; font-family: Arial; font-size: 1.3em; color: #000000; margin: 1%; display: inline-block;
}
.navbar_menu_item:hover, div.dropdown_parent:hover{
outline: 3px solid black;
}
.dropdown{
display: none;
}
div.dropdown_parent:hover ul.dropdown{
display: block; text-align: left;
}
div.dropdown_parent:hover{
color: #338800;
}
.navbar_box_text{
font-family: Arial; font-size: 1.1em; color: #000000;
}
- header_main{
margin: auto; text-align:center; font-size:2.2em; color: #ffffff;
}