Team:Johns Hopkins/Templates/header

From 2011.igem.org

(Difference between revisions)
(Blanked the page)
 
(One intermediate revision not shown)
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 {
 
-
margin: 0;
 
-
padding: 0;
 
-
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: 1000px;
 
-
height: 60px;
 
-
margin: 0 auto;
 
-
background: #FFFFFF;
 
-
}
 
-
 
-
/* Menu */
 
-
 
-
#menu {
 
-
width: 950px;
 
-
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: 950px;
 
-
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 -->
 

Latest revision as of 14:47, 11 May 2011