Template:WashUHeader

From 2010.igem.org

(Difference between revisions)
 
(214 intermediate revisions not shown)
Line 2: Line 2:
<html>
<html>
<style type="text/css">
<style type="text/css">
 +
#header {
 +
padding: 0;
 +
}
-
/* default elements */
+
#top-section {
-
body {
+
height: 15px;
-
background: #EEE9E9;
+
margin-top: 0px;
-
color: #000000;
+
margin-left: auto;
-
font: normal 62.5% verdana;
+
margin-right: auto;
-
padding: 2% 0;
+
margin-bottom: 0px;
 +
padding:0;
 +
border: none;
 +
position: relative;
 +
top:-75px;
}
}
-
#content {
+
body {
-
background: #EEE9E9;
+
background: #315c25;
-
color: #000000;
+
-
font: 14px verdana;
+
-
padding: 2% 0;
+
}
}
-
a {color: #015666;}
+
.firstHeading {display: none;}
-
a:hover {
+
#footer-box {
-
color: #37B6CE;
+
background-color:#eb24e0;
-
background-color: #015666;
+
border-color-top:#000f00;
 +
border-color-bottom:#000f00;
 +
font: 12px verdana;
 +
padding-right:10px;
 +
padding-left:10px;
 +
margin: auto;
 +
-moz-border-radius: 15px;
 +
border-radius: 15px;
 +
top: auto;
 +
position: relative;
}
}
-
big {font-size: 1.1em;}
+
#footer-box a{
 +
    background:#eb24e0;
 +
color:#000f00;
 +
}
-
h1,h2,h3 {color: #00C12B; padding: 8px 0 2px;}
+
#footer-box a:hover{
 +
    color:#FFFFFF;
 +
background: #000f00;
 +
text-decoration:none;
 +
}
-
h1 {font: normal 2.4em georgia;}
+
p {
 +
color:#000000;
 +
padding: 10px;
 +
}
-
h1 a {text-decoration: none;}
+
h1 {
 +
padding: 5px;
 +
background: #90EE90;
 +
font-weight: bold;
 +
}
-
h1 a:hover {text-decoration: underline;}
+
h2 {
 +
padding: 5px;
 +
background: #90EE90;
 +
font-weight: bold;
 +
}  
-
h2 {font: normal 1.6em georgia;}
+
h3 {
 +
padding: 10px;
 +
font-weight: bold;
 +
font-size: 18px;
 +
}
-
h3 {font: bold 1.2em georgia;}
+
#topmenu{
 +
border:none;
 +
border:0px;
 +
margin:0px;
 +
padding:0px;
 +
font: 67.5% verdana;
 +
font-size:14px;
 +
font-weight:bold;
 +
position: relative;
 +
}
-
/*blockquote {
+
#topmenu ul{
-
background: url('img/quote.gif') no-repeat;
+
background:#eb24e0;
-
display: block;
+
height:35px;
-
font: normal 1.1em Georgia,serif;
+
list-style:none;
-
padding-left: 26px
+
margin:0;
-
}*/
+
padding:0;
 +
}
-
form,table {margin-bottom: 1.2em;}
+
#topmenu li{
 +
float:left;
 +
padding:0px;
 +
}
-
img {border: none;}
+
#topmenu li a{
 +
background:#eb24e0;
 +
color:#000f00;
 +
display:block;
 +
font-weight:normal;
 +
line-height:35px;
 +
margin:0px;
 +
padding:0px 25px;
 +
text-align:center;
 +
text-decoration:none;
 +
}
-
label {display: block;}
+
#topmenu li a:hover, #topmenu ul li:hover a{
-
 
+
background: #000f00;
-
li {line-height: 1.5em;}
+
color:#FFFFFF;
-
 
+
text-decoration:none;
-
p {padding: 2px 0 10px;}
+
}
-
 
+
-
small,.small {font: normal 0.9em verdana;}
+
-
 
+
-
ul {padding: 0 2em 1.2em;}
+
-
/* structure */
+
#topmenu li ul{
-
/*#wrapper {
+
background:#eb24e0;
-
background: #332 url(img/wrapper.gif) no-repeat left bottom;
+
display:none;
-
margin: 0 auto;
+
height:auto;
-
width: 762px;
+
padding:0;
-
}*/
+
margin:0;
-
 
+
border:0;
-
#container {
+
position:absolute;
-
background: #ffffff;
+
width:200px;
-
border-top: 0px solid #000000;
+
z-index:200;
-
font-size: 1.3em;
+
-
line-height: 1.3em;
+
-
margin: 0 auto;
+
-
width: 800px;
+
}
}
-
/* header */
+
#topmenu li:hover ul{
-
 
+
display:block;
-
/*.title {
+
-
background: #000000;
+
-
border-top: 100px solid #ffffff;
+
-
}*/
+
-
/*
+
-
.title h1 {
+
-
color: #441;
+
-
font: normal 2.2em verdana;
+
-
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: #04859D url(https://static.igem.org/mediawiki/2010/9/93/WashU_Header_3.jpg) no-repeat left bottom;
+
-
height: 200px;
+
}
}
-
/* navigation */
+
#topmenu li li {
-
.navigation {
+
display:block;
-
/*background: #DED9D0 url(img/nav.gif) repeat-x; height: 41px;*/
+
float:none;
-
background: #FFC440;
+
margin:0;
-
border: 1px solid #EEE9E9;
+
padding:0;
-
}
+
width:200px;
-
.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;
+
}
}
-
/* bottom */
+
#topmenu li:hover li a{
-
/*.bottom {
+
background:none;
-
background: #DCDAC9 url(img/bottom.gif) no-repeat left bottom;
+
-
background: #000000;
+
-
border-top: 1px solid #AA8;
+
-
color: #444;
+
-
padding: 14px 20px;
+
}
}
-
.bottom .left,.bottom .right {width: 49%;}
 
-
*/
 
-
/* footer */
+
#topmenu li ul a{
-
.footer {
+
display:block;
-
background: #FFD373;
+
height:35px;
-
color: #BF9330;
+
font-size:12px;
-
border-top: 1px solid #FFB000;
+
font-style:normal;
-
border-bottom: 1px solid #FFB000;
+
margin:0px;
-
padding: 10px;
+
padding:0px 10px 0px 15px;
 +
text-align:left;
}
}
-
#footer-box {
+
#topmenu li ul a:hover, #topmenu li ul li:hover a{
-
background: #FFD373;
+
background:#000f00;
-
color: #BF9330;
+
border:0px;
-
border-top: 1px solid #FFB000;
+
color:#ffffff;
-
border-bottom: 1px solid #FFB000;
+
text-decoration:none;
-
padding: 10px;
+
}
}
-
.footer .left {width: 66%;}
+
#topmenu p{
 +
clear:left;
 +
}
-
.footer .right {
+
#content{
-
width: 33%;
+
    margin: 0 auto -50px;
-
text-align: right;
+
position: relative;
 +
top: -55px;
 +
padding-top: 0px;
 +
padding-left:10px;
 +
padding-right:10px;
 +
padding-bottom: 10px;
 +
background-color:#FFFFFF;
 +
border: none;
 +
font: 50% verdana;
 +
font-size:14px;
 +
-moz-border-radius: 15px;
 +
border-radius: 15px;
}
}
-
.footer a {
+
 
-
color: #015666;
+
#content a {
text-decoration: underline;
text-decoration: underline;
-
}
+
color:#315c25;
-
.footer a:hover, .footer .right a:hover {
+
-
text-decoration: underline;
+
-
color: #37B6CE;
+
-
background-color: #015666;
+
}
}
-
/* gallery */
+
#content a:hover{
-
/*
+
color:#83F52C;
-
.gallery td {
+
-
vertical-align: top;
+
-
text-align: center;
+
}
}
-
.gallery em {display: block;}*/
 
-
/* misc */
+
-
.clear,.clearer {clear: both;}
+
</style>
-
.clearer {font-size: 0;}
+
<body>
-
.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 */
+
<br>
-
ul.block {
+
<div id="header">
-
border-top: 1px dashed #BCBAAC;
+
<img src="https://static.igem.org/mediawiki/2010/5/59/WashU_Header_4.jpg">
-
margin: 4px 0;
+
</div>
-
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;}
+
<div id="topmenu">
-
.right .block li a:hover {background: #F2F0EA;}
+
<ul>
-
</style>
+
<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>
 +
<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>
 +
 
 +
 
 +
 
 +
 
 +
<!-- Start of StatCounter Code -->
 +
<script type="text/javascript">
 +
var sc_project=6047317;  
 +
var sc_invisible=1;
 +
var sc_security="7c372fd7";
 +
</script>
 +
 
 +
<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>
</html>
</html>

Latest revision as of 14:12, 27 October 2010


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