Template:Team:Waltham BioHawks/WalthamHeader

From 2014hs.igem.org

(Difference between revisions)
Line 1: Line 1:
-
<html>
+
__NOTOC__<html lang="en">
<head>
<head>
 +
<script>
 +
$(document).ready(function(){
 +
$('p:empty').css('display','none');
 +
});
-
<title>Waltham</title>
+
function nav_notebook( dest ){
 +
  if (window.location.pathname == "/Team:MIT/Notebook"){
 +
    window.location.hash=dest;
 +
    window.location.reload();
 +
  }
 +
  else{
 +
    window.location.href="https://2013.igem.org/Team:MIT/Notebook#" + dest;
 +
  }
 +
}
-
<style>
+
</script>
-
.ddcolortabs{
+
</head>
-
padding: 0;
+
<!-- wiki hacks --><style type="text/css"><!--
-
width: 100%;
+
/*------------------------------------*\
-
background: transparent;
+
RESET
-
voice-family: "\"}\"";
+
\*------------------------------------*/
-
voice-family: inherit;
+
table{
 +
border-collapse:collapse;
 +
border-spacing:0;
 +
}
 +
fieldset,img{
 +
border:0;
 +
}
 +
address,caption,cite,code,dfn,th,var{
 +
font-style:normal;
 +
font-weight:normal;
 +
}
 +
caption,th{
 +
text-align:left;
 +
}
 +
q:before,q:after{
 +
content:'';
 +
}
 +
abbr,acronym{
 +
border:0;
 +
}
 +
/*End reset*/
 +
 
 +
OL {
 +
padding-left:2em;
 +
}
 +
 
 +
#top-section
 +
{
 +
    height: 1em;
 +
}
 +
#search-controls
 +
{
 +
    display: none;
 +
}
 +
 
 +
#globalwrapper {
 +
    width:975px;
 +
    padding:20px 0px;
 +
    margin: 0 auto;
 +
    /*background-color:#ffffff;*/
 +
    height:100%;
 +
}
 +
.firstHeading {
 +
    height:0px;
 +
display:none;
 +
}
 +
body {
 +
    background: #E8E8E8;
 +
    background-image: url('https://static.igem.org/mediawiki/2011/b/be/Background-gradient.jpg');
 +
    background-position: center;
 +
    background-repeat: repeat-y;
 +
}
 +
#p-logo {
 +
    height:1px; overflow:hidden; display: none;
 +
}
 +
 
 +
#content {
 +
    border-left-width:0px;
 +
    border-right-width:0px;
 +
    padding:5px;
 +
    padding-top: 0;
 +
    width:965px;
 +
    border-top: none;
 +
}
 +
#menubar {
 +
    background-color: white;
 +
}
 +
#menubar ul li a {
 +
    color: #999999; }
 +
    .right-menu li a {
 +
    color: black;
 +
    background-color: white;
}
}
-
.ddcolortabs ul{
+
.nav{
-
font: normal 11px Arial, Verdana, sans-serif;
+
float:left;
 +
width:100%;
margin:0;
margin:0;
-
padding:0;
 
list-style:none;
list-style:none;
 +
position:relative;
 +
z-index:5;
 +
/*CHANGE THIS TO CENTER*/
 +
padding:0 12px; /*12px;*/
}
}
-
.ddcolortabs li{
+
.nav li{
 +
float:left;
 +
position:relative;
display:inline;
display:inline;
-
margin:0 2px 0 0;
+
line-height: 2em;
-
padding:0;
+
-
text-transform:uppercase;
+
}
}
-
.ddcolortabs a{
+
.nav a{
-
float:right;
+
float:left;
-
color: white;
+
height:2em;
-
background: #970000 url(media/color_tabs_left.gif) no-repeat left top;
+
padding: 0 1.3em;
-
margin:0 2px 0 0;
+
color:white;
-
padding:1px 1px 1px 1px;
+
background-color:#666666;
-
text-decoration:none;
+
/*Padding: bottom, right, top, left */
-
letter-spacing: .9px;
+
/*padding:0.2em 1.3em 0.2em 1.3em;*/
 +
border-right:1px solid white;
 +
white-space:nowrap;
}
}
-
.ddcolortabs a span{
+
.nav a:hover{
-
float:Center;
+
background-color:#993333 !important;
-
display:block;
+
-
background: transparent url(media/color_tabs_right.gif) no-repeat right top;
+
-
padding: 8px 15px 8px 15px;
+
}
}
-
.ddcolortabs a span{
+
/*--- DROPDOWN ---*/
-
float:none;
+
.nav ul{
 +
background:#fff; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
 +
background:rgba(255,255,255,0); /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
 +
list-style:none;
 +
position:absolute;
 +
left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
 +
margin-top: 25px;
 +
margin-left:0;
 +
margin-right:0;
 +
 
}
}
-
.ddcolortabs a:hover{
+
 
-
background-color: #001493;
+
.nav ul li{
 +
padding-top:1px;
}
}
-
.ddcolortabs a:hover span{
+
.nav ul a{
-
background-color: #001493;
+
padding-top: 3px;
 +
padding-bottom:3px; /*Introducing a padding between the li and the a give the illusion spaced items */
 +
white-space:normal;
 +
text-decoration:none;
 +
height:auto;
 +
width: 13em;
 +
line-height: 1.5em;
}
}
-
.ddcolortabs .selected a, #ddcolortabs .selected a span{ /*currently selected tab*/
+
.nav li:hover ul{ /* Display the dropdown on hover */
-
background-color: #BABABA;
+
left:0; /* Bring back on-screen when needed */
 +
text-decoration:none;
}
}
-
.ddcolortabsline{
+
.nav li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
-
clear: both;
+
background:#666666;
-
padding: 0;
+
text-decoration:none;
-
width: 100%;
+
-
height: 1px;
+
-
line-height: 1px;
+
-
background: #a8a8a8;
+
-
border-top: 12px solid #fff; /*Remove this to remove border between bar and tabs*/
+
}
}
-
</style>
+
.nav li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
-
</head>
+
text-decoration:none;
 +
}
-
<link rel="stylesheet" type="text/css" href="ddcolortabs.css" />
+
.nav li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
 +
background:#993333;
 +
text-decoration:none;
 +
}
-
<div id="colortab" class="ddcolortabs">
+
#long {
-
<ul>
+
width:10em;
 +
}
 +
#project_title a:hover { text-decoration: none; }
 +
#project_title { margin: 0; padding: 0; }
 +
--></style>
-
<li><a href=https://2014hs.igem.org/Team:WalthamHS_BioHawks/Project/Safety Safety><span>Safety</span></a></li>
 
-
<li><a href=https://2014hs.igem.org/Team:WalthamHS_BioHawks/Project/HumanPractices HumanPractices><span>Human Practices</span></a></li>
 
-
<li><a href=https://2014hs.igem.org/Team:WalthamHS_BioHawks/Project/Results Results><span>Results</span></a></li>
 
-
<li><a href=https://2014hs.igem.org/Team:WalthamHS_BioHawks/History/outreach Outreach><span>Outreach</span></a></li>
 
-
<li><a href=https://2014hs.igem.org/Team:WalthamHS_BioHawks/OurPoster '''Our Poster'''><span>Our Poster</span></a></li>
 
-
<li><a href=https://2014hs.igem.org/Team:WalthamHS_BioHawks/Sponsors '''Sponsors'''><span>Sponsors</span></a></li>
 
-
<li id="nav_results"><a href=https://2014hs.igem.org/Team:WalthamHS_BioHawks/Project/Results Results>RESULTS</a>
+
<body>
-
<ul>
+
<div id="project_header" style="margin-top: -2.3em; position:relative;">
-
  <li><a href=https://2014hs.igem.org/Team:WalthamHS_BioHawks/Project/Design Design>Design</a></li>
+
<a href="https://2013.igem.org/Team:MIT">
-
  <li><a href=https://2014hs.igem.org/Team:WalthamHS_BioHawks/Project/E-Notebook -E-Notebook>E-Notebook</a></li>
+
<img src='https://static.igem.org/mediawiki/2012/7/7f/MIT-header.jpg'>
-
  <li><a href=a href=https://2014hs.igem.org/Team:WalthamHS_BioHawks/Project/Procedure Procedure>Procedure</a></li>
+
</a>
-
  <li><a href=a href=https://2014hs.igem.org/Team:WalthamHS_BioHawks/Project/Results Results</a>Results</li>
+
-
</ul>
+
</div>
</div>
-
<div class="ddcolortabsline">&nbsp;</div>
+
<div style="float:left; clear:left;  margin-top: -2.5em; z-index:1; position:relative;">
-
 
+
<a href="https://2013.igem.org">
 +
<img src="https://static.igem.org/mediawiki/2012/7/79/IGEM-100px.png" alt="iGEM 2012">
 +
</a>
</div>
</div>
-
<script type="text/javascript">
+
 
-
</script>
+
 
 +
<div id="project_title" style="text-align: center; margin-top: -0.8em; float:left; z-index:1; position:relative;
 +
margin-left:3em;">
 +
<a href="https://2013.igem.org/Team:MIT">
 +
<h1 style="border: none; line-height: 1.2em; margin: 0; padding: 0; padding-top: 0.7em;">
 +
 
 +
Exosome Mediated Mammalian Cell-Cell Communication
 +
</h1>
 +
</a>
 +
</div></div>
 +
 
 +
<ul class="nav">
 +
<li id="nav_motivation"><a href="https://2014hs.igem.org/Team:WalthamHS_BioHawks">Home</a>
 +
<ul>
 +
</ul>
 +
</li>
 +
<li id="nav_results"><a href=https://2014hs.igem.org/Team:WalthamHS_BioHawks/Project>Project</a>
 +
<ul>
 +
  <li><a href=https://2014hs.igem.org/Team:WalthamHS_BioHawks/Project/Design>Design</a></li>
 +
  <li><a href=https://2014hs.igem.org/Team:WalthamHS_BioHawks/Project/Procedure>Procedure</a></li>
 +
  <li><a href="https://2013.igem.org/Team:MIT/Protein">Protein Signals</a></li>
 +
  <li><a href="https://2013.igem.org/Team:MIT/Venus">Novel DNA Sensor: Cas9 Split Venus Fusion</a></li>
 +
  <li><a href="https://2013.igem.org/Team:MIT/ResultsBiobricks">BioBricks</a></li>
 +
  <li><a href="https://2013.igem.org/Team:MIT/Attributions">Attributions</a></li>
 +
</ul>
 +
</li>
 +
 
 +
<li id="nav_methods"><a href="https://2013.igem.org/Team:MIT/MaterialsAndMethods">METHODS</a>
 +
<ul>
 +
</ul>
 +
</li>
 +
 
 +
<li id="nav_notebook"><a href="https://2013.igem.org/Team:MIT/Notebook">NOTEBOOK</a>
 +
<ul>
 +
  <li><a onclick="nav_notebook('construction')">Construction &amp; <em>In Vitro</em></a></li>
 +
  <li><a onclick="nav_notebook('summertc')">Summer Tissue Culture</a></li>
 +
  <li><a onclick="nav_notebook('falltc')">Fall Tissue Culture</a></li>
 +
</ul>
 +
</li>
 +
 
 +
<li id="nav_human_practices"><a href="https://2013.igem.org/Team:MIT/HumanPractices">HUMAN PRACTICES</a>
 +
<ul>
 +
</ul>
 +
</li>
 +
 
 +
 
 +
<li id="nav_safety"><a href="https://2013.igem.org/Team:MIT/Safety">SAFETY</a>
 +
<ul>
 +
</ul>
 +
</li>
 +
 
 +
 
 +
<li id="nav_team"><a href="https://2013.igem.org/Team:MIT/Team">TEAM</a>
 +
<ul>
 +
</ul>
 +
</li>
 +
 
 +
<li id="nav_partners"><a href="https://2013.igem.org/Team:MIT/Partners">SPONSORS</a>
 +
<ul>
 +
</ul>
 +
</li>
 +
 
 +
<li id="nav_contact"><a href="https://2013.igem.org/Team:MIT/Contact">CONTACT US</a>
 +
<ul>
 +
</ul>
 +
</li>
 +
 
 +
</ul>
 +
 
 +
 
 +
</body>
</html>
</html>

Revision as of 17:24, 19 June 2014

iGEM 2012

Retrieved from "http://2014hs.igem.org/Template:Team:Waltham_BioHawks/WalthamHeader"