Template:WashUHeader

From 2010.igem.org

(Difference between revisions)
 
(226 intermediate revisions not shown)
Line 1: Line 1:
-
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
+
__NOTOC__
-
        "http://www.w3.org/TR/html4/strict.dtd">
+
<html>
<html>
-
<head>
 
-
<meta http-equiv="content-type" content="text/html; charset=utf-8">
 
-
<title>Color Palette by Color Scheme Generator</title>
 
-
<meta name="generator" content="ColorSchemeGenerator.com">
 
-
 
<style type="text/css">
<style type="text/css">
 +
#header {
 +
padding: 0;
 +
}
-
/* Palette color codes */
+
#top-section {
-
/* Feel free to copy&paste color codes to your application */
+
height: 15px;
 +
margin-top: 0px;
 +
margin-left: auto;
 +
margin-right: auto;
 +
margin-bottom: 0px;
 +
padding:0;
 +
border: none;
 +
position: relative;
 +
top:-75px;
 +
}
-
.primary-1 { background-color: #04859D }
+
body {
-
.primary-2 { background-color: #206876 }
+
background: #315c25;
-
.primary-3 { background-color: #015666 }
+
}
-
.primary-4 { background-color: #37B6CE }
+
-
.primary-5 { background-color: #5FBDCE }
+
-
.secondary-a-1 { background-color: #FFB000 }
+
.firstHeading {display: none;}
-
.secondary-a-2 { background-color: #BF9330 }
+
-
.secondary-a-3 { background-color: #A67200 }
+
-
.secondary-a-4 { background-color: #FFC440 }
+
-
.secondary-a-5 { background-color: #FFD373 }
+
-
.secondary-b-1 { background-color: #FF1800 }
+
#footer-box {
-
.secondary-b-2 { background-color: #BF3D30 }
+
background-color:#eb24e0;
-
.secondary-b-3 { background-color: #A61000 }
+
border-color-top:#000f00;
-
.secondary-b-4 { background-color: #FF5240 }
+
border-color-bottom:#000f00;
-
.secondary-b-5 { background-color: #FF8073 }
+
font: 12px verdana;
 +
padding-right:10px;
 +
padding-left:10px;
 +
margin: auto;
 +
-moz-border-radius: 15px;
 +
border-radius: 15px;
 +
top: auto;
 +
position: relative;
 +
}
-
/* end */
+
#footer-box a{
 +
    background:#eb24e0;
 +
color:#000f00;
 +
}
 +
#footer-box a:hover{
 +
    color:#FFFFFF;
 +
background: #000f00;
 +
text-decoration:none;
 +
}
-
body {
 
-
margin:0; padding: 2em;
 
-
background:white;
 
-
color: #666;
 
-
font: 75%/1.33 Verdana, sans-serif;
 
-
text-align:left;
 
-
}
 
-
h1 {
 
-
margin: 0.5em 0;
 
-
font-size: 200%;
 
-
}
 
p {
p {
-
margin: 0.5em 0;
+
color:#000000;
-
}
+
padding: 10px;
 +
}
-
.color-table {
+
h1 {
-
margin: 2em 2em 5em;
+
padding: 5px;
-
border-collapse:collapse;
+
background: #90EE90;
-
border:none;
+
font-weight: bold;
-
border-spacing:0;
+
}
-
font-size:100%;
+
 
-
}
+
h2 {
-
.color-table th {
+
padding: 5px;
-
padding: 0 1em 0 0;
+
background: #90EE90;
-
text-align:right;
+
font-weight: bold;
-
vertical-align: middle;
+
}  
-
font-size:110%;
+
 
-
border: none;
+
h3 {
-
}
+
-
.color-table td.sample {
+
-
width:8em; height:8em;
+
padding: 10px;
padding: 10px;
-
text-align:center;
+
font-weight: bold;
-
vertical-align:middle;
+
font-size: 18px;
-
font-size:90%;
+
}
-
border: 1px solid white;
+
-
}
+
-
.color-table.small td.sample {
+
-
width:4em; height:4em;
+
-
padding:0;
+
-
border:none;
+
-
}
+
-
.color-table .white { color:white }
+
-
.color-table .black { color:black }
+
-
hr {
+
#topmenu{
border:none;
border:none;
-
border-bottom:1px solid silver;
+
border:0px;
-
}
+
margin:0px;
-
#footer {
+
padding:0px;
-
padding:1em;
+
font: 67.5% verdana;
-
text-align:center;
+
font-size:14px;
-
font-size:80%;
+
font-weight:bold;
-
}
+
position: relative;
 +
}
-
</style>
+
#topmenu ul{
 +
background:#eb24e0;
 +
height:35px;
 +
list-style:none;
 +
margin:0;
 +
padding:0;
 +
}
-
</head>
+
#topmenu li{
-
<body>
+
float:left;
 +
padding:0px;
 +
}
-
<h1>Color Palette by Color Scheme Designer</h1>
+
#topmenu li a{
-
<p>Palette URL: <a href="http://colorschemedesigner.com/#3m31Tw0w0w0w0">http://colorschemedesigner.com/#3m31Tw0w0w0w0</a></p>
+
background:#eb24e0;
 +
color:#000f00;
 +
display:block;
 +
font-weight:normal;
 +
line-height:35px;
 +
margin:0px;
 +
padding:0px 25px;
 +
text-align:center;
 +
text-decoration:none;
 +
}
-
<table class="color-table">
+
#topmenu li a:hover, #topmenu ul li:hover a{
-
<tr>
+
background: #000f00;
-
<th>Primary Color:</th>
+
color:#FFFFFF;
-
<td class="sample primary-1">
+
text-decoration:none;
-
<div class="white">04859D</div>
+
}
-
<div class="black">04859D</div>
+
#topmenu li ul{
-
</td>
+
background:#eb24e0;
-
<td class="sample primary-2">
+
display:none;
-
<div class="white">206876</div>
+
height:auto;
-
<div class="black">206876</div>
+
padding:0;
-
</td>
+
margin:0;
-
<td class="sample primary-3">
+
border:0;
 +
position:absolute;
 +
width:200px;
 +
z-index:200;
 +
}
-
<div class="white">015666</div>
+
#topmenu li:hover ul{
-
<div class="black">015666</div>
+
display:block;
-
</td>
+
}
-
<td class="sample primary-4">
+
-
<div class="white">37B6CE</div>
+
-
<div class="black">37B6CE</div>
+
-
</td>
+
-
<td class="sample primary-5">
+
#topmenu li li {
-
<div class="white">5FBDCE</div>
+
display:block;
-
<div class="black">5FBDCE</div>
+
float:none;
-
</td>
+
margin:0;
-
</tr>
+
padding:0;
-
<tr>
+
width:200px;
-
<th>Secondary Color A:</th>
+
}
-
<td class="sample secondary-a-1">
+
#topmenu li:hover li a{
-
<div class="white">FFB000</div>
+
background:none;
-
<div class="black">FFB000</div>
+
}
-
</td>
+
-
<td class="sample secondary-a-2">
+
-
<div class="white">BF9330</div>
+
-
<div class="black">BF9330</div>
+
-
</td>
+
#topmenu li ul a{
-
<td class="sample secondary-a-3">
+
display:block;
-
<div class="white">A67200</div>
+
height:35px;
-
<div class="black">A67200</div>
+
font-size:12px;
-
</td>
+
font-style:normal;
-
<td class="sample secondary-a-4">
+
margin:0px;
-
<div class="white">FFC440</div>
+
padding:0px 10px 0px 15px;
 +
text-align:left;
 +
}
-
<div class="black">FFC440</div>
+
#topmenu li ul a:hover, #topmenu li ul li:hover a{
-
</td>
+
background:#000f00;
-
<td class="sample secondary-a-5">
+
border:0px;
-
<div class="white">FFD373</div>
+
color:#ffffff;
-
<div class="black">FFD373</div>
+
text-decoration:none;
-
</td>
+
}
-
</tr>
+
-
<tr>
+
#topmenu p{
-
<th>Secondary Color B:</th>
+
clear:left;
-
<td class="sample secondary-b-1">
+
}
-
<div class="white">FF1800</div>
+
-
<div class="black">FF1800</div>
+
-
</td>
+
-
<td class="sample secondary-b-2">
+
-
<div class="white">BF3D30</div>
+
#content{
-
<div class="black">BF3D30</div>
+
    margin: 0 auto -50px;
-
</td>
+
position: relative;
-
<td class="sample secondary-b-3">
+
top: -55px;
-
<div class="white">A61000</div>
+
padding-top: 0px;
-
<div class="black">A61000</div>
+
padding-left:10px;
-
</td>
+
padding-right:10px;
 +
padding-bottom: 10px;
 +
background-color:#FFFFFF;
 +
border: none;
 +
font: 50% verdana;
 +
font-size:14px;
 +
-moz-border-radius: 15px;
 +
border-radius: 15px;
 +
}
-
<td class="sample secondary-b-4">
+
#content a {
-
<div class="white">FF5240</div>
+
text-decoration: underline;
-
<div class="black">FF5240</div>
+
color:#315c25;
-
</td>
+
}
-
<td class="sample secondary-b-5">
+
-
<div class="white">FF8073</div>
+
-
<div class="black">FF8073</div>
+
-
</td>
+
#content a:hover{
-
</tr>
+
color:#83F52C;
-
</table>
+
}
 +
 
 +
 +
</style>
 +
<body>
-
<table class="color-table small">
+
<br>
-
<tr>
+
<div id="header">
-
<th>Primary Color:</th>
+
<img src="https://static.igem.org/mediawiki/2010/5/59/WashU_Header_4.jpg">
-
<td class="sample primary-1"></td>
+
</div>
-
<td class="sample primary-2"></td>
+
-
<td class="sample primary-3"></td>
+
-
<td class="sample primary-4"></td>
+
<div id="topmenu">
-
<td class="sample primary-5"></td>
+
<ul>
-
</tr>
+
<li><a href="https://2010.igem.org/Team:WashU" >Home</a></li>
-
<tr>
+
<li><a href="https://2010.igem.org/Team:WashU/Team" id="current">Team</a>
-
<th>Secondary Color A:</th>
+
<ul>
-
<td class="sample secondary-a-1"></td>
+
<li><a href="https://2010.igem.org/Team:WashU/Team#Undergraduates">Undergraduates</a></li>
-
<td class="sample secondary-a-2"></td>
+
<li><a href="https://2010.igem.org/Team:WashU/Team#Mentors">Mentors</a></li>
-
<td class="sample secondary-a-3"></td>
+
<li><a href="https://2010.igem.org/Team:WashU/Team#Advisors">Advisors</a></li>
 +
<li><a href="https://2010.igem.org/Team:WashU/Team#Pictures_of_Us_and_our_Lab">Pictures</a></li>
 +
</ul>
 +
</li>
 +
<li><a href="https://2010.igem.org/Team:WashU/Yeast" id="current">Yeast</a>
 +
<ul>
 +
<li><a href="https://2010.igem.org/Team:WashU/Yeast#Background">Background</a></li>
 +
<li><a href="https://2010.igem.org/Team:WashU/Yeast#Project_Goals">Project Goals</a></li>
 +
<li><a href="https://2010.igem.org/Team:WashU/Yeast#Results">Results</a></li>
 +
</ul>
 +
</li>
 +
<li><a href="https://2010.igem.org/Team:WashU/Splicing" id="current">Splicing</a>
 +
<ul>
 +
<li><a href="https://2010.igem.org/Team:WashU/Splicing#Background">Background</a></li>
 +
<li><a href="https://2010.igem.org/Team:WashU/Splicing#Splicing:_The_New_Alternative_-_Project_Goals">Project Goals</a></li>
 +
<li><a href="https://2010.igem.org/Team:WashU/Splicing#Results">Results</a></li>
 +
</ul>
 +
</li>
 +
<li><a href="https://2010.igem.org/Team:WashU/Parts">Parts</a></li>
 +
<li><a href="https://2010.igem.org/Team:WashU/Notebook">Notebook</a>
 +
<ul>
 +
<li><a href="https://2010.igem.org/Team:WashU/Notebook/MolecularBiology">Molecular Biology Group</a></li>
 +
<li><a href="https://2010.igem.org/Team:WashU/Notebook/Yeast">Yeast Group</a></li>
 +
<li><a href="https://2010.igem.org/Team:WashU/Notebook/Microscropy">Microscopy Group</a></li>
 +
<li><a href="https://2010.igem.org/Team:WashU/Notebook/Biobricks">Biobrick Group</a></li>
 +
</ul>
 +
</li>
 +
<li><a href="https://2010.igem.org/Team:WashU/Safety">Safety</a></li>
 +
</ul>
 +
</div>
-
<td class="sample secondary-a-4"></td>
 
-
<td class="sample secondary-a-5"></td>
 
-
</tr>
 
-
<tr>
 
-
<th>Secondary Color B:</th>
 
-
<td class="sample secondary-b-1"></td>
 
-
<td class="sample secondary-b-2"></td>
 
-
<td class="sample secondary-b-3"></td>
 
-
<td class="sample secondary-b-4"></td>
 
-
<td class="sample secondary-b-5"></td>
 
-
</tr>
 
-
</table>
 
-
<p>
 
-
See the HTML source for more details.<br>
 
-
Use the <em>Save / Save As...</em> command in your browser to store the HTML for latter use.
 
-
</p>
 
-
<hr>
+
<!-- Start of StatCounter Code -->
 +
<script type="text/javascript">
 +
var sc_project=6047317;
 +
var sc_invisible=1;
 +
var sc_security="7c372fd7";
 +
</script>
-
<p id="footer">Generated by <a href="http://colorschemedesigner.com">Color Scheme Designer</a> &copy; Petr Stanicek 2002-2009</p>
+
<script type="text/javascript" src="http://www.statcounter.com/counter/counter.js"></script>
 +
<noscript>
 +
<div class="statcounter"><a title="tumblr site counter" href="http://www.statcounter.com/tumblr/" target="_blank">
 +
<img class="statcounter" src="http://c.statcounter.com/6047317/0/7c372fd7/1/" alt="tumblr site counter" ></a></div></noscript>
 +
<!-- End of StatCounter Code -->
</body>
</body>
</html>
</html>

Latest revision as of 14:12, 27 October 2010


Retrieved from "http://2010.igem.org/Template:WashUHeader"