Team:Aberdeen Scotland/css
From 2009.igem.org
(Difference between revisions)
Line 10: | Line 10: | ||
/* layout */ | /* layout */ | ||
* {font-size: 100%; margin: 0; padding: 0; line-height: 1.4em;} | * {font-size: 100%; margin: 0; padding: 0; line-height: 1.4em;} | ||
- | body {position: relative; background: url( | + | body {position: relative; background: url(https://2009.igem.org/Image:bg_body.gif) top left repeat-x #A0C8DA;} |
- | #pagewrapper {display: block; width: | + | #pagewrapper {display: block; width: 950px; background: url(images/bg_main_wide.gif) top repeat-y; text-align: left; margin: 0 auto; font: 70% Verdana, Arial, Helvetica, sans-serif; color: #4B5D67; } |
#titleheader {display:block;background: url(images/bg_header2.gif);} | #titleheader {display:block;background: url(images/bg_header2.gif);} | ||
#subtitle { 0px 40% no-repeat; padding: 7px 0px 12px 21px; color:#fff;} | #subtitle { 0px 40% no-repeat; padding: 7px 0px 12px 21px; color:#fff;} | ||
Line 19: | Line 19: | ||
.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 | + | #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: | + | #pagetitlewrapper {border-top: 3px solid gray; height: 75px; position :relative; padding: 10px 0px 5px 20px; top:260px; background: url(images/transparent.jpg)} |
- | . | + | |
- | . | + | .left { width: 700px; background-color: #E4E9EE; color: #555555; padding: 10px; border: 1px solid #AAAAAA; margin: 0px 10px 10px 17px; float:left; display: inline;} |
- | . | + | .left img {border: 1px solid #AAAAAA; } |
- | . | + | .left p {margin: 10px 0 5px 0; } |
+ | .left h2 {font-weight: bold;} | ||
+ | |||
+ | |||
+ | .right { width: 150px; background-color: #E4E9EE; color: #555555; padding: 10px; border: 1px solid #AAAAAA; margin: 0px 17px 10px 0px; float:right; display:inline;} | ||
+ | .right img {border: 1px solid #AAAAAA; } | ||
+ | .right p {margin: 10px 0 5px 0; } | ||
+ | .right h2 {font-weight: bold;} | ||
+ | |||
+ | |||
div.thumbnail {padding: 10px; border: solid #AAAAAA 1px; width: 152px; background-color: #fff} | div.thumbnail {padding: 10px; border: solid #AAAAAA 1px; width: 152px; background-color: #fff} | ||
Line 42: | Line 51: | ||
a:hover {color: #D76519;} | a:hover {color: #D76519;} | ||
- | /* | + | /* top menu */ |
- | # | + | #topmenu {list-style: none; margin: 7px 0px 0px 0px; float:right;} |
- | # | + | #topmenu ul {display: none;} |
- | # | + | #topmenu li {float: left; margin: 0 1px 0 0; padding: 0;} |
- | # | + | #topmenu a {float: left; display: block; padding: 4px 17px 4px 17px; background: #6F787F; color: #fff; font-weight: bold;} |
- | # | + | #topmenu a:hover {background: #7D868B; color: #fff;} |
/* footer */ | /* footer */ | ||
- | #wikifooter {clear: both; display: block; width: | + | #wikifooter {clear: both; display: block; width: 950px; background: url(images/bg_footer.gif) bottom no-repeat; border-bottom: 20px solid #A0C8DA; text-align: center;} |
* html #footer {margin-top: 18px;} | * html #footer {margin-top: 18px;} | ||
- | #wikifooter-top {display: block; width: | + | #wikifooter-top {display: block; width: 950px; height: 15px; background: url(images/bg_footer-top.gif) top no-repeat;} |
#wikifooter p {color: #808080; padding: 0px 37px 20px 37px;} | #wikifooter p {color: #808080; padding: 0px 37px 20px 37px;} | ||
#wikifooter a, #wikifooter a:visited {color: #808080;} | #wikifooter a, #wikifooter a:visited {color: #808080;} |
Revision as of 08:30, 1 July 2009