Template:BU2013

From 2013.igem.org

(Difference between revisions)
 
(78 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
-
 
+
<style>
a{
a{
Line 26: Line 26:
}
}
-
H1 {
+
H3 {
-
    font-family: Signika;
+
      font-family: Signika;
-
    text-transform: none;
+
      text-transform: none;
-
    color: #B22222;
+
      text-decoration: none;
-
    text-align: left;
+
      text-align: left;
 +
      color: #696969;
 +
      font-size: 10pt;
     }
     }
H4 {
H4 {
-
    font-family: Signika;
+
      font-family: Signika;
-
    text-transform: none;
+
      text-transform: uppercase;
-
    color: #B22222;
+
      text-decoration: none;
-
    text-align: left;
+
      text-align: left;
 +
      color: #B22222;
 +
      font-size: 20pt;
     }
     }
 +
 +
 +
H8 {
 +
      font-family: Signika;
 +
      text-transform: none;
 +
      text-decoration: none;
 +
      text-align: left;
 +
      color: #B22222;
 +
      font-size: 12pt;
 +
 +
H9 {
 +
      font-family: Signika;
 +
      text-transform: none;
 +
      text-decoration: none;
 +
      text-align: left;
 +
      color: #B22222;
 +
      font-size: 14pt;
 +
    }
 +
 +
H10 {
 +
          font-family: Signika;
 +
      text-transform: none;
 +
      text-decoration: none;
 +
      text-align: left;
 +
      color: #B22222;
 +
      font-size: 12pt;
 +
 +
    }
 +
img.headshot {
img.headshot {
Line 65: Line 98:
#tracking_nav a { color:#ffffff; text-transform: lowercase;font-size: 16pt;}
#tracking_nav a { color:#ffffff; text-transform: lowercase;font-size: 16pt;}
#tracking_nav a:hover {background:#bababa;}
#tracking_nav a:hover {background:#bababa;}
-
 
-
#parts_table
 
-
{
 
-
border: 1px solid #69d01d;
 
-
border-collapse: collapse;
 
-
width: 100%;
 
-
margin: auto;
 
-
}
 
-
 
-
#parts_table td
 
-
{
 
-
text-align: center;
 
-
margin: 5px;
 
-
border: 1px solid #69d01d;
 
-
}
 
-
 
-
#parts_table th
 
-
{
 
-
background-color: #bababa;
 
-
border: 1px solid #69d01d;
 
-
color: #ffffff;
 
-
}
 
-
 
-
.table_part
 
-
{
 
-
vertical-align: middle;
 
-
}
 
#nav li {
#nav li {
Line 188: Line 194:
height: 1%;
height: 1%;
}
}
-
 
@font-face {
@font-face {
Line 194: Line 199:
     src: url(HP PSG.eot);
     src: url(HP PSG.eot);
}
}
 +
 +
#menuOverlay {
 +
  position:fixed; /*or  absolute*/
 +
  top:0;
 +
  left:0;
 +
  width:100%:
 +
  height:30px;
 +
  z-index: 999; /* or  greater value */
 +
}
 +
</style>
<head>
<head>
Line 229: Line 244:
/*only use for current page content header*/
/*only use for current page content header*/
-
H4 {
 
-
      font-family: Signika;
 
-
      text-transform: uppercase;
 
-
      text-decoration: none;
 
-
      text-align: left;
 
-
      color: #B22222;
 
-
      font-size: 20pt;
 
-
    }
 
-
H3 {
 
-
      font-family: Signika;
 
-
      text-transform: none;
 
-
      text-decoration: none;
 
-
      text-align: left;
 
-
      color: #696969;
 
-
      font-size: 12pt;
 
-
    }
 
-
 
-
H7 {
 
-
      font-family: Signika;
 
-
      text-transform: none;
 
-
      text-decoration: none;
 
-
      text-align: left;
 
-
      color: #000000;
 
-
      font-size: 12pt;
 
-
    }
 
-
 
-
H10 {
 
-
          font-family: Signika;
 
-
      text-transform: none;
 
-
      text-decoration: none;
 
-
      text-align: left;
 
-
      color: #B22222;
 
-
      font-size: 12pt;
 
-
 
-
H8 {
 
-
      font-family: Signika;
 
-
      text-transform: none;
 
-
      text-decoration: none;
 
-
      text-align: left;
 
-
      color: #B22222;
 
-
      font-size: 12pt;
 
-
    }
 
-
 
-
H6 {
 
-
      font-family: Signika;
 
-
      text-transform: none;
 
-
      text-decoration: none;
 
-
      text-align: left;
 
-
      color: #B22222;
 
-
      font-size: 13pt;
 
-
          font-width: 300;
 
-
    }
 
-
 
-
H9 {
 
-
      font-family: Signika;
 
-
      text-transform: none;
 
-
      text-decoration: none;
 
-
      text-align: left;
 
-
      color: #B22222;
 
-
      font-size: 14pt;
 
-
    }
 
</style>
</style>
<link href='http://fonts.googleapis.com/css?family=Signika:300,400' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Signika:300,400' rel='stylesheet' type='text/css'>
 +
<link href='http://fonts.googleapis.com/css?family=Averia+Serif+Libre:300,400,700' rel='stylesheet' type='text/css'>
<style type="text/css">
<style type="text/css">
Line 330: Line 285:
     }
     }
-
 
 
H4 {
H4 {
     font-family: Signika;
     font-family: Signika;
Line 346: Line 300:
body {
body {
background: #FFFFFF;
background: #FFFFFF;
-
font-family: Signika;
+
font-family: Signika;
}
}
-
#parts_table
+
#tracking_nav
{
{
-
border: 1px solid #69d01d;
+
margin: 0px 0px 0px 900px;
-
border-collapse: collapse;
+
position: fixed;
-
width: 100%;
+
color:#bababa;
-
margin: auto;
+
border: 1px solid ##B22222;
 +
background:##B22222;
 +
font-size: 16pt;
 +
padding: 5px;
 +
line-height: 100%;
}
}
-
#parts_table td
+
#tracking_nav a { color:#ffffff; text-transform: lowercase;font-size: 16pt;}
-
{
+
#tracking_nav a:hover {background:#bababa;}
-
text-align: center;
+
 
-
margin: 5px;
+
 
-
border: 1px solid #69d01d;
+
#nav li {
 +
color: #ffffff;
 +
background-color:#696969;
 +
margin: 0 3px;
 +
float: left;
 +
position: relative;
 +
list-style: none;
 +
text-transform:none;
 +
font-size:12pt;
}
}
-
#parts_table th
+
/* main level link */
-
{
+
#nav a {
-
background-color: #bababa;
+
font-weight: bold;
-
border: 1px solid #69d01d;
+
color: #ffffff;
color: #ffffff;
 +
text-decoration: none;
 +
display: block;
 +
padding:  7px 13px;
 +
margin: 0;
}
}
-
.table_part
+
#nav a:hover {
-
{
+
background-color: #000000;
-
vertical-align: middle;
+
color: #ffffff;
 +
}
 +
 
 +
/* main level link hover */
 +
#nav .current a, #nav li:hover > a {
 +
color: #ffffff;
 +
background-color: #B22222;
 +
}
 +
 
 +
/* sub levels link hover */
 +
#nav ul li:hover a, #nav li:hover li a {
 +
border: solid;
 +
        border-color: #000000;
 +
        border-width: 1px;
 +
background-color: #B22222;
 +
color: #ffffff;
 +
}
 +
 
 +
#nav ul a:hover {
 +
background: #fff url(img/gradient.png) repeat-x 0 -100px !important;
 +
color: #B22222 !important;
 +
text-shadow: 0 1px 1px rgba(0,0,0, .1);
 +
}
 +
 
 +
/* dropdown */
 +
#nav li:hover > ul {
 +
display: block;
 +
background-color: #fff;
 +
}
 +
 
 +
/* level 2 list */
 +
#nav ul {
 +
display: none;
 +
margin: 0;
 +
padding: 0;
 +
width: 205px;
 +
position: absolute;
 +
top: 32px;
 +
left: 0;
 +
}
 +
 
 +
#nav ul li {
 +
float: none;
 +
margin: 0;
 +
padding: 0;
 +
}
 +
 
 +
#nav ul a {
 +
font-weight: normal;
 +
text-shadow: 0 1px 0 #fff;
 +
}
 +
 
 +
/* clearfix */
 +
#nav:after {
 +
content: ".";
 +
display: block;
 +
clear: both;
 +
visibility: hidden;
 +
line-height: 0;
 +
height: 0;
 +
}
 +
 
 +
#nav {
 +
display: inline-block;
 +
}
 +
 
 +
html[xmlns] #nav {
 +
display: block;
 +
}
 +
 +
* html #nav {
 +
height: 1%;
}
}
Line 380: Line 420:
     src: url(HP PSG.eot);
     src: url(HP PSG.eot);
}
}
 +
 +
#menuOverlay {
 +
  position:relative;
 +
  width:100%:
 +
  z-index: 999;
 +
}
 +
</style>
</style>
</head>
</head>
Line 390: Line 437:
</div>
</div>
-
<p  style="text-align:center;"><a href="https://2013.igem.org/Team:BostonU"><img src="https://static.igem.org/mediawiki/2013/2/2c/Marsh.png" width="800px" length="200px"></a></p>
+
<p  style="text-align:center;"><a href="https://2013.igem.org/Team:BostonU"><img src="https://static.igem.org/mediawiki/2013/8/8b/Marsh2.png" width="800px" length="200px"></a></p>
 +
<div id="menuOverlay">
<ul id="nav">  
<ul id="nav">  
<li><a href="#">Our Team</a>  
<li><a href="#">Our Team</a>  
Line 402: Line 450:
<li><a href="#">Project</a>  
<li><a href="#">Project</a>  
<ul>  
<ul>  
-
<li><a href="https://2013.igem.org/Team:BostonU/Project_Overview">Project Overview and Abstract</a></li>  
+
    <li><a href="https://2013.igem.org/Team:BostonU/Project_Overview">Project Overview and Abstract</a></li>  
-
             <li><a href="https://2013.igem.org/Team:BostonU/MoCloChara">Introduction to MoClo and Characterization</a></li>
+
             <li><a href="https://2013.igem.org/Team:BostonU/MoCloChara">MoClo DNA Assembly</a></li>
             <li><a href="https://2013.igem.org/Team:BostonU/QS">Quorum Sensing</a></li>
             <li><a href="https://2013.igem.org/Team:BostonU/QS">Quorum Sensing</a></li>
-
            <li><a href="https://2013.igem.org/Team:BostonU/HK">Histidine Kinase</a></li>
+
    <li><a href="https://2013.igem.org/Team:BostonU/DatasheetApp">Datasheet App</a></li>
-
<li><a href = "https://2013.igem.org/Team:BostonU/Clotho">Clotho</a></li>
+
    <li><a href="https://2013.igem.org/Team:BostonU/Clotho">Clotho</a></li>  
-
            <li><a href="https://2013.igem.org/Team:BostonU/DataSheet">Data Sheet App</a></li> 
+
    <li><a href="https://2013.igem.org/Team:BostonU/Results ">Results Summary</a></li>  
-
<li><a href="https://2013.igem.org/Team:BostonU/Methodology ">Methodology Overview</a></li>
+
-
<li><a href="https://2013.igem.org/Team:BostonU/Results ">Results Summary</a></li>  
+
</ul>  
</ul>  
</li>  
</li>  
Line 428: Line 474:
             <li><a href="https://2013.igem.org/Team:BostonU/NotebookML">Characterization Notebook</a></li>
             <li><a href="https://2013.igem.org/Team:BostonU/NotebookML">Characterization Notebook</a></li>
<li><a href="https://2013.igem.org/Team:BostonU/NotebookQS">Quorum Sensing Notebook</a></li>
<li><a href="https://2013.igem.org/Team:BostonU/NotebookQS">Quorum Sensing Notebook</a></li>
-
            <li><a href="https://2013.igem.org/Team:BostonU/NotebookHK">Histidine Kinase Notebook</a></li>
 
<li><a href="https://2013.igem.org/Team:BostonU/Software">Software Notebook</a></li>
<li><a href="https://2013.igem.org/Team:BostonU/Software">Software Notebook</a></li>
-
    <li><a href="https://2013.igem.org/Team:BostonU/PUP">Puppeteer Notebook</a></li>
 
             <li><a href="https://2013.igem.org/Team:BostonU/TroubleShooting">Troubleshooting</a></li>
             <li><a href="https://2013.igem.org/Team:BostonU/TroubleShooting">Troubleshooting</a></li>
</ul>
</ul>
Line 438: Line 482:
<ul>
<ul>
<li><a href="https://2013.igem.org/Team:BostonU/NEGEM">New England iGEM Regional Meeting</a></li>
<li><a href="https://2013.igem.org/Team:BostonU/NEGEM">New England iGEM Regional Meeting</a></li>
-
<li><a href="https://2013.igem.org/Team:BostonU/Human Practices">Human Practices</a></li>
+
<li><a href="https://2013.igem.org/Team:BostonU/Human Practices">Human Practices and Safety Forms</a></li>
-
<li><a href="https://2013.igem.org/Team:BostonU/Safety">Safety</a></li>
+
</ul>
</ul>
Line 450: Line 493:
         </ul>
         </ul>
</li>
</li>
-
 
+
</ul>
 +
</div>
 +
</body>
</html>
</html>

Latest revision as of 05:13, 17 May 2014