Template:WashUHeader

From 2010.igem.org

(Difference between revisions)
Line 1: Line 1:
-
__NOTOC__
+
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
 +
        "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">
-
#content{
+
/* Palette color codes */
-
padding:10px;
+
/* Feel free to copy&paste color codes to your application */
-
margin:10 auto;
+
-
position: relative;
+
-
top: -25px;
+
-
padding-left:5px;
+
-
padding-right:5px;
+
-
background-color:#ffffff;
+
-
border: none;
+
-
<!--border-color:#000000; border-width:2px;-->
+
-
}
+
-
#top-section {
+
.primary-1 { background-color: #04859D }
-
height: 15px;
+
.primary-2 { background-color: #206876 }
-
margin-top: -4px;
+
.primary-3 { background-color: #015666 }
-
margin-left: auto;
+
.primary-4 { background-color: #37B6CE }
-
margin-right: auto;
+
.primary-5 { background-color: #5FBDCE }
-
margin-bottom: 9px;
+
-
padding:5;
+
-
border: none;
+
-
position: relative;
+
-
top:-77px;
+
-
background-color:#5fbdce;
+
-
}
+
-
body {background: #cccccc}
+
.secondary-a-1 { background-color: #FFB000 }
-
.firstHeading {display: none;}
+
.secondary-a-2 { background-color: #BF9330 }
-
#footer-box {
+
.secondary-a-3 { background-color: #A67200 }
-
background-color:#CCCCCC;
+
.secondary-a-4 { background-color: #FFC440 }
-
border-color:#000000;
+
.secondary-a-5 { background-color: #FFD373 }
-
}
+
-
p {color:#000000;}
+
.secondary-b-1 { background-color: #FF1800 }
-
</style>
+
.secondary-b-2 { background-color: #BF3D30 }
-
<style>
+
.secondary-b-3 { background-color: #A61000 }
-
#topmenu{
+
.secondary-b-4 { background-color: #FF5240 }
-
border:1px solid #000000;
+
.secondary-b-5 { background-color: #FF8073 }
-
margin:0px;
+
 
-
padding:0px;
+
/* end */
-
font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
+
 
-
font-size:16px;
+
 
-
font-weight:normal;
+
body {
 +
margin:0; padding: 2em;
 +
background:white;
 +
color: #666;
 +
font: 75%/1.33 Verdana, sans-serif;
 +
text-align:left;
}
}
-
#topmenu ul{
+
h1 {
-
background:#8DD066;
+
margin: 0.5em 0;
-
height:25px;
+
font-size: 200%;
-
list-style:none;
+
}
-
margin:0;
+
p {
 +
margin: 0.5em 0;
 +
}
 +
 
 +
.color-table {
 +
margin: 2em 2em 5em;
 +
border-collapse:collapse;
 +
border:none;
 +
border-spacing:0;
 +
font-size:100%;
 +
}
 +
.color-table th {
 +
padding: 0 1em 0 0;
 +
text-align:right;
 +
vertical-align: middle;
 +
font-size:110%;
 +
border: none;
 +
}
 +
.color-table td.sample {
 +
width:8em; height:8em;
 +
padding: 10px;
 +
text-align:center;
 +
vertical-align:middle;
 +
font-size:90%;
 +
border: 1px solid white;
 +
}
 +
.color-table.small td.sample {
 +
width:4em; height:4em;
padding:0;
padding:0;
 +
border:none;
}
}
-
#topmenu li{
+
.color-table .white { color:white }
-
float:left;
+
.color-table .black { color:black }
-
padding:0px;
+
 
-
}
+
hr {
-
#topmenu li a{
+
border:none;
-
color:#000000;
+
border-bottom:1px solid silver;
-
display:block;
+
}
-
line-height:25px;
+
#footer {
-
margin:0px;
+
padding:1em;
-
padding-top:0px;
+
text-align:center;
-
padding-bottom:0px;
+
font-size:80%;
-
padding-right:43px;
+
}
-
padding-left:43px;
+
 
-
text-align:left;
+
-
text-decoration:none;
+
-
}
+
-
#topmenu li a:hover, #topmenu ul li:hover a{
+
-
background: #006600;
+
-
color:#FFFFFF;
+
-
text-decoration:none;
+
-
}
+
-
#topmenu li ul{
+
-
background:#8DD066;
+
-
display:none;
+
-
height:auto;
+
-
padding:0px;
+
-
margin:0px;
+
-
border:0px;
+
-
position:absolute;
+
-
width:200px;
+
-
z-index:200;
+
-
/*top:1em;
+
-
/*left:0;*/
+
-
}
+
-
#topmenu li:hover ul{
+
-
display:block;
+
-
border:1px solid #000000;
+
-
}
+
-
#topmenu li li {
+
-
display:block;
+
-
float:none;
+
-
margin:0px;
+
-
padding:0px;
+
-
width:200px;
+
-
}
+
-
#topmenu li:hover li a{
+
-
background:none;
+
-
color:#000000;
+
-
}
+
-
#topmenu li ul a{
+
-
display:block;
+
-
height:25px;
+
-
font-size:12px;
+
-
font-style:normal;
+
-
margin:0px;
+
-
padding:0px 10px 0px 15px;
+
-
text-align:left;
+
-
}
+
-
#topmenu li ul a:hover, #topmenu li ul li:hover a{
+
-
background:#006600;
+
-
color:#FFFFFF;
+
-
text-decoration:none;
+
-
}
+
-
#topmenu p{
+
-
clear:left;
+
-
}
+
</style>
</style>
 +
 +
</head>
<body>
<body>
-
<br>
 
-
<img src="https://static.igem.org/mediawiki/2010/9/93/WashU_Header_3.jpg" alt="Header">
 
-
<div id="topmenu">
 
-
<ul>
 
-
<li><a href="https://2010.igem.org/Team:WashU" >Home</a></li>
 
-
<li><a href="https://2010.igem.org/Team:WashU/Team" id="current">Team</a>
 
-
<ul>
 
-
<li><a href="https://2010.igem.org/Team:WashU/Team#Undergraduates">Undergraduates</a></li>
 
-
<li><a href="https://2010.igem.org/Team:WashU/Team#Mentors">Mentors</a></li>
 
-
<li><a href="https://2010.igem.org/Team:WashU/Team#Advisors">Advisors</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></li>
 
-
<li><a href="https://2010.igem.org/Team:WashU/Safety">Safety</a></li>
 
-
</ul>
 
-
</div>
 
 +
<h1>Color Palette by Color Scheme Designer</h1>
 +
<p>Palette URL: <a href="http://colorschemedesigner.com/#3m31Tw0w0w0w0">http://colorschemedesigner.com/#3m31Tw0w0w0w0</a></p>
 +
 +
<table class="color-table">
 +
<tr>
 +
<th>Primary Color:</th>
 +
<td class="sample primary-1">
 +
<div class="white">04859D</div>
 +
 +
<div class="black">04859D</div>
 +
</td>
 +
<td class="sample primary-2">
 +
<div class="white">206876</div>
 +
<div class="black">206876</div>
 +
</td>
 +
<td class="sample primary-3">
 +
 +
<div class="white">015666</div>
 +
<div class="black">015666</div>
 +
</td>
 +
<td class="sample primary-4">
 +
<div class="white">37B6CE</div>
 +
<div class="black">37B6CE</div>
 +
</td>
 +
 +
<td class="sample primary-5">
 +
<div class="white">5FBDCE</div>
 +
<div class="black">5FBDCE</div>
 +
</td>
 +
</tr>
 +
<tr>
 +
<th>Secondary Color A:</th>
 +
 +
<td class="sample secondary-a-1">
 +
<div class="white">FFB000</div>
 +
<div class="black">FFB000</div>
 +
</td>
 +
<td class="sample secondary-a-2">
 +
<div class="white">BF9330</div>
 +
<div class="black">BF9330</div>
 +
 +
</td>
 +
<td class="sample secondary-a-3">
 +
<div class="white">A67200</div>
 +
<div class="black">A67200</div>
 +
</td>
 +
<td class="sample secondary-a-4">
 +
<div class="white">FFC440</div>
 +
 +
<div class="black">FFC440</div>
 +
</td>
 +
<td class="sample secondary-a-5">
 +
<div class="white">FFD373</div>
 +
<div class="black">FFD373</div>
 +
</td>
 +
</tr>
 +
 +
<tr>
 +
<th>Secondary Color B:</th>
 +
<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>
 +
<div class="black">BF3D30</div>
 +
</td>
 +
<td class="sample secondary-b-3">
 +
<div class="white">A61000</div>
 +
<div class="black">A61000</div>
 +
</td>
 +
 +
<td class="sample secondary-b-4">
 +
<div class="white">FF5240</div>
 +
<div class="black">FF5240</div>
 +
</td>
 +
<td class="sample secondary-b-5">
 +
<div class="white">FF8073</div>
 +
<div class="black">FF8073</div>
 +
 +
</td>
 +
</tr>
 +
</table>
 +
 +
<table class="color-table small">
 +
<tr>
 +
<th>Primary Color:</th>
 +
<td class="sample primary-1"></td>
 +
<td class="sample primary-2"></td>
 +
<td class="sample primary-3"></td>
 +
 +
<td class="sample primary-4"></td>
 +
<td class="sample primary-5"></td>
 +
</tr>
 +
<tr>
 +
<th>Secondary Color A:</th>
 +
<td class="sample secondary-a-1"></td>
 +
<td class="sample secondary-a-2"></td>
 +
<td class="sample secondary-a-3"></td>
 +
 +
<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>
-
<!-- Start of StatCounter Code -->
+
<hr>
-
<script type="text/javascript">
+
-
var sc_project=6047317;
+
-
var sc_invisible=1;
+
-
var sc_security="7c372fd7";
+
-
</script>
+
-
<script type="text/javascript"
+
<p id="footer">Generated by <a href="http://colorschemedesigner.com">Color Scheme Designer</a> &copy; Petr Stanicek 2002-2009</p>
-
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>

Revision as of 19:29, 29 September 2010

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" 

       "http://www.w3.org/TR/html4/strict.dtd">

Color Palette by Color Scheme Generator

Color Palette by Color Scheme Designer

Palette URL: http://colorschemedesigner.com/#3m31Tw0w0w0w0

Primary Color:
04859D
04859D
206876
206876
015666
015666
37B6CE
37B6CE
5FBDCE
5FBDCE
Secondary Color A:
FFB000
FFB000
BF9330
BF9330
A67200
A67200
FFC440
FFC440
FFD373
FFD373
Secondary Color B:
FF1800
FF1800
BF3D30
BF3D30
A61000
A61000
FF5240
FF5240
FF8073
FF8073
Primary Color:
Secondary Color A:
Secondary Color B:

See the HTML source for more details.
Use the Save / Save As... command in your browser to store the HTML for latter use.

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