"

From 2014.igem.org

Revision as of 01:16, 14 October 2014 (view source) NBeggs (Talk | contribs) ← Older edit		Revision as of 12:56, 15 October 2014 (view source) NBeggs (Talk | contribs) Newer edit →
Line 37:		Line 37:
	}		}
-	.navbar_menu_item{	+	.navbar_menu_item, div.dropdown_parent{
	width: 23%;		width: 23%;
	height: 100%;		height: 100%;
Line 43:		Line 43:
	background-color: #72afb6;		background-color: #72afb6;
	text-align: center;		text-align: center;
		+	font-family: Arial;
		+	font-size: 1.5em;
		+	color: #000000;
	margin: 1%;		margin: 1%;
	display: inline-block;		display: inline-block;
Line 49:		Line 52:
	.dropdown{		.dropdown{
	display: none;		display: none;
-	}
-
-	div.dropdown_parent{
-	font-family: Arial;
-	font-size: 1.5em;
-	color: #000000;
-	width: 23%;
-	height: 100%;
-	float: left;
-	background-color: #72afb6;
-	text-align: center;
-	margin: 1%;
-	display: inline-block;
	}		}

---

Revision as of 12:56, 15 October 2014

/*styling for navigation bar*/

1. navbar {

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

}

1. H_logo {

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

}

img.logo {

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

}

1. navbar_table{

   width: 60%;
   margin-left: 5%;
   margin-right: 5%;
   margin-top: auto;
   margin-bottom: auto;
   border: 18px;
   background-color: #005295;
   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.5em;
   color: #000000;
   margin: 1%;
   display: inline-block;

}

.dropdown{

   display: none;

}

div.dropdown_parent:hover ul.dropdown{

   display: block;

}

div.dropdown_parent:hover{

   color: #338800;

}

.navbar_box_text{

   font-family: Arial;
   font-size: 1.5em;
   color: #000000;

}

1. header_main{

   margin: auto;
   text-align:center;
   font-size:2.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;

}