"

From 2010.igem.org

Revision as of 06:55, 13 October 2010 (view source) Jlee (Talk | contribs) ← Older edit		Latest revision as of 03:49, 19 October 2010 (view source) Jlee (Talk | contribs)
(2 intermediate revisions not shown)
Line 3:		Line 3:
	.firstHeading {display:none;}		.firstHeading {display:none;}
-	#header{	+	/*The calendars should be centred and no wider than % of the page*/
-	background-color: #272660;	+
-	position: fixed;	+	#months{
-	top: 0px;	+	background-color: red;
-		+
-	height: 15%;	+	width: 50%;
-	width: 100%;	+	text-align:centre;
		+
	}		}
-	#header-buttons{	+
-		+	/* Hopefully will allow images to link to timeline */
		+
		+	.imagelink_May a{
		+	width:100px;
		+	height: 100px;
		+	display: block;
		+	text-decoration:none;
		+	background-image: url("https://2010.igem.org/Image:May.JPG")
	}		}

---

Latest revision as of 03:49, 19 October 2010

/* this file contains css to be included everywhere */

.firstHeading {display:none;}

/*The calendars should be centred and no wider than % of the page*/

1. months{

 background-color: red;

 width: 50%;
 text-align:centre;

}

/* Hopefully will allow images to link to timeline */

.imagelink_May a{

 width:100px;
 height: 100px;
 display: block;
 text-decoration:none;
 background-image: url("https://2010.igem.org/Image:May.JPG")

}

/* styling for btn that pulls down igem menu */

1. show-toolbar-btn {

 background-color:#CCCCCC;
 left:40px;
 padding:3px;
 position:absolute;
 top:20px;

}

/********** main page styling (might need to move this */

1. logo img {

width:50px; height:50px; padding:5px; float:left; }

1. logo {

 background: #ffffff;
 float: left;
 padding: 0em;
 font-size: 41px;
 color: #757575;
 height: 50px;
 line-height:50px;
 margin-bottom:5px;

}

/* tabs on home page */ div.info-tab { align:left; }

/************ end of main page styling */

/* This sets the inner and outer colours of the page. */ body {

 background-color: #252525;
 margin: 0px;
 padding: 0px;
 border: 0px;
 font-family:"Trebuchet MS", arial;

}

1. container

{

 width: 100%;
 margin: 0px;
 padding: 0px;

}

1. header

{

 width: 100%;
 margin: 0px;
 padding: 0px;

}

1. navbar

{

 background: #ffffff;
 width:65.5%;
 float: right;
 padding: 0em;
 text-align:right;
 font-size: 1em;
 color: #a5a5a5;
 margin-right:2.5%;
 vertical-align: middle;
 height: 2.5em;
 display: inline;

}

1. navbar a, #navbar a:active, #navbar a:hover {

 text-decoration: none; font-size: 1em;}

1. navbar a:link {color: #757575;}
2. navbar a:visited {color: #656565;}

1. navbar a.selected {text-decoration:underline;}

1. highlight

{

 background: #fff200;
 width:100%;
 clear: both;
 padding: 0em;
 height: 3px;

}

1. sidebar

{

 width:18em;
 float: left;
 padding: 2em;
 font-size: 1em;
 margin: 0em;
 height: 12.93em;
 height: expression ('18.9em');
 background: #3b3b3b;
 color: #bfbfbf;
 border: 0;
 display: inline;

}

1. RandomImageLong

{

 width: 52.981em;
 /* any IE */
 width: expression('52.981em');
 float: left;
 padding: 0em;
 margin: 0em;
 height: 16.9em;
 height: expression ('18.9em');
 position: relative;
 background-position: 0% 0%;
 border: 0em;

}

1. crest

{

 background:url() repeat-x scroll 0 0;
 height:215px;
 float: right;
 overflow:hidden;
 width:190px;
 position:absolute; 
 top:8.7em;
 right:2.1em;

}

p.link {

 colour: #fff200;
 background-color: #3b3b3b;
 font-size: 1.5em;
 font-family: "Trebuchet MS", Times;
 text-decoration: none;

}

.llink1 A:link {text-decoration: none; color: #fff200; font-size: 1.5em;} .llink1 A:visited {text-decoration: none; color: #fff200; font-size: 1.5em;} .llink1 A:hover {text-decoration: none; font-size: 1.5em;} .llink1 A:active {text-decoration: none; font-size: 1.5em;}

1. highlightb

{

 background: #ffffff;
 width:100%;
 clear: both;
 padding: 0em;
 height: 3px;

}

1. top

{

 background: #ffffff;
 width: 100%;
 clear: both;
 padding: 0em;
 height: 100%;
 font-family: "Trebuchet MS", Times;
 text-align: left;

}

1. bottom

{

 width: 100%;
 padding: 0em;

/* height: 12.625em; */

 height: 10em;
 background: #3b3b3b;
 border: 0;

}

1. bottomleft

{

 width:33em;
 float: left;
 margin: 1em;
 padding: 1em;
 font-size: 1em;

/* height: 12.625em; */

 height: 6.93em;
 background: #3b3b3b;
 color: #bfbfbf;
 border-right: 2.5px dotted #a5a5a5;
 font-family: "Trebuchet MS", Times;
 text-align: left;

}

1. bottomright

{

 width:33em;
 float: left;
 margin: 1em;
 padding: 1em;
 font-size: 1em;

/* height: 12.625em; */

 height: 6.93em;
 background: #3b3b3b;
 color: #bfbfbf;
 border-left: 2.5px dotted #a5a5a5;
 font-family: "Trebuchet MS", Times;
 text-align: left;

}

1. footer

{

 clear: both;
 margin: 0;
 padding: .5em;
 color: #333333;
 background-color: #dddddd;
 border-top: 3px solid #333333;

}

.llink3 A:link {text-decoration: underline; color: #757575; font-size: 1em;} .llink3 A:visited {text-decoration: none; color: #656565; font-size: 1em;} .llink3 A:hover {text-decoration: none; font-size: 1em;} .llink3 A:active {text-decoration: none; font-size: 1em;}

.h1 { text-decoration: none; color: #6a7a69; font-size: 2em;} .h2 { text-decoration: none; color: #fff200; font-size: 1.5em;} .h3 { text-decoration: none; color: #f0ec72; font-size: 1em} .h4 { margin-top: 8em; margin-bottom: 3em; color: #fff200; font-size: 2em;} .h5 { margin-top: 8em; margin-bottom: 3em; color: #fff200; font-size: 2em;}

/*hiding toggle content on initial load*/ div.hideme { display: none }