Team:Yale/Templates/Yale Header

From 2010.igem.org

(Difference between revisions)
 
(55 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 9: Line 21:
body {
body {
-
         font-family: Helvetica, sans-serif;}
+
         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 47: Line 85:
}
}
-
div#main-content a {
+
div#main-content a#nav {
                 color: black;
                 color: black;
                 float: right;
                 float: right;
-
                 padding-top: 15px;
+
                 padding-top: 10px;
-
                 padding-bottom: 15px;
+
                 padding-bottom: 10px;
                 font-weight: bold;
                 font-weight: bold;
}
}
-
div#main-content a:hover, ul#nav li a:active {
+
div#main-content a:hover, div#main-content a:active {
color: #8f6620;
color: #8f6620;
}
}
div#main-content h5 {
div#main-content h5 {
-
font: 20px Helvetica,sans-serif;
+
font: 18px Helvetica,sans-serif;
font-weight: normal;
font-weight: normal;
font-style: normal;
font-style: normal;
color: white;
color: white;
text-align: center;
text-align: center;
 +
                padding-top: 10px;
}
}
Line 70: Line 109:
text-align: justify;
text-align: justify;
                 padding-top: 10px;
                 padding-top: 10px;
-
                 padding-bottom: 10px;
+
                 padding-bottom: 20px;
}
}
Line 78: Line 117:
padding-right: 15px;
padding-right: 15px;
width: 645px;
width: 645px;
-
height: 400px;
+
height: 440px;
background: url(https://static.igem.org/mediawiki/2010/d/db/Yale-home-left.png) repeat-x #e4e5e5;
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{
+
div#main-content div#left-col div#img-nav{
float: left;
float: left;
padding-right: 15px;
padding-right: 15px;
 +
padding-bottom: 15px;
}
}
Line 92: Line 132:
padding-right: 15px;
padding-right: 15px;
width: 215px;
width: 215px;
-
height: 400px;
+
height: 440px;
background: url(https://static.igem.org/mediawiki/2010/2/23/Yale-home-right.png) repeat-x #e4e5e5;
background: url(https://static.igem.org/mediawiki/2010/2/23/Yale-home-right.png) repeat-x #e4e5e5;
}
}
Line 101: Line 141:
}
}
 +
#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>
</style>
Line 116: Line 207:
<li><a href="https://2010.igem.org/Team:Yale/Our Project">our project</a></li>
<li><a href="https://2010.igem.org/Team:Yale/Our Project">our project</a></li>
<li><a href="https://2010.igem.org/Team:Yale/Our Team">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