Template:MIT-header

From 2014.igem.org

(Difference between revisions)
 
(163 intermediate revisions not shown)
Line 12: Line 12:
   }
   }
   else{
   else{
-
     window.location.href="https://2013.igem.org/Team:MIT/Notebook#" + dest;
+
     window.location.href="https://2014.igem.org/Team:MIT/Notebook#" + dest;
   }
   }
}
}
Line 25: Line 25:
border-collapse:collapse;
border-collapse:collapse;
border-spacing:0;
border-spacing:0;
 +
background-color:transparent;
 +
}
 +
a {
 +
color:teal;
 +
}
 +
a:visited {
 +
color:teal;
}
}
fieldset,img{
fieldset,img{
Line 51: Line 58:
{
{
     height: 1em;
     height: 1em;
 +
    background-color: #FFFFFF;
}
}
#search-controls
#search-controls
Line 58: Line 66:
#globalwrapper {
#globalwrapper {
-
     width:975px;
+
     width:1000px;
     padding:20px 0px;
     padding:20px 0px;
     margin: 0 auto;
     margin: 0 auto;
     /*background-color:#ffffff;*/
     /*background-color:#ffffff;*/
     height:100%;
     height:100%;
 +
}
 +
#footer-box {
 +
    width:990px;
}
}
.firstHeading {
.firstHeading {
Line 69: Line 80:
}
}
body {
body {
-
     background: #E8E8E8;
+
     background: #404040;
-
     background-image: url('https://static.igem.org/mediawiki/2011/b/be/Background-gradient.jpg');
+
     /*background-image: url('https://static.igem.org/mediawiki/2014/a/aa/MIT_2014_Background_gradient_1050px.png');*/
 +
    /*MIT_2014_Background_gradient_1050px.png*/
     background-position: center;
     background-position: center;
     background-repeat: repeat-y;
     background-repeat: repeat-y;
 +
    height:100%;
}
}
 +
/*page title*/
 +
h1 {
 +
font-weight:bold;
 +
padding-top:20px;
 +
}
 +
/*page sections*/
 +
h2 {
 +
}
 +
/*title on header*/
 +
h5 {
 +
font-size:20pt;
 +
}
 +
#p-logo {
#p-logo {
     height:1px; overflow:hidden; display: none;
     height:1px; overflow:hidden; display: none;
Line 81: Line 107:
     border-left-width:0px;
     border-left-width:0px;
     border-right-width:0px;
     border-right-width:0px;
-
     padding:5px;
+
     padding:0;
     padding-top: 0;
     padding-top: 0;
-
     width:965px;
+
     width:1000px;
     border-top: none;
     border-top: none;
 +
    background: #f3f3f3;
 +
    height:100%;
 +
    font-family: verdana;
 +
    font-weight: 300;
}
}
#menubar {  
#menubar {  
-
     background-color: white;  
+
     background-color: #FFFFFF;  
}
}
#menubar ul li a {  
#menubar ul li a {  
Line 93: Line 123:
     .right-menu li a {
     .right-menu li a {
     color: black;
     color: black;
-
     background-color: white;
+
     background-color: #FFFFFF;
}
}
Line 100: Line 130:
width:100%;
width:100%;
margin:0;
margin:0;
 +
color:#FFFFFF;
list-style:none;
list-style:none;
position:relative;
position:relative;
z-index:5;
z-index:5;
 +
text-align:center;
/*CHANGE THIS TO CENTER*/
/*CHANGE THIS TO CENTER*/
-
padding:0 12px; /*12px;*/
+
padding:0 0px; /*12px;*/
}
}
-
.nav li{
+
.nav table{
 +
background-color:#505050;
 +
clear:both;
 +
align:center;
 +
}
 +
.nav tr{
 +
background-color:#505050;
 +
}
 +
.nav tbody tr td{
float:left;
float:left;
position:relative;
position:relative;
display:inline;
display:inline;
-
line-height: 2em;
+
width:16%;
 +
line-height: 2.2em;
}
}
.nav a{
.nav a{
-
float:left;
+
height:1.5em;
-
height:2em;
+
padding: 0.2em;
-
padding: 0 1.3em;
+
color:#FFF;;
-
color:white;
+
font-size:13pt;
-
background-color:#666666;
+
background-color:#505050;
-
/*Padding: bottom, right, top, left */
+
border-right:0px solid white;
-
/*padding:0.2em 1.3em 0.2em 1.3em;*/
+
-
border-right:1px solid white;
+
white-space:nowrap;
white-space:nowrap;
 +
text-decoration:none;
 +
display:block;
 +
width:100%;
}
}
.nav a:hover{
.nav a:hover{
-
background-color:#993333 !important;
+
background-color:#303030!important;
}
}
Line 137: Line 179:
position:absolute;
position:absolute;
left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
-
margin-top: 25px;
+
margin-top: 0;
margin-left:0;
margin-left:0;
margin-right:0;
margin-right:0;
Line 149: Line 191:
.nav ul a{
.nav ul a{
-
padding-top: 3px;
+
padding-top: 0px;
-
padding-bottom:3px; /*Introducing a padding between the li and the a give the illusion spaced items */
+
float:left;
 +
padding-bottom:0px; /*Introducing a padding between the li and the a give the illusion spaced items */
white-space:normal;
white-space:normal;
text-decoration:none;
text-decoration:none;
Line 158: Line 201:
}
}
-
.nav li:hover ul{ /* Display the dropdown on hover */
+
.nav td:hover ul{ /* Display the dropdown on hover */
left:0; /* Bring back on-screen when needed */
left:0; /* Bring back on-screen when needed */
text-decoration:none;
text-decoration:none;
}
}
-
.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. */
+
.nav td:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
-
background:#666666;
+
background:#505050;
text-decoration:none;
text-decoration:none;
}
}
-
.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. */
+
.nav td: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. */
text-decoration:none;
text-decoration:none;
}
}
-
.nav li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
+
.nav td:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
-
background:#993333;
+
background:#000;
text-decoration:none;
text-decoration:none;
}
}
 +
 +
.links {
 +
background-color:#c5c5c5;
 +
float:left;
 +
width:125px;
 +
height:100%;
 +
padding-top:10px;
 +
}
 +
.links ul{
 +
width:100%;
 +
}
 +
 +
#long {
#long {
Line 186: Line 242:
<body>
<body>
-
<div id="project_header" style="margin-top: -2.3em; position:relative;">
+
<div style="margin-top:-50px;Background-color:#FFF"> <br><br><br></div>
-
<a href="https://2013.igem.org/Team:MIT">
+
<div id="project_header" style="margin-top: -1em; position:relative;align:center;">
-
<img src='https://static.igem.org/mediawiki/2012/7/7f/MIT-header.jpg'>
+
<img id="headerImage" src="https://static.igem.org/mediawiki/2014/5/59/MIT_monolith_header_image.png" border="0" width="1000" height="77" orgWidth="1000" orgHeight="77" usemap="#image-maps-2014-10-16-234534" alt="" />
-
</a>
+
<map name="image-maps-2014-10-16-234534" id="ImageMapsCom-image-maps-2014-10-16-234534">
 +
<area  alt="" title="" href="https://www.facebook.com/mitigem2014" shape="rect" coords="887,17,935,61" style="outline:none;" target="_self"    />
 +
<area  alt="" title="" href="https://twitter.com/MIT_iGEM" shape="rect" coords="938,17,981,60" style="outline:none;" target="_self"    />
 +
<area  alt="" title="" href="https://2014.igem.org" shape="rect" coords="797,7,874,69" style="outline:none;" target="_self"    />
 +
<area  alt="" title="" href="https://2014.igem.org/Team:MIT" shape="rect" coords="0,0,794,77" style="outline:none;" target="_self"    />
 +
<area shape="rect" coords="998,75,1000,77" alt="Image Map" style="outline:none;" title="Image Map" href="http://www.image-maps.com/index.php?aff=mapped_users_0" />
 +
</map>
</div>
</div>
<div style="float:left; clear:left;  margin-top: -2.5em; z-index:1; position:relative;">
<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>
Line 201: Line 261:
<div id="project_title" style="text-align: center; margin-top: -0.8em; float:left; z-index:1; position:relative;
<div id="project_title" style="text-align: center; margin-top: -0.8em; float:left; z-index:1; position:relative;
margin-left:3em;">
margin-left:3em;">
-
<a href="https://2013.igem.org/Team:MIT">
+
<a href="https://2014.igem.org/Team:MIT">
-
<h1 style="border: none; line-height: 1.2em; margin: 0; padding: 0; padding-top: 0.7em;">
+
<!--<h5 style="border: none; line-height: 1.2em; margin: 0; padding: 0; padding-top: 0.7em;">
-
Exosome Mediated Mammalian Cell-Cell Communication
+
Genetic Diagnosis and Treatment of Alzheimer's Disease
-
</h1>
+
</h5>-->
</a>
</a>
</div></div>
</div></div>
 +
<table class="nav">
 +
<tr>
 +
  <td><a href="https://2014.igem.org/Team:MIT">Home</a></td>
 +
  <td><a href="https://2014.igem.org/Team:MIT/Project"><img src="https://static.igem.org/mediawiki/2014/e/e1/MIT_2014_dropdown_arrow.png"> Our Project</a>
 +
  <ul>
 +
    <li><a href="https://2014.igem.org/Team:MIT/Project">Motivation</a></li>
 +
    <li><a href="https://2014.igem.org/Team:MIT/Protein_sensor">Native Receptor</a></li>
 +
    <li><a href="https://2014.igem.org/Team:MIT/BCR">B-Cell Receptor</a></li>
 +
    <li><a href="https://2014.igem.org/Team:MIT/miRNA">miRNA Detection</a></li>
 +
    <li><a href="https://2014.igem.org/Team:MIT/Treatment">Treatment Module</a></li>
 +
    <li><a href="https://2014.igem.org/Team:MIT/Delivery">Delivery</a></li>
 +
    <li><a href="https://2014.igem.org/Team:MIT/Modeling">Modeling</a></li>
 +
  </ul>
 +
  </td>
 +
  <td><a href="https://2014.igem.org/Team:MIT/Parts"><img src="https://static.igem.org/mediawiki/2014/e/e1/MIT_2014_dropdown_arrow.png"> Lab Work</a>
 +
  <ul>
 +
    <li><a href="https://2014.igem.org/Team:MIT/Parts">Parts</a></li>
 +
    <li><a href="https://2014.igem.org/Team:MIT/Safety">Safety</a></li>
 +
    <li><a href="https://2014.igem.org/Team:MIT/Notebook">Notebook</a></li>
 +
    <li><a href="https://2014.igem.org/Team:MIT/Protocols">Protocols</a></li>
 +
  </ul>
-
<ul class="nav">
+
   </td>
-
<li id="nav_motivation"><a href="https://2013.igem.org/Team:MIT/Motivation">BACKGROUND</a>
+
   <td><a href="https://2014.igem.org/Team:MIT/Outreach"><img src="https://static.igem.org/mediawiki/2014/e/e1/MIT_2014_dropdown_arrow.png"> Outreach</a>
-
<ul>
+
  <ul>
-
</ul>
+
    <li><a href="https://2014.igem.org/Team:MIT/Outreach">Outreach</a></li>
-
</li>
+
    <li><a href="https://2014.igem.org/Team:MIT/2014.igem.org/Team:MIT/Interviews">Interviews</a></li>
-
<li id="nav_results"><a href="https://2013.igem.org/Team:MIT/Project">RESULTS</a>
+
    <li><a href="https://2014.igem.org/Wiki/2014.igem.org/Team:MIT/Survey">Survey</a></li>
-
<ul>
+
    <li><a href="https://2014.igem.org/Team:MIT/Manifold">DIY Vacuum Manifold</a></li>
-
   <li><a href="https://2014.igem.org/Team:MIT"style="color:#000000">Introduction</a></li>
+
  </ul>
-
   <li><a href="https://2014.igem.org/Team:MIT/Results"style="color:#000000">Results</a</li>
+
  </td>
-
  <li><a href="https://2014.igem.org/Team:MIT/Project"style="color:#000000">Project</a></li>
+
  <td><a href="https://2014.igem.org/Team:MIT/Team"><img src="https://static.igem.org/mediawiki/2014/e/e1/MIT_2014_dropdown_arrow.png"> About Us</a>
-
  <li><a href="https://2014.igem.org/Team:MIT/Parts"style="color:#000000">Parts</a></li>
+
  <ul>
-
  <li><a href="https://2014.igem.org/Team:MIT/Methods"style="color:#000000">Methods</a></li>
+
    <li><a href="https://2014.igem.org/Team:MIT/Team">Student Bios</a></li>
-
  <li><a href="https://2014.igem.org/Team:MIT/Human_practices"style="color:#000000">Human Practices</a></li>
+
    <li><a href="https://2014.igem.org/Team:MIT/Attributions">Acknowledgements</a></li>
-
  <li><a href="https://2014.igem.org/Team:MIT/Team"style="color:#000000">About us</a></li>
+
    <li><a href="https://2014.igem.org/Team:MIT/Actually Attributions">Attributions</a></li>
-
  <li><a href="https://2014.igem.org/Team:MIT/Modeling"style="color:#000000">Modeling</a></li>
+
    <li><a href="https://igem.org/Team.cgi?year=2014&team_name=MIT">Official iGEM page</a></li>
-
  <li><a href="https://2014.igem.org/Team:MIT/Notebook"style="color:#000000">Notebook</a></li>
+
  </ul>
-
  <li><a href="https://2014.igem.org/Team:MIT/Safety"style=" color:#000000">Safety</a></li>.
+
  </td>
-
  <li><a href="https://2014.igem.org/Team:MIT/Attributions"style="color:#000000">Attributions</a></li>
+
  <td><a href="https://2014.igem.org/Team:MIT/Medals">Medals</a>
-
</ul>
+
  </td>
-
</li>
+
  <tr>
-
 
+
</table>
-
<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>
+
 +
<br />
</body>
</body>
</html>
</html>

Latest revision as of 00:46, 18 October 2014

 


Image Map
Home Our Project Lab Work Outreach About Us Medals

Retrieved from "http://2014.igem.org/Template:MIT-header"