"

From 2014.igem.org

Revision as of 22:59, 11 October 2014 (view source) NBeggs (Talk | contribs) ← Older edit		Latest revision as of 17:51, 17 October 2014 (view source) NBeggs (Talk | contribs)
(59 intermediate revisions not shown)
Line 2:		Line 2:
	#navbar {		#navbar {
-	height: 22%;	+	height: 60px;
		+	width: 100%;
		+	background-color: rgba(0,82,149,0.2);
		+	position:fixed;
		+	top: 20px;
		+	overflow: visible;
		+	}
		+
		+	#navbar_bg {
		+	height: 60px;
		+	width: 100%;
	background-color: #005295;		background-color: #005295;
		+	position:fixed;
		+	top: 20px;
		+	}
		+
		+	#navbar_spacer {
		+	position: relative;
		+	height: 140px;
		+	width: 100%;
	}		}
	#H_logo {		#H_logo {
-	background-color=red;	+	background-color: #005295;
-	margin-left: 5%;	+	margin-left: 0%;
	margin-right: auto;		margin-right: auto;
		+	margin-top: auto;
		+	margin-bottom: auto;
	z-index=6;		z-index=6;
-	width=20%;	+	width=60%;
	height=100%;		height=100%;
	float: left;		float: left;
		+	}
		+
		+	#H_logo div {
		+	float: left;
		+	margin-top: 5px;
		+	margin-bottom: auto;
		+	margin-left: 8px;
		+	margin-right: 8px;
		+	}
		+
		+	#IGEM_logo {
		+	float: right;
	}		}
Line 27:		Line 59:
	margin-left: 5%;		margin-left: 5%;
	margin-right: 5%;		margin-right: 5%;
		+	margin-top: auto;
		+	margin-bottom: auto;
	border: 18px;		border: 18px;
-	background-color: #005295;	+	background-color: rgba(0,0,0,0);
	float: right;		float: right;
		+	display: inline-block;
	}		}
-	#navbar_menu_item{	+	.navbar_menu_item, div.dropdown_parent{
-		+	width: 23%;
		+	height: 100%;
		+	float: left;
		+	background-color: #72afb6;
		+	text-align: center;
		+	font-family: Arial;
		+	font-size: 1.3em;
		+	color: #000000;
		+	margin: 1%;
		+	display: inline-block;
		+	}
-	#navbar_table a.navbar_box_text{	+	.navbar_menu_item:hover, div.dropdown_parent:hover{
-	width: 100%; height: 100%;	+	outline: 3px solid black;
-	display: block;	+
	}		}
-	#header_main{	+	.dropdown{
-	margin: auto;	+	display: none;
-	text-align:center;	+
-	font-size:3.2em;	+
-	color: #ffffff;	+
	}		}
-	.navbar_box{	+	div.dropdown_parent:hover ul.dropdown{
-	border: 1px solid black;	+	display: block;
-	border-radius: 0px;	+	text-align: left;
-	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{	+	div.dropdown_parent:hover{
-	outline: 3px solid black;	+	color: #338800;
	}		}
	.navbar_box_text{		.navbar_box_text{
		+	font-family: Arial;
		+	font-size: 1.1em;
		+	color: #000000;
		+	}
		+
		+	#header_main{
		+	margin: auto;
		+	text-align:center;
		+	font-size:2.2em;
		+	color: #ffffff;
	}		}

---

Latest revision as of 17:51, 17 October 2014

/*styling for navigation bar*/

1. navbar {

   height: 60px;
   width: 100%;
   background-color: rgba(0,82,149,0.2);
   position:fixed;
   top: 20px;
   overflow: visible;

}

1. navbar_bg {

   height: 60px;
   width: 100%;
   background-color: #005295;
   position:fixed;
   top: 20px;

}

1. navbar_spacer {

   position: relative;
   height: 140px;
   width: 100%;

}

1. H_logo {

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

}

1. H_logo div {

   float: left;
   margin-top: 5px;
   margin-bottom: auto;
   margin-left: 8px;
   margin-right: 8px;

}

1. IGEM_logo {

   float: right;

}

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: rgba(0,0,0,0);
   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.3em;
   color: #000000;
   margin: 1%;
   display: inline-block;

}

.navbar_menu_item:hover, div.dropdown_parent:hover{

   outline: 3px solid black;

}

.dropdown{

   display: none;

}

div.dropdown_parent:hover ul.dropdown{

   display: block;
   text-align: left;

}

div.dropdown_parent:hover{

   color: #338800;

}

.navbar_box_text{

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

}

1. header_main{

   margin: auto;
   text-align:center;
   font-size:2.2em;
   color: #ffffff;

}