Team:Yale/Templates/Yale Header

From 2011.igem.org

(Difference between revisions)
(Created page with "<html> <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 h...")
Line 18: Line 18:
<style type="text/css">
<style type="text/css">
-
.firstHeading { display: none;}
 
-
 
body {
body {
-
        font-family: 'Helvetica Neue', Arial, sans-serif;}
 
-
#menubar li a{
+
    margin:0; padding:0;
-
     color:#black;
+
 
 +
     font-family:Helvetica,Arial,sans-serif;
 +
 
 +
    background:url(images/bg.png) repeat-x #ededfb;
 +
 
}
}
-
#menubar li a:hover {
+
 
-
     color:#8f6620;
+
 
-
     font-weight: bold;
+
div#page-wrap {
 +
 
 +
     margin:0 auto;
 +
 
 +
     width:960px;
 +
 
 +
    min-height:720px;
 +
 
 +
    position:relative;
 +
 
}
}
-
#menubar li.selected a {
+
 
-
     color:#292f2f;
+
 
 +
div#logo {
 +
 
 +
     position:absolute;
 +
 
 +
    top:0px;
 +
 
 +
    left:0px;
 +
 
}
}
-
#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;}
+
a img { border:0px }
-
#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 {
+
ul#menu {
-
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 {
+
    list-style:none;
-
height: 300px;
+
-
list-style: none;
+
-
padding-left: 156px;
+
-
}
+
-
ul#nav li a {
+
    text-align:left;
-
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 {
+
    position:absolute;
-
color: #8f6620;
+
-
}
+
-
div#main-content {
+
    padding:0px;
-
padding: 15px;
+
-
}
+
-
div#main-content a#nav {
+
    margin:0px;
-
                color: black;
+
-
                float: right;
+
-
                padding-top: 10px;
+
-
                padding-bottom: 10px;
+
-
                font-weight: bold;
+
-
}
+
-
div#main-content a:hover, div#main-content a:active {
+
    left:440px;
-
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 {
+
    top:60px;
-
font-size: 12px;
+
-
text-align: justify;
+
-
                padding-top: 10px;
+
-
                padding-bottom: 20px;
+
-
}
+
-
+
-
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{
+
    width:600px;
-
float: left;
+
-
padding-right: 15px;
+
-
padding-bottom: 15px;
+
-
}
+
-
div#main-content div#right-col {
+
    min-height:30px;
-
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 {
+
        ul#menu li a {
-
background-position: 0 0;
+
-
}
+
-
#img-3 {
+
            text-decoration:none;
-
        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 {
+
            color:#333333;
-
background-position: 0 0;
+
 
-
}
+
            font-weight:bold;
 +
 
 +
            text-align:center;
 +
 
 +
            float:left;
 +
 
 +
            margin-left:10px;
 +
 
 +
            padding-top:4px;
 +
 
 +
            width:90px;
 +
 
 +
            height:25px;           
 +
 
 +
        }
 +
 
 +
 
 +
 
 +
            ul#menu li a:hover {
 +
 
 +
                text-decoration:none;
 +
 
 +
                color:#993333;
 +
 
 +
            }
 +
 
 +
 
 +
 
 +
        ul#menu li a#page {
 +
 
 +
            color:#ffffff;
 +
 
 +
            background:url(images/button.png);
 +
 
 +
        }
 +
 
 +
 
 +
 
 +
        ul#menu li a#signup {
 +
 
 +
            color:#006633;
 +
 
 +
        }
 +
 
 +
 
 +
 
 +
div#spanner {
 +
 
 +
    position:absolute;
 +
 
 +
    top:160px;
 +
 
 +
    left:40px;
 +
 
 +
    width:920px;
 +
 
 +
    height:334px;
 +
 
 +
    background:url(images/fg.png) no-repeat;
-
#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 {
+
    div#spanner p#abstract {
-
background-position: 0 0;
+
        position:absolute;
 +
        margin-left:420px;
 +
        margin-top:30px;
 +
        color:#ffffff;
 +
    }
 +
 
 +
 
 +
 
 +
div#content {
 +
 
 +
    padding-top:520px;
 +
 
 +
    width:960px;
 +
 
 +
    padding-bottom:0px;
 +
 
}
}
 +
 +
 
 +
 +
    div#content p {
 +
 +
        font-size:15px;
 +
 +
        margin-left:20px;
 +
 +
        margin-top:50px;
 +
 +
        margin-right:20px;
 +
 +
        text-align:justify;
 +
 +
    }
 +
 +
 +
 +
    div#content div.col1 {
 +
 +
        float:left;
 +
 +
        background:url(images/col1.png) no-repeat;
 +
 +
        margin:0px;
 +
 +
        padding:0px;
 +
 +
        width:320px;
 +
 +
        height:200px;
 +
 +
    }
 +
 +
 +
 +
    div#content div.col2 {
 +
 +
        float:left;
 +
 +
        background:url(images/col2.png) no-repeat;
 +
 +
        margin:0px;
 +
 +
        padding:0px;
 +
 +
        width:320px;
 +
 +
        height:200px;
 +
 +
    }
 +
 +
 +
 +
    div#content div.col3 {
 +
 +
        float:left;
 +
 +
        background:url(images/col3.png) no-repeat;
 +
 +
        margin:0px;
 +
 +
        padding:0px;
 +
 +
        width:320px;
 +
 +
        height:200px;
 +
 +
    }
 +
 +
 +
 +
</style>
</style>

Revision as of 18:14, 8 September 2011

iGEM Yale

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