Template:MIT-header

From 2014.igem.org

(Difference between revisions)
 
(143 intermediate revisions not shown)
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 65: Line 73:
}
}
#footer-box {
#footer-box {
-
     width:1000px;
+
     width:990px;
}
}
.firstHeading {
.firstHeading {
Line 72: Line 80:
}
}
body {
body {
-
     background: #ebf8fb;
+
     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*/
     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 85: 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:1000px;
     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 97: Line 123:
     .right-menu li a {
     .right-menu li a {
     color: black;
     color: black;
-
     background-color: white;
+
     background-color: #FFFFFF;
}
}
Line 104: 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;*/
}
}
-
.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:1.5em;
-
padding: 0.5em 0.5em;
+
padding: 0.2em;
-
color:black;
+
color:#FFF;;
-
font-size:16pt;
+
font-size:13pt;
-
background-color:#28c1bf;
+
background-color:#505050;
border-right:0px solid white;
border-right:0px solid white;
white-space:nowrap;
white-space:nowrap;
 +
text-decoration:none;
 +
display:block;
 +
width:100%;
}
}
.nav a:hover{
.nav a:hover{
-
background-color:#aae6e7!important;
+
background-color:#303030!important;
}
}
Line 140: 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: 4em;
+
margin-top: 0;
margin-left:0;
margin-left:0;
margin-right:0;
margin-right:0;
Line 153: 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 161: 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:#aae6e7;
+
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:#000;
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 189: 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://2014.igem.org/Team:MIT">
+
<div id="project_header" style="margin-top: -1em; position:relative;align:center;">
-
<img src=''><!-- BROKEN, add new header Image -->
+
<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://2014.igem.org">
+
 
-
<img src=""><!-- BROKEN, add new header Image that links to iGEM main place -->
+
-
</a>
+
</div>
</div>
Line 205: Line 262:
margin-left:3em;">
margin-left:3em;">
<a href="https://2014.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;">
-
Genetic Diagnosis and Treatment of Alzheimer's Disease<br />
+
Genetic Diagnosis and Treatment of Alzheimer's Disease
-
Images needed: new header, neurons in nav bar, background gradient at 1000px, igem logo
+
</h5>-->
-
</h1>
+
</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>
-
 
+
  <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>
-
<li> <a href="https://2014.igem.org/Team:MIT">Introduction</a>
+
  <ul>
-
<ul>
+
    <li><a href="https://2014.igem.org/Team:MIT/Outreach">Outreach</a></li>
-
</ul>
+
    <li><a href="https://2014.igem.org/Team:MIT/2014.igem.org/Team:MIT/Interviews">Interviews</a></li>
-
</li>
+
    <li><a href="https://2014.igem.org/Wiki/2014.igem.org/Team:MIT/Survey">Survey</a></li>
-
<li id="nav_results"> <a href="https://2014.igem.org/Team:MIT/Results">Results</a>
+
    <li><a href="https://2014.igem.org/Team:MIT/Manifold">DIY Vacuum Manifold</a></li>
-
<ul>
+
  </ul>
-
</ul>
+
  </td>
-
</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/Project">Project</a>
+
  <ul>
-
<ul>
+
    <li><a href="https://2014.igem.org/Team:MIT/Team">Student Bios</a></li>
-
  <li><a href="https://2014.igem.org/Team:MIT/Protein_sensor">Protein detector module</a></li>
+
    <li><a href="https://2014.igem.org/Team:MIT/Attributions">Acknowledgements</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/Actually Attributions">Attributions</a></li>
-
  <li><a href="https://2014.igem.org/Team:MIT/miRNA">miRNA detector module</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/Treatment">Treatment module</a></li>
+
  </ul>
-
</ul>
+
  </td>
-
</li>
+
  <td><a href="https://2014.igem.org/Team:MIT/Medals">Medals</a>
-
<li> <a href="https://2014.igem.org/Team:MIT/Parts">Parts</a>
+
  </td>
-
<ul>
+
  <tr>
-
</ul>
+
</table>
-
</li>
+
-
<li> <a href="https://2014.igem.org/Team:MIT/Methods">Methods</a>
+
-
<ul>
+
-
</ul>
+
-
</li>
+
-
<li> <a href="https://2014.igem.org/Team:MIT/Human_practices">Human Practices</a>
+
-
<ul>
+
-
</ul>
+
-
</li>
+
-
<li> <a href="https://2014.igem.org/Team:MIT/Team">About us</a>
+
-
<ul>
+
-
</ul>
+
-
</li>
+
-
<li> <a href="https://2014.igem.org/Team:MIT/Modeling">Modeling</a>
+
-
<ul>
+
-
</ul>
+
-
</li>
+
-
<li> <a href="https://2014.igem.org/Team:MIT/Notebook">Notebook</a>
+
-
<ul>
+
-
</ul>
+
-
</li>
+
-
<li> <a href="https://2014.igem.org/Team:MIT/Safety">Safety</a>
+
-
<ul>
+
-
</ul>
+
-
</li>
+
-
<li> <a href="https://2014.igem.org/Team:MIT/Attributions">Attributions</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"