Team:Yale/Templates/Yale Header

From 2010.igem.org

(Difference between revisions)
 
(163 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
<head>
<head>
 +
<script type="text/javascript">
 +
$('.left-menu ul')[0].innerHTML="<li><a href=\"https://2010.igem.org\" style=\"font-weight:normal; text-transform:none\">2010 iGEM home</a></li>"+$('.left-menu ul')[0].innerHTML;
 +
 +
function loadalert ()
 +
 +
        {alert("You are currently using Internet Explorer.  For optimal experience on the iGEM Yale wiki, we highly recommend using either Mozilla Firefox or Google Chrome.")}
 +
</script>
 +
 +
<!--[if IE]>
 +
<body onLoad="loadalert()">
 +
<![endif]-->
 +
<title>iGEM Yale</title>
<title>iGEM Yale</title>
<!------------------- Begin CSS ------------------->
<!------------------- Begin CSS ------------------->
-
        <style type="text/css">
+
<style type="text/css">
-
* {
+
.firstHeading { display: none;}
-
margin: 0;
+
-
padding: 0;
+
-
}
+
-
body.header {
+
body {
-
font-size: 16 px;
+
        font-family: 'Helvetica Neue', Arial, sans-serif;}
-
font-family: Helvetica, sans-serif;
+
-
background: url(https://static.igem.org/mediawiki/2010/f/f4/Yale_header-bg.png) repeat-x top;
+
-
}
+
-
div#page-wrap {
+
#menubar li a{
-
width: 800px;
+
    color:#black;
-
margin: 0 auto;
+
}
}
-
p, li {
+
#menubar li a:hover {
-
font-size: 1.3em;
+
    color:#8f6620;
-
line-height: 1.4em;
+
    font-weight: bold;
}
}
-
h1 { font-size: 3.0em; margin-bottom: 0.8em; }
+
#menubar li.selected a {
-
h1 { font-size: 2.0em; text-transform: uppercase; margin-bottom: 0.8em; }
+
    color:#292f2f;
-
h3 {
+
-
font-size: 1.6em;
+
-
font-transform: uppercase;
+
-
font-style: italic;
+
-
letter-spacing: 2px;
+
-
background: #e9bc3d;
+
-
color: #5e0d04;
+
-
padding: 5px;
+
-
margin-bottom: 0.5em;
+
-
text-align: center;
+
}
}
-
.clear { clear: both; }
+
#top-section { height: 20px; margin-top: -10px; margin-left: auto; margin-right: auto; margin-bottom: 0 !important; margin-bottom: 10px; padding:0; border: none;}
 +
 
 +
#globalWrapper { background-color: transparent; border: none; margin: 0; padding: 0;}
 +
 
 +
#search-controls { overflow:hidden; display:block; background: none; position: absolute; top: -100px; right: -100px;}
 +
 
 +
#p-logo { height:1px; overflow:hidden; display: none;}
 +
 
 +
.left-menu { width: 400px; display:block; float:left; margin-top:-60px; border: none;}
 +
.left-menu ul { border: none; }
 +
#menubar.right-menu { width:300px; display:block; float:left; margin-top:-60px; border: none;}
 +
.right-menu ul { border: none;}
 +
 
 +
#wikiwrapper {
 +
margin: 0px;
 +
height: 251px;
 +
background: url(https://static.igem.org/mediawiki/2010/f/f4/Yale_header-bg.png) repeat-x;
 +
}
 +
#wikiheader {
 +
font-family: Helvetica, sans-serif;
 +
background: url(https://static.igem.org/mediawiki/2010/1/13/Yale_header-img.png) center no-repeat;
 +
height: 251px;
 +
}
ul#nav {
ul#nav {
-
height: 236px;
+
height: 300px;
-
background: url(images/header-bg.jpg) no-repeat;
+
list-style: none;
list-style: none;
-
padding-left: 125px;
+
padding-left: 156px;
}
}
-
+
 
ul#nav li a {
ul#nav li a {
display: block;
display: block;
-
width: 113px;
+
width: 205px;
float: left;
float: left;
-
margin-top: 165px;
+
margin-top: 218px;
color: white;
color: white;
-
font-weight: bold;
+
font-size: 16px;
text-decoration: none;
text-decoration: none;
 +
                text-align: center;
}
}
-
+
 
ul#nav li a:hover, ul#nav li a:active {
ul#nav li a:hover, ul#nav li a:active {
-
color: yellow;
+
color: #8f6620;
}
}
div#main-content {
div#main-content {
-
padding-bottom: 50px;
+
padding: 15px;
 +
}
 +
 
 +
div#main-content a#nav {
 +
                color: black;
 +
                float: right;
 +
                padding-top: 10px;
 +
                padding-bottom: 10px;
 +
                font-weight: bold;
 +
}
 +
 
 +
div#main-content a:hover, div#main-content a:active {
 +
color: #8f6620;
 +
}
 +
div#main-content h5 {
 +
font: 18px Helvetica,sans-serif;
 +
font-weight: normal;
 +
font-style: normal;
 +
color: white;
 +
text-align: center;
 +
                padding-top: 10px;
 +
}
 +
 
 +
        div#main-content p {
 +
font-size: 12px;
 +
text-align: justify;
 +
                padding-top: 10px;
 +
                padding-bottom: 20px;
}
}
div#main-content div#left-col {
div#main-content div#left-col {
float: left;
float: left;
-
width: 510px;
+
padding-left: 15px;
 +
padding-right: 15px;
 +
width: 645px;
 +
height: 440px;
 +
background: url(https://static.igem.org/mediawiki/2010/d/db/Yale-home-left.png) repeat-x #e4e5e5;
}
}
-
+
 
-
div#main-content div#left-col div#quick-jumps{
+
div#main-content div#left-col div#img-nav{
-
width: 200px;
+
float: left;
float: left;
-
margin-right: 15px;
+
padding-right: 15px;
-
background: url(images/remote.jpg) bottom center no-repeat;
+
padding-bottom: 15px;
-
padding-bottom: 115px;
+
}
-
}
+
 
-
div#main-content div#left-col  div#quick-jumps p{
+
-
text-transform: uppercase;
+
-
font-weight: bold;
+
-
letter-spacing: 1px;
+
-
}
+
-
div#main-content div#left-col  div#quick-jumps p span{
+
-
color: #e9bc3d;
+
-
}
+
-
div#main-content div#left-col  div#quick-jumps p a{
+
-
color: black;
+
-
}
+
div#main-content div#right-col {
div#main-content div#right-col {
float: right;
float: right;
-
width: 260px;
+
padding-left: 15px;
-
border-top: 8px solid #540000;
+
padding-right: 15px;
-
padding-top: 15px;
+
width: 215px;
 +
height: 440px;
 +
background: url(https://static.igem.org/mediawiki/2010/2/23/Yale-home-right.png) repeat-x #e4e5e5;
}
}
-
div#main-content div#right-col p {
+
 
-
font-size: 95%;
+
div#main-content div#right-col div#img-nav{
-
}
+
text-align: center;
-
+
padding-top: 15px;
-
<!-- change footer
+
}
-
         div#footer {
+
-
background: #560000;
+
#img-1 {
-
color: white;
+
        display: block;
-
padding: 10px 0 10px 0;
+
width: 150px;
-
text-transform: uppercase;
+
height: 190px;
-
border-top: 2px solid red;
+
background: url(https://static.igem.org/mediawiki/2010/9/92/Yale-left-img1.png) bottom;
-
text-align: center;
+
text-indent: -99999px;
-
        }
+
         float: left;
-
        -->
+
}
-
        </style>
+
 
 +
#img-1:hover {
 +
background-position: 0 0;
 +
}
 +
 
 +
#img-2 {
 +
        display: block;
 +
width: 150px;
 +
height: 190px;
 +
background: url(https://static.igem.org/mediawiki/2010/4/4d/Yale-left-img2.png) bottom;
 +
text-indent: -99999px;
 +
float: left;
 +
}
 +
 
 +
#img-2:hover {
 +
background-position: 0 0;
 +
}
 +
 
 +
#img-3 {
 +
        display: block;
 +
width: 150px;
 +
height: 190px;
 +
background: url(https://static.igem.org/mediawiki/2010/d/da/Yale-left-img3.png) bottom;
 +
text-indent: -99999px;
 +
float: left;
 +
}
 +
 
 +
#img-3:hover {
 +
background-position: 0 0;
 +
}
 +
 
 +
#img-4 {
 +
        display: block;
 +
width: 150px;
 +
height: 190px;
 +
background: url(https://static.igem.org/mediawiki/2010/d/d0/Yale-left-img4.png) bottom;
 +
text-indent: -99999px;
 +
float: left;
 +
}
 +
 
 +
#img-4:hover {
 +
background-position: 0 0;
 +
}
 +
 
 +
</style>
<!------------------- End CSS ------------------->
<!------------------- End CSS ------------------->
Line 119: Line 201:
<!------------------- Begin Header ------------------->
<!------------------- Begin Header ------------------->
-
<body class="wikiheader">
+
<div id="wikiwrapper">
-
<div id="page-wrap">
+
<div id="wikiheader">
-
+
<ul id="nav">
-
<ul id="nav">
+
<li><a href="https://2010.igem.org/Team:Yale">home</a></li>
-
<li><a href="#">press</a></li>
+
<li><a href="https://2010.igem.org/Team:Yale/Our Project">our project</a></li>
-
<li><a href="#">history</a></li>
+
<li><a href="https://2010.igem.org/Team:Yale/Our Team">our team</a></li>
-
<li><a href="#">project</a></li>
+
</ul>
-
<li><a href="#">team</a></li>
+
</div>
-
<li><a href="#">contact</a></li>
+
</div>
-
</ul>
+
-
+
-
+
</body>
</body>
</html>
</html>

Latest revision as of 02:52, 28 October 2010

iGEM Yale

Retrieved from "http://2010.igem.org/Team:Yale/Templates/Yale_Header"