User:Macowell/mainpage test.css
From 2007.igem.org
(Difference between revisions)
Line 189: | Line 189: | ||
.blurb { | .blurb { | ||
- | width: 338px; | + | //width: 338px; |
- | margin:8px | + | margin:8px 0px 4px 0px; |
//padding-right: 1em; | //padding-right: 1em; | ||
//padding-left: 1em; | //padding-left: 1em; |
Revision as of 22:56, 7 September 2008
#bodyContent { width: 961px; background-color: #111111; } #content{ padding: 0; } #wrap { width: 935px; //margin-left: -1em; color: #666; background-color: white; } #wrap a { //color: #FF75a3; text-decoration:none; } #wrap a:hover { color: #FF6633; } #wrap a img{ border:0; } #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; } #wrap p { margin: 0;} #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(https://static.igem.org/mediawiki/2007/f/fb/Mainpage-left-bg.jpg); background-color: white; color: #666; font-size: 11pt; } #maincontent h2 { margin: 0; } #maincontent a { text-decoration: none; color: #FF75a3; font-family: "Lucida Grande", Verdana, arial, sans-serif; } #maincontent a:hover { color: #FF6633; } #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; } #JamboreeBox { background-position: right bottom; background-repeat: no-repeat; background-image: url(https://static.igem.org/mediawiki/2007/3/32/IGEM07-mainpage_Brick.jpg); 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; } #JamboreeBox img { //position: absolute; float: left; //padding: -8px 24px 16px 16px; padding: 0 30px 0 8px; border: solid 1px #f7fbd7; } #JamboreeBox ul { line-height: 1.2em; margin: 0 0 0 2em; } .contentbox { float:right; max-width: 300px; //margin:1em; padding: 0 12px 0 0; } #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; } #newscol .newsmeta h2 a { color: #3d8ada; } #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 { //width: 338px; margin:8px 0px 4px 0px; //padding-right: 1em; //padding-left: 1em; text-align: justify; //float:left; //position: relative; font: normal 1.4em georgia, serif; color: #555555; line-height: 1.2em; } #maincol { position: relative; float: right; width: 340px; margin: 0 16px 16px 8px; padding: 0px 0 8px 0px; } #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; } #maincol h2 { margin: 20px 0 4px 0; font-size: 1em; } #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(https://static.igem.org/mediawiki/2007/0/04/Mainpage-right-bg.jpg); font-family: Georgia, "Times New Roman", Times, serif; color: #666666; font-size: 0.9em; } a { color: #FF75a3; text-decoration:none; } a:hover { color: #FF6633; } #sidebar h2 { border-bottom: 1px solid; border-bottom-color: #b7b7b7; } #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; } table.minical td.date { //width: 6em; text-align: left; line-height: 0.8em; font-style: italic; color: #666666; }