|
|
Line 1: |
Line 1: |
- | <html xmlns="http://www.w3.org/1999/xhtml">
| |
- | <head>
| |
- | <meta http-equiv="content-type" content="text/html; charset=utf-8" />
| |
- | <title>Tomatoes by Free CSS Templates</title>
| |
- | <meta name="keywords" content="" />
| |
- | <meta name="description" content="" />
| |
- | <link href="style.css" rel="stylesheet" type="text/css" media="screen" />
| |
| | | |
- | <style>
| |
- | body {
| |
- | background: #2C2723;
| |
- | font-family: Arial, Helvetica, sans-serif;
| |
- | font-size: 12px;
| |
- | color: #66665E;
| |
- | }
| |
- |
| |
- | h1, h2, h3 {
| |
- | margin: 0;
| |
- | text-transform: uppercase;
| |
- | font-weight: normal;
| |
- | color: #F84B00;
| |
- | }
| |
- |
| |
- | h1 {
| |
- | font-size: 44px;
| |
- | }
| |
- |
| |
- | h2 {
| |
- | font-size: 18px;
| |
- | }
| |
- |
| |
- | h3 {
| |
- | }
| |
- |
| |
- | p, ul, ol {
| |
- | margin-top: 0;
| |
- | line-height: 240%;
| |
- | text-align: justify;
| |
- | }
| |
- |
| |
- | ul, ol {
| |
- | }
| |
- |
| |
- | blockquote {
| |
- | }
| |
- |
| |
- | a {
| |
- | color: #F84B00;
| |
- | }
| |
- |
| |
- | a:hover {
| |
- | text-decoration: none;
| |
- | }
| |
- |
| |
- | a img {
| |
- | border: none;
| |
- | }
| |
- |
| |
- | img.left {
| |
- | float: left;
| |
- | margin: 7px 30px 0 0;
| |
- | }
| |
- |
| |
- | img.right {
| |
- | float: right;
| |
- | margin: 7px 0 0 30px;
| |
- | }
| |
- |
| |
- | hr {
| |
- | display: none;
| |
- | }
| |
- |
| |
- | .list1 {
| |
- | }
| |
- |
| |
- | .list1 li {
| |
- | float: left;
| |
- | line-height: normal;
| |
- | }
| |
- |
| |
- | .list1 li img {
| |
- | margin: 0 30px 30px 0;
| |
- | }
| |
- |
| |
- | .list1 li.alt img {
| |
- | margin-right: 0;
| |
- | }
| |
- |
| |
- | #wrapper {
| |
- | }
| |
- |
| |
- | /* Header */
| |
- |
| |
- | #header-wrapper {
| |
- | }
| |
- |
| |
- | #header {
| |
- | width: auto;
| |
- | height: 60px;
| |
- | margin: 0 auto;
| |
- | background: #FFFFFF;
| |
- | }
| |
- |
| |
- | /* Menu */
| |
- |
| |
- | #menu {
| |
- | width: auto;
| |
- | height: 64px;
| |
- | }
| |
- |
| |
- | #menu ul {
| |
- | margin: 0;
| |
- | padding: 0px 0px 0px 5px;
| |
- | list-style: none;
| |
- | line-height: normal;
| |
- | }
| |
- |
| |
- | #menu li {
| |
- | display: block;
| |
- | background: url(images/img02.jpg) repeat-y left top;
| |
- | float: left;
| |
- | }
| |
- |
| |
- | #menu a {
| |
- | display: block;
| |
- | float: left;
| |
- | height: 20px;
| |
- | margin-right: 3px;
| |
- | padding: 28px 25px 15px 25px;
| |
- | text-decoration: none;
| |
- | text-transform: uppercase;
| |
- | font-family: Arial, Helvetica, sans-serif;
| |
- | font-size: 16px;
| |
- | font-weight: bold;
| |
- | color: #989282;
| |
- | }
| |
- |
| |
- | #menu a:hover {
| |
- | text-decoration: underline;
| |
- | color: #F84B00;
| |
- | }
| |
- |
| |
- | #menu .current_page_item a {
| |
- | height: 20px;
| |
- | color: #F84B00;
| |
- | }
| |
- |
| |
- | #menu .first {
| |
- | background: none;
| |
- | }
| |
- |
| |
- | /* Search */
| |
- |
| |
- | #search {
| |
- | float: right;
| |
- | width: 305px;
| |
- | height: 50px;
| |
- | }
| |
- |
| |
- | #search form {
| |
- | float: right;
| |
- | margin: 0;
| |
- | padding: 25px 20px 0 0;
| |
- | }
| |
- |
| |
- | #search fieldset {
| |
- | margin: 0;
| |
- | padding: 0;
| |
- | border: none;
| |
- | }
| |
- |
| |
- | #search input {
| |
- | float: left;
| |
- | font: 12px Georgia, "Times New Roman", Times, serif;
| |
- | border: none;
| |
- | }
| |
- |
| |
- | #search-text {
| |
- | width: 135px;
| |
- | height: 18px;
| |
- | padding: 3px 0 0 5px;
| |
- | border: 1px solid #333333;
| |
- | background: #ECF9E4;
| |
- | color: #000000;
| |
- | }
| |
- |
| |
- | #search-submit {
| |
- | height: 21px;
| |
- | margin-left: 10px;
| |
- | padding: 0px 5px;
| |
- | background: #000000;
| |
- | color: #FFFFFF;
| |
- | }
| |
- |
| |
- | /* Page */
| |
- |
| |
- | #page {
| |
- | width: auto;
| |
- | margin: 0 auto;
| |
- | padding: 0px 25px;
| |
- | background: #FFFFFF;
| |
- | }
| |
- |
| |
- | #page-bgtop {
| |
- | padding-top: 30px;
| |
- | }
| |
- |
| |
- | /** LOGO */
| |
- |
| |
- | #logo {
| |
- | width: 1000px;
| |
- | height: 415px;
| |
- | margin: 0 auto;
| |
- | padding-top: 25px;
| |
- | background: #FFFFFF url(images/img01.jpg) no-repeat center 25px;
| |
- | }
| |
- |
| |
- | #logo h1, #logo p {
| |
- | width: 360px;
| |
- | margin: 0px;
| |
- | line-height: normal;
| |
- | text-align: center;
| |
- | font-weight: normal;
| |
- | color: #FFFFFF;
| |
- | }
| |
- |
| |
- | #logo p {
| |
- | text-transform: uppercase;
| |
- | font-size: 10px;
| |
- | }
| |
- |
| |
- | #logo h1 {
| |
- | padding-top: 250px;
| |
- | text-transform: lowercase;
| |
- | font-size: 60px;
| |
- | font-family: Georgia, "Times New Roman", Times, serif;
| |
- | }
| |
- |
| |
- | #logo a {
| |
- | text-decoration: none;
| |
- | color: #FFFFFF;
| |
- | }
| |
- |
| |
- | /* Content */
| |
- |
| |
- | #content {
| |
- | float: right;
| |
- | width: 640px;
| |
- | }
| |
- |
| |
- | /* Post */
| |
- |
| |
- | .post {
| |
- | margin-bottom: 25px;
| |
- | }
| |
- |
| |
- | .post .title {
| |
- | height: 30px;
| |
- | color: #42423E;
| |
- | }
| |
- |
| |
- | .post .title a {
| |
- | text-decoration: none;
| |
- | color: #F84B00;
| |
- | }
| |
- |
| |
- | .post .date {
| |
- | }
| |
- |
| |
- | .post .meta {
| |
- | padding: 2px 30px 2px 16px;
| |
- | background: url(images/img08.jpg) no-repeat left 10px;
| |
- | border-bottom: 1px #BDBDBB dotted;
| |
- | font-family: Arial, Helvetica, sans-serif;
| |
- | font-weight: normal;
| |
- | font-size: 10px;
| |
- | color: #66665E;
| |
- | }
| |
- |
| |
- | .post .meta span {
| |
- | }
| |
- |
| |
- | .post .meta a {
| |
- | }
| |
- |
| |
- | .post .entry {
| |
- | padding: 10px 0;
| |
- | }
| |
- |
| |
- | .post .links {
| |
- | margin: 0 250px 0 0;
| |
- | padding: 0 0 0 0px;
| |
- | }
| |
- |
| |
- | .post .links .comments {
| |
- | }
| |
- |
| |
- | .post .links .permalink {
| |
- | padding-left: 17px;
| |
- | }
| |
- |
| |
- | /* Sidebar */
| |
- |
| |
- | #sidebar {
| |
- | float: left;
| |
- | width: 260px;
| |
- | font-family: Arial, Helvetica, sans-serif;
| |
- | }
| |
- |
| |
- | #sidebar ul {
| |
- | margin: 0;
| |
- | padding: 0;
| |
- | list-style: none;
| |
- | line-height: normal;
| |
- | }
| |
- |
| |
- | #sidebar li {
| |
- | border-bottom: 1px #BDBDBB dotted;
| |
- | margin-bottom: 30px;
| |
- | padding: 10px 0 10px 0px;
| |
- | }
| |
- |
| |
- | #sidebar li ul {
| |
- | }
| |
- |
| |
- | #sidebar li li {
| |
- | margin: 0 0 0 5px;
| |
- | padding-left: 15px;
| |
- | background: url(images/img09.jpg) no-repeat left 16px;
| |
- | }
| |
- |
| |
- | #sidebar p {
| |
- | margin: 0;
| |
- | padding: 0px 10px;
| |
- | }
| |
- |
| |
- | #sidebar h2 {
| |
- | height: 26px;
| |
- | margin: 0 0 10px 0px;
| |
- | padding: 8px 0 2px 10px;
| |
- | font-weight: normal;
| |
- | color: #F84B00;
| |
- | }
| |
- |
| |
- | #sidebar p {
| |
- | line-height: 200%;
| |
- | }
| |
- |
| |
- | #sidebar a {
| |
- | color: #696969;
| |
- | }
| |
- |
| |
- | /* Calendar */
| |
- |
| |
- | #calendar {
| |
- | }
| |
- |
| |
- | #calendar caption {
| |
- | padding-bottom: 5px;
| |
- | font-weight: bold;
| |
- | }
| |
- |
| |
- | #calendar table {
| |
- | width: 100%;
| |
- | border-collapse: collapse;
| |
- | border-bottom: 1px solid #24130F;
| |
- | border-left: 1px solid #24130F;
| |
- | border-right: 1px solid #24130F;
| |
- | }
| |
- |
| |
- | #calendar thead th {
| |
- | padding: 5px 0;
| |
- | text-align: center;
| |
- | border-top: 1px solid #24130F;
| |
- | border-left: 1px solid #24130F;
| |
- | background: #24130F;
| |
- | }
| |
- |
| |
- | #calendar tbody td {
| |
- | padding: 5px 0;
| |
- | text-align: center;
| |
- | border-top: 1px solid #24130F;
| |
- | border-left: 1px solid #24130F;
| |
- | border-bottom: 1px solid #24130F;
| |
- | }
| |
- |
| |
- | #calendar tfoot td {
| |
- | padding: 5px;
| |
- | border-left: 1px solid #24130F;
| |
- | border-bottom: 1px solid #24130F;
| |
- | }
| |
- |
| |
- | #calendar tfoot #next {
| |
- | border-top: 1px solid #24130F;
| |
- | text-align: right;
| |
- | }
| |
- |
| |
- | #calendar tfoot #prev {
| |
- | border-top: 1px solid #24130F;
| |
- | }
| |
- |
| |
- | #calendar .pad {
| |
- | border-bottom: 1px solid #24130F;
| |
- | }
| |
- |
| |
- | #calendar #today {
| |
- | background: #24130F;
| |
- | }
| |
- |
| |
- | /* Footer */
| |
- |
| |
- | #footer {
| |
- | width: 1000px;
| |
- | height: 95px;
| |
- | margin: 0 auto;
| |
- | padding: 0;
| |
- | background: url(images/img05.jpg) no-repeat left top;
| |
- | }
| |
- |
| |
- | #footer p {
| |
- | margin: 0;
| |
- | padding: 56px 0;
| |
- | text-align: center;
| |
- | line-height: normal;
| |
- | text-transform: uppercase;
| |
- | font-size: 10px;
| |
- | color: #66665E;
| |
- | }
| |
- |
| |
- | #footer a {
| |
- | color: #000000;
| |
- | }
| |
- |
| |
- | </style>
| |
- |
| |
- | </head>
| |
- | <body>
| |
- | <div id="wrapper">
| |
- | <div id="header">
| |
- | <div id="menu">
| |
- | <ul>
| |
- | <li class="current_page_item first"><span><a href="#">Home</a></span></li>
| |
- | <li><a href="#">Link1</a></li>
| |
- | <li><a href="#">Link2</a></li>
| |
- | <li><a href="#">Link3</a></li>
| |
- | <li><a href="#">Link4</a></li>
| |
- | <li><a href="#">Link5</a></li>
| |
- | </ul>
| |
- | </div>
| |
- | <!-- end #menu -->
| |
- | </div>
| |
- | <div id="logo">
| |
- | <h1><a href="#">The iGem Johns Hopkins Team</a></h1>
| |
- | <p><em>A Build-a-Genome class</em></p>
| |
- | </div>
| |
- | <hr />
| |
- | <!-- end #logo -->
| |