User:Macowell/mainpage test.css
From 2007.igem.org
< User:Macowell(Difference between revisions)
m |
|||
(20 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
#bodyContent { | #bodyContent { | ||
- | + | width: 961px; | |
- | + | background-color: #111111; | |
} | } | ||
Line 7: | Line 7: | ||
#wrap { | #wrap { | ||
- | + | width: 935px; | |
- | + | //margin-left: -1em; | |
- | + | color: #666; | |
- | + | background-color: white; | |
} | } | ||
#wrap a { | #wrap a { | ||
- | + | //color: #FF75a3; | |
- | + | text-decoration:none; | |
} | } | ||
#wrap a:hover { | #wrap a:hover { | ||
- | + | color: #FF6633; | |
} | } | ||
#wrap a img{ | #wrap a img{ | ||
- | + | border:0; | |
} | } | ||
#wrap h2 { | #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; | |
} | } | ||
Line 37: | Line 37: | ||
#maincontent { | #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 { | #maincontent h2 { | ||
- | + | margin: 0; | |
} | } | ||
#maincontent a { | #maincontent a { | ||
- | + | text-decoration: none; | |
- | + | color: #FF75a3; | |
- | + | font-family: "Lucida Grande", Verdana, arial, sans-serif; | |
} | } | ||
#maincontent a:hover { | #maincontent a:hover { | ||
- | + | color: #FF6633; | |
} | } | ||
#image-rotator { | #image-rotator { | ||
- | + | position: relative; | |
} | } | ||
.metainfo { | .metainfo { | ||
- | + | //font-size: .8em; | |
- | + | width: 100%; | |
- | + | position: relative; | |
- | + | top: -1em; | |
- | + | margin: 0 0 -1em 0; | |
} | } | ||
.metainfo h2 { | .metainfo h2 { | ||
- | + | display: inline; | |
- | + | font-size: 14pt; | |
} | } | ||
.metainfo span { | .metainfo span { | ||
- | + | position: absolute; | |
- | + | right: 0px; | |
- | + | bottom: 0px; | |
- | + | color: #454545; | |
} | } | ||
#JamboreeBox { | #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 { | #JamboreeBox img { | ||
- | + | //position: absolute; | |
- | + | float: left; | |
- | + | //padding: -8px 24px 16px 16px; | |
- | + | padding: 0 30px 0 8px; | |
- | + | border: solid 1px #f7fbd7; | |
} | } | ||
#JamboreeBox ul { | #JamboreeBox ul { | ||
- | + | line-height: 1.2em; | |
- | + | margin: 0 0 0 2em; | |
} | } | ||
.contentbox { | .contentbox { | ||
- | + | float:right; | |
- | + | max-width: 300px; | |
- | + | //margin:1em; | |
- | + | padding: 0 12px 0 0; | |
} | } | ||
#newscol { | #newscol { | ||
- | + | position: relative; | |
- | + | float: left; | |
- | + | width: 240px; | |
- | + | margin-left: 16px; | |
- | + | //clear:left; | |
} | } | ||
.newsmeta { | .newsmeta { | ||
- | + | border-bottom-color: #d2eef3; | |
- | + | border-bottom-width: 1px; | |
- | + | border-bottom-style: solid; | |
- | + | width: 100%; | |
- | + | //margin: 0 0 20px 0; | |
- | + | clear:both; | |
} | } | ||
.newsmeta h2 { | .newsmeta h2 { | ||
- | + | padding-bottom: 0px; | |
- | + | font-size: 1em; | |
- | + | margin:0 0; | |
} | } | ||
#newscol .newsmeta h2 a { | #newscol .newsmeta h2 a { | ||
- | + | color: #3d8ada; | |
} | } | ||
#newscol .newsmeta a:hover { | #newscol .newsmeta a:hover { | ||
- | + | color: #FF6633; | |
} | } | ||
.newsmeta-date { | .newsmeta-date { | ||
- | + | position: relative; | |
- | + | float: right; | |
- | + | right: -10px; | |
- | + | //display: block; | |
- | + | font-size: .8em; | |
- | + | color: #454545; | |
- | + | margin:0 0 0 0em; | |
} | } | ||
.newsmeta-more { | .newsmeta-more { | ||
- | + | margin:0 0 0 1.5em; | |
- | + | //font-size: .8em; | |
} | } | ||
.newsentry { | .newsentry { | ||
- | + | margin: 0 0 20px 0; | |
- | + | position: relative; | |
- | + | clear:both; | |
} | } | ||
.newsentry p { | .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 { | .blurb { | ||
- | + | text-align: justify; | |
- | + | font: normal 1.2em georgia, serif; | |
- | + | color: #555555; | |
- | + | line-height: 1.4em; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
#maincol { | #maincol { | ||
- | + | position: relative; | |
- | + | float: right; | |
- | + | width: 340px; | |
- | + | margin: 0 12px 16px 0px; | |
- | + | padding: 0px 0 8px 0px; | |
} | } | ||
#maincol p { | #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 { | #maincol h2 { | ||
- | + | margin: 20px 0 4px 0; | |
- | + | font-size: 1em; | |
} | } | ||
#sidebar { | #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 { | a { | ||
- | + | color: #FF75a3; | |
- | + | text-decoration:none; | |
} | } | ||
a:hover { | a:hover { | ||
- | + | color: #FF6633; | |
} | } | ||
#sidebar h2 { | #sidebar h2 { | ||
- | + | border-bottom: 1px solid; | |
- | + | border-bottom-color: #b7b7b7; | |
} | } | ||
Line 258: | Line 252: | ||
.post-it { | .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 { | .bluebox { | ||
- | + | background-color: #d9f0f8; | |
- | + | border-left: 12px solid #ade2f2; | |
} | } | ||
.yellowbox { | .yellowbox { | ||
- | + | background-color: #f7fbd7; | |
- | + | border-left: 12px solid #eef8b3; | |
} | } | ||
.pinkbox { | .pinkbox { | ||
- | + | background-color: #f0dbcc; | |
- | + | border-left: 12px solid #ddb99e; | |
} | } | ||
.greenbox { | .greenbox { | ||
- | + | background-color: #dff7d6; | |
- | + | border-left: 12px solid #b8efb0; | |
} | } | ||
.whitebox { | .whitebox { | ||
- | + | background-color: #eeeeee; | |
- | + | border-left: 12px solid #d9dddd; | |
} | } | ||
table.minical { | table.minical { | ||
- | + | font: 1em georgia, serif; | |
- | + | line-height: 1.2em; | |
- | + | background: none; | |
} | } | ||
table.minical td { | table.minical td { | ||
- | + | padding: 4px 0px; | |
- | + | border-top: 1px solid #dbe6a8; | |
} | } | ||
table.minical td.event { | table.minical td.event { | ||
- | + | width: 160px; | |
- | + | text-align: right; | |
- | + | padding-right: 1em; | |
- | + | color: #333333; | |
} | } | ||
table.minical td.date { | table.minical td.date { | ||
- | + | //width: 6em; | |
- | + | text-align: left; | |
- | + | line-height: 0.8em; | |
- | + | font-style: italic; | |
- | + | color: #666666; | |
} | } |
Latest revision as of 01:48, 8 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 { text-align: justify; font: normal 1.2em georgia, serif; color: #555555; line-height: 1.4em; } #maincol { position: relative; float: right; width: 340px; margin: 0 12px 16px 0px; 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; }