Template:WashUHeader

From 2010.igem.org

(Difference between revisions)
Line 1: Line 1:
-
__NOTOC__
 
<html>
<html>
<style type="text/css">
<style type="text/css">
-
.primary-1 { background-color: #04859D }
+
/* default elements */
-
.primary-2 { background-color: #206876 }
+
body {
-
.primary-3 { background-color: #015666 }
+
/*background: #000000 url(https://static.igem.org/mediawiki/2010/9/93/WashU_Header_3.jpg);*/
-
.primary-4 { background-color: #37B6CE }
+
background: #eee9e9;
-
.primary-5 { background-color: #5FBDCE }
+
color: #000000;
 +
font: normal 62.5% verdana;
 +
padding: 2% 0;
 +
}
-
.secondary-a-1 { background-color: #FFB000 }
+
a {color: #015666;}
-
.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 }
+
a:hover {
-
.secondary-b-2 { background-color: #BF3D30 }
+
color: #37B6CE;
-
.secondary-b-3 { background-color: #A61000 }
+
background-color: #015666;
-
.secondary-b-4 { background-color: #FF5240 }
+
}
-
.secondary-b-5 { background-color: #FF8073 }
+
 
 +
big {font-size: 1.1em;}
 +
 
 +
h1,h2,h3 {color: #00C12B; padding: 8px 0 2px;}
 +
 
 +
h1 {font: normal 2.4em georgia;}
 +
 
 +
h1 a {text-decoration: none;}
 +
 
 +
h1 a:hover {text-decoration: underline;}
 +
 
 +
h2 {font: normal 1.6em georgia;}
 +
 
 +
h3 {font: bold 1.2em georgia;}
 +
 
 +
/*blockquote {
 +
background: url('img/quote.gif') no-repeat;
 +
display: block;
 +
font: normal 1.1em Georgia,serif;
 +
padding-left: 26px
 +
}*/
 +
 
 +
form,table {margin-bottom: 1.2em;}
 +
 
 +
img {border: none;}
 +
 
 +
label {display: block;}
 +
 
 +
li {line-height: 1.5em;}
 +
 
 +
p {padding: 2px 0 10px;}
 +
 
 +
small,.small {font: normal 0.9em verdana;}
 +
 
 +
ul {padding: 0 2em 1.2em;}
 +
 
 +
/* structure */
 +
/*#wrapper {
 +
background: #332 url(img/wrapper.gif) no-repeat left bottom;
 +
margin: 0 auto;
 +
width: 762px;
 +
}*/
-
#content{
+
#container {
-
padding:10px;
+
background: #ffffff;
-
margin:10 auto;
+
border-top: 0px solid #000000;
-
position: relative;
+
font-size: 1.3em;
-
top: -25px;
+
line-height: 1.3em;
-
padding-left:5px;
+
margin: 0 auto;
-
padding-right:5px;
+
width: 800px;
-
background-color:#ffffff;
+
-
border: none;
+
}
}
-
#top-section {
+
/* header */
-
height: 15px;
+
 
-
margin-top: -4px;
+
/*.title {
-
margin-left: auto;
+
background: #000000;
-
margin-right: auto;
+
border-top: 100px solid #ffffff;
-
margin-bottom: 9px;
+
}*/
-
padding:5;
+
/*
-
border: none;
+
.title h1 {
-
position: relative;
+
color: #441;
-
top:-77px;
+
font: normal 2.2em verdana;
-
background-color:#5fbdce;
+
padding: 10px 0 10px 18px;
 +
}*/
 +
 
 +
.header {
 +
border-top: 5px solid #5FBDCE;
 +
border-bottom: 5px solid #5FBDCE;
 +
border-left: 5px solid #5FBDCE;
 +
border-right: 5px solid #5FBDCE;
 +
/*background: #DAD7C5 url(https://static.igem.org/mediawiki/2010/9/93/WashU_Header_3.jpg) no-repeat left bottom;*/
 +
background: #04859D;
 +
height: 200px;
}
}
-
body {background: #cccccc}
+
/* navigation */
-
.firstHeading {display: none;}
+
.navigation {
-
#footer-box {
+
/*background: #DED9D0 url(img/nav.gif) repeat-x; height: 41px;*/
-
background-color:#CCCCCC;
+
background: #FFC440;
-
border-color:#ffd573;
+
border: 1px solid #EEE9E9;
 +
}
 +
.navigation a {
 +
/*background: #FFF url(img/nav.gif) repeat-x;*/
 +
background: #FFC440;
 +
border-right: 1px solid #EEE9E9;
 +
color: #A67200;
 +
float: left;
 +
font: bold 1em verdana;
 +
padding: 0 14px;
 +
line-height: 41px;
 +
text-align: center;
 +
text-decoration: none;
 +
}
 +
.navigation a:hover,.navigation a#active {
 +
background-position: left bottom;
 +
color: #FFC440;  
 +
background: #A67200;
}
}
-
p {color:#000000;}
+
/* bottom */
-
</style>
+
/*.bottom {
-
<style>
+
background: #DCDAC9 url(img/bottom.gif) no-repeat left bottom;
-
#topmenu{
+
background: #000000;
-
border:1px solid #000000;
+
border-top: 1px solid #AA8;
-
margin:0px;
+
color: #444;
-
padding:0px;
+
padding: 14px 20px;
-
font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
+
}
-
font-size:16px;
+
.bottom .left,.bottom .right {width: 49%;}
-
font-weight:normal;
+
*/
-
}
+
-
#topmenu ul{
+
-
background:#8DD066;
+
-
height:25px;
+
-
list-style:none;
+
-
margin:0;
+
-
padding:0;
+
-
}
+
-
#topmenu li{
+
-
float:left;
+
-
padding:0px;
+
-
}
+
-
#topmenu li a{
+
-
color:#000000;
+
-
display:block;
+
-
line-height:25px;
+
-
margin:0px;
+
-
padding-top:0px;
+
-
padding-bottom:0px;
+
-
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>
+
-
<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>
+
 +
/* footer */
 +
.footer {
 +
background: #FFD373;
 +
color: #BF9330;
 +
border-top: 1px solid #FFB000;
 +
border-bottom: 1px solid #FFB000;
 +
padding: 10px;
 +
}
 +
.footer .left {width: 66%;}
-
<!-- Start of StatCounter Code -->
+
.footer .right {
-
<script type="text/javascript">
+
width: 33%;
-
var sc_project=6047317;  
+
text-align: right;
-
var sc_invisible=1;  
+
}
-
var sc_security="7c372fd7";  
+
.footer a {
-
</script>
+
color: #015666;
 +
text-decoration: underline;
 +
}
 +
.footer a:hover, .footer .right a:hover {
 +
text-decoration: underline;
 +
color: #37B6CE;
 +
background-color: #015666;
 +
}
-
<script type="text/javascript"
+
/* gallery */
-
src="http://www.statcounter.com/counter/counter.js"></script><noscript><div
+
/*
-
class="statcounter"><a title="tumblr site counter"
+
.gallery td {
-
href="http://www.statcounter.com/tumblr/"
+
vertical-align: top;
-
target="_blank"><img class="statcounter"
+
text-align: center;
-
src="http://c.statcounter.com/6047317/0/7c372fd7/1/"
+
}
-
alt="tumblr site counter" ></a></div></noscript>
+
.gallery em {display: block;}*/
-
<!-- End of StatCounter Code -->
+
-
</body>
+
/* misc */
 +
.clear,.clearer {clear: both;}
 +
.clearer {font-size: 0;}
 +
.col2 .left {width: 64%;}
 +
.col2 .right .content {background: #FFF;}
 +
.col2 .right {width: 33%;}
 +
.content {padding: 18px 20px;}
 +
.left {float: left;}
 +
.right {float: right;}
 +
.right .content {padding: 18px 12px 12px;}
 +
 
 +
/* block list */
 +
ul.block {
 +
border-top: 1px dashed #BCBAAC;
 +
margin: 4px 0;
 +
padding: 0;
 +
width: 90%;
 +
}
 +
.block li {
 +
border-bottom: 1px dashed #BCBAAC;
 +
list-style: none;
 +
}
 +
.block li a,.block li em {
 +
color: #553;
 +
display: block;
 +
}
 +
.block li em {
 +
font-size: 0.9em;
 +
font-style: normal;
 +
}
 +
.block li a {
 +
padding: 4px 3%;
 +
text-decoration: none;
 +
width: 94%;
 +
}
 +
.block li a span {font-weight: bold;}
 +
.block li a:hover {
 +
background: #D2D0C0;
 +
color: #553;
 +
}
 +
 
 +
.right .block,.right .block li {border-color: #DCDACC;}
 +
.right .block li a:hover {background: #F2F0EA;}
 +
 
 +
</style>
</html>
</html>

Revision as of 02:48, 30 September 2010