Template:MIT-header

From 2014.igem.org

(Difference between revisions)
 
(40 intermediate revisions not shown)
Line 26: Line 26:
border-spacing:0;
border-spacing:0;
background-color:transparent;
background-color:transparent;
 +
}
 +
a {
 +
color:teal;
 +
}
 +
a:visited {
 +
color:teal;
}
}
fieldset,img{
fieldset,img{
Line 74: Line 80:
}
}
body {
body {
-
     background: #225378;
+
     background: #404040;
     /*background-image: url('https://static.igem.org/mediawiki/2014/a/aa/MIT_2014_Background_gradient_1050px.png');*/
     /*background-image: url('https://static.igem.org/mediawiki/2014/a/aa/MIT_2014_Background_gradient_1050px.png');*/
     /*MIT_2014_Background_gradient_1050px.png*/
     /*MIT_2014_Background_gradient_1050px.png*/
Line 105: Line 111:
     width:1000px;
     width:1000px;
     border-top: none;
     border-top: none;
-
     background: #b6f7b6;
+
     background: #f3f3f3;
     height:100%;
     height:100%;
-
     font-family: helvetica;
+
     font-family: verdana;
     font-weight: 300;
     font-weight: 300;
}
}
Line 124: 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 0px; /*12px;*/
padding:0 0px; /*12px;*/
Line 132: Line 140:
.nav table{
.nav table{
-
background-color:#1dae1d;
+
background-color:#505050;
clear:both;
clear:both;
 +
align:center;
}
}
.nav tr{
.nav tr{
-
background-color:#1dae1d;
+
background-color:#505050;
}
}
.nav tbody tr td{
.nav tbody tr td{
Line 143: Line 152:
display:inline;
display:inline;
width:16%;
width:16%;
-
line-height: 2em;
+
line-height: 2.2em;
-
text-align:center;
+
}
}
.nav a{
.nav a{
-
float:left;
 
height:1.5em;
height:1.5em;
-
padding: 0.5em 0.5em;
+
padding: 0.2em;
-
color:black;
+
color:#FFF;;
font-size:13pt;
font-size:13pt;
-
background-color:#1dae1d;
+
background-color:#505050;
border-right:0px solid white;
border-right:0px solid white;
white-space:nowrap;
white-space:nowrap;
text-decoration:none;
text-decoration:none;
 +
display:block;
 +
width:100%;
}
}
.nav a:hover{
.nav a:hover{
-
background-color:#156a15!important;
+
background-color:#303030!important;
}
}
Line 170: 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: 42px;
+
margin-top: 0;
margin-left:0;
margin-left:0;
margin-right:0;
margin-right:0;
Line 183: Line 192:
.nav ul a{
.nav ul a{
padding-top: 0px;
padding-top: 0px;
 +
float:left;
padding-bottom:0px; /*Introducing a padding between the li and the a give the illusion spaced items */
padding-bottom:0px; /*Introducing a padding between the li and the a give the illusion spaced items */
white-space:normal;
white-space:normal;
Line 197: Line 207:
.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. */
.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:#1dae1d;
+
background:#505050;
text-decoration:none;
text-decoration:none;
}
}
Line 211: Line 221:
.links {
.links {
-
  background-color:#05b0c4;
+
  background-color:#c5c5c5;
  float:left;
  float:left;
  width:125px;
  width:125px;
Line 232: 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>
-
<table style="background:#FFFFFF;width:100%;margin:0;padding:0;table-layout: fixed;">
+
<div id="project_header" style="margin-top: -1em; position:relative;align:center;">
-
<tr>
+
<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="" />
-
<td width="25%">
+
<map name="image-maps-2014-10-16-234534" id="ImageMapsCom-image-maps-2014-10-16-234534">
-
<a href="https://2014.igem.org">
+
<area alt="" title="" href="https://www.facebook.com/mitigem2014" shape="rect" coords="887,17,935,61" style="outline:none;" target="_self"    />
-
<img src="https://static.igem.org/mediawiki/2014/7/7d/MIT_2014_iGEM_logo.png" width=100px>
+
<area  alt="" title="" href="https://twitter.com/MIT_iGEM" shape="rect" coords="938,17,981,60" style="outline:none;" target="_self"    />
-
</a>
+
<area  alt="" title="" href="https://2014.igem.org" shape="rect" coords="797,7,874,69" style="outline:none;" target="_self"    />
-
</td>
+
<area  alt="" title="" href="https://2014.igem.org/Team:MIT" shape="rect" coords="0,0,794,77" style="outline:none;" target="_self"    />
-
<td width="50%"><center>
+
<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" />
-
<a href="https://2014.igem.org/Team:MIT">
+
</map>
-
<img src='https://static.igem.org/mediawiki/2014/e/ee/MIT_2014_header.png' width=400px>
+
-
</a></center>
+
-
</td>
+
-
<td  width="25%" style="text-align:right;">
+
-
<a href = "https://www.facebook.com/mitigem2014"><img src="https://static.igem.org/mediawiki/2014/5/53/MIT_Facebook.png"></a>
+
-
<a href="https://twitter.com/MIT_iGEM"><img src="https://static.igem.org/mediawiki/2014/5/51/MIT_Twitter.png"></a>
+
-
</td>
+
-
</tr>
+
-
</table>
+
</div>
</div>
Line 267: Line 268:
</a>
</a>
</div></div>
</div></div>
-
 
<table class="nav">
<table class="nav">
  <tr>
  <tr>
Line 273: Line 273:
   <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>
   <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>
   <ul>
-
     <li><a href="https://2014.igem.org/Team:MIT/Protein_sensor">Native Detector Module</a></li>
+
    <li><a href="https://2014.igem.org/Team:MIT/Project">Motivation</a></li>
-
     <li><a href="https://2014.igem.org/Team:MIT/BCR">Antibody Detector Module</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/miRNA">miRNA Detector Module</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/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/Delivery">Delivery</a></li>
Line 281: Line 282:
   </ul>
   </ul>
   </td>
   </td>
-
   <td><a href="https://2014.igem.org/Team:MIT/Lab"><img src="https://static.igem.org/mediawiki/2014/e/e1/MIT_2014_dropdown_arrow.png"> Lab Work</a>
+
   <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>
   <ul>
     <li><a href="https://2014.igem.org/Team:MIT/Parts">Parts</a></li>
     <li><a href="https://2014.igem.org/Team:MIT/Parts">Parts</a></li>
Line 287: Line 288:
     <li><a href="https://2014.igem.org/Team:MIT/Notebook">Notebook</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>
     <li><a href="https://2014.igem.org/Team:MIT/Protocols">Protocols</a></li>
-
    <li><a href="https://2014.igem.org/Team:MIT/Interlab">Interlab Study</a></li>
 
-
    <li><a href="https://2014.igem.org/Team:MIT/Attributions">Attributions</a></li>
 
   </ul>
   </ul>
   </td>
   </td>
-
   <td><a href="https://2014.igem.org/Team:MIT/Outreach">Outreach</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>
 +
    <li><a href="https://2014.igem.org/Team:MIT/Outreach">Outreach</a></li>
 +
    <li><a href="https://2014.igem.org/Team:MIT/2014.igem.org/Team:MIT/Interviews">Interviews</a></li>
 +
    <li><a href="https://2014.igem.org/Wiki/2014.igem.org/Team:MIT/Survey">Survey</a></li>
 +
    <li><a href="https://2014.igem.org/Team:MIT/Manifold">DIY Vacuum Manifold</a></li>
 +
  </ul>
   </td>
   </td>
-
   <td><a href="https://2014.igem.org/Team:MIT/Team">About Us</a>
+
   <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>
 +
  <ul>
 +
    <li><a href="https://2014.igem.org/Team:MIT/Team">Student Bios</a></li>
 +
    <li><a href="https://2014.igem.org/Team:MIT/Attributions">Acknowledgements</a></li>
 +
    <li><a href="https://2014.igem.org/Team:MIT/Actually Attributions">Attributions</a></li>
 +
    <li><a href="https://igem.org/Team.cgi?year=2014&team_name=MIT">Official iGEM page</a></li>
 +
  </ul>
   </td>
   </td>
   <td><a href="https://2014.igem.org/Team:MIT/Medals">Medals</a>
   <td><a href="https://2014.igem.org/Team:MIT/Medals">Medals</a>

Latest revision as of 00:46, 18 October 2014

 


Image Map