User:Dirkvs/Stylesheets/mainpage.css
From 2007.igem.org
(Difference between revisions)
Line 204: | Line 204: | ||
#sidebar { | #sidebar { | ||
left: 630px; | left: 630px; | ||
- | top: | + | top: 160px; |
- | position: | + | position: absolute; |
height: 1000px; | height: 1000px; | ||
width: 180px; | width: 180px; |
Revision as of 20:01, 26 October 2007
#content{ padding: 0; } #wrap { width: 945px; 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: 800px; min-height: 1000px; padding-left: 17px; color: #666; font-size: 11pt; } #maincontent h2 { margin: 0; } #maincontent a { text-decoration: none; color: #000099; font-family: "Helvetica", 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; } #OverviewBox { margin: 14px 3px 14px; background-color: #d9f0f8; border-right: 4px solid #ade2f2; border-bottom: 4px solid #ade2f2; font-size: 0.9em; min-height: 100px; width: 600px; } #OverviewBox h2 { padding:10px 0 0 10px; border-bottom: 1px solid; border-bottom-color: #b7b7b7; } .contentbox { width: 580px; margin:1em; } #FeatureBox { margin: 14px 3px 14px; background-color: #f5facf; border-right: 4px solid #eaf7a6; border-bottom: 4px solid #eaf7a6; font-size: 0.9em; min-height: 100px; width: 600px; } .contentbox { width: 580px; margin:1em; } #SummaryBox { margin: 10px 7px 10px 5px; background-color: #eeeeee; border-right: 5px solid #d9dddd; border-bottom: 5px solid #d9dddd; font-size: 1em; min-height: 50px; width: 250px; } #SummaryBox h2 { padding:10px 0 0 10px; border-bottom: 1px solid; border-bottom-color: #b7b7b7; } .parabox { width: 230px; margin:1em; font-size: 1em; } #TechnoBox { margin: 14px 3px 14px; background-color: #dff7d6; border-right: 4px solid #b8efb0; border-bottom: 4px solid #b8efb0; font-size: 0.9em; min-height: 100px; width: 600px; } .contentbox { width: 580px; 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; } .blurb { width: 580px; 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: 600px; margin: 0 16px 16px 8px; padding: 0px 0 8px 0px; } #maincol p.main { margin: 0 8px 0 8px; line-height: 1.4em; font-size: .9em; color: 666666; margin: 6px 8px 0 8px; font-family: Georgia, "Helvetica", Times, serif; text-align: justify; } #maincol h2.main { margin: 20px 0 4px 0; font-size: 1.2em; } #sidebar { left: 630px; top: 160px; position: absolute; height: 1000px; width: 180px; background-position: left top; background-image: #ffffff; font-family: "Lucida Grande", Verdana, Arial, sans-serif; color: #666666; font-size: 0.9em; } a { color: #000099; 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: 15px; 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=85); -moz-opacity:0.85; } .calbox { width: 286px; padding: 12px 0px 0px 8px; filter:alpha(opacity=65); -moz-opacity:0.65; } .bluebox { background-color: #d9f0f8; border-right: 12px solid #ade2f2; } .yellowbox { background-color: #f7fbd7; border-right: 12px solid #eef8b3; } .pinkbox { background-color: #f0dbcc; border-right: 12px solid #ddb99e; } .greenbox { background-color: #dff7d6; border-right: 12px solid #b8efb0; } .whitebox { background-color: #eeeeee; border-right: 12px solid #d9dddd; }