Team:Hendrix Arkansas/css/navigation bar.css

From 2014.igem.org

(Difference between revisions)
Line 8: Line 8:
#logo {
#logo {
     width=60%;
     width=60%;
 +
    height=20%;
 +
}
 +
 +
#logo img {
 +
    width=20%;
     height=20%;
     height=20%;
}
}

Revision as of 22:16, 27 August 2014

/*styling for navigation bar*/

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

}

  1. logo {
   width=60%;
   height=20%;

}

  1. logo img {
   width=20%;
   height=20%;

}

  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{ }