Team:Aberdeen Scotland/css
From 2009.igem.org
(Difference between revisions)
(52 intermediate revisions not shown) | |||
Line 20: | Line 20: | ||
.commentbar {color: #CADFED; margin: 5px 0px 0px 0px;} | .commentbar {color: #CADFED; margin: 5px 0px 0px 0px;} | ||
.commentbar a, a:visited {color: white; text-decoration: none;} | .commentbar a, a:visited {color: white; text-decoration: none;} | ||
- | #mainnavigation {margin: 0px 7px 0px 7px; padding: 20px 20px 9px 20px} | + | #mainnavigation {margin: 0px 7px 0px 7px; padding: 20px 20px 9px 20px;} |
#mainpic {height:350px; border-top: 3px solid gray;border-bottom: 3px solid gray;margin: 0px 8px 10px 8px;} | #mainpic {height:350px; border-top: 3px solid gray;border-bottom: 3px solid gray;margin: 0px 8px 10px 8px;} | ||
#pagetitlewrapper {border-top: 3px solid gray; height: 75px; position :relative; padding: 10px 0px 5px 20px; top:260px; background: url(https://static.igem.org/mediawiki/2009/a/a1/Transparent.jpg)} | #pagetitlewrapper {border-top: 3px solid gray; height: 75px; position :relative; padding: 10px 0px 5px 20px; top:260px; background: url(https://static.igem.org/mediawiki/2009/a/a1/Transparent.jpg)} | ||
- | .wide { width: 890px; background-color: #E4E9EE; color: # | + | .wide { width: 890px; background-color:#E4E9EE; color: #000000; padding: 10px; border: 1px solid #AAAAAA; padding: 10px; margin: 0px 10px 10px 17px; float:left; display: inline;} |
- | .wide img {border: | + | .wide img {border: 0px solid #AAAAAA;} |
.wide p {margin: 10px 0 5px 0; } | .wide p {margin: 10px 0 5px 0; } | ||
.wide h2 {font-weight: bold;} | .wide h2 {font-weight: bold;} | ||
+ | |||
+ | |||
+ | table.nav {width:100%; margin:0; cellpadding:5px; cellspacing:0; border:1px; bordercolor:#AAAAAA; font color:#000000; background:#E4E9EE;} | ||
+ | |||
+ | table.parameter {width:90%; display: block; margin-left: auto; margin-right: auto; cellpadding:0px; cellspacing:0; border:0px; bordercolor:#AAAAAA; font color:#000000; align:center; background:#E4E9EE; } | ||
+ | table.parameter td { padding:5px; } | ||
+ | |||
+ | table.hill {width:60%; display: block; float:right; cellpadding:0px; cellspacing:0; border:0px; bordercolor:#AAAAAA; font color:#000000; align:center; background:#E4E9EE; } | ||
+ | table.hill td { padding:5px;} | ||
img.floatleft {float: left; margin: 4px; clear:both;} | img.floatleft {float: left; margin: 4px; clear:both;} | ||
Line 38: | Line 47: | ||
- | .left { width: 650px; background-color: #E4E9EE; color: #555555; padding: 10px; border: 1px solid #AAAAAA; padding: 10px; margin: 0px 10px 10px 17px; float:left; display: inline;} | + | .left { width: 650px; background-color:#E4E9EE; color: #555555; padding: 10px; border: 1px solid #AAAAAA; padding: 10px; margin: 0px 10px 10px 17px; float:left; display: inline;} |
- | .left img {border: | + | .left img {border: 0px solid #AAAAAA; } |
.left p {margin: 10px 0 5px 0; } | .left p {margin: 10px 0 5px 0; } | ||
.left h2 {font-weight: bold;} | .left h2 {font-weight: bold;} | ||
Line 130: | Line 139: | ||
.menu ul { | .menu ul { | ||
+ | list-style: none; | ||
padding:0; | padding:0; | ||
margin:0; | margin:0; | ||
Line 141: | Line 151: | ||
position:relative; /* create local positioning contexts for each button */ | position:relative; /* create local positioning contexts for each button */ | ||
margin:0; | margin:0; | ||
+ | list-style: none; | ||
} | } | ||
Line 148: | Line 159: | ||
border-collapse:collapse; /* IE5 needs this for the sub-menus to work */ | border-collapse:collapse; /* IE5 needs this for the sub-menus to work */ | ||
font-size:12px; /* this sets the base font size for our entire menu */ | font-size:12px; /* this sets the base font size for our entire menu */ | ||
+ | list-style: none; | ||
} | } | ||
Line 175: | Line 187: | ||
display:none; /* initially hide the entire list hierarchy */ | display:none; /* initially hide the entire list hierarchy */ | ||
padding:1px; /* this is our box border width */ | padding:1px; /* this is our box border width */ | ||
+ | list-style: none; | ||
} | } | ||
Line 184: | Line 197: | ||
text-decoration:none; | text-decoration:none; | ||
height:30px; | height:30px; | ||
- | width:9em; | + | width:9em; |
+ | list-style: none; | ||
} | } | ||
Line 200: | Line 214: | ||
position:absolute; | position:absolute; | ||
margin:0; | margin:0; | ||
- | top: | + | top:22px; /* place us just up underneath the top-level images */ |
left:8px; /* left-align our drop-down to the previous button border */ | left:8px; /* left-align our drop-down to the previous button border */ | ||
height:auto; /* the drop-down height will be determiend by line count */ | height:auto; /* the drop-down height will be determiend by line count */ | ||
- | width: | + | width:14em; |
color:black; /* this sets the unselected-text color */ | color:black; /* this sets the unselected-text color */ | ||
background:#ffffff; /* this sets our menu's effective "border" color */ | background:#ffffff; /* this sets our menu's effective "border" color */ | ||
font-size:12px; /* this (and also below) sets the menu's font size */ | font-size:12px; /* this (and also below) sets the menu's font size */ | ||
+ | list-style: none; | ||
} | } | ||
Line 235: | Line 250: | ||
padding:0; | padding:0; | ||
height:auto; | height:auto; | ||
- | color:# | + | color:#ffffff; /* this sets the unselected drop-down text color */ |
- | background:# | + | background:#7fa4d8; /* this sets the drop-down menu background color */ |
- | width: | + | width:14em; |
} | } | ||
Line 266: | Line 281: | ||
margin-top:-1px; /* bring the top edge of the 3rd level menu up one */ | margin-top:-1px; /* bring the top edge of the 3rd level menu up one */ | ||
top:0; | top:0; | ||
- | left: | + | left:14em; |
width:14em; | width:14em; | ||
Line 274: | Line 289: | ||
.menu ul li a:hover ul li a:hover ul li a { /* 3rd level unselected items */ | .menu ul li a:hover ul li a:hover ul li a { /* 3rd level unselected items */ | ||
width:14em; | width:14em; | ||
- | background:# | + | background:#7fa4d8; |
+ | color:#ffffff; | ||
} | } | ||
Line 281: | Line 297: | ||
width:14em; | width:14em; | ||
background:white; | background:white; | ||
+ | color:#000000; | ||
} | } | ||
Line 299: | Line 316: | ||
table { | table { | ||
- | font-color: # | + | font-color: #ffffff; |
- | + | ||
} | } | ||
a.menu { | a.menu { | ||
- | color: | + | color: #ffffff; |
width: 12em; | width: 12em; | ||
} | } | ||
- | |||
- | |||
- | |||
Latest revision as of 12:09, 17 August 2009