Template:Queens Canada/Header

From 2012.igem.org

(Difference between revisions)
Line 1: Line 1:
<html>
<html>
-
<!--
+
<style type="text/css">
-
Design by Free CSS Templates
+
-
http://www.freecsstemplates.org
+
-
Released for free under a Creative Commons Attribution 2.5 License
+
-
-->
+
-
<style>
+
-
body {
+
-
margin: 0;
+
-
padding: 0;
+
-
background: #FFFFFF url(images/img01.jpg) repeat-x left top;
+
-
font-family: Arial, Helvetica, sans-serif;
+
-
font-size: 14px;
+
-
color: #3C3D3F;
+
-
}
+
-
h1, h2, h3 {
+
#top-section { height: 15px; margin: 0px; margin-left: auto; margin-right: auto; margin-bottom: 0 !important;
-
margin: 0;
+
padding:0; border: none; font-size: 10px; color:#ffffff}
-
padding: 0;
+
#p-logo { height:0px; overflow:hidden; display: none;}
-
font-weight: normal;
+
#search-controls { overflow:hidden; display:block; background: none; position: absolute; top: 100px; right: 40px;}
-
color: #FF3000;
+
#bodyContent { border: none; padding:0; margin:0; width:100%; height:100%;}
-
}
+
.firstHeading { display: none;}
 +
#content {  background-color: white;
 +
    border:none;
 +
    padding-bottom:none;
 +
    margin-bottom:none;}
 +
#searchform { overflow:hidden; display:block; background: none; position: absolute; top: 100px; right: 40px;}
 +
body {background-color:#ffffff}
 +
h3#siteSub { display: none;}
 +
#contentSub {display: none;}
-
h1 {
 
-
font-size: 2em;
 
-
}
 
-
.firstHeading
 
-
{
 
-
color: #000000;
 
-
}
 
-
h2 {
+
h2{color:#96d446; }
-
font-size: 3.4 em;
+
h1, h2, h3, h4, h5, h2.noline, h2.topheader{font-family:"Segoe WP", serif; font-size:200%; line-height:35px; border-bottom:0; margin-bottom:5px; border-top:1px dotted #e3e3e3; margin-top:10px; padding-top:30px; font-weight:light;}
-
color:#000000;
+
h2.noline{ border-top:0; margin-top:0; padding-top:0; margin-bottom:0; line-height:20px; padding-top:2px; font-size:20px;}
 +
h2.topheader{border-top:0; padding-top:0; margin-top:5px; font-weight:normal}
-
}
+
</style>
-
h3 {
 
-
font-size: 1.6em;
 
-
}
 
-
p, ul, ol {
 
-
margin-top: 0;
 
-
line-height: 180%;
 
-
}
 
-
ul, ol {
+
</html>
-
}
+
-
 
+
-
a {
+
-
text-decoration: underline;
+
-
color: #1CB543;
+
-
}
+
-
 
+
-
a:hover {
+
-
text-decoration: none;
+
-
}
+
-
 
+
-
#wrapper {
+
-
margin: 0 auto;
+
-
padding: 0;
+
-
}
+
-
 
+
-
/* Header */
+
-
 
+
-
#header-wrapper {
+
-
height: 150px;
+
-
}
+
-
 
+
-
#header {
+
-
overflow: hidden;
+
-
width: 900px;
+
-
margin: 0 auto;
+
-
padding: 30px 0px 0px 0px;
+
-
}
+
-
 
+
-
/* Logo */
+
-
 
+
-
#logo {
+
-
float: left;
+
-
width: 350px;
+
-
margin: 0;
+
-
padding: 0;
+
-
color: #000000;
+
-
}
+
-
 
+
-
#logo h1, #logo p {
+
-
}
+
-
 
+
-
#logo h1 {
+
-
margin-left: 30px;
+
-
padding: 20px 0px 0px 0px;
+
-
letter-spacing: -1px;
+
-
text-transform: lowercase;
+
-
font-size: 3.8em;
+
-
color: #ff3000;
+
-
}
+
-
 
+
-
#logo p {
+
-
margin: -5px 0px 0px 0px;
+
-
padding: 0px 0 0 32px;
+
-
text-transform: lowercase;
+
-
font: normal 14px Georgia, "Times New Roman", Times, serif;
+
-
font-style: italic;
+
-
color: #45302C;
+
-
}
+
-
 
+
-
#logo a {
+
-
border: none;
+
-
background: none;
+
-
text-decoration: none;
+
-
color: #222222;
+
-
}
+
-
 
+
-
/* Search */
+
-
 
+
-
#search {
+
-
float: right;
+
-
width: 280px;
+
-
height: 40px;
+
-
padding: 0px 0px 0px 0px;
+
-
}
+
-
 
+
-
#search form {
+
-
margin: 0;
+
-
padding: 10px 0 0 10px;
+
-
}
+
-
 
+
-
#search fieldset {
+
-
margin: 0;
+
-
padding: 0;
+
-
border: none;
+
-
}
+
-
 
+
-
#search-text {
+
-
width: 220px;
+
-
height: 20px;
+
-
margin-right: 10px;
+
-
padding: 6px 5px 6px 5px;
+
-
border: none;
+
-
background: #FFFFFF;
+
-
text-transform: lowercase;
+
-
font: normal 12px Arial, Helvetica, sans-serif;
+
-
color: #B9ADAA;
+
-
}
+
-
 
+
-
#search-submit {
+
-
width: 45px;
+
-
height: 26px;
+
-
border: none;
+
-
background: none;
+
-
text-indent: -9999px;
+
-
color: #FFFFFF;
+
-
}
+
-
 
+
-
/* Menu */
+
-
 
+
-
#menu {
+
-
float: right;
+
-
}
+
-
 
+
-
#menu ul {
+
-
margin: 0px;
+
-
padding: 50px 0px 0px 0px;
+
-
list-style: none;
+
-
line-height: normal;
+
-
}
+
-
 
+
-
#menu li {
+
-
float: left;
+
-
}
+
-
 
+
-
#menu a {
+
-
display: block;
+
-
float: left;
+
-
height: 38px;
+
-
margin: 0px;
+
-
padding: 0px 0px 0px 0px;
+
-
text-decoration: none;
+
-
text-transform: uppercase;
+
-
font-family: Arial, Helvetica, sans-serif;
+
-
font-size: 12px;
+
-
font-weight: bold;
+
-
color: #202020;
+
-
}
+
-
 
+
-
#menu a:hover {
+
-
text-decoration: none;
+
-
}
+
-
 
+
-
#menu span {
+
-
display: inline-block;
+
-
height: 28px;
+
-
padding: 10px 30px 0px 30px;
+
-
}
+
-
 
+
-
#menu li.active {
+
-
background: #1CB543;
+
-
}
+
-
 
+
-
#menu li.active a {
+
-
background: url(images/img02.jpg) no-repeat left top;
+
-
}
+
-
 
+
-
#menu li.active span {
+
-
background: url(images/img03.jpg) no-repeat right top;
+
-
color: #FFFFFF;
+
-
}
+
-
 
+
-
/* Page */
+
-
 
+
-
#page {
+
-
width: 900px;
+
-
margin: 0 auto;
+
-
padding: 0px 0px 0px 0px;
+
-
}
+
-
 
+
-
#page-bgtop {
+
-
}
+
-
/* Content */
+
-
 
+
-
#content {
+
-
float: center;
+
-
width: 1000 px;
+
-
padding: 40px 40px 40px 40px;
+
-
background: #FFFFFF;
+
-
border: none
+
-
+
-
}
+
-
 
+
-
.post {
+
-
margin-bottom: 30px;
+
-
padding: 0px 30px;
+
-
}
+
-
 
+
-
.post .title {
+
-
height: 41px;
+
-
padding: 0px 0px 0px 0px;
+
-
}
+
-
 
+
-
.post .title a {
+
-
letter-spacing: -2px;
+
-
text-decoration: none;
+
-
text-transform: lowercase;
+
-
color: #202020;
+
-
border: none;
+
-
}
+
-
 
+
-
.post .entry {
+
-
padding: 10px 0px 20px 0px;
+
-
padding-bottom: 20px;
+
-
border-bottom: 1px solid #D1D9F0;
+
-
text-align: justify;
+
-
}
+
-
 
+
-
.post .meta {
+
-
overflow: hidden;
+
-
padding-top: 10px;
+
-
}
+
-
 
+
-
.post .links {
+
-
}
+
-
 
+
-
.links a {
+
-
padding: 4px 10px;
+
-
background: #87A0E5;
+
-
text-decoration: none;
+
-
text-transform: uppercase;
+
-
font-size: 11px;
+
-
color: #FFFFFF;
+
-
}
+
-
 
+
-
.author {
+
-
padding: 4px 10px;
+
-
background: #DF8088;
+
-
text-transform: uppercase;
+
-
font-size: 11px;
+
-
color: #FFFFFF;
+
-
}
+
-
 
+
-
.author a {
+
-
text-decoration: none;
+
-
color: #FFFFFF;
+
-
}
+
-
 
+
-
.date {
+
-
padding: 4px 10px;
+
-
background: #91D9AA;
+
-
text-transform: uppercase;
+
-
font-size: 11px;
+
-
color: #FFFFFF;
+
-
}
+
-
 
+
-
/* Sidebar */
+
-
 
+
-
#sidebar {
+
-
float: right;
+
-
width: 300px;
+
-
margin: 0px;
+
-
padding: 0px 0px 0px 0px;
+
-
background: #EBEBEB;
+
-
border-bottom: 4px solid #1CB543;
+
-
}
+
-
 
+
-
#sidebar ul {
+
-
margin: 0;
+
-
padding: 0;
+
-
list-style: none;
+
-
}
+
-
 
+
-
#sidebar li {
+
-
padding: 0;
+
-
}
+
-
 
+
-
#sidebar li ul {
+
-
margin: 0px;
+
-
padding-bottom: 30px;
+
-
}
+
-
 
+
-
#sidebar li li {
+
-
margin: 0px 30px 0px 30px;
+
-
line-height: 35px;
+
-
border-bottom: 1px solid #000000;
+
-
border-left: none;
+
-
text-align: left;
+
-
}
+
-
 
+
-
#sidebar li li span {
+
-
display: block;
+
-
margin-top: -20px;
+
-
padding: 0;
+
-
font-size: 11px;
+
-
font-style: italic;
+
-
}
+
-
 
+
-
#sidebar li li a {
+
-
padding: 0px 0px 0px 20px;
+
-
background: url(images/img05.jpg) no-repeat left 5px;
+
-
}
+
-
 
+
-
#sidebar h2 {
+
-
height: 30px;
+
-
margin: 0px 0px 20px 0px;
+
-
padding: 2px 0px 0px 30px;
+
-
background: url(images/img04.jpg) no-repeat left top;
+
-
text-align: left;
+
-
text-transform: uppercase;
+
-
letter-spacing: -.5px;
+
-
font-size: 1em;
+
-
font-weight: bold;
+
-
color: #202020;
+
-
}
+
-
 
+
-
#sidebar p {
+
-
margin: 0 0px;
+
-
padding: 0px 20px 20px 20px;
+
-
text-align: justify;
+
-
}
+
-
 
+
-
#sidebar a {
+
-
border: none;
+
-
text-decoration: 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 {
+
-
width: 900px;
+
-
height: 50px;
+
-
margin: 0 auto;
+
-
padding: 0px 0 15px 0;
+
-
font-family: Arial, Helvetica, sans-serif;
+
-
}
+
-
 
+
-
#footer p {
+
-
margin: 0;
+
-
padding: 20px 0px 0px 30px;
+
-
line-height: normal;
+
-
font-size: 10px;
+
-
text-transform: uppercase;
+
-
text-align: left;
+
-
color: #45302C;
+
-
}
+
-
 
+
-
#footer a {
+
-
}
+
-
 
+
-
#about {
+
-
width: 540px;
+
-
padding: 30px;
+
-
background: #EBEBEB;
+
-
border-bottom: 4px solid #1CB543;
+
-
color: #3C3D3F;
+
-
}
+
-
 
+
-
#about h2 {
+
-
padding-bottom: 10px;
+
-
color: #202020;
+
-
}
+
-
 
+
-
#about a {
+
-
color: #1CB543;
+
-
}
+
-
 
+
-
#top-section {
+
-
height: 15px;
+
-
margin: 0px;
+
-
margin-left: auto;
+
-
margin-right: auto;
+
-
margin-bottom: 0 !important;
+
-
padding:0;
+
-
border: none;
+
-
font-size: 10px;
+
-
}
+
-
 
+
-
#p-logo {
+
-
height:1px;
+
-
overflow:hidden;
+
-
display: none;
+
-
}
+
-
 
+
-
#search-controls {
+
-
overflow:hidden;
+
-
display:block;
+
-
background: none;
+
-
position: absolute;
+
-
top: 100px;
+
-
right: 40px;
+
-
}
+
-
 
+
-
 
+
-
</style>
+
-
<body>
+
-
</body>
+

Revision as of 00:33, 11 May 2012

Retrieved from "http://2012.igem.org/Template:Queens_Canada/Header"