Team:Yale/Templates/Yale Header

From 2011.igem.org

(Difference between revisions)
 
(122 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
<head>
<head>
 +
<title>iGEM Yale</title>
<script type="text/javascript">  
<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;
+
$('.left-menu ul')[0].innerHTML="<li><a href=\"https://2011.igem.org\" style=\"font-weight:normal; text-transform:none\">2011 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>
</script>
-
 
-
<!--[if IE]>
 
-
<body onLoad="loadalert()">
 
-
<![endif]-->
 
-
 
-
<title>iGEM Yale</title>
 
<!------------------- Begin CSS ------------------->
<!------------------- Begin CSS ------------------->
-
 
<style type="text/css">
<style type="text/css">
 +
 +
/* Begin Darren's wiki hacks */
 +
body {
body {
 +
  background:url(https://static.igem.org/mediawiki/2011/a/aa/YaleBg.png) repeat-x #ededfb;
 +
  margin:0; padding:0;
 +
  font-family:Helvetica,Arial,sans-serif;
 +
}
-
    margin:0; padding:0;
+
p {
 +
  line-height:1.2em;
 +
}
-
    font-family:Helvetica,Arial,sans-serif;
+
#p-logo {
 +
  display:none;
 +
}
-
    background:url(images/bg.png) repeat-x #ededfb;
+
#search-controls {
 +
  display:none;
 +
}
 +
#siteSub {
 +
  display:none;
}
}
 +
.firstHeading {
 +
  display:none;
 +
}
 +
#top-section {
 +
  height: 20px;
 +
  border:0px;
 +
}
-
div#logo {
+
#content {
 +
  border:0px;
 +
  background:none;
 +
  opacity:1.0;
 +
}
-
    position:absolute;
+
#siteSub {
 +
  display:none;
 +
}
-
    top:0px;
+
#contentSub {
 +
  display:none;
 +
}
-
    left:0px;
+
#catlinks {
 +
  border:0px;
 +
  display:none;
 +
}
 +
#footer-box {
 +
  display:none;
}
}
 +
#menubar li a {
 +
  color:#333333;
 +
  background-color:transparent;
 +
}
 +
#menubar li a:hover {
 +
  text-decoration:none;
 +
  color:#993333;
 +
}
-
a img { border:0px }
+
#menubar ul {
 +
  color:transparent;
 +
  background-color:transparent;
 +
}
 +
#menubar {
 +
  background-color:transparent;
 +
  margin-top:5px;
 +
  font-size:11px;
 +
  white-space:nowrap;
 +
  overflow:hidden
 +
}
-
ul#menu {
+
/* End wiki and CSS hacks */
 +
 
 +
/* Start real CSS */
 +
 
 +
div#logo {
 +
    position:absolute;
 +
    top:0px;
 +
    left:0px;
 +
}
 +
 
 +
a img { border:0px }
 +
 
 +
#menu {
     list-style:none;
     list-style:none;
Line 55: Line 110:
     padding:0px;
     padding:0px;
 +
    width:940px;
     margin:0px;
     margin:0px;
Line 62: Line 118:
     top:60px;
     top:60px;
-
     width:600px;
+
     width:550px;
-
     min-height:30px;
+
     min-height:32px;
 +
    padding:0px 20px 0px 20px;
 +
    z-index:1000000000;
 +
    /* Rounded Corners */ 
 +
 
 +
    -moz-border-radius: 10px; 
 +
    -webkit-border-radius: 10px; 
 +
    border-radius: 10px; 
 +
 
 +
    /* Background color and gradients */ 
 +
 
 +
    background: #014464; 
 +
    background: -moz-linear-gradient(top, #0272a7, #013953); 
 +
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0272a7), to(#013953)); 
 +
 
 +
    /* Borders */ 
 +
 
 +
    border: 1px solid #002232; 
 +
 
 +
    -moz-box-shadow:inset 0px 0px 1px #edf9ff; 
 +
    -webkit-box-shadow:inset 0px 0px 1px #edf9ff; 
 +
    box-shadow:inset 0px 0px 1px #edf9ff;
}
}
 +
#menu li {
-
        ul#menu li a {
+
float:left;
-
            text-decoration:none;
+
display:block;
-
            color:#333333;
+
text-align:center;
-
            font-weight:bold;
+
position:relative;
-
            text-align:center;
+
padding: 4px 10px 4px 10px;
-
            float:left;
+
margin-right:30px;
-
            margin-left:10px;
+
margin-top:2px;
-
            padding-top:4px;
+
border:none;
-
            width:90px;
+
}
-
            height:25px;           
 
-
        }
 
 +
#menu li:hover {
 +
border: 1px solid #777777;
-
            ul#menu li a:hover {
+
padding: 4px 9px 4px 9px;
-
                text-decoration:none;
+
-
                color:#993333;
+
/* Background color and gradients */
-
            }
+
 +
background: #F4F4F4;
 +
background: -moz-linear-gradient(top, #F4F4F4, #EEEEEE);
-
        ul#menu li a#page {
+
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F4F4F4), to(#EEEEEE));
-
            color:#ffffff;
+
-
            background:url(images/button.png);
+
/* Rounded corners */
-
        }
+
 +
-moz-border-radius: 5px 5px 0px 0px;
 +
-webkit-border-radius: 5px 5px 0px 0px;
-
        ul#menu li a#signup {
+
border-radius: 5px 5px 0px 0px;
-
            color:#006633;
+
}
-
        }
+
 
 +
 
 +
#menu li a {
 +
 
 +
font-family:Arial, Helvetica, sans-serif;
 +
 
 +
font-size:14px;
 +
 
 +
color: #EEEEEE;
 +
 
 +
display:block;
 +
 
 +
outline:0;
 +
 
 +
text-decoration:none;
 +
 
 +
text-shadow: 1px 1px 1px #000;
 +
 
 +
}
 +
 
 +
 
 +
 
 +
#menu li:hover a {
 +
 
 +
color:#161616;
 +
 
 +
text-shadow: 1px 1px 1px #ffffff;
 +
 
 +
}
 +
 
 +
#menu li .drop {
 +
 
 +
padding-right:21px;
 +
 
 +
background:url("https://static.igem.org/mediawiki/2011/b/b8/Drop.png") no-repeat right 5px;
 +
 
 +
}
 +
 
 +
#menu li:hover .drop {
 +
 
 +
background:url("https://static.igem.org/mediawiki/2011/b/b8/Drop.png") no-repeat right 4px;
 +
 
 +
}
 +
 
 +
 
 +
 
 +
.dropdown_1column,
 +
 
 +
.dropdown_2columns,
 +
 
 +
.dropdown_3columns,
 +
 
 +
.dropdown_4columns,
 +
 
 +
.dropdown_5columns {
 +
 
 +
margin:4px auto;
 +
 
 +
float:left;
 +
 
 +
position:absolute;
 +
 
 +
left:-999em; /* Hides the drop down */
 +
 
 +
text-align:left;
 +
 
 +
padding:10px 5px 10px 5px;
 +
 
 +
border:1px solid #777777;
 +
 
 +
border-top:none;
 +
 
 +
 +
 
 +
/* Gradient background */
 +
 
 +
background:#F4F4F4;
 +
 
 +
background: -moz-linear-gradient(top, #EEEEEE, #BBBBBB);
 +
 
 +
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEEEEE), to(#BBBBBB));
 +
 
 +
 
 +
 
 +
/* Rounded Corners */
 +
 
 +
-moz-border-radius: 0px 5px 5px 5px;
 +
 
 +
-webkit-border-radius: 0px 5px 5px 5px;
 +
 
 +
border-radius: 0px 5px 5px 5px;
 +
 
 +
}
 +
 
 +
 
 +
 
 +
.dropdown_1column {width: 140px;}
 +
 
 +
.dropdown_2columns {width: 280px;}
 +
 
 +
.dropdown_3columns {width: 420px;}
 +
 
 +
.dropdown_4columns {width: 560px;}
 +
 
 +
.dropdown_5columns {width: 700px;}
 +
 
 +
 
 +
 
 +
#menu li:hover .dropdown_1column,
 +
 
 +
#menu li:hover .dropdown_2columns,
 +
 
 +
#menu li:hover .dropdown_3columns,
 +
 
 +
#menu li:hover .dropdown_4columns,
 +
 
 +
#menu li:hover .dropdown_5columns {
 +
 
 +
left:-1px;
 +
 
 +
top:auto;
 +
 
 +
}
 +
 
 +
 
 +
 
 +
.col_1,
 +
 
 +
.col_2,
 +
 
 +
.col_3,
 +
 
 +
.col_4,
 +
 
 +
.col_5 {
 +
 
 +
display:inline;
 +
 
 +
float: left;
 +
 
 +
position: relative;
 +
 
 +
margin-left: 5px;
 +
 
 +
margin-right: 5px;
 +
 
 +
}
 +
 
 +
.col_1 {width:130px;}
 +
 
 +
.col_2 {width:270px;}
 +
 
 +
.col_3 {width:410px;}
 +
 
 +
.col_4 {width:550px;}
 +
 
 +
.col_5 {width:690px;}
 +
 
 +
 
 +
 
 +
#menu .menu_right {
 +
 
 +
float:right;
 +
 
 +
margin-right:0px;
 +
 
 +
}
 +
 
 +
#menu li .align_right {
 +
 
 +
/* Rounded Corners */
 +
 
 +
-moz-border-radius: 5px 0px 5px 5px;
 +
 
 +
    -webkit-border-radius: 5px 0px 5px 5px;
 +
 
 +
    border-radius: 5px 0px 5px 5px;
 +
 
 +
}
 +
 
 +
 
 +
 
 +
#menu li:hover .align_right {
 +
 
 +
left:auto;
 +
 
 +
right:-1px;
 +
 
 +
top:auto;
 +
 
 +
}
 +
 
 +
 
 +
 
 +
#menu p, #menu h2, #menu h3, #menu ul li {
 +
 
 +
font-family:Arial, Helvetica, sans-serif;
 +
 
 +
line-height:21px;
 +
 
 +
font-size:12px;
 +
 
 +
text-align:left;
 +
 
 +
text-shadow: 1px 1px 1px #FFFFFF;
 +
 
 +
}
 +
 
 +
#menu h2 {
 +
 
 +
font-size:21px;
 +
 
 +
font-weight:400;
 +
 
 +
letter-spacing:-1px;
 +
 
 +
margin:7px 0 14px 0;
 +
 
 +
padding-bottom:14px;
 +
 
 +
border-bottom:1px solid #666666;
 +
 
 +
}
 +
 
 +
#menu h3 {
 +
 
 +
font-size:14px;
 +
 
 +
margin:7px 0 14px 0;
 +
 
 +
padding-bottom:7px;
 +
 
 +
border-bottom:1px solid #888888;
 +
 
 +
}
 +
 
 +
#menu p {
 +
 
 +
line-height:18px;
 +
 
 +
margin:0 0 10px 0;
 +
 
 +
}
 +
 
 +
 
 +
 
 +
#menu li:hover div a {
 +
 
 +
font-size:12px;
 +
 
 +
color:#015b86;
 +
 
 +
}
 +
 
 +
#menu li:hover div a:hover {
 +
 
 +
color:#029feb;
 +
 
 +
}
 +
 
 +
 
 +
 
 +
 
 +
 
 +
.strong {
 +
 
 +
font-weight:bold;
 +
 
 +
}
 +
 
 +
.italic {
 +
 
 +
font-style:italic;
 +
 
 +
}
 +
 
 +
 
 +
 
 +
.imgshadow { /* Better style on light background */
 +
 
 +
background:#FFFFFF;
 +
 
 +
padding:4px;
 +
 
 +
border:1px solid #777777;
 +
 
 +
margin-top:5px;
 +
 
 +
-moz-box-shadow:0px 0px 5px #666666;
 +
 
 +
-webkit-box-shadow:0px 0px 5px #666666;
 +
 
 +
box-shadow:0px 0px 5px #666666;
 +
 
 +
}
 +
 
 +
.img_left { /* Image sticks to the left */
 +
 
 +
width:auto;
 +
 
 +
float:left;
 +
 
 +
margin:5px 15px 5px 5px;
 +
 
 +
}
 +
 
 +
 
 +
 
 +
#menu li .black_box {
 +
 
 +
background-color:#333333;
 +
 
 +
color: #eeeeee;
 +
 
 +
text-shadow: 1px 1px 1px #000;
 +
 
 +
padding:4px 6px 4px 6px;
 +
 
 +
 
 +
 
 +
/* Rounded Corners */
 +
 
 +
-moz-border-radius: 5px;
 +
 
 +
    -webkit-border-radius: 5px;
 +
 
 +
    border-radius: 5px;
 +
 
 +
 
 +
 
 +
/* Shadow */
 +
 
 +
-webkit-box-shadow:inset 0 0 3px #000000;
 +
 
 +
-moz-box-shadow:inset 0 0 3px #000000;
 +
 
 +
box-shadow:inset 0 0 3px #000000;
 +
 
 +
}
 +
 
 +
 
 +
 
 +
#menu li ul {
 +
 
 +
list-style:none;
 +
 
 +
padding:0;
 +
 
 +
margin:0 0 12px 0;
 +
 
 +
}
 +
 
 +
#menu li ul li {
 +
 
 +
font-size:12px;
 +
 
 +
line-height:24px;
 +
 
 +
position:relative;
 +
 
 +
text-shadow: 1px 1px 1px #ffffff;
 +
 
 +
padding:0;
 +
 
 +
margin:0;
 +
 
 +
float:none;
 +
 
 +
text-align:left;
 +
 
 +
width:130px;
 +
 
 +
}
 +
 
 +
#menu li ul li:hover {
 +
 
 +
background:none;
 +
 
 +
border:none;
 +
 
 +
padding:0;
 +
 
 +
margin:0;
 +
 
 +
}
 +
 
 +
 
 +
 
 +
#menu li .greybox li {
 +
 
 +
background:#F4F4F4;
 +
 
 +
border:1px solid #bbbbbb;
 +
 
 +
margin:0px 0px 4px 0px;
 +
 
 +
padding:4px 6px 4px 6px;
 +
 
 +
width:116px;
 +
 
 +
 
 +
 
 +
/* Rounded Corners */
 +
 
 +
-moz-border-radius: 5px;
 +
 
 +
    -webkit-border-radius: 5px;
 +
 
 +
    -khtml-border-radius: 5px;
 +
 
 +
    border-radius: 5px;
 +
 
 +
}
 +
 
 +
#menu li .greybox li:hover {
 +
 
 +
background:#ffffff;
 +
 
 +
border:1px solid #aaaaaa;
 +
 
 +
padding:4px 6px 4px 6px;
 +
 
 +
margin:0px 0px 4px 0px;
 +
 
 +
}
Line 134: Line 640:
     height:334px;
     height:334px;
-
     background:url(images/fg.png) no-repeat;
+
     background:url(https://static.igem.org/mediawiki/2011/8/82/YaleFg.png) no-repeat;  
}
}
 +
 +
div#text{
 +
 +
    position:absolute;
 +
 +
    top:160px;
 +
 +
    left:40px;
 +
 +
    width:920px;
 +
 +
    height:334px;
 +
 +
}
 +
 +
div#container {
 +
        /* Rounded Corners */ 
 +
 
 +
    -moz-border-radius: 10px; 
 +
    -webkit-border-radius: 10px; 
 +
    border-radius: 10px; 
 +
 
 +
    /* Background color and gradients */ 
 +
 
 +
    background: #014464; 
 +
    background: -moz-linear-gradient(top, #0272a7, #013953); 
 +
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0272a7), to
 +
 +
(#013953)); 
 +
 
 +
    /* Borders */ 
 +
 
 +
    border: 1px solid #002232; 
 +
 
 +
    -moz-box-shadow:inset 0px 0px 1px #edf9ff; 
 +
    -webkit-box-shadow:inset 0px 0px 1px #edf9ff; 
 +
    box-shadow:inset 0px 0px 1px #edf9ff;
 +
}
 +
     div#spanner p#abstract {
     div#spanner p#abstract {
 +
         position:absolute;
         position:absolute;
 +
         margin-left:420px;
         margin-left:420px;
-
         margin-top:30px;
+
 
 +
         margin-top:35px;
 +
 
         color:#ffffff;
         color:#ffffff;
 +
        font-size:13px;
     }
     }
Line 149: Line 699:
div#content {
div#content {
-
     padding-top:520px;
+
     padding-top:450px;
     width:960px;
     width:960px;
Line 165: Line 715:
         margin-left:20px;
         margin-left:20px;
-
         margin-top:50px;
+
         margin-top:60px;
         margin-right:20px;
         margin-right:20px;
Line 179: Line 729:
         float:left;
         float:left;
-
         background:url(images/col1.png) no-repeat;
+
         background:url(https://static.igem.org/mediawiki/2011/e/eb/YaleCol1.png) no-repeat;
         margin:0px;
         margin:0px;
Line 197: Line 747:
         float:left;
         float:left;
-
         background:url(images/col2.png) no-repeat;
+
         background:url(https://static.igem.org/mediawiki/2011/8/87/YaleCol2.png) no-repeat;
         margin:0px;
         margin:0px;
Line 215: Line 765:
         float:left;
         float:left;
-
         background:url(images/col3.png) no-repeat;
+
         background:url(https://static.igem.org/mediawiki/2011/7/7d/YaleCol3.png) no-repeat;
         margin:0px;
         margin:0px;
Line 229: Line 779:
 +
#center {
 +
    text-align:center;
 +
    padding-top:15px;
 +
    padding-bottom:50px;
 +
}
 +
/* End CSS */
</style>
</style>
Line 237: Line 793:
</head>
</head>
-
<!------------------- Begin Header ------------------->
+
<!------------------- Begin Body ------------------->
 +
<div id="page-wrap">
 +
    <div id="outside-container">
 +
        <div id="logo">
 +
            <a href="https://2011.igem.org/Team:Yale"><img src="https://static.igem.org/mediawiki/2011/8/83/Igemyale.png" /></a>
 +
        </div>
 +
        <ul id="menu">
 +
 
 +
    <li><a href="https://2011.igem.org/Team:Yale">Home</a>
 +
 
 +
    <li><a href="https://2011.igem.org/Team:Yale/Project" class="drop">Project</a>
 +
        <div class="dropdown_1column">
 +
 
 +
                        <div class="col_1">     
 +
 
 +
                            <ul class="simple">
 +
 
 +
                                <li><a href="https://2011.igem.org/Team:Yale/Project">Overview</a></li>
 +
 
 +
                                <li><a href="https://2011.igem.org/Team:Yale/Project/Introduction">Introduction</a></li>
 +
<li><a href="https://2011.igem.org/Team:Yale/Parts">BioBricks</a></li>
 +
<li><a href="https://2011.igem.org/Team:Yale/Protein">Proteins</a></li>
 +
                                <li><a href="https://2011.igem.org/Team:Yale/Project/Assays">Functional Assays</a></li>
 +
<li><a href="https://2011.igem.org/Team:Yale/Project/Crystallography">Crystallography</a></li>
 +
                                <li><a href="https://2011.igem.org/Team:Yale/Project/MAGE">MAGE</a></li>
 +
<li><a href="https://2011.igem.org/Team:Yale/Project/References">References</a></li>
 +
                               
 +
 
 +
 
 +
 
 +
                            </ul>   
 +
 
 +
                        </div>               
 +
 
 +
            </div>
 +
            </li>
 +
 
 +
    <li><a href="https://2011.igem.org/Team:Yale/Notebook/Week1" class="drop">Notebook</a>
 +
        <div class="dropdown_1column">
 +
 
 +
                        <div class="col_1">     
 +
 
 +
                            <ul class="simple">
 +
 
 +
                                <li><a href="https://2011.igem.org/Team:Yale/Protocols">Protocols</a></li>
 +
 
 +
                                <li><a href="https://2011.igem.org/Team:Yale/Notebook/Week1">Week 1</a></li>
 +
 
 +
                                <li><a href="https://2011.igem.org/Team:Yale/Notebook/Week2">Week 2</a></li>
 +
 
 +
                                <li><a href="https://2011.igem.org/Team:Yale/Notebook/Week3">Week 3</a></li>
 +
 
 +
                                <li><a href="https://2011.igem.org/Team:Yale/Notebook/Week4">Week 4</a></li>
 +
 
 +
                                <li><a href="https://2011.igem.org/Team:Yale/Notebook/Week5">See more weeks...</a></li>
 +
 
 +
                            </ul>   
 +
 
 +
                        </div>               
 +
 
 +
            </div>
 +
        </li>
 +
 
 +
    <li><a href="https://2011.igem.org/Team:Yale/Safety">Safety</a></li>
 +
 
 +
    <li><a href="https://2011.igem.org/Team:Yale/Team" class="drop">About</a>
 +
        <div class="dropdown_1column">
 +
 
 +
                        <div class="col_1">     
 +
 
 +
                            <ul class="simple">
 +
 
 +
                                <li><a href="https://2011.igem.org/Team:Yale/Team">Our team</a></li>
 +
 
 +
                                <li><a href="https://2011.igem.org/Team:Yale/Team/Advisors">Our advisors</a></li>
 +
 
 +
                                <li><a href="https://2011.igem.org/Team:Yale/Team/Acknowledgements">Acknowledgements</a></li>
 +
 
 +
                            </ul>   
 +
 
 +
                        </div>               
 +
 
 +
            </div>
 +
        </li>
 +
 
 +
        </ul>
 +
    </div>
 +
</div>
-
<div id="wikiwrapper">
 
-
<div id="wikiheader">
 
-
<ul id="nav">
 
-
<li><a href="https://2010.igem.org/Team:Yale">home</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>
 
-
</ul>
 
-
</div>
 
</div>
</div>
</body>
</body>
</html>
</html>

Latest revision as of 00:07, 29 September 2011

iGEM Yale

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