Team:Aberdeen Scotland/css
From 2010.igem.org
(Difference between revisions)
Line 2: | Line 2: | ||
<style type="text/css"> | <style type="text/css"> | ||
- | |||
- | |||
- | |||
+ | /* ========================== Basic Page Layout =========================== */ | ||
+ | * {font size: 100%; margin: 0px; padding: 0px;} | ||
- | + | #pagewrapper {display: block; width: 975px; background: #FFFFFF; text-align: left; margin: 0; font: 90%, Veranda, sans-serif;} | |
- | + | ||
- | + | ||
- | #pagewrapper {display: block; width: 975px; background:#FFFFFF; text-align: left; margin: 0 | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | #titleheader {display: block; background: url(https://static.igem.org/mediawiki/igem.org/b/ba/Circuit_section_colour.jpg);} | |
- | . | + | |
- | . | + | |
- | . | + | |
+ | #subtitle {0px 50% no-repeat; padding: 0px; color: #FFFFFF;} | ||
+ | h3.toptitle {font: Verdana, sans-serif; color: #FFFFFF;} | ||
+ | h1.maintitle {font: Veranda, sans-serif; color: #FFFFFF;} | ||
+ | h3.maintitle {font: Veranda, sans-serif; color: #FFFFFF;} | ||
+ | h1.maintitle a, h1 a:link, h1 a:visited, h1 a:hover {color: #FFFFFF; text-decoration: none;} | ||
+ | h3.maintitle a, h3 a:link, h3 a:visited, h3 a:hover {color: #FFFFFF; text-decoration: none;} | ||
+ | .commentbar {color: #FFFFFF; margin: 0px;} | ||
+ | .commentbar a, a:visited {color: white; text-decoration: none;} | ||
+ | #mainnavigation {margin: 0px; padding: 20px 20px 10px 20px;} | ||
+ | #mainpic {height:350px; border-top: 3px solid gray;border-bottom: 3px solid gray;margin: 0px;} | ||
+ | #pagetitlewrapper {border-top: 3px solid gray; height: 75px; position :relative; padding: 0px; top:260px; background: #67939B;} | ||
- | + | .wide { width: 975px; background-color:#FFFFFF; color: #000000; padding: 10px; border: 1px solid #AAAAAA; padding: 10px; margin: 0px; float:center; display: inline;} | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
img.floatleft {float: left; margin: 4px; clear:both;} | img.floatleft {float: left; margin: 4px; clear:both;} | ||
Line 44: | Line 30: | ||
.space {clear:both; } | .space {clear:both; } | ||
- | |||
- | |||
.left { width: 775px; background-color:#FFFFFF; color: #555555; padding: 10px; border: 1px solid #AAAAAA; padding: 10px; margin: 0px 10px 10px 10px; float:left; display: inline;} | .left { width: 775px; background-color:#FFFFFF; color: #555555; padding: 10px; border: 1px solid #AAAAAA; padding: 10px; margin: 0px 10px 10px 10px; float:left; display: inline;} | ||
.left img {border: 0px solid #AAAAAA; } | .left img {border: 0px solid #AAAAAA; } | ||
- | |||
- | |||
- | |||
.right { width: 200px; background-color: #FFFFFF; color: #555555; padding: 10px; border: 1px solid #AAAAAA; margin: 0px 10px 10px 0px; float:right; display:inline;} | .right { width: 200px; background-color: #FFFFFF; color: #555555; padding: 10px; border: 1px solid #AAAAAA; margin: 0px 10px 10px 0px; float:right; display:inline;} | ||
.right img {border: 0px solid #AAAAAA; } | .right img {border: 0px solid #AAAAAA; } | ||
- | |||
- | |||
- | + | div.thumbnail {padding: 10px; border: solid #AAAAAA 1px; width: 152px; background-color: #FFFFFF} | |
- | div.thumbnail {padding: 10px; border: solid #AAAAAA 1px; width: 152px; background-color: # | + | |
Line 65: | Line 43: | ||
.description {color: #003000; margin: 0 37px 0px 37px;} | .description {color: #003000; margin: 0 37px 0px 37px;} | ||
- | .title h2 {font: | + | .title h2 {font: Veranda, sans-serif; text-transform: uppercase; padding: 9px 24px 12px 24px;} |
- | .title h3 {font: | + | .title h3 {font: Veranda, sans-serif; text-transform: uppercase; padding: 9px 24px 12px 24px;} |
.title small {float: right; padding: 14px 24px 0 0; color: #67939B;} | .title small {float: right; padding: 14px 24px 0 0; color: #67939B;} | ||
#pagetitle {} | #pagetitle {} | ||
#pagesubtitle {color: #283234;} | #pagesubtitle {color: #283234;} | ||
- | #maintitle {font: | + | #maintitle {font: Veranda, sans-serif; margin: 0px;} |
Line 76: | Line 54: | ||
a:link, a:visited {text-decoration: none; color:#003399;} | a:link, a:visited {text-decoration: none; color:#003399;} | ||
a:hover {color: #D76519;} | a:hover {color: #D76519;} | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
Line 93: | Line 59: | ||
- | .menuminwidth0 { | + | .menuminwidth0 { |
position:relative; | position:relative; | ||
border:0; | border:0; | ||
Line 99: | Line 65: | ||
padding:0; | padding:0; | ||
width:90%; | width:90%; | ||
- | height:35px; | + | height:35px; |
min-width:975px; | min-width:975px; | ||
} | } | ||
- | * html .menuminwidth1 { | + | * html .menuminwidth1 { |
- | position:relative; | + | position:relative; |
- | float:left; | + | float:left; |
- | height: 1px; | + | height: 1px; |
- | border-left:560px solid #fff; | + | border-left:560px solid #fff; |
} | } | ||
- | * html .menuminwidth2 { | + | * html .menuminwidth2 { |
position:relative; | position:relative; | ||
margin-left:-560px; | margin-left:-560px; | ||
Line 122: | Line 88: | ||
.menu { | .menu { | ||
- | position:relative; | + | position:relative; |
- | float:left; | + | float:left; |
margin:0; | margin:0; | ||
padding:0; | padding:0; | ||
border:0; | border:0; | ||
- | height:30px; | + | height:30px; |
- | width:100%; | + | width:100%; |
font-family: Verdana, Arial, Helvetica, sans-serif; | font-family: Verdana, Arial, Helvetica, sans-serif; | ||
- | font-size:14px; | + | font-size:14px; |
- | border-bottom:0; | + | border-bottom:0; |
} | } | ||
.menu img { | .menu img { | ||
- | vertical-align: top; | + | vertical-align: top; |
} | } | ||
Line 143: | Line 109: | ||
margin:0; | margin:0; | ||
border:0; | border:0; | ||
- | list-style-type:none; | + | list-style-type:none; |
- | line-height:2em; | + | line-height:2em; |
- | } | + | } |
- | + | ||
.menu li { | .menu li { | ||
- | float:left; | + | float:left; |
- | position:relative; | + | position:relative; |
margin:0; | margin:0; | ||
list-style: none; | list-style: none; | ||
Line 155: | Line 120: | ||
.menu ul li table { | .menu ul li table { | ||
- | margin:-1px 0; | + | margin:-1px 0; |
- | m\argin:0; | + | m\argin:0; |
- | border-collapse:collapse; | + | border-collapse:collapse; |
- | font-size:12px; | + | font-size:12px; |
list-style: none; | list-style: none; | ||
Line 165: | Line 130: | ||
.drop { | .drop { | ||
display:block; | display:block; | ||
- | padding:0px .5em; | + | padding:0px .5em; |
margin:0; | margin:0; | ||
text-align:right; /* this right alignment goes with the float:left below */ | text-align:right; /* this right alignment goes with the float:left below */ |
Revision as of 11:56, 16 August 2010