"

From 2014.igem.org

Revision as of 05:13, 31 August 2014 (view source) Gtong (Talk | contribs) ← Older edit		Revision as of 05:14, 31 August 2014 (view source) Gtong (Talk | contribs) Newer edit →
Line 306:		Line 306:
	color: #333333;		color: #333333;
	}		}
-		+	hahaha
	table.minical td.date {		table.minical td.date {
	//width: 6em;		//width: 6em;

---

Revision as of 05:14, 31 August 2014

1. bodyContent {

 width: 961px;
 background-color: #111111;

}

1. content{ padding: 0; }

1. wrap {

 width: 935px;
 //margin-left: -1em;
 color: #666;
 background-color: white;

}

1. wrap a {

 //color:  #FF75a3;
 text-decoration:none;

}

1. wrap a:hover {

 color: #FF6633;

}

1. wrap a img{

 border:0;

}

1. wrap h2 {

 margin:0 0 10px 0;
 font-family: "Lucida Grande", Verdana, Arial, sans-serif;
 //font-size: 1.25em;
 font-style: bold;
 border-bottom: none;

}

1. wrap p { margin: 0;}

1. maincontent {

 clear: none;
 position: absolute;
 top: 0px;
 left: 0px;
 width: 655px;     // 655px (team image width) + 17px (maincontent left-paddding to reveal background) = 672px
 min-height: 1030px;
 padding-left: 17px;
 border-width: 0px;
 border-style: none;
 background-position: left top;
 background-repeat: repeat-y;
 background-image: url();
 background-color: white;
 color: #666;
 font-size: 11pt;

}

1. maincontent h2 {

 margin: 0;

}

1. maincontent a {

 text-decoration: none;
 color: #FF75a3;
 font-family: "Lucida Grande", Verdana, arial, sans-serif;

}

1. maincontent a:hover {

 color: #FF6633;

}

1. image-rotator {

 position: relative;

}

.metainfo {

 //font-size: .8em;
 width: 100%;
 position: relative;
 top: -1em;
 margin: 0 0 -1em 0;

}

.metainfo h2 {

 display: inline;
 font-size: 14pt;

}

.metainfo span {

 position: absolute;
 right: 0px;
 bottom: 0px;
 color: #454545;

}

1. JamboreeBox {

 background-position: right bottom;
 background-repeat: no-repeat;
 background-image: url();
 margin: 2em 16px 8px 16px;
 background-color: #f5facf;
 border-right: 4px solid #eaf7a6;
 border-bottom: 4px solid #eaf7a6;
 font-size: 1em;
 min-height: 220px;
 width: 620px;
 float: left;

}

1. JamboreeBox img {

 //position: absolute;
 float: left;
 //padding: -8px 24px 16px 16px;
 padding: 0 30px 0 8px;
 border: solid 1px #f7fbd7;

}

1. JamboreeBox ul {

 line-height: 1.2em;
 margin: 0 0 0 2em;

}

.contentbox {

 float:right;
 max-width: 300px;
 //margin:1em;
 padding: 0 12px 0 0;

}

1. newscol {

 position: relative;
 float: left;
 width: 240px;
 margin-left: 16px;
 //clear:left;

}

.newsmeta {

 border-bottom-color: #d2eef3;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 width: 100%;
 //margin: 0 0 20px 0;
 clear:both;

}

.newsmeta h2 {

 padding-bottom: 0px;
 font-size: 1em;
 margin:0 0;

}

1. newscol .newsmeta h2 a {

 color: #3d8ada;

}

1. newscol .newsmeta a:hover {

 color: #FF6633;

}

.newsmeta-date {

 position: relative;
 float: right;
 right: -10px;
 //display: block;
 font-size: .8em;
 color: #454545;
 margin:0 0 0 0em;

}

.newsmeta-more {

 margin:0 0 0 1.5em;
 //font-size: .8em;

}

.newsentry {

 margin: 0 0 20px 0;
 position: relative;
 clear:both;

}

.newsentry p {

 line-height: 1.4em;
 font-size: .9em;
 color: 666666;
 margin: 6px 8px 0 8px;
 position: relative;
 font-family: Georgia, "Times New Roman", Times, serif;
 text-align: justify;

}

.blurb {

 text-align: justify;
 font: normal 1.2em georgia, serif;
 color: #555555;
 line-height: 1.4em;

}

1. maincol {

 position: relative;
 float: right;
 width: 340px;
 margin: 0 12px 16px 0px;
 padding: 0px 0 8px 0px;

}

1. maincol p {

 line-height: 1.4em;
 font-size: .9em;
 color: #666666;
 //margin: 1px;
 //position: relative;
 font-family: Georgia, "Times New Roman", Times, serif;
 text-align: justify;

}

1. maincol h2 {

 margin: 20px 0 4px 0;
 font-size: 1em;

}

1. sidebar {

 left: 672px;
 top: 0px;
 position: absolute;
 padding-top: 40px;
 padding-bottom: 11em;
 min-height: 1030px;
 width: 288px;
 background-position: left top;
 background-repeat: no-repeat;
 background-color: #111111;
 background-image: url();
 font-family: Georgia, "Times New Roman", Times, serif;
 color: #666666;
 font-size: 0.9em;

}

a {

 color:  #FF75a3;
 text-decoration:none;

}

a:hover {

 color: #FF6633;

}

1. sidebar h2 {

 border-bottom: 1px solid;
 border-bottom-color: #b7b7b7;

}

1. sidebar li a { color: #3d8ada;}

.post-it {

 position: relative;
 float: left;
 margin-right: 16px;
 margin-bottom: 10px;
 padding: 12px 8px 8px 8px;
 width: 236px;
 //font-size: .9em;
 line-height: 1.3em;
 text-align: justify;
 clear:both;

}

.bluebox {

 background-color: #d9f0f8;
 border-left: 12px solid #ade2f2;

}

.yellowbox {

 background-color: #f7fbd7;
 border-left: 12px solid #eef8b3;

}

.pinkbox {

 background-color: #f0dbcc;
 border-left: 12px solid #ddb99e;

}

.greenbox {

 background-color: #dff7d6;
 border-left: 12px solid #b8efb0;

}

.whitebox {

 background-color: #eeeeee;
 border-left: 12px solid #d9dddd;

}

table.minical {

 font: 1em georgia, serif;
 line-height: 1.2em;
 background: none;

}

table.minical td {

 padding: 4px 0px;
 border-top: 1px solid #dbe6a8;

}

table.minical td.event {

 width: 160px;
 text-align: right;
 padding-right: 1em;
 color: #333333;

} hahaha table.minical td.date {

 //width: 6em;
 text-align: left;
 line-height: 0.8em;
 font-style: italic;
 color: #666666;

}