Team:Aberdeen Scotland/css
From 2010.igem.org
(Difference between revisions)
(99 intermediate revisions not shown) | |||
Line 3: | Line 3: | ||
/* change the igem style to fit my design */ | /* change the igem style to fit my design */ | ||
- | #content {background: # | + | #content {background: #283234; border: 0px;} |
#content h1.firstHeading {display: none;} | #content h1.firstHeading {display: none;} | ||
Line 9: | Line 9: | ||
/* layout */ | /* layout */ | ||
* {font-size: 100%; margin: 0; padding: 0;} | * {font-size: 100%; margin: 0; padding: 0;} | ||
- | body {position: relative; background: url(https://static.igem.org/mediawiki/ | + | body {position: relative; background-image: url(https://static.igem.org/mediawiki/2010/f/f3/Background_blend_green2black.jpg); background-repeat: repeat-x; #000000; background-color: #000000;} |
- | #pagewrapper {display: block | + | #pagewrapper {display: block; background:#FFFFFF; text-align: left; margin: 0 auto; font: 90%, Verdana, Arial, Helvetica, sans-serif; } |
- | #titleheader {display:block;background: url(https://static.igem.org/mediawiki/ | + | #titleheader {display:block; background: url(https://static.igem.org/mediawiki/2010/3/34/Header_background.jpg); } |
- | #subtitle { 0px 50% no-repeat; padding: | + | #subtitle { 0px 50% no-repeat; padding: 0px 0px 0px 0px; color:#fff;} |
- | h3.toptitle {font | + | h3.toptitle {font: Tahoma, Verdana, Arial, sans-serif; color: #fff; letter-spacing: -1px;} |
- | h1.maintitle {font | + | h1.maintitle {font: 2.2em Tahoma, Verdana, Arial, sans-serif; color: #000000; letter-spacing: -1px;} |
- | h3.maintitle {font | + | h3.maintitle {font: 2.2em Tahoma, Verdana, Arial, sans-serif; color: #000000; letter-spacing: -1px;} |
h1.maintitle a, h1 a:link, h1 a:visited, h1 a:hover {color: #fff; text-decoration: none;} | h1.maintitle a, h1 a:link, h1 a:visited, h1 a:hover {color: #fff; text-decoration: none;} | ||
- | h3.maintitle a, h3 a:link, h3 a:visited, h3 a:hover {color: # | + | h3.maintitle a, h3 a:link, h3 a:visited, h3 a:hover {color: #000000; text-decoration: none;} |
- | .commentbar {color: # | + | .commentbar {color: #4AA02C; margin: 5px 0px 0px 0px;} |
- | .commentbar a, a:visited {color: | + | .commentbar a, a:visited {color: red; text-decoration: none;} |
- | #mainnavigation {margin: 0px 7px 0px 7px; padding: 20px | + | #mainnavigation {margin: 0px 7px 0px 7px; padding: 10px 20px 10px 20px;} |
- | #mainpic {height: | + | #mainpic {height:270px; border-top: 0px solid gray;border-bottom: 0px solid gray;margin: 0px;} |
- | #pagetitlewrapper {border-top: | + | #pagetitlewrapper {border-top: 0px solid gray; height: 75px; position :relative; padding: 0px 0px 0px 30px; top:193px;} |
- | .wide { width: | + | .wide { width: 100%; background-color:#FFFFFF; color: #000000; padding: 0px; border: 0px solid #AAAAAA; padding: 0px; margin: 0px 10px 0px 17px; float:center; display: inline;} |
.wide img {border: 0px solid #AAAAAA;} | .wide img {border: 0px solid #AAAAAA;} | ||
- | .wide p {margin: | + | .wide p {margin: 0px 15px 0px 15px; } |
.wide h2 {font-weight: bold;} | .wide h2 {font-weight: bold;} | ||
+ | .wide h1 {font-weight: bold; margin: 10px 15px 10px 15px;} | ||
+ | .wide h3 {margin: 10px 15px 10px 15px;} | ||
- | table.nav {width:100%; margin:0; cellpadding:5px; cellspacing:0; border:1px; bordercolor:#AAAAAA; font color:#000000; background:# | + | table.nav {width:100%; margin:0; cellpadding:5px; cellspacing:0; border:1px; bordercolor:#AAAAAA; font color:#000000; background:#FFFFFF;} |
- | 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:# | + | 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:#FFFFFF; } |
- | table.parameter td { padding: | + | table.parameter td { padding:0px; } |
- | table.hill {width:60%; display: block; float:right; cellpadding:0px; cellspacing:0; border:0px; bordercolor:#AAAAAA; font color:#000000; align:center; background:# | + | table.hill {width:60%; display: block; float:right; cellpadding:0px; cellspacing:0; border:0px; bordercolor:#AAAAAA; font color:#000000; align:center; background:#FFFFFF; } |
- | table.hill td { padding: | + | table.hill td { padding:0px;} |
img.floatleft {float: left; margin: 4px; clear:both;} | img.floatleft {float: left; margin: 4px; clear:both;} | ||
Line 47: | Line 49: | ||
- | .left { width: 775px; background-color:# | + | .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; } | ||
- | .left p {margin: 10px | + | .left p {margin: 10px 0px 5px 0px; } |
.left h2 {font-weight: bold;} | .left h2 {font-weight: bold;} | ||
Line 69: | Line 71: | ||
.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: # | + | #pagesubtitle {color: #283234;} |
- | #maintitle {font | + | #maintitle {font: 2.0em Tahoma, Verdana, Arial, sans-serif; margin: 4px 0 0 0;} |
/* links */ | /* links */ | ||
- | a:link, a:visited {text-decoration: none | + | a:link, a:visited {text-decoration: none;} |
- | a:hover {color: # | + | a:hover {color: #7E2217;} |
Line 251: | Line 253: | ||
height:auto; | height:auto; | ||
color:#ffffff; /* this sets the unselected drop-down text color */ | color:#ffffff; /* this sets the unselected drop-down text color */ | ||
- | background:# | + | background:#838d84; /* this sets the drop-down menu background color */ |
width:14em; | width:14em; | ||
} | } | ||
Line 289: | Line 291: | ||
.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:#838d84; |
color:#ffffff; | color:#ffffff; | ||
} | } | ||
Line 324: | Line 326: | ||
} | } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
</style> | </style> | ||
</html> | </html> |
Latest revision as of 16:31, 27 October 2010