Team:Yale/Templates/Yale Header

From 2010.igem.org

(Difference between revisions)
 
(126 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>
Line 6: Line 18:
<style type="text/css">
<style type="text/css">
 +
.firstHeading { display: none;}
 +
 +
body {
 +
        font-family: 'Helvetica Neue', Arial, sans-serif;}
 +
 +
#menubar li a{
 +
    color:#black;
 +
}
 +
 +
#menubar li a:hover {
 +
    color:#8f6620;
 +
    font-weight: bold;
 +
}
 +
 +
#menubar li.selected a {
 +
    color:#292f2f;
 +
}
 +
 +
#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 {
#wikiwrapper {
-
margin: 0;
+
margin: 0px;
height: 251px;
height: 251px;
background: url(https://static.igem.org/mediawiki/2010/f/f4/Yale_header-bg.png) repeat-x;
background: url(https://static.igem.org/mediawiki/2010/f/f4/Yale_header-bg.png) repeat-x;
Line 18: Line 60:
}
}
 +
ul#nav {
 +
height: 300px;
 +
list-style: none;
 +
padding-left: 156px;
 +
}
 +
 +
ul#nav li a {
 +
display: block;
 +
width: 205px;
 +
float: left;
 +
margin-top: 218px;
 +
color: white;
 +
font-size: 16px;
 +
text-decoration: none;
 +
                text-align: center;
 +
}
 +
 +
ul#nav li a:hover, ul#nav li a:active {
 +
color: #8f6620;
 +
}
 +
 +
div#main-content {
 +
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;
 +
}
-
         </style>
+
div#main-content div#left-col {
 +
float: left;
 +
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#img-nav{
 +
float: left;
 +
padding-right: 15px;
 +
padding-bottom: 15px;
 +
}
 +
 
 +
div#main-content div#right-col {
 +
float: right;
 +
padding-left: 15px;
 +
padding-right: 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 div#img-nav{
 +
text-align: center;
 +
padding-top: 15px;
 +
}
 +
 +
#img-1 {
 +
         display: block;
 +
width: 150px;
 +
height: 190px;
 +
background: url(https://static.igem.org/mediawiki/2010/9/92/Yale-left-img1.png) bottom;
 +
text-indent: -99999px;
 +
        float: left;
 +
}
 +
 
 +
#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 30: Line 204:
<div id="wikiheader">
<div id="wikiheader">
<ul id="nav">
<ul id="nav">
-
<!-- <li><a href="#">home</a></li>
+
<li><a href="https://2010.igem.org/Team:Yale">home</a></li>
-
<li><a href="#">our project</a></li>
+
<li><a href="https://2010.igem.org/Team:Yale/Our Project">our project</a></li>
-
<li><a href="#">our team</a></li> -->
+
<li><a href="https://2010.igem.org/Team:Yale/Our Team">our team</a></li>
 +
</ul>
</div>
</div>
</div>
</div>
</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"