User:Alexander.wong/Stylesheets/mainpage.css
From 2007.igem.org
(Difference between revisions)
Line 1: | Line 1: | ||
- | + | #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; | width: 640px; | ||
- | + | min-height: 1000px; | |
- | padding | + | padding-left: 17px; |
- | + | color: #666; | |
- | + | font-size: 11pt; | |
- | + | ||
- | + | ||
} | } | ||
- | # | + | #maincontent h2 { |
- | + | margin: 0; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | # | + | #maincontent a { |
- | + | ||
- | + | ||
text-decoration: none; | text-decoration: none; | ||
color: #FF75a3; | color: #FF75a3; | ||
- | + | font-family: "Lucida Grande", Verdana, arial, sans-serif; | |
- | + | ||
} | } | ||
- | # | + | #maincontent a:hover { |
color: #FF6633; | 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 { |
- | display: | + | position: absolute; |
- | margin: 0; | + | right: 0px; |
- | padding-left:0; | + | bottom: 0px; |
- | background: | + | 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.main { | ||
+ | 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.main { | ||
+ | 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: 69px; | ||
+ | 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; | ||
+ | } | ||
+ | |||
+ | .calbox { | ||
+ | width: 286px; | ||
+ | padding: 12px 0px 0px 8px; | ||
+ | filter:alpha(opacity=65); | ||
+ | -moz-opacity:0.65; | ||
+ | } | ||
+ | |||
+ | .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: # | + | background-color: #dff7d6; |
- | + | border-left: 12px solid #b8efb0; | |
} | } | ||
- | + | .whitebox { | |
- | + | background-color: #eeeeee; | |
- | + | border-left: 12px solid #d9dddd; | |
- | + | ||
} | } |
Revision as of 16:18, 18 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.main { 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.main { 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: 69px; 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; } .calbox { width: 286px; padding: 12px 0px 0px 8px; filter:alpha(opacity=65); -moz-opacity:0.65; } .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; }