Team:Hendrix Arkansas/css/navigation bar.css

From 2014.igem.org

(Difference between revisions)

Latest revision as of 17:51, 17 October 2014

/*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: 140px;
   width: 100%;

}

H_logo {

   background-color: #005295;
   margin-left: 0%;
   margin-right: auto;
   margin-top: auto;
   margin-bottom: auto;
   z-index=6;
   width=60%;
   height=100%;
   float: left;

}

H_logo div {

   float: left;
   margin-top: 5px;
   margin-bottom: auto;
   margin-left: 8px;
   margin-right: 8px;

}

IGEM_logo {

   float: right;

}

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;

}