Template:WashUHeader

From 2010.igem.org

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

Revision as of 03:31, 30 September 2010


Header

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