Template:Team:Berkeley/header

From 2011.igem.org

(Difference between revisions)
Line 1: Line 1:
 +
<html>
<html>
 +
<style>
 +
<class>
 +
html, body {
 +
margin: 0;
 +
padding: 0;
 +
background: #FFFFFF url(images/img01.jpg) repeat-x;
 +
font-family: Arial, Helvetica, sans-serif;
 +
font-size: 14px;
 +
color: #303030;
 +
}
-
<style type="text/css">
+
h1, h2, h3 {
 +
margin: 0;
 +
padding: 0;
 +
font-weight: normal;
 +
color: #303030;
 +
}
-
html
+
h1 {
 +
font-size: 2em;
 +
}
-
body
+
h2 {
-
{
+
font-size: 2.4em;
-
background-color: blue;
+
-
background-position: left top;
+
-
background-repeat: repeat-x repeat-y;
+
-
background-attachment: fixed;
+
}
}
-
#p-logo{
+
h3 {
-
display: none;
+
font-size: 1.6em;
}
}
-
#content{
+
p, ul, ol {
-
background-color: blue;
+
margin-top: 0;
-
top-margin:30px;
+
line-height: 180%;
-
border-left: none;
+
-
border-right: none;
+
-
width:1200px;
+
-
font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;  
+
-
font-smooth:always;
+
}
}
 +
ul, ol {
 +
}
 +
a {
 +
text-decoration: none;
 +
color: #121212;
 +
}
-
img[src*="/wiki/skins/common/images/wiki.png"]{
+
a:hover {
-
    width:0;
+
text-decoration: underline;
-
    height:60px;
+
-
    padding-right:975px;
+
-
    background:gold;
+
}
}
 +
img.border {
 +
border: 6px solid #E1F1F6;
 +
}
 +
img.alignleft {
 +
float: left;
 +
margin-right: 25px;
 +
}
 +
img.alignright {
 +
float: right;
 +
}
-
</style>
+
img.aligncenter {
 +
margin: 0px auto;
 +
}
 +
#wrapper {
 +
background: url(images/img02.jpg) no-repeat center top;
 +
}
 +
 +
/* Header */
 +
 +
#header {
 +
width: 1000px;
 +
height: 140px;
 +
margin: 0 auto;
 +
}
 +
 +
/* Logo */
 +
 +
#logo {
 +
float: left;
 +
margin: 0;
 +
padding: 20px 0px 0px 0px;
 +
color: #FFFFFF;
 +
}
 +
 +
#logo h1, #logo p {
 +
float: left;
 +
margin: 0;
 +
padding: 0;
 +
}
 +
 +
#logo h1 {
 +
float: left;
 +
margin: 0px;
 +
padding: 50px 0px 0px 30px;
 +
letter-spacing: -1px;
 +
text-transform: lowercase;
 +
text-shadow: #808080 -1px 1px 2px;
 +
font-family: Georgia, "Times New Roman", Times, serif;
 +
font-size: 64px;
 +
}
 +
 +
#logo p {
 +
margin: 0;
 +
padding: 90px 0 0 15px;
 +
text-shadow: #808080 -1px 1px 2px;
 +
font: normal 18px Georgia, "Times New Roman", Times, serif;
 +
font-style: italic;
 +
}
 +
 +
#logo a {
 +
border: none;
 +
background: none;
 +
text-decoration: none;
 +
color: #FFFFFF;
 +
}
 +
 +
/* Search */
 +
 +
#search {
 +
float: right;
 +
width: 280px;
 +
height: 100px;
 +
padding: 0;
 +
}
 +
 +
#search form {
 +
height: 41px;
 +
margin: 0;
 +
padding: 100px 0 0 30px;
 +
}
 +
 +
#search fieldset {
 +
margin: 0;
 +
padding: 0;
 +
border: none;
 +
}
 +
 +
#search-text {
 +
width: 233px;
 +
height: 30px;
 +
padding: 0px 10px 0px 10px;
 +
border: none;
 +
background: url(images/img09.jpg) no-repeat left top;
 +
text-transform: lowercase;
 +
font: normal 11px Arial, Helvetica, sans-serif;
 +
color: #303030;
 +
}
 +
 +
#search-submit {
 +
display: none;
 +
}
 +
 +
/* Menu */
 +
 +
#menu {
 +
width: 960px;
 +
height: 50px;
 +
margin: 0 auto;
 +
padding: 5px 0px 0px 0px;
 +
}
 +
 +
#menu ul {
 +
margin: 0;
 +
padding: 0px 0px 0px 4px;
 +
list-style: none;
 +
line-height: normal;
 +
}
 +
 +
#menu li {
 +
float: left;
 +
}
 +
 +
#menu a {
 +
display: block;
 +
height: 25px;
 +
margin: 0px 2px 0px 15px;
 +
padding: 10px 15px 0px 15px;
 +
background: url(images/img04.gif) no-repeat left 14px;
 +
text-decoration: none;
 +
text-transform: uppercase;
 +
font-family: Arial, Helvetica, sans-serif;
 +
font-size: 14px;
 +
font-weight: bold;
 +
color: #121212;
 +
border: none;
 +
}
 +
 +
#menu .current_page_item a {
 +
}
 +
 +
#menu a:hover {
 +
text-decoration: none;
 +
}
 +
 +
/* Page */
 +
 +
#page {
 +
width: 1000px;
 +
margin: 0 auto;
 +
padding: 0;
 +
}
 +
 +
#page-bgtop {
 +
}
 +
 +
#page-bgbtm {
 +
margin: 0px;
 +
padding: 60px 30px 0px 30px;
 +
}
 +
 +
/* Content */
 +
 +
#content {
 +
float: left;
 +
width: 540px;
 +
padding: 30px 20px 0px 0px;
 +
}
 +
 +
.post {
 +
padding-top: 20px;
 +
padding-bottom: 10px;
 +
}
 +
 +
.post .title {
 +
letter-spacing: -1px;
 +
}
 +
 +
.post .title a {
 +
color: #303030;
 +
border: none;
 +
}
 +
 +
.post .meta {
 +
padding-bottom: 5px;
 +
text-align: left;
 +
font-family: Arial, Helvetica, sans-serif;
 +
font-size: 11px;
 +
font-style: italic;
 +
}
 +
 +
.post .meta a {
 +
}
 +
 +
.post .entry {
 +
text-align: justify;
 +
margin-bottom: 25px;
 +
padding: 10px 0px 0px 0px;
 +
}
 +
 +
.links {
 +
display: block;
 +
width: 96px;
 +
padding: 2px 0px 2px 0px;
 +
background: #A53602;
 +
text-align: center;
 +
text-transform: uppercase;
 +
font-size: 10px;
 +
color: #FFFFFF;
 +
}
 +
 +
/* Sidebar */
 +
 +
#sidebar {
 +
float: right;
 +
width: 330px;
 +
padding: 40px 0px 0px 0px;
 +
}
 +
 +
#sidebar ul {
 +
margin: 0;
 +
padding: 0;
 +
list-style: none;
 +
}
 +
 +
#sidebar li {
 +
margin: 0;
 +
padding: 0;
 +
}
 +
 +
#sidebar li ul {
 +
margin: 0px 15px;
 +
padding-bottom: 30px;
 +
}
 +
 +
#sidebar li li {
 +
padding-left: 15px;
 +
line-height: 35px;
 +
background: url(images/img07.gif) no-repeat left 14px;
 +
}
 +
 +
#sidebar li li span {
 +
display: block;
 +
margin-top: -20px;
 +
padding: 0;
 +
font-size: 11px;
 +
font-style: italic;
 +
}
 +
 +
#sidebar h2 {
 +
height: 38px;
 +
margin-bottom: 20px;
 +
padding: 12px 0 0 15px;
 +
letter-spacing: -1px;
 +
font-size: 24px;
 +
}
 +
 +
#sidebar p {
 +
margin: 0 0px;
 +
padding: 0px 20px 20px 20px;
 +
text-align: justify;
 +
}
 +
 +
#sidebar a {
 +
border: none;
 +
}
 +
 +
#sidebar a:hover {
 +
text-decoration: underline;
 +
}
 +
 +
/* Calendar */
 +
 +
#calendar {
 +
}
 +
 +
#calendar_wrap {
 +
padding: 20px;
 +
}
 +
 +
#calendar table {
 +
width: 100%;
 +
}
 +
 +
#calendar tbody td {
 +
text-align: center;
 +
}
 +
 +
#calendar #next {
 +
text-align: right;
 +
}
 +
 +
/* Footer */
 +
 +
#footer-wrapper {
 +
background: url(images/img01.jpg) repeat-x left bottom;
 +
}
 +
 +
#footer {
 +
width: 1000px;
 +
height: 300px;
 +
margin: -80px auto 0px auto;
 +
background: url(images/img08.jpg) no-repeat center top;
 +
}
 +
 +
#footer p {
 +
margin: 0;
 +
padding-top: 180px;
 +
line-height: normal;
 +
font-size: 14px;
 +
text-align: center;
 +
}
 +
 +
#footer a {
 +
}
 +
</style>
 +
</class>
</html>
</html>

Revision as of 23:57, 20 July 2011

Retrieved from "http://2011.igem.org/Template:Team:Berkeley/header"