User:Dirkvs/Stylesheets/mainpage.css
From 2007.igem.org
(Difference between revisions)
Line 3: | Line 3: | ||
#wrap { | #wrap { | ||
width: 935px; | width: 935px; | ||
- | + | margin-left: -1em; | |
color: #666; | color: #666; | ||
} | } | ||
#wrap a { | #wrap a { | ||
- | + | color: #FF75a3; | |
text-decoration:none; | text-decoration:none; | ||
} | } | ||
Line 23: | Line 23: | ||
margin:0 0 10px 0; | margin:0 0 10px 0; | ||
font-family: "Lucida Grande", Verdana, Arial, sans-serif; | font-family: "Lucida Grande", Verdana, Arial, sans-serif; | ||
- | + | font-size: 1.25em; | |
font-style: bold; | font-style: bold; | ||
border-bottom: none; | border-bottom: none; | ||
Line 31: | Line 31: | ||
#maincontent { | #maincontent { | ||
- | |||
- | |||
- | |||
width: 640px; | width: 640px; | ||
- | min-height: | + | min-height: 1000px; |
padding-left: 17px; | padding-left: 17px; | ||
- | |||
- | |||
- | |||
- | |||
color: #666; | color: #666; | ||
font-size: 11pt; | font-size: 11pt; | ||
Line 59: | Line 52: | ||
} | } | ||
- | |||
- | |||
.metainfo { | .metainfo { | ||
- | + | font-size: 1.1em; | |
width: 100%; | width: 100%; | ||
position: relative; | position: relative; | ||
- | top: | + | top: 0.5em; |
+ | left: 1em; | ||
margin: 0 0 0 0; | margin: 0 0 0 0; | ||
} | } | ||
Line 83: | Line 75: | ||
#FeatureBox { | #FeatureBox { | ||
- | margin: | + | margin: 16px 8px 16px; |
background-color: #f5facf; | background-color: #f5facf; | ||
border-right: 4px solid #eaf7a6; | border-right: 4px solid #eaf7a6; | ||
border-bottom: 4px solid #eaf7a6; | border-bottom: 4px solid #eaf7a6; | ||
font-size: 1em; | font-size: 1em; | ||
- | min-height: | + | min-height: 200px; |
- | + | width: 640px; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
.contentbox { | .contentbox { | ||
- | + | width: 620px; | |
- | + | margin:1em; | |
- | + | ||
- | + | ||
} | } | ||
Line 124: | Line 102: | ||
border-bottom-style: solid; | border-bottom-style: solid; | ||
width: 100%; | width: 100%; | ||
- | + | margin: 0 0 20px 0; | |
- | clear:both; | + | clear:both; |
} | } | ||
Line 145: | Line 123: | ||
position: relative; | position: relative; | ||
float: right; | float: right; | ||
- | + | display: block; | |
- | + | font-size: .9em; | |
- | font-size: . | + | |
color: #454545; | color: #454545; | ||
margin:0 0 0 0em; | margin:0 0 0 0em; | ||
Line 154: | Line 131: | ||
.newsmeta-more { | .newsmeta-more { | ||
margin:0 0 0 1.5em; | margin:0 0 0 1.5em; | ||
- | + | font-size: .9em; | |
} | } | ||
Line 169: | Line 146: | ||
margin: 6px 8px 0 8px; | margin: 6px 8px 0 8px; | ||
position: relative; | position: relative; | ||
- | font-family: | + | font-family: "Lucida Grande", Verdana, Arial, sans-serif; |
text-align: justify; | text-align: justify; | ||
} | } | ||
.blurb { | .blurb { | ||
- | + | width: 610px; | |
margin:8px 0 4px 0; | margin:8px 0 4px 0; | ||
- | + | padding-right: 1em; | |
- | + | padding-left: 1em; | |
text-align: justify; | text-align: justify; | ||
- | |||
- | |||
font: normal 1.4em georgia, serif; | font: normal 1.4em georgia, serif; | ||
color: #555555; | color: #555555; | ||
Line 187: | Line 162: | ||
#maincol { | #maincol { | ||
- | |||
- | |||
width: 640px; | width: 640px; | ||
margin: 0 16px 16px 8px; | margin: 0 16px 16px 8px; | ||
Line 200: | Line 173: | ||
color: 666666; | color: 666666; | ||
margin: 6px 8px 0 8px; | margin: 6px 8px 0 8px; | ||
- | |||
font-family: Georgia, "Times New Roman", Times, serif; | font-family: Georgia, "Times New Roman", Times, serif; | ||
text-align: justify; | text-align: justify; | ||
Line 214: | Line 186: | ||
top: 0px; | top: 0px; | ||
position: absolute; | position: absolute; | ||
- | + | height: 1000px; | |
- | + | ||
width: 290px; | width: 290px; | ||
background-position: left top; | background-position: left top; | ||
- | |||
background-image: url(http://openwetware.org/images/b/b2/IC07_queenstower.jpg); | background-image: url(http://openwetware.org/images/b/b2/IC07_queenstower.jpg); | ||
- | font-family: | + | font-family: "Lucida Grande", Verdana, Arial, sans-serif; |
color: #666666; | color: #666666; | ||
font-size: 0.9em; | font-size: 0.9em; | ||
Line 243: | Line 213: | ||
.post-it { | .post-it { | ||
position: relative; | position: relative; | ||
+ | top: 40px; | ||
float: left; | float: left; | ||
margin-right: 16px; | margin-right: 16px; | ||
Line 248: | Line 219: | ||
padding: 12px 8px 8px 8px; | padding: 12px 8px 8px 8px; | ||
width: 236px; | width: 236px; | ||
- | + | font-size: .9em; | |
line-height: 1.3em; | line-height: 1.3em; | ||
text-align: justify; | text-align: justify; | ||
clear:both; | clear:both; | ||
+ | filter:alpha(opacity=75); | ||
+ | -moz-opacity:0.75; | ||
} | } | ||
Line 277: | Line 250: | ||
background-color: #eeeeee; | background-color: #eeeeee; | ||
border-left: 12px solid #d9dddd; | border-left: 12px solid #d9dddd; | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
} | } |
Revision as of 13:39, 7 October 2007
#content{ padding: 0; } #wrap { width: 935px; margin-left: -1em; color: #666; } #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 { width: 640px; min-height: 1000px; padding-left: 17px; 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; } .metainfo { font-size: 1.1em; width: 100%; position: relative; top: 0.5em; left: 1em; margin: 0 0 0 0; } .metainfo h2 { display: inline; font-size: 14pt; } .metainfo span { position: absolute; right: 0px; bottom: 0px; color: #454545; } #FeatureBox { margin: 16px 8px 16px; background-color: #f5facf; border-right: 4px solid #eaf7a6; border-bottom: 4px solid #eaf7a6; font-size: 1em; min-height: 200px; width: 640px; } .contentbox { width: 620px; margin:1em; } #newscol { position: relative; float: left; width: 216px; 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; display: block; font-size: .9em; color: #454545; margin:0 0 0 0em; } .newsmeta-more { margin:0 0 0 1.5em; font-size: .9em; } .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: "Lucida Grande", Verdana, Arial, sans-serif; text-align: justify; } .blurb { width: 610px; margin:8px 0 4px 0; padding-right: 1em; padding-left: 1em; text-align: justify; font: normal 1.4em georgia, serif; color: #555555; line-height: 1.2em; } #maincol { width: 640px; margin: 0 16px 16px 8px; padding: 0px 0 8px 0px; } #maincol p { margin: 0 8px 0 8px; line-height: 1.4em; font-size: .9em; color: 666666; margin: 6px 8px 0 8px; font-family: Georgia, "Times New Roman", Times, serif; text-align: justify; } #maincol h2 { margin: 20px 0 4px 0; font-size: 1em; } #sidebar { left: 669px; top: 0px; position: absolute; height: 1000px; width: 290px; background-position: left top; background-image: url(http://openwetware.org/images/b/b2/IC07_queenstower.jpg); font-family: "Lucida Grande", Verdana, Arial, sans-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; top: 40px; 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; filter:alpha(opacity=75); -moz-opacity:0.75; } .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; }