"
Template:MIT-header
From 2014.igem.org
(Difference between revisions)
| (142 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 58: | Line 66: | ||
#globalwrapper { | #globalwrapper { | ||
| - | width: | + | width:1000px; |
padding:20px 0px; | padding:20px 0px; | ||
margin: 0 auto; | margin: 0 auto; | ||
| Line 72: | Line 80: | ||
} | } | ||
body { | body { | ||
| - | background: # | + | 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: | + | padding:0; |
padding-top: 0; | padding-top: 0; | ||
| - | width: | + | width:1000px; |
border-top: none; | border-top: none; | ||
| - | background: # | + | background: #f3f3f3; |
| + | height:100%; | ||
| + | font-family: verdana; | ||
| + | font-weight: 300; | ||
} | } | ||
#menubar { | #menubar { | ||
| - | background-color: | + | background-color: #FFFFFF; |
} | } | ||
#menubar ul li a { | #menubar ul li a { | ||
| Line 98: | Line 123: | ||
.right-menu li a { | .right-menu li a { | ||
color: black; | color: black; | ||
| - | background-color: | + | background-color: #FFFFFF; |
} | } | ||
| Line 105: | 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 113: | Line 140: | ||
.nav table{ | .nav table{ | ||
| - | background-color:# | + | background-color:#505050; |
| + | clear:both; | ||
| + | align:center; | ||
} | } | ||
.nav tr{ | .nav tr{ | ||
| - | background-color:# | + | background-color:#505050; |
} | } | ||
| - | .nav td{ | + | .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{ | ||
| - | |||
height:1.5em; | height:1.5em; | ||
| - | padding: 0. | + | padding: 0.2em; |
| - | color: | + | color:#FFF;; |
font-size:13pt; | font-size:13pt; | ||
| - | background-color:# | + | 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:# | + | background-color:#303030!important; |
} | } | ||
| Line 147: | 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: | + | margin-top: 0; |
margin-left:0; | margin-left:0; | ||
margin-right:0; | margin-right:0; | ||
| Line 160: | 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 168: | Line 201: | ||
} | } | ||
| - | .nav | + | .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 | + | .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:# | + | background:#505050; |
text-decoration:none; | text-decoration:none; | ||
} | } | ||
| - | .nav | + | .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 | + | .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 196: | Line 242: | ||
<body> | <body> | ||
| - | <div id="project_header" style="margin-top: - | + | <div style="margin-top:-50px;Background-color:#FFF"> <br><br><br></div> |
| - | < | + | <div id="project_header" style="margin-top: -1em; position:relative;align:center;"> |
| - | < | + | <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="" /> |
| - | </ | + | <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;"> | ||
| - | + | ||
| - | + | ||
| - | + | ||
</div> | </div> | ||
| Line 212: | Line 262: | ||
margin-left:3em;"> | margin-left:3em;"> | ||
<a href="https://2014.igem.org/Team:MIT"> | <a href="https://2014.igem.org/Team:MIT"> | ||
| - | < | + | <!--<h5 style="border: none; line-height: 1.2em; margin: 0; padding: 0; padding-top: 0.7em;"> |
| - | Genetic Diagnosis and Treatment of Alzheimer's Disease< | + | Genetic Diagnosis and Treatment of Alzheimer's Disease |
| - | + | </h5>--> | |
| - | + | ||
</a> | </a> | ||
</div></div> | </div></div> | ||
| - | |||
<table class="nav"> | <table class="nav"> | ||
<tr> | <tr> | ||
| - | <td><a href="https://2014.igem.org/Team:MIT"> | + | <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> | <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> | </ul> | ||
</td> | </td> | ||
| - | <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> | <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> | ||
| + | |||
</td> | </td> | ||
| - | <td><a href="https://2014.igem.org/Team:MIT/ | + | <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> | ||
| - | <li><a href="https://2014.igem.org/Team:MIT/ | + | <li><a href="https://2014.igem.org/Team:MIT/Outreach">Outreach</a></li> |
| - | <li><a href="https://2014.igem.org/Team:MIT/ | + | <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/Team:MIT/ | + | <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/ | + | <li><a href="https://2014.igem.org/Team:MIT/Manifold">DIY Vacuum Manifold</a></li> |
</ul> | </ul> | ||
</td> | </td> | ||
| - | <td><a href="https://2014.igem.org/Team:MIT/ | + | <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> | <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> | </ul> | ||
</td> | </td> | ||
| - | <td><a href="https://2014.igem.org/Team:MIT/ | + | <td><a href="https://2014.igem.org/Team:MIT/Medals">Medals</a> |
| - | + | ||
| - | + | ||
</td> | </td> | ||
| - | + | <tr> | |
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | < | + | |
</table> | </table> | ||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| + | <br /> | ||
</body> | </body> | ||
</html> | </html> | ||
Latest revision as of 00:46, 18 October 2014
| Home |  Our Project
|
Lab Work
|
Outreach
|
About Us
|
Medals |
