Team:Hendrix Arkansas/css/navigation bar.css

From 2014.igem.org

(Difference between revisions)
Line 7: Line 7:
#H_logo {
#H_logo {
 +
    background-color=red;
     position=relative;
     position=relative;
     z-index=6;
     z-index=6;
     width=60%;
     width=60%;
     height=20%;
     height=20%;
-
    background-color=red;
 
}
}

Revision as of 22:00, 28 August 2014

/*styling for navigation bar*/

  1. navbar {
   height: 40%;
   background-color: #005295;

}

  1. H_logo {
   background-color=red;
   position=relative;
   z-index=6;
   width=60%;
   height=20%;

}

img.logo {

   max-width=100%;
   max-height=100%;
   margin: auto;
   display: inline-block;

}

  1. navbar table{
   width: 100%;
   position: relative;
   top:-10px;
   margin: auto;
   border: 18px;
   background-color: #005295;

}

  1. navbar a.navbar_box_text{
   width: 100%; height: 100%;
   display: block;

}

  1. header_main{
   margin: auto;
   text-align:center;
   font-size:3.2em;
   color: #ffffff;

}

.navbar_box{

   border: 1px solid black;
   border-radius: 4px;
   margin: auto;
   height: 45px;
   width: 146px;
   text-align:center;
   font-family: Arial;
   font-size: 1.5em;
   color: #ffffff;
   background-color: #72afb6;
   vertical-align: middle;

}

.navbar_box:hover{

   outline: 3px solid black;

}

.navbar_box_text{ }