"

From 2011.igem.org

Revision as of 22:21, 24 June 2011 (view source) HelenZ (Talk | contribs) m ← Older edit		Revision as of 05:11, 26 June 2011 (view source) HelenZ (Talk | contribs) Newer edit →
Line 1:		Line 1:
	/* NOTE This is an edited version of the MediaWiki 'monobook' style sheet		/* NOTE This is an edited version of the MediaWiki 'monobook' style sheet
-	*      edited by Team Alberta 2010 for their wiki	+	*      edited by Team Alberta 2010 for their wiki
-	*/	+	*/
	div#test{		div#test{
-	background-color:red;	+	background-color:red;
	width:100px;		width:100px;
	height:100px;		height:100px;
Line 19:		Line 19:
	#p-logo{		#p-logo{
-	display:none;	+	display:none;
	}		}
	/* rearrange the topsection bar */		/* rearrange the topsection bar */
	#top-section{		#top-section{
-	height:0;	+	height:0;
	}		}
	#menubar{		#menubar{
-	top:0;	+	top:0;
	}		}
	#search-controls{		#search-controls{
-	top:4px;	+	top:4px;
-	left:547px;	+	left:547px;
-	width:0;	+	width:0;
	}		}
	#searchInput{		#searchInput{
-	border:1px solid white;	+	border:1px solid white;
-	position:absolute;	+	position:absolute;
	}		}
-	/*	+
-	#mw-searchButton{	+
-	color:#FFFFFF;	+
-	left:172px;	+
-	top:0;	+
-	position:absolute;	+
-	}	+
-	#searchGoButton{	+
-	position:absolute;	+
-	left:130px;	+
-	}	+
-	*/	+
	#searchGoButton{		#searchGoButton{
-	display:none;	+	display:none;
	}		}
	#mw-searchButton{		#mw-searchButton{
-	//background-color:#282560;	+	/* background-color:#282560; */
-	background-color:#FFFCD5;	+	background-color:#FFFCD5;
-	border:1px solid white;	+	border:1px solid white;
-	color:transparent;	+	color:transparent;
-	height:19px;	+	height:19px;
-	left:124px;	+	left:124px;
-	position:absolute;	+	position:absolute;
-	top:-1px;	+	top:-1px;
-	width:24px;	+	width:24px;
-	cursor:pointer;	+	cursor:pointer;
-	background-image:url("https://static.igem.org/mediawiki/2010/8/83/Team-alberta-search-glass.png");	+	background-image:url("https://static.igem.org/mediawiki/2010/8/83/Team-alberta-search-glass.png");
-	background-position:center center;	+	background-position:center center;
-	background-repeat:no-repeat;	+	background-repeat:no-repeat;
	}		}
Line 74:		Line 63:
	/******** things we added ****************/		/******** things we added ****************/
	#tour-link{		#tour-link{
-	-moz-border-radius:10px 10px 10px 10px;	+	-moz-border-radius:10px 10px 10px 10px;
-	-webkit-border-radius:10px 10px 10px 10px;	+	-webkit-border-radius:10px 10px 10px 10px;
-	//background-color:#282560;	+	/*background-color:#282560; */
-	background-color:#FFFCD5;	+	background-color:#FFFCD5;
-	position: absolute;	+	position: absolute;
-	bottom: 0px;	+	bottom: 0px;
-	left: 0px;	+	left: 0px;
-	padding:28px;	+	padding:28px;
-	width: 89%;	+	width: 89%;
-	text-align:center;	+	text-align:center;
-	z-index: 10;	+	z-index: 10;
	}		}
	#tour-link:hover{		#tour-link:hover{
-	background-color:#403B9D;	+	background-color:#403B9D;
-	cursor: pointer;	+	cursor: pointer;
	}		}
	#tour-link p {		#tour-link p {
-	margin: 0;	+	margin: 0;
-	color:#FFFFFF;	+	color:#FFFFFF;
-	font-weight:bold;	+	font-weight:bold;
-	font-size:30px;	+	font-size:30px;
	}		}
	div#igem-logo-link{		div#igem-logo-link{
-	background-color:transparent;	+	background-color:transparent;
-	background-image:url("https://static.igem.org/mediawiki/2010/7/74/Team-Alberta-IGEM-logo100x77.png");	+	background-image:url("https://static.igem.org/mediawiki/2010/7/74/Team-Alberta-IGEM-logo100x77.png");
-	height:77px;	+	height:77px;
-	margin:0;	+	margin:0;
-	position:absolute;	+	position:absolute;
-	width:100px;	+	width:100px;
-	left:870px;	+	left:870px;
-	top:33px;	+	top:33px;
	}		}
	div#igem-logo-link a{		div#igem-logo-link a{
-	color:transparent;	+	color:transparent;
-	display:block;	+	display:block;
-	height:77px;	+	height:77px;
-	width:100px;	+	width:100px;
	}		}
	#top-strip{		#top-strip{
-	//  background-color:#282560;	+	/* background-color:#282560; */
	background-color:#FFFCD5;		background-color:#FFFCD5;
-	clear:both;	+	clear:both;
-	display:block;	+	display:block;
-	height:170px;	+	height:170px;
-	padding-left:50%;	+	padding-left:50%;
-	padding-right:54%;	+	padding-right:54%;
-	position:absolute;	+	position:absolute;
-	top:0;	+	top:0;
-	width:0	+	width:0
	}		}
	#top-strip h2{		#top-strip h2{
-	// color:#73FF9A;	+	/* color:#73FF9A; */
-	color:#FFFCD5;	+	color:#FFFCD5;
-	display:block;	+	display:block;
-	font-size:35px;	+	font-size:35px;
-	font-weight:bold;	+	font-weight:bold;
-	left:61px;	+	left:61px;
-	line-height:39px;	+	line-height:39px;
-	position:relative;	+	position:relative;
-	top:22px;	+	top:22px;
	}		}
	/*** position the genomikon logo ***/		/*** position the genomikon logo ***/
	#top-strip a img{		#top-strip a img{
-	position:absolute;	+	position:absolute;
-	top:38px;	+	top:38px;
-	left:0;	+	left:0;
-	width:auto;	+	width:auto;
-	height:79px;	+	height:79px;
	}		}
	/*** navbar styling **/		/*** navbar styling **/
	#navbar {		#navbar {
-	position:absolute;	+	position:absolute;
-	top:131px;	+	top:131px;
	}		}
	#navbar ul {		#navbar ul {
	list-style:none;		list-style:none;
-	width:100%;	+	width:100%;
	}		}
	#navbar ul li{		#navbar ul li{
-	float:left;	+	float:left;
-	position:relative;	+	position:relative;
	}		}
	#navbar ul li a:visited,#navbar ul li a:link{		#navbar ul li a:visited,#navbar ul li a:link{
	margin-right:30px;		margin-right:30px;
-	//  color:#fff;	+	/*   color:#fff; */
-	color:#FFFCD5;	+	color:#FFFCD5;
-	font-weight:bold;	+	font-weight:bold;
	}		}
	#navbar ul li a:hover,#navbar ul li a.selected {		#navbar ul li a:hover,#navbar ul li a.selected {
-	// color:#00F2BC;	+	/* color:#00F2BC; */
-	color:#39B54A;	+	color:#39B54A;
-	text-decoration:none;	+	text-decoration:none;
	}		}
	#navbar li.headlink ul{		#navbar li.headlink ul{
-	display:table;	+	display:table;
-	display:none;	+	display:none;
-	//background-color:#282560;	+	/*background-color:#282560;*/
-	background-color:#39B54A;	+	background-color:#39B54A;
-	margin:0 10px 0 0;	+	margin:0 10px 0 0;
-	text-align:left;	+	text-align:left;
-	padding:10px;	+	padding:10px;
-	z-index:20;	+	z-index:20;
-	position:absolute;	+	position:absolute;
-	left:-10px;	+	left:-10px;
-	width:100%;	+	width:100%;
	}		}
	#navbar li.headlink ul li{		#navbar li.headlink ul li{
-	float:none;	+	float:none;
	}		}
Line 193:		Line 182:
	/* make a content area in center and a sidebar on each side*/		/* make a content area in center and a sidebar on each side*/
	#left-sidebar, #right-sidebar, #center-content, #wide-content{		#left-sidebar, #right-sidebar, #center-content, #wide-content{
-	float:left;	+	float:left;
-	/* leave space for header */	+	/* leave space for header */
-	margin-top:170px;	+	margin-top:170px;
-	min-height:1em;	+	min-height:1em;
	}		}
Line 204:		Line 193:
	#center-content{		#center-content{
-	width:550px;	+	width:550px;
	}		}
	/*The centre content for the Timeline needs to be a bit wider*/		/*The centre content for the Timeline needs to be a bit wider*/
	#center-content .timeline{		#center-content .timeline{
-	width:800px;	+	width:800px;
-	float:none;	+	float:none;
		+
	}		}
	#wide-content{		#wide-content{
-	width:1075px;	+	width:1075px;
	}		}
	#left-sidebar, #right-sidebar{		#left-sidebar, #right-sidebar{
-	width:198px;	+	width:198px;
	}		}
	/*Need Timeline to start at left*/		/*Need Timeline to start at left*/
	#left-sidebar .Timeline{		#left-sidebar .Timeline{
-	width:0px;	+	width:0px;
	}		}
	#left-sidebar{		#left-sidebar{
Line 226:		Line 216:
	}		}
	#right-sidebar{		#right-sidebar{
-	border:none;	+	border:none;
-	margin-left:20px;	+	margin-left:20px;
-		+
-	/*  position: absolute;	+	/*  position: absolute;
-	right: 0px;	+	right: 0px;
-	width: 190px;	+	width: 190px;
-	border-left: 3px solid gray;	+	border-left: 3px solid gray;
-	font-size: 95%;	+	font-size: 95%;
-	line-height: 90%;*/	+	line-height: 90%;*/
	}		}
	#tourbar-back{		#tourbar-back{
-	clear:both;	+	clear:both;
-	height: 3px;	+	height: 3px;
-	width: 100%;	+	width: 100%;
-	background-color: #EEEEEE;	+	background-color: #EEEEEE;
	}		}
	/* the tourbar */		/* the tourbar */
	#tourbar{		#tourbar{
-	clear:both;	+	clear:both;
-	height:5em;	+	height:5em;
-	margin:173px auto 4em;	+	margin:173px auto 4em;
-	width:788px;	+	width:788px;
	}		}
	#tourbar a{		#tourbar a{
-	background:none repeat scroll 0 0 #CCCCCC;	+	background:none repeat scroll 0 0 #CCCCCC;
-	color:black;	+	color:black;
-	display:block;	+	display:block;
-	float:left;	+	float:left;
-	height:1em;	+	height:1em;
-	padding:3em 0;	+	padding:3em 0;
-	text-align:center;	+	text-align:center;
-	vertical-align:middle;	+	vertical-align:middle;
-	font-weight: bold;	+	font-weight: bold;
-	width:100px;	+	width:100px;
-	margin-right:5px;	+	margin-right:5px;
-	margin-left:5px;	+	margin-left:5px;
-	-moz-border-radius: 10px;	+	-moz-border-radius: 10px;
-	border-radius: 10px;	+	border-radius: 10px;
	}		}
Line 270:		Line 260:
	#tourbar a:hover{		#tourbar a:hover{
	text-decoration: none;		text-decoration: none;
-	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);	+	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-	-moz-opacity: 0.5;	+	-moz-opacity: 0.5;
-	opacity: 0.5;	+	opacity: 0.5;
	}		}
Line 282:		Line 272:
	background-image:url("/wiki/images/d/da/Team-alberta-left-arrow.png");		background-image:url("/wiki/images/d/da/Team-alberta-left-arrow.png");
	background-repeat:no-repeat;		background-repeat:no-repeat;
-	width:54px;	+	width:54px;
	}		}
	#tourbar a.right{		#tourbar a.right{
Line 288:		Line 278:
	background-image:url("/wiki/images/6/6f/Team-alberta-right-arrow.png");		background-image:url("/wiki/images/6/6f/Team-alberta-right-arrow.png");
	background-repeat:no-repeat;		background-repeat:no-repeat;
-	width:54px;	+	width:54px;
	}		}
	/* the info boxes on homepage */		/* the info boxes on homepage */
	#main-info-box,#info-box1,#info-box2,#info-box3,#info-box4{		#main-info-box,#info-box1,#info-box2,#info-box3,#info-box4{
-	height:250px;	+	height:250px;
-	padding:18px;	+	padding:18px;
-	z-index:-1;	+	z-index:-1;
-	float:left;	+	float:left;
	}		}
	#info-box1 ol,#info-box2 ol,#info-box3 ol,#info-box4 ol {		#info-box1 ol,#info-box2 ol,#info-box3 ol,#info-box4 ol {
Line 302:		Line 292:
	#main-info-box {		#main-info-box {
-	width:550px;	+	width:550px;
-	overflow:hidden;	+	overflow:hidden;
-	padding:0;	+	padding:0;
-	height:286px;	+	height:286px;
-	position: relative;	+	position: relative;
-	z-index: 10;	+	z-index: 10;
	}		}
	#tinted-info-box {		#tinted-info-box {
-	width:100%	+	width:100%
-	overflow:hidden;	+	overflow:hidden;
-	padding:10px;	+	padding:10px;
-	height:286px;	+	height:286px;
-	clear:both;	+	clear:both;
-	background-color: #00F2BC;	+	background-color: #00F2BC;
-		+
	}		}
	#left-gray-box {		#left-gray-box {
-	width:100%;	+	width:100%;
-	padding-left: 10px;	+	padding-left: 10px;
-	background-color: #e6e6e6;	+	background-color: #e6e6e6;
	}		}
Line 330:		Line 320:
	//background-color:#00CDD0;		//background-color:#00CDD0;
	background-color:#FFFCD5;		background-color:#FFFCD5;
-	// color:#282560;	+	/* color:#282560; */
-	color:#FFFCD5;	+	color:#FFFCD5;
-	overflow:hidden;	+	overflow:hidden;
-	width:228px;	+	width:228px;
-	margin-top: 18px;	+	margin-top: 18px;
-	cursor: pointer;	+	cursor: pointer;
-	-moz-border-radius: 10px;	+	-moz-border-radius: 10px;
-	border-radius: 10px;	+	border-radius: 10px;
	}		}
	#info-box1 h2,#info-box2 h2,#info-box3 h2,#info-box4 h2{		#info-box1 h2,#info-box2 h2,#info-box3 h2,#info-box4 h2{
-	// color:#282560;	+	/* color:#282560; */
-	color:#FFFCD5;	+	color:#FFFCD5;
-	text-align:center;	+	text-align:center;
-	text-transform:uppercase;	+	text-transform:uppercase;
	}		}
	#info-box1 p,#info-box2 p,#info-box3 p,#info-box4 p{		#info-box1 p,#info-box2 p,#info-box3 p,#info-box4 p{
-	color:#000	+	color:#000
	}		}
	.right-info-box{		.right-info-box{
	}		}
	.center-info-box{		.center-info-box{
-	float:left;	+	float:left;
	}		}
	/* software */		/* software */
Line 362:		Line 352:
	#info-box1{		#info-box1{
	margin-top:0;		margin-top:0;
-	/*    background-color:#00cdd0;*/	+	/*    background-color:#00cdd0;*/
	background-color:#B5FFEE;		background-color:#B5FFEE;
	margin-left:12px;		margin-left:12px;
Line 390:		Line 380:
	}		}
	#info-box3{		#info-box3{
-	/*    background-color:# 7 3FF9A;*/	+	/*    background-color:# 7 3FF9A;*/
	background-color:#B4FFC9;		background-color:#B4FFC9;
	margin-left:17px;		margin-left:17px;
Line 403:		Line 393:
	}		}
	#info-box4 {		#info-box4 {
-	/*    background-color:#00F2BC;*/	+	/*    background-color:#00F2BC;*/
	background-color:#BCD7FF;		background-color:#BCD7FF;
	margin-left:18px;		margin-left:18px;
	}		}
	#info-box4:hover {		#info-box4:hover {
-	/*    background-color:#33f5f6;*/	+	/*    background-color:#33f5f6;*/
	background-color:#9AC2FD;		background-color:#9AC2FD;
	}		}
Line 417:		Line 407:
	#mytable		#mytable
	{		{
-	width: 100%;	+	width: 100%;
-	padding: 0;	+	padding: 0;
-	margin: 0;	+	margin: 0;
	}		}
	#mytable th		#mytable th
	{		{
-	// background-color:#282560;	+	/*  background-color: #282560; */
-	background-color:#FFFCD5;	+	background-color:#FFFCD5;
-	color:#fff;	+	color:#fff;
-	padding:6px 6px 6px 12px;	+	padding:6px 6px 6px 12px;
-	text-align:left;	+	text-align:left;
	}		}
	#mytable td		#mytable td
	{		{
-	background: #ccc;	+	background: #ccc;
-	padding: 0.3em 0.3em 0.3em 0.7em;	+	padding: 0.3em 0.3em 0.3em 0.7em;
-	color: #282560;	+	color: #282560;
	}		}
Line 441:		Line 431:
	#mytable td.alt		#mytable td.alt
	{		{
-	background: #ffffff;	+	background: #ffffff;
-	//color: #282560;	+	/*  color: #282560; */
-	color:#FFFCD5;	+	color:#FFFCD5;
	}		}
Line 449:		Line 439:
	#mytable th.spec		#mytable th.spec
	{		{
-	background: #a5a5a5 no-repeat;	+	background: #a5a5a5 no-repeat;
-	font: bold 1em "Trebuchet MS", Times;	+	font: bold 1em "Trebuchet MS", Times;
-	color: #ffffff;	+	color: #ffffff;
	}		}
	#mytable th.specalt		#mytable th.specalt
	{		{
-	background: #ffffff no-repeat;	+	background: #ffffff no-repeat;
-	font: bold 1em "Trebuchet MS", Times;	+	font: bold 1em "Trebuchet MS", Times;
-	color: #656565;	+	color: #656565;
	}		}
	#mytable a:visited, #mytable a:link, #mytable a:hover{		#mytable a:visited, #mytable a:link, #mytable a:hover{
-	//  color:#282560;	+	/* color: #282560; */
-	color:#FFFCD5;	+	color:#FFFCD5;
-	text-decoration:underline;	+	text-decoration:underline;
	}		}
	#mytable a:hover {		#mytable a:hover {
-	color:#00F2BC;	+	color:#00F2BC;
	}		}
Line 473:		Line 463:
	#toctitle, span.tocnumber {		#toctitle, span.tocnumber {
-	display:none;	+	display:none;
	}		}
	.toclevel-1{		.toclevel-1{
-	margin-bottom:1em;	+	margin-bottom:1em;
	}		}
	.toclevel-2{		.toclevel-2{
-	display:none;	+	display:none;
	}		}
	span.toctext {		span.toctext {
-	// color: #282560;	+	/*  color: #282560; */
-	color:#FFFCD5;	+	color:#FFFCD5;
-	font-size:14px;	+	font-size:14px;
-	line-height:14px;	+	line-height:14px;
	}		}
	#footer-box{		#footer-box{
-	background-color:#E6E6E6;	+	background-color:#E6E6E6;
-	border:none;	+	border:none;
-	margin:100px auto 0;	+	margin:100px auto 0;
-	padding:5px;	+	padding:5px;
-	width:965px;	+	width:965px;
	}		}
	body {		body {
-	background-color:#FFFFFF;	+	background-color:#FFFFFF;
-	background-image:url("https://static.igem.org/mediawiki/2010/3/36/Team-Alberta-topStrip.png");	+	background-image:url("https://static.igem.org/mediawiki/2010/3/36/Team-Alberta-topStrip.png");
-	background-repeat:repeat-x;	+	background-repeat:repeat-x;
	}		}
	#thanks-footer{		#thanks-footer{
-	position: relative;	+	position: relative;
-	width: 1032px;	+	width: 1032px;
-	left: 0px;	+	left: 0px;
-	clear:both;	+	clear:both;
-	background-color: #DDDDDD;	+	background-color: #DDDDDD;
-	top: 12px;	+	top: 12px;
-	border-radius: 10px;	+	border-radius: 10px;
-	-moz-border-radius: 10px;	+	-moz-border-radius: 10px;
-	text-align: center;	+	text-align: center;
	}		}
Line 516:		Line 506:
	h1, h2, h3, h4, h5, h6 {		h1, h2, h3, h4, h5, h6 {
-	color: #9D2063;	+	color: #9D2063;
-	border:none;	+	border:none;
	}		}
Line 525:		Line 515:
	h3{		h3{
-	font-size:100%;	+	font-size:100%;
-	font-weight:normal;	+	font-weight:normal;
-	position:relative;	+	position:relative;
-	top:-1em;	+	top:-1em;
-	//  color: #282560;	+	/* color: #282560; */
-	color:#FFFCD5;	+	color:#FFFCD5;
-	font-style: italic;	+	font-style: italic;
-	margin-bottom: -0.5em;	+	margin-bottom: -0.5em;
	}		}
	span.editsection, span.editsection a{		span.editsection, span.editsection a{
-	color:#ccc;	+	color:#ccc;
	}		}
	body{		body{
Line 542:		Line 532:
	}		}
	#content{		#content{
-	border:none;	+	border:none;
-	width:975px;	+	width:975px;
-	padding-left:0;	+	padding-left:0;
-	padding-right:0;	+	padding-right:0;
	}		}
	#menubar li a, #menubar .selected a, #menubar li a:visited{		#menubar li a, #menubar .selected a, #menubar li a:visited{
-	color: #888;	+	color: #888;
	}		}
	#menubar li a:hover{		#menubar li a:hover{
-	color: #00F2BC;	+	color: #00F2BC;
	}		}
Line 559:		Line 549:
	#toc{		#toc{
	background-color: #EEEEEE;		background-color: #EEEEEE;
-	border:none;	+	border:none;
-	width:100%;	+	width:100%;
-	padding-top: 14px;	+	padding-top: 14px;
-	-moz-border-radius: 10px;	+	-moz-border-radius: 10px;
-	border-radius: 10px;	+	border-radius: 10px;
	}		}
	/*timeline stuff*/		/*timeline stuff*/
Line 570:		Line 560:
	#May{		#May{
-	background-color: Orange;	+	background-color: Orange;
	height: 500px;		height: 500px;
	width: 780 px;		width: 780 px;
Line 582:		Line 572:
	ul.rolodex li{		ul.rolodex li{
-	//    color: #282560;	+	/*  color: #282560; */
-	color:#FFFCD5;	+	color:#FFFCD5;
	}		}
	ul.rolodex li:hover {		ul.rolodex li:hover {
-	color: #00F2BC;	+	color: #00F2BC;
-	cursor: pointer;	+	cursor: pointer;
	}		}
	.startimage:hover {		.startimage:hover {
-	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);	+	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-	-moz-opacity: 0.5;	+	-moz-opacity: 0.5;
-	opacity: 0.5;	+	opacity: 0.5;
	}		}
	div#horiz-line {		div#horiz-line {
-	height: 3px;	+	height: 3px;
-	width: 100%;	+	width: 100%;
-	//  background-color: #282560;	+	/* background-color: #282560; */
-	background-color:#FFFCD5;	+	background-color:#FFFCD5;
-	margin-top: -1em;	+	margin-top: -1em;
-	margin-bottom: 1em;	+	margin-bottom: 1em;
	}		}
	#highschool4 {		#highschool4 {
-	position: relative;	+	position: relative;
-	top: 468px;	+	top: 468px;
	}		}

---

Revision as of 05:11, 26 June 2011

/* NOTE This is an edited version of the MediaWiki 'monobook' style sheet

*      edited by Team Alberta 2010 for their wiki
*/

div#test{

   background-color:red;

width:100px; height:100px; }

/* things we want to hide */

1. info-box1 h2 .editsection, #info-box2 h2 .editsection, #info-box3 h2 .editsection, #info-box4 h2 .editsection{

display:none; } h1.firstHeading { display:none; }

1. p-logo{

display:none; }

/* rearrange the topsection bar */

1. top-section{

height:0; }

1. menubar{

top:0; }

1. search-controls{

top:4px; left:547px; width:0; }

1. searchInput{

border:1px solid white; position:absolute; }

1. searchGoButton{

display:none; }

1. mw-searchButton{

  /* background-color:#282560; */
   background-color:#FFFCD5;

border:1px solid white; color:transparent; height:19px; left:124px; position:absolute; top:-1px; width:24px; cursor:pointer;

      background-image:url("");
      background-position:center center;
      background-repeat:no-repeat;

}

/******** things we added ****************/

1. tour-link{

   -moz-border-radius:10px 10px 10px 10px;  
   -webkit-border-radius:10px 10px 10px 10px;  
   /*background-color:#282560; */ 
   background-color:#FFFCD5;

position: absolute; bottom: 0px; left: 0px; padding:28px; width: 89%;

      text-align:center;
      z-index: 10;

}

1. tour-link:hover{

   background-color:#403B9D;

cursor: pointer; }

1. tour-link p {

margin: 0; color:#FFFFFF;

     font-weight:bold;
     font-size:30px;

}

div#igem-logo-link{

   background-color:transparent;
   background-image:url("");

height:77px; margin:0; position:absolute; width:100px; left:870px; top:33px; }

div#igem-logo-link a{ color:transparent; display:block; height:77px; width:100px; }

1. top-strip{

   /*  background-color:#282560; */
   background-color:#FFFCD5;

clear:both; display:block; height:170px;

      padding-left:50%;
      padding-right:54%;

position:absolute; top:0; width:0 }

1. top-strip h2{

   /* color:#73FF9A; */

color:#FFFCD5; display:block;

       font-size:35px;
       font-weight:bold;

left:61px;

    line-height:39px;

position:relative; top:22px; }

/*** position the genomikon logo ***/

1. top-strip a img{

position:absolute; top:38px; left:0; width:auto; height:79px; }

/*** navbar styling **/

1. navbar {

position:absolute; top:131px; }

1. navbar ul {

   list-style:none;

width:100%; }

1. navbar ul li{

float:left; position:relative; }

1. navbar ul li a:visited,#navbar ul li a:link{

   margin-right:30px;
   /*   color:#fff; */

color:#FFFCD5;

     font-weight:bold;

}

1. navbar ul li a:hover,#navbar ul li a.selected {

   /* color:#00F2BC; */

color:#39B54A;

     text-decoration:none;

}

1. navbar li.headlink ul{

display:table; display:none;

       /*background-color:#282560;*/
       background-color:#39B54A;

margin:0 10px 0 0;

      text-align:left;

padding:10px;

       z-index:20;

position:absolute; left:-10px; width:100%; }

1. navbar li.headlink ul li{

float:none; }

/* make a content area in center and a sidebar on each side*/

1. left-sidebar, #right-sidebar, #center-content, #wide-content{

float:left;

     /* leave space for header */
     margin-top:170px;
     min-height:1em;

}

1. left-sidebar.not-top, #right-sidebar.not-top, #center-content.not-top, #wide-content.not-top{

   margin-top:0;

}

1. center-content{

width:550px; } /*The centre content for the Timeline needs to be a bit wider*/

1. center-content .timeline{

width:800px; float:none;

}

1. wide-content{

width:1075px; }

1. left-sidebar, #right-sidebar{

width:198px; } /*Need Timeline to start at left*/

1. left-sidebar .Timeline{

width:0px; }

1. left-sidebar{

   margin-right:20px;

}

1. right-sidebar{

border:none;

      margin-left:20px;

      /*  position: absolute;

right: 0px; width: 190px; border-left: 3px solid gray; font-size: 95%; line-height: 90%;*/ }

1. tourbar-back{

clear:both; height: 3px; width: 100%;

      background-color: #EEEEEE;

} /* the tourbar */

1. tourbar{

clear:both; height:5em; margin:173px auto 4em; width:788px; }

1. tourbar a{

background:none repeat scroll 0 0 #CCCCCC; color:black; display:block; float:left; height:1em; padding:3em 0;

       text-align:center;
       vertical-align:middle;
       font-weight: bold;

width:100px;

     margin-right:5px;
     margin-left:5px;
     -moz-border-radius: 10px;
     border-radius: 10px;

}

1. tourbar a:hover{

   text-decoration: none;

filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);

      -moz-opacity: 0.5;

opacity: 0.5;

}

1. tourbar a.selected{

   margin-top:1em;

}

1. tourbar a.left{

   background-color:white;
   background-image:url("/wiki/images/d/da/Team-alberta-left-arrow.png");
   background-repeat:no-repeat;

width:54px; }

1. tourbar a.right{

   background-color:white;
   background-image:url("/wiki/images/6/6f/Team-alberta-right-arrow.png");
   background-repeat:no-repeat;

width:54px; } /* the info boxes on homepage */

1. main-info-box,#info-box1,#info-box2,#info-box3,#info-box4{

height:250px; padding:18px;

       z-index:-1;

float:left; }

1. info-box1 ol,#info-box2 ol,#info-box3 ol,#info-box4 ol {

   margin-left: 1em;

}

1. main-info-box {

width:550px; overflow:hidden; padding:0; height:286px; position: relative;

         z-index: 10;

}

1. tinted-info-box {

width:100%

         overflow:hidden;

padding:10px; height:286px; clear:both;

     background-color: #00F2BC;

}

1. left-gray-box {

width:100%;

     padding-left: 10px;
     background-color: #e6e6e6;

}

1. info-box1,#info-box2,#info-box3,#info-box4 {

   //background-color:#00CDD0;
   background-color:#FFFCD5;
   /* color:#282560; */

color:#FFFCD5;

overflow:hidden; width:228px;

     margin-top: 18px;

cursor: pointer;

       -moz-border-radius: 10px;
       border-radius: 10px;

}

1. info-box1 h2,#info-box2 h2,#info-box3 h2,#info-box4 h2{

   /* color:#282560; */

color:#FFFCD5;

     text-align:center;
     text-transform:uppercase;

}

1. info-box1 p,#info-box2 p,#info-box3 p,#info-box4 p{

color:#000 } .right-info-box{ } .center-info-box{ float:left; } /* software */

1. tourbar a.software{

   background-color:#B5FFEE;

}

1. info-box1{

   margin-top:0;
   /*    background-color:#00cdd0;*/
   background-color:#B5FFEE;
   margin-left:12px;

}

1. info-box1:hover {

   background-color: #93DDB4

}

/* kit box */

1. tourbar a.kit {

   background-color:#b8fed1;

}

1. info-box2{

   /*background-color: # b8fed1;*/
   background-color:#D6FFE2;

}

1. info-box2:hover {

   /*background-color:#9AC2FD;*/
   background-color:#A6FFC0;

}

/* achievments boxes*/

1. tourbar a.achievements{

   background-color:#B4FFC9;

}

1. info-box3{

   /*    background-color:# 7 3FF9A;*/
   background-color:#B4FFC9;
   margin-left:17px;

}

1. info-box3:hover {

   background-color:#93DDb8;

}

/* biobytes boxes */

1. tourbar a.biobytes{

   background-color:#BCD7FF;

}

1. info-box4 {

   /*    background-color:#00F2BC;*/
   background-color:#BCD7FF;
   margin-left:18px;

}

1. info-box4:hover {

   /*    background-color:#33f5f6;*/
   background-color:#9AC2FD;

}

/* parts table */

1. mytable

{ width: 100%; padding: 0; margin: 0; }

1. mytable th

{

      /*  background-color: #282560; */
   background-color:#FFFCD5;

color:#fff; padding:6px 6px 6px 12px;

       text-align:left;

}

1. mytable td

{ background: #ccc; padding: 0.3em 0.3em 0.3em 0.7em; color: #282560; }

1. mytable td.alt

{ background: #ffffff;

      /*  color: #282560; */

color:#FFFCD5;

}

1. mytable th.spec

{ background: #a5a5a5 no-repeat; font: bold 1em "Trebuchet MS", Times; color: #ffffff; }

1. mytable th.specalt

{ background: #ffffff no-repeat; font: bold 1em "Trebuchet MS", Times; color: #656565; }

1. mytable a:visited, #mytable a:link, #mytable a:hover{

      /*  color: #282560; */

color:#FFFCD5;

     text-decoration:underline;

}

1. mytable a:hover {

color:#00F2BC; }

/********* things we changed ***********/

1. toctitle, span.tocnumber {

display:none; } .toclevel-1{

   margin-bottom:1em;

} .toclevel-2{ display:none; } span.toctext {

      /*  color: #282560; */

color:#FFFCD5;

     font-size:14px;
     line-height:14px;

}

1. footer-box{

   background-color:#E6E6E6;

border:none; margin:100px auto 0; padding:5px; width:965px; } body {

   background-color:#FFFFFF;
   background-image:url("");
   background-repeat:repeat-x;

}

1. thanks-footer{

position: relative; width: 1032px; left: 0px; clear:both;

     background-color: #DDDDDD;

top: 12px;

    border-radius: 10px;
    -moz-border-radius: 10px;
    text-align: center;

}

/* new colors */

h1, h2, h3, h4, h5, h6 { color: #9D2063; border:none; }

h2 {

   line-height:125%;

}

h3{

   font-size:100%;
   font-weight:normal;

position:relative; top:-1em;

      /*  color: #282560; */

color:#FFFCD5;

     font-style: italic;
     margin-bottom: -0.5em;

}

span.editsection, span.editsection a{ color:#ccc; } body{

   background-color:#fff;

}

1. content{

border:none; width:975px;

     padding-left:0;
     padding-right:0;

}

1. menubar li a, #menubar .selected a, #menubar li a:visited{

color: #888; }

1. menubar li a:hover{

color: #00F2BC; }

/* table of contents */

1. toc{

   background-color: #EEEEEE;

border:none; width:100%;

     padding-top: 14px;
     -moz-border-radius: 10px;
     border-radius: 10px;

} /*timeline stuff*/

/*months and their overlaying divs*/

1. May{

   background-color: Orange;

height: 500px; width: 780 px;

}

ul.rolodex{

   list-style-type: none;
   list-style-image: none;

}

ul.rolodex li{

      /*  color: #282560; */

color:#FFFCD5;

} ul.rolodex li:hover { color: #00F2BC; cursor: pointer; }

.startimage:hover { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);

      -moz-opacity: 0.5;

opacity: 0.5; } div#horiz-line {

       height: 3px;
       width: 100%;
      /*  background-color: #282560; */
      background-color:#FFFCD5;
      margin-top: -1em;
      margin-bottom: 1em;

}

1. highschool4 {

position: relative; top: 468px; }