"

From 2014.igem.org

Revision as of 22:20, 11 October 2014 (view source) NBeggs (Talk | contribs) ← Older edit		Revision as of 22:52, 11 October 2014 (view source) NBeggs (Talk | contribs) Newer edit →
Line 2:		Line 2:
	#navbar {		#navbar {
-	height: 40%;	+	height: 22%;
	background-color: #005295;		background-color: #005295;
	}		}
Line 8:		Line 8:
	#H_logo {		#H_logo {
	background-color=red;		background-color=red;
-	position=relative;	+	margin-left: 5%;
		+	margin-right: auto;
	z-index=6;		z-index=6;
-	width=60%;	+	width=20%;
-	height=20%;	+	height=100%;
	}		}
Line 21:		Line 22:
	}		}
-	#navbar table{	+	#navbar_table{
-	width: 100%;	+	width: 60%;
-	position: relative;	+	margin-left: 5%;
-	top:-10px;	+	margin-right: 5%;
-	margin: auto;	+
	border: 18px;		border: 18px;
	background-color: #005295;		background-color: #005295;
	}		}
-	#navbar a.navbar_box_text{	+	#navbar_menu_item{
		+
		+
		+	#navbar_table a.navbar_box_text{
	width: 100%; height: 100%;		width: 100%; height: 100%;
	display: block;		display: block;

---

Revision as of 22:52, 11 October 2014

/*styling for navigation bar*/

1. navbar {

   height: 22%;
   background-color: #005295;

}

1. H_logo {

   background-color=red;
   margin-left: 5%;
   margin-right: auto;
   z-index=6;
   width=20%;
   height=100%;

}

img.logo {

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

}

1. navbar_table{

   width: 60%;
   margin-left: 5%;
   margin-right: 5%;
   border: 18px;
   background-color: #005295;

}

1. navbar_menu_item{

1. navbar_table 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: 0px;
   margin: auto;
   height: 45px;
   width: 146px;
   text-align:center;
   font-family: Arial;
   font-size: 1.5em;
   color: #000000;
   background-color: #72afb6;
   vertical-align: middle;

}

.navbar_box:hover{

   outline: 3px solid black;

}

.navbar_box_text{ }