"

From 2012.igem.org

Revision as of 18:28, 19 May 2012 (view source) MaartenR (Talk | contribs) ← Older edit		Latest revision as of 22:56, 19 May 2012 (view source) MaartenR (Talk | contribs)
(14 intermediate revisions not shown)
Line 3:		Line 3:
	font-family: Arial, Helvetica, sans-serif;		font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;		font-size: 11px;
-	background-color: white;	+	Background: white;
-	}	+
-		+
-	/* Hide useless iGEM default header */	+
-		+
-	div#top-section{ /*the div containing the entire top bar*/	+
-		+
-	height: 20px;	+
-	margin-left: auto;	+
-	margin-right: auto;	+
-	margin-bottom: 0px !important;	+
-	margin-top: -14px;	+
-	padding:0px 0px 0px 0px;;	+
-	border: none;	+
-	width: 100%;	+
-	background: none;	+
-	color: black;	+
-	position:absolute;	+
-	}	+
-		+
-	#p-logo { /*the header image*/	+
-	height:0px;	+
-	overflow:hidden;	+
-	border:none;	+
-	}	+
-		+
-	#content{	+
-	margin-top: 14px;	+
-	}	+
-		+
-	#search-controls {	+
-	overflow:hidden;	+
-	display:none;	+
-	background: none;	+
-	position: absolute;	+
-	top: 170px;	+
-	right: 40px;	+
-	}	+
-		+
-		+
-	div#header {	+
-	width: 975px;	+
-	text-align: left;	+
-	margin-left: auto;	+
-	margin-right: auto;	+
-	margin-bottom: 0px !important;	+
-	}	+
-		+
-	#menubar {	+
-	position: absolute;	+
-	background: none;	+
-	color: black;	+
-	}	+
-		+
-	.left-menu, .right-menu{	+
-	position: absolute;	+
-	background: none;	+
-	color: white;	+
-	}	+
-		+
-	.left-menu li, .right-menu li a {	+
-	color: transparent !important;	+
-	}	+
-		+
-		+
-	.left-menu ul li, .right-menu ul li a{	+
-	background: none;	+
-	color: white;	+
-	}	+
-		+
-	.right-menu li a:hover, .right-menu li a:visited, .right-menu li a:active {	+
-	color: white !important;	+
	}		}
Line 81:		Line 10:
	background-color: white;		background-color: white;
	width: 100%;		width: 100%;
-	margin-right: 0em;	+	margin-right: auto;
-	margin-left: 0em;	+	margin-left: auto;
-	margin-top: -10em;	+	margin-top: auto;
	text-align: left;		text-align: left;
		+
	}		}
	#header-left{		#header-left{
Line 110:		Line 40:
	float: left;		float: left;
	height: 25px;		height: 25px;
-	width: 75%;	+	width: 70%;
	border: 1px solid black;		border: 1px solid black;
	text-align: center;		text-align: center;
Line 117:		Line 47:
	#centerContent {		#centerContent {
	float: left;		float: left;
-	width: 75%;	+	width: 70%;
	border: 1px solid black;		border: 1px solid black;
-	background-color: grey;	+	background-color: white;
	}		}
	#rightContent {		#rightContent {
-	float: right;	+	float: left;
-	width: 20%;	+	width: 27%;
		+	margin-left: 10px;
	background-color: white;		background-color: white;
	}		}
	#footer {		#footer {
	font-size: 10px;		font-size: 10px;
-	height: 14px;
	width: 100%;		width: 100%;
	clear:both;		clear:both;
-	text-align: center;	+	height: 100px;
-	background-color: white;	+	margin-top: 10px;
		+	text-align: left;
		+	background-color: grey;
	}		}

---

Latest revision as of 22:56, 19 May 2012

body { text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 11px; Background: white; }

/*Defining the columns */

1. total {

background-color: white; width: 100%; margin-right: auto; margin-left: auto; margin-top: auto; text-align: left;

}

1. header-left{

float: left; height: 150px; width: 25%; text-align: center; background-color: white; }

1. header-middle{

float: left; height: 150px; width: 50%; text-align: center; background-color: white; }

1. header-right{

float: left; height: 150px; width: 25%; text-align: center; background-color: white; }

1. menu {

float: left; height: 25px; width: 70%; border: 1px solid black; text-align: center; background-color: black; }

1. centerContent {

float: left; width: 70%; border: 1px solid black; background-color: white; }

1. rightContent {

float: left; width: 27%; margin-left: 10px; background-color: white; }

1. footer {

font-size: 10px; width: 100%; clear:both; height: 100px; margin-top: 10px; text-align: left; background-color: grey; }

/* Text styles */ p { padding: 0px; margin-top: 5px; margin-right: 0px; margin-bottom: 7px; margin-left: 0px; } h3 { font-size: 36px; font-weight: bold; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; } m1 { font-size: 36px; font-weight: bold; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; }

/* Menu */

1. nav, #nav ul2{

    margin:0;
    padding:0;
    list-style-type:none;
    list-style-position:outside;
    position:relative;
    line-height:2em;
}
#nav a:link, #nav a:active, #nav a:visited{
   display:block;
   padding:0em 0.5em;
   color:white;
   text-decoration:none;
   background-color:black;
}

1. nav a:hover{

   background-color:black;
   color:white;

}

1. nav li2{

   float:left;
   position:relative;
   width: 8em;

}

1. nav ul2 {

   position:absolute;
   width:8em;
   display:none;

}

1. nav li2 ul2 a{

   width:100%;
   border:1px solid black;
   float:left;

}

1. nav ul2 ul2{

   top:auto;

}

1. nav li2 ul2 ul2 {

   top: 0.5em;
   left:8em;
   margin:0em 0 0 1em;
   }

1. nav li2:hover ul2 ul2, #nav li2:hover ul2 ul2 ul2, #nav li2:hover ul2 ul2 ul2 ul2{

   display:none;
   }

1. nav li2:hover ul2, #nav li2 li2:hover ul2, #nav li2 li2 li2:hover ul2, #nav li2 li2 li2 li2:hover ul2{

   display:block;
   }