Team:Hendrix Arkansas/css/navigation bar.css

From 2014.igem.org

(Difference between revisions)
Line 17: Line 17:
#navbar a.navbar_box_text{
#navbar a.navbar_box_text{
     width: 100%; height: 100%;
     width: 100%; height: 100%;
-
     display: block;
+
     display: inline-block;
     vertical-align: middle;
     vertical-align: middle;
}
}

Revision as of 20:18, 26 August 2014

/*styling for navigation bar*/

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

}

  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: inline-block;
   vertical-align: middle;

}

  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;

}

.navbar_box:hover{

   outline: 3px solid black;

}

.navbar_box_text{ }