Template:Team:MIT/template1

From 2014.igem.org

(Difference between revisions)
(Created page with "<html> <head> <style type="text/css"> #contentSub, #footer-box, #sitesub, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading, .visualClear {display: none;} /*-- h...")
Line 1: Line 1:
-
<html>
+
__NOTOC__<html lang="en">
<head>
<head>
-
<style type="text/css">
+
<script>
 +
$(document).ready(function(){
 +
$('p:empty').css('display','none');
 +
});
-
#contentSub, #footer-box, #sitesub, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading, .visualClear {display: none;} /*-- hides default wiki settings --*/
+
function nav_notebook( dest ){
 +
  if (window.location.pathname == "/Team:MIT/Notebook"){
 +
    window.location.hash=dest;
 +
    window.location.reload();
 +
  }
 +
  else{
 +
    window.location.href="https://2014.igem.org/Team:MIT/Notebook#" + dest;
 +
  }
 +
}
-
.topWikiNavBackground {
+
</script>
-
    height:18px;
+
</head>
-
    margin-top: -32px;
+
<!-- wiki hacks --><style type="text/css"><!--
-
    background-color:transparent;
+
/*------------------------------------*\
 +
RESET
 +
\*------------------------------------*/
 +
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*/
-
#globalWrapper, #content { /*-- changes default wiki settings --*/
+
OL {
-
width: 100%;
+
padding-left:2em;
-
height: 100%;
+
-
border: 0px;
+
-
background-color: transparent;
+
-
margin: 0px;
+
-
padding: 0px;
+
}
}
-
html, body, .wrapper { /*-- changes default wiki settings --*/
+
#top-section
-
width: 100%;
+
{
-
height: 100%;  
+
    height: 1em;
-
background-color: transparent;
+
    background-color: #ebf8fb;
 +
}
 +
#search-controls
 +
{
 +
    display: none;
}
}
-
#top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/
+
#globalwrapper {
-
border: 0 none;
+
    width:990px;
-
height: 14px;
+
    padding:20px 0px;
-
z-index: 100;
+
    margin: 0 auto;
-
top: 0;
+
    /*background-color:#ffffff;*/
-
position: fixed;
+
    height:100%;
-
width: 975px;  
+
}
-
left: 50%;  
+
#footer-box {
-
margin-left: -487px;
+
    width:990px;
-
        background-color: transparent;  
+
}
 +
.firstHeading {
 +
    height:0px;
 +
display:none;
 +
}
 +
body {
 +
    background: #ebf8fb;
 +
    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-repeat: repeat-y;
 +
}
 +
#p-logo {
 +
    height:1px; overflow:hidden; display: none;
}
}
-
#top-section-bar { /*-- styling full width bar which hides behind default menu bar (edit, page, history, etc.) --*/
+
#content {
-
        background-color:transparent;
+
    border-left-width:0px;
-
        height: 14px;
+
    border-right-width:0px;
-
display: block;
+
    padding:5px;
-
z-index: 10;
+
    padding-top: 0;
-
position: fixed;
+
    width:990px;
-
width:100%;
+
    border-top: none;
-
top: 0;
+
    background: #c0eaf1;
 +
}
 +
#menubar {
 +
    background-color: #ebf8fb;  
 +
}
 +
#menubar ul li a {
 +
    color: #999999; }
 +
    .right-menu li a {
 +
    color: black;
 +
    background-color: #ebf8fb;
}
}
-
#menubar a:link, #menubar a:visited  { /*-- styling for default menu bar links (edit, page, history, etc.) --*/
+
.nav{
-
        color:#FFF;
+
float:left;
-
text-decoration: none;  
+
width:100%;
-
background-color: transparent;
+
margin:0;
 +
list-style:none;
 +
position:relative;
 +
z-index:5;
 +
/*CHANGE THIS TO CENTER*/
 +
padding:0 0px; /*12px;*/
}
}
-
#menubar a:active, #menubar a:hover
+
.nav table{
-
{
+
background-color:#28c1bf;
-
        color:#FFF;
+
}
-
text-decoration: underline;
+
.nav tr{
-
        background-color:transparent;
+
background-color:#28c1bf;
 +
}
 +
.nav td{
 +
float:left;
 +
position:relative;
 +
display:inline;
 +
line-height: 2em;
}
}
-
* {
 
-
margin: 0;
 
-
padding: 0;
 
-
-webkit-font-smoothing: antialiased;
+
.nav a{
-
-webkit-box-sizing: border-box;
+
float:left;
-
-moz-box-sizing: border-box;
+
height:1.5em;
-
box-sizing: border-box;
+
padding: 0.5em 0.5em;
 +
color:black;
 +
font-size:13pt;
 +
background-color:#28c1bf;
 +
border-right:0px solid white;
 +
white-space:nowrap;
 +
text-decoration:none;
}
}
 +
 +
.nav a:hover{
 +
background-color:#aae6e7!important;
 +
}
 +
 +
/*--- DROPDOWN ---*/
 +
.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: 4em;
 +
margin-left:0;
 +
margin-right:0;
 +
 +
}
 +
 +
 +
.nav ul li{
 +
padding-top:1px;
 +
}
 +
 +
.nav ul a{
 +
padding-top: 0px;
 +
padding-bottom:0px; /*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;
 +
}
 +
 +
.nav td:hover ul{ /* Display the dropdown on hover */
 +
left:0; /* Bring back on-screen when needed */
 +
text-decoration:none;
 +
}
 +
 +
.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;
 +
text-decoration:none;
 +
}
 +
 +
.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;
 +
}
 +
 +
.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;
 +
text-decoration:none;
 +
}
 +
 +
.links {
 +
background-color:#f7fcfd;
 +
float:left;
 +
width:200px;
 +
height=100%;
 +
}
 +
.links ul{
 +
width:100%;
 +
}
 +
 +
#long {
 +
width:10em;
 +
}
 +
#project_title a:hover { text-decoration: none; }
 +
#project_title { margin: 0; padding: 0; }
 +
--></style>
 +
 +
 +
<body>
 +
<div id="project_header" style="margin-top: -2.3em; position:relative;">
 +
<table style="background:#ebf8fb;width:100%;margin:0;padding:0;table-layout: fixed;">
 +
<tr>
 +
<td width="(100/3)%">
 +
<a href="https://2014.igem.org">
 +
<img src="https://static.igem.org/mediawiki/2014/7/7d/MIT_2014_iGEM_logo.png" width=100px>
 +
</a>
 +
</td>
 +
<td  width="(100/3)%">
 +
<a href="https://2014.igem.org/Team:MIT">
 +
<img src='https://static.igem.org/mediawiki/2014/e/ee/MIT_2014_header.png' width=400px>
 +
</a>
 +
</td>
 +
<td  width="(100/3)%" style="text-align:right;">
 +
social media links
 +
</td>
 +
</tr>
 +
</table>
 +
</div>
 +
 +
<div style="float:left; clear:left;  margin-top: -2.5em; z-index:1; position:relative;">
 +
 +
</div>
 +
 +
 +
<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://2014.igem.org/Team:MIT">
 +
<h1 style="border: none; line-height: 1.2em; margin: 0; padding: 0; padding-top: 0.7em;">
 +
 +
Genetic Diagnosis and Treatment of Alzheimer's Disease
 +
</h1>
 +
</a>
 +
</div></div>
 +
 +
<table class="nav">
 +
<tr>
 +
  <td><a href="https://2014.igem.org/Team:MIT">Introduction</a>
 +
  <ul>
 +
  </ul>
 +
  </td>
 +
  <td id="nav_results"><a href="https://2014.igem.org/Team:MIT/Results">Results</a>
 +
  <ul>
 +
  </ul>
 +
  </td>
 +
  <td><a href="https://2014.igem.org/Team:MIT/Project">Project</a>
 +
  <ul>
 +
    <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/BCR">Antibody detector module</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/Treatment">Treatment module</a></li>
 +
  </ul>
 +
  </td>
 +
  <td><a href="https://2014.igem.org/Team:MIT/Parts">Parts</a>
 +
  <ul>
 +
  </ul>
 +
  </td>
 +
  <td><a href="https://2014.igem.org/Team:MIT/Methods">Methods</a>
 +
  <ul>
 +
  </ul>
 +
  </td>
 +
  <td><a href="https://2014.igem.org/Team:MIT/Human_practices">Human Practices</a>
 +
  <ul>
 +
  </ul>
 +
  </td>
 +
  <td><a href="https://2014.igem.org/Team:MIT/Team">About us</a>
 +
  <ul>
 +
  </ul>
 +
  </td>
 +
  <td><a href="https://2014.igem.org/Team:MIT/Modeling">Modeling</a>
 +
  <ul>
 +
  </ul>
 +
  </td>
 +
  <td><a href="https://2014.igem.org/Team:MIT/Notebook">Notebook</a>
 +
  <ul>
 +
  </ul>
 +
  </td>
 +
  <td><a href="https://2014.igem.org/Team:MIT/Safety">Safety</a>
 +
  <ul>
 +
  </ul>
 +
  </td>
 +
  <td><a href="https://2014.igem.org/Team:MIT/Attributions">Attributions</a>
 +
  <ul>
 +
  </ul>
 +
  </td>
 +
</tr>
 +
</table>
 +
 +
 +
</body>
 +
</html>

Revision as of 15:39, 5 October 2014

social media links
Introduction
Project Parts
Methods
Human Practices
About us
Modeling
Notebook
Safety
Attributions

Retrieved from "http://2014.igem.org/Template:Team:MIT/template1"