Team:Yale/Templates/Yale Header

From 2011.igem.org

(Difference between revisions)
 
(121 intermediate revisions not shown)
Line 2: Line 2:
<head>
<head>
<title>iGEM Yale</title>
<title>iGEM Yale</title>
 +
<script type="text/javascript">
 +
$('.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;
 +
</script>
<!------------------- Begin CSS ------------------->
<!------------------- Begin CSS ------------------->
<style type="text/css">
<style type="text/css">
-
html {
+
 
-
    overflow: -moz-scrollbars-vertical !important;
+
/* Begin Darren's wiki hacks */
-
    resize: none;
+
 
-
    background-color: #f5f6f7;
+
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;
}
}
 +
 +
p {
 +
  line-height:1.2em;
 +
}
 +
 +
#p-logo {
 +
  display:none;
 +
}
 +
 +
#search-controls {
 +
  display:none;
 +
}
 +
 +
#siteSub {
 +
  display:none;
 +
}
 +
 +
.firstHeading {
 +
  display:none;
 +
}
 +
 +
#top-section {
 +
  height: 20px;
 +
  border:0px;
 +
}
 +
 +
#content {
 +
  border:0px;
 +
  background:none;
 +
  opacity:1.0;
 +
}
 +
 +
#siteSub {
 +
  display:none;
 +
}
 +
 +
#contentSub {
 +
  display:none;
 +
}
 +
 +
#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;
 +
}
 +
 +
#menubar ul {
 +
  color:transparent;
 +
  background-color:transparent;
 +
}
 +
 +
#menubar {
 +
  background-color:transparent;
 +
  margin-top:5px;
 +
  font-size:11px;
 +
  white-space:nowrap;
 +
  overflow:hidden
 +
}
 +
 +
 +
/* End wiki and CSS hacks */
 +
 +
/* Start real CSS */
 +
 +
div#logo {
 +
    position:absolute;
 +
    top:0px;
 +
    left:0px;
 +
}
 +
 +
a img { border:0px }
 +
 +
#menu {
 +
 +
    list-style:none;
 +
 +
    text-align:left;
 +
 +
    position:absolute;
 +
 +
    padding:0px;
 +
    width:940px;
 +
 +
    margin:0px;
 +
 +
    left:440px;
 +
 +
    top:60px;
 +
 +
    width:550px;
 +
 +
    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 {
 +
 +
float:left;
 +
 +
display:block;
 +
 +
text-align:center;
 +
 +
position:relative;
 +
 +
padding: 4px 10px 4px 10px;
 +
 +
margin-right:30px;
 +
 +
margin-top:2px;
 +
 +
border:none;
 +
 +
}
 +
 +
 +
 +
#menu li:hover {
 +
 +
border: 1px solid #777777;
 +
 +
padding: 4px 9px 4px 9px;
 +
 +
 +
 +
/* Background color and gradients */
 +
 +
 +
 +
background: #F4F4F4;
 +
 +
background: -moz-linear-gradient(top, #F4F4F4, #EEEEEE);
 +
 +
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F4F4F4), to(#EEEEEE));
 +
 +
 +
 +
/* Rounded corners */
 +
 +
 +
 +
-moz-border-radius: 5px 5px 0px 0px;
 +
 +
-webkit-border-radius: 5px 5px 0px 0px;
 +
 +
border-radius: 5px 5px 0px 0px;
 +
 +
}
 +
 +
 +
 +
#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;
 +
 +
}
 +
 +
 +
 +
div#spanner {
 +
 +
    position:absolute;
 +
 +
    top:160px;
 +
 +
    left:40px;
 +
 +
    width:920px;
 +
 +
    height:334px;
 +
 +
    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 {
 +
 +
        position:absolute;
 +
 +
        margin-left:420px;
 +
 +
        margin-top:35px;
 +
 +
        color:#ffffff;
 +
        font-size:13px;
 +
    }
 +
 +
 +
 +
div#content {
 +
 +
    padding-top:450px;
 +
 +
    width:960px;
 +
 +
    padding-bottom:0px;
 +
 +
}
 +
 +
 
 +
 +
    div#content p {
 +
 +
        font-size:15px;
 +
 +
        margin-left:20px;
 +
 +
        margin-top:60px;
 +
 +
        margin-right:20px;
 +
 +
        text-align:justify;
 +
 +
    }
 +
 +
 +
 +
    div#content div.col1 {
 +
 +
        float:left;
 +
 +
        background:url(https://static.igem.org/mediawiki/2011/e/eb/YaleCol1.png) no-repeat;
 +
 +
        margin:0px;
 +
 +
        padding:0px;
 +
 +
        width:320px;
 +
 +
        height:200px;
 +
 +
    }
 +
 +
 +
 +
    div#content div.col2 {
 +
 +
        float:left;
 +
 +
        background:url(https://static.igem.org/mediawiki/2011/8/87/YaleCol2.png) no-repeat;
 +
 +
        margin:0px;
 +
 +
        padding:0px;
 +
 +
        width:320px;
 +
 +
        height:200px;
 +
 +
    }
 +
 +
 +
 +
    div#content div.col3 {
 +
 +
        float:left;
 +
 +
        background:url(https://static.igem.org/mediawiki/2011/7/7d/YaleCol3.png) no-repeat;
 +
 +
        margin:0px;
 +
 +
        padding:0px;
 +
 +
        width:320px;
 +
 +
        height:200px;
 +
 +
    }
 +
 +
 +
 +
#center {
 +
    text-align:center;
 +
    padding-top:15px;
 +
    padding-bottom:50px;
 +
}
 +
 +
/* End CSS */
</style>
</style>
Line 18: Line 794:
<!------------------- Begin Body ------------------->
<!------------------- 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>
 +
</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"