From 2013.igem.org
(Difference between revisions)
|
|
Line 1: |
Line 1: |
- | * {
| |
- | margin: 0;
| |
- | padding: 0;
| |
- | }
| |
| | | |
- | body {
| |
- | background: #666666;
| |
- | font-family: Verdana, Arial, Helvetica, sans-serif;
| |
- | font-size: 14px;
| |
- | line-height: 17px;
| |
- | color: #333;
| |
- | }
| |
- |
| |
- | a {
| |
- | text-decoration: none;
| |
- | color: #362e19;
| |
- | }
| |
- | a:hover {
| |
- | text-decoration: underline;
| |
- | color: #4a3c19;
| |
- | }
| |
- |
| |
- | #wrap {
| |
- | margin: 20px auto;
| |
- | width: 1000px;
| |
- | }
| |
- |
| |
- |
| |
- | #header {
| |
- | background: #666666 url(images/header.jpg) no-repeat;
| |
- | height: 200px;
| |
- | font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
| |
- | font-size: 14px;
| |
- | font-style: normal;
| |
- | font-weight: bolder;
| |
- | color: #FFF;
| |
- | }
| |
- | #header h1 {
| |
- | font-size: 38px;
| |
- | letter-spacing: -1px;
| |
- | padding: 70px 0 0 40px;
| |
- | color: #fff;
| |
- | }
| |
- | #header h1 a {
| |
- | color: #fff;
| |
- | text-decoration: none;
| |
- | font-weight: 100;
| |
- | letter-spacing: -2px;
| |
- | }
| |
- | #header h1 a:hover {
| |
- | color: #000;
| |
- | font-family: Georgia, "Times New Roman", Times, serif;
| |
- | font-weight: bold;
| |
- | cursor: e-resize;
| |
- | }
| |
- | #header h2 {
| |
- | font-size: 19px;
| |
- | color: #EFECE0;
| |
- | padding: 20px 0 0 40px;
| |
- | letter-spacing: -1px;
| |
- | font-weight: 100;
| |
- | }
| |
- |
| |
- | #menu {
| |
- | height: 40px;
| |
- | line-height: 40px;
| |
- | background: #666666 url(images/menu.jpg) no-repeat;
| |
- | }
| |
- | #menu ul {
| |
- | list-style-type: none;
| |
- | padding-left: 40px;
| |
- | }
| |
- | #menu ul li {
| |
- | display: block;
| |
- | float: left;
| |
- | }
| |
- | #menu ul li a {
| |
- | padding: 0 20px 0 0;
| |
- | text-decoration: none;
| |
- | font-weight: 100;
| |
- | font-size: 18px;
| |
- | color: #aaa;
| |
- | }
| |
- | #menu ul li a:hover {
| |
- | color: #fff;
| |
- | text-decoration: none;
| |
- | }
| |
- |
| |
- | #content {
| |
- | background: #666666 url(images/content.jpg) repeat-y;
| |
- | padding: 10px;
| |
- | }
| |
- |
| |
- | .left {
| |
- | float: left;
| |
- | width: 730px;
| |
- | text-align: justify;
| |
- | padding: 10px;
| |
- | font-size: 14px;
| |
- | background: #fff;
| |
- | border-right: 1px solid #000;
| |
- | border-top: 1px solid #000;
| |
- | border-bottom: 1px solid #000;
| |
- |
| |
- | }
| |
- | .left h2 {
| |
- | font-size: 20px;
| |
- | font-weight: 100;
| |
- | padding: 15px 0 7px 0;
| |
- | }
| |
- | .left h2 a {
| |
- | text-decoration: none;
| |
- | }
| |
- | .left h2 a:hover {
| |
- | text-decoration: underline;
| |
- | }
| |
- |
| |
- | .right {
| |
- | float: right;
| |
- | width: 180px;
| |
- | background: #fff;
| |
- | padding: 10px;
| |
- | border-left: 1px solid #000;
| |
- | border-top: 1px solid #000;
| |
- | border-bottom: 1px solid #000;
| |
- | }
| |
- | .right h2 {
| |
- | height: 24px;
| |
- | line-height: 24px;
| |
- | color: #000;
| |
- | font-size: 17px;
| |
- | padding-left: 10px;
| |
- |
| |
- | }
| |
- | .right ul {
| |
- | padding: 10px 0 15px 30px;
| |
- | list-style-type: square;
| |
- | }
| |
- | .right ul li a {
| |
- | font-weight: 100;
| |
- | font-size: 12px;
| |
- | }
| |
- | .right ul li a:hover {
| |
- |
| |
- | }
| |
- |
| |
- | #bottom {
| |
- | background: #d4ccae url(images/bottom.jpg) no-repeat;
| |
- | padding: 10px 0;
| |
- | }
| |
- |
| |
- | #footer {
| |
- | text-align: center;
| |
- | font-size: 11px;
| |
- | }
| |
Revision as of 10:39, 22 July 2013