Template:Meetups:June Boston/Header

From 2014.igem.org

(Difference between revisions)
(Created page with "{{CSS/Main_NEGEM}}")
Line 1: Line 1:
-
{{CSS/Main_NEGEM}}
+
<html>
 +
<style>
 +
 
 +
a{
 +
color:#B22222;
 +
}
 +
 
 +
a:hover {
 +
color:#B22222;
 +
}
 +
 
 +
a:visited{
 +
color:#B22222;
 +
}
 +
 
 +
td {
 +
    font-family: Signika;
 +
    font-size: 10pt;
 +
    vertical-align: top;
 +
    text-align: center;
 +
    padding-right: 10px;
 +
}
 +
 
 +
tr {
 +
    vertical-align: top;
 +
}
 +
 
 +
H3 {
 +
      font-family: Signika;
 +
      text-transform: none;
 +
      text-decoration: none;
 +
      text-align: left;
 +
      color: #696969;
 +
      font-size: 10pt;
 +
    }
 +
 
 +
H4 {
 +
      font-family: Signika;
 +
      text-transform: uppercase;
 +
      text-decoration: none;
 +
      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 {
 +
width: 100px;
 +
height: auto;
 +
vertical-align: text-top;
 +
}
 +
 
 +
body {
 +
background: #000000;
 +
font-family: Signika;
 +
}
 +
 
 +
#tracking_nav
 +
{
 +
margin: 0px 0px 0px 900px;
 +
position: fixed;
 +
color:#bababa;
 +
border: 1px solid ##B22222;
 +
background:##B22222;
 +
font-size: 16pt;
 +
padding: 5px;
 +
line-height: 100%;
 +
}
 +
 
 +
#tracking_nav a { color:#5CA028; text-transform: lowercase;font-size: 16pt;}
 +
#tracking_nav a:hover {background:#bababa;}
 +
 
 +
#nav li {
 +
color: #5CA028;
 +
background-color:#696969;
 +
margin: 0px;
 +
float: left;
 +
position: relative;
 +
list-style: none;
 +
text-transform: none;
 +
font-size:12pt;
 +
}
 +
 
 +
/* main level link */
 +
#nav a {
 +
font-weight: bold;
 +
color: #ffffff;
 +
text-decoration: none;
 +
display: block;
 +
padding:  7px 13px;
 +
margin: 0;
 +
}
 +
#nav a:hover {
 +
background-color: #000000;
 +
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%;
 +
}
 +
 
 +
@font-face {
 +
    font-family: HP PSG;
 +
    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>
 +
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 +
<style type="text/css">
 +
 
 +
/*hide default igem banner and reformat style into blank slate*/
 +
#globalWrapper {width: 100%;}
 +
#top-section {width: 100%; height:30px; border:none;}
 +
#p-logo {display:none;}
 +
#search-controls {display:none;}
 +
#menubar a {color:#000000;}
 +
#menubar a:hover{text-decoration:none; color:#52749C;}
 +
.left-menu {background-color:#FFFFFF; margin:0px 0px 0px 0px; padding:0;}
 +
.left-menu ul {background-color:#FFFFFF; margin:0; padding:0;}
 +
.right-menu ul li a {background-color:#FFFFFF;}
 +
.printfooter {display:none;}
 +
#footer-box {border:none;}
 +
#catlinks {display:none;}
 +
.firstHeading {display:none;}
 +
#content {width: 100%; border:none;}
 +
#bodyContent {border:none;}
 +
 
 +
/*actual content styles*/
 +
body {width: 800px; margin:auto;}
 +
 
 +
#bu-wellesley_wiki_content {height:auto; line-height:100%;}
 +
/*#bu-wellesley_wiki_content a {color:#69d01d;}*/
 +
#bu-wellesley_wiki_content a:hover {text-decoration:none; color:#3d3f3c;}
 +
 
 +
.navbar li {color: #5CA028;}
 +
.navbar li a {color: #5CA028;}
 +
.navbar li a:hover {background:#69d01d; color: #5CA028;}
 +
 
 +
/*only use for current page content header*/
 +
 
 +
 
 +
</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=Averia+Serif+Libre:300,400,700' rel='stylesheet' type='text/css'>
 +
 
 +
<style type="text/css">
 +
/* MAIN STYLE DEFINITIONS */
 +
a{
 +
color:#B22222;
 +
}
 +
 
 +
a:hover {
 +
color:#B22222;
 +
}
 +
 
 +
a:visited{
 +
color:#B22222;
 +
}
 +
 
 +
td
 +
{
 +
font-family: Signika;
 +
font-size: 10pt;
 +
vertical-align: top;
 +
text-align: left;
 +
padding-right: 10px;
 +
}
 +
 
 +
tr
 +
{
 +
vertical-align: top;
 +
}
 +
 
 +
H1 {
 +
    font-family: Signika;
 +
    text-transform: none;
 +
    color: #B22222;
 +
    text-align: left;
 +
    }
 +
 
 +
H4 {
 +
    font-family: Signika;
 +
    text-transform: none;
 +
    color: #B22222;
 +
    text-align: left;
 +
    }
 +
 
 +
img.headshot {
 +
width: 100px;
 +
height: auto;
 +
vertical-align: text-top;
 +
}
 +
 
 +
body {
 +
background: #ffffff;
 +
font-family: Signika;
 +
}
 +
 
 +
#tracking_nav
 +
{
 +
margin: 0px 0px 0px 900px;
 +
position: fixed;
 +
color:#bababa;
 +
border: 1px solid ##B22222;
 +
background:##B22222;
 +
font-size: 16pt;
 +
padding: 5px;
 +
line-height: 100%;
 +
}
 +
 
 +
#tracking_nav a { color:#5CA028; text-transform: lowercase;font-size: 16pt;}
 +
#tracking_nav a:hover {background:#bababa;}
 +
 
 +
#globalwrapper {
 +
    width:975px;
 +
    padding:20px 0px;
 +
    margin: 0 auto;
 +
    /*background-color:#ffffff;*/
 +
    height:100%;
 +
}
 +
#nav li {
 +
color: #000000;
 +
background-color:#5CA028;
 +
margin: 0 3px;
 +
float: left;
 +
position: relative;
 +
list-style: none;
 +
text-transform:none;
 +
font-size:12pt;
 +
}
 +
 
 +
/* main level link */
 +
#nav a {
 +
font-weight: bold;
 +
color: #ffffff;
 +
text-decoration: none;
 +
display: block;
 +
padding:  7px 13px;
 +
margin: 0;
 +
}
 +
 
 +
#nav a:hover {
 +
background-color: #000000;
 +
color: #5CA028;
 +
}
 +
 
 +
/* main level link hover */
 +
#nav .current a, #nav li:hover > a {
 +
color: #ffffff;
 +
background-color: #0096fd;
 +
}
 +
 
 +
/* sub levels link hover */
 +
#nav ul li:hover a, #nav li:hover li a {
 +
border: solid;
 +
        border-color: #000000;
 +
        border-width: 1px;
 +
background-color: #0096fd;
 +
color: #ffffff;
 +
}
 +
 
 +
#nav ul a:hover {
 +
background: #fff url(img/gradient.png) repeat-x 0 -100px !important;
 +
color: #5CA028 !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%;
 +
}
 +
 
 +
@font-face {
 +
    font-family: HP PSG;
 +
    src: url(HP PSG.eot);
 +
}
 +
 
 +
#menuOverlay {
 +
  position:relative;
 +
  width:100%:
 +
  z-index: 999;
 +
}
 +
 
 +
</style>
 +
</head>
 +
 
 +
<body class="basiclayout">
 +
<div id="bu-wellesley_wiki_content"></div>
 +
 
 +
<div id="igemlogo">
 +
<a href="https://2014.igem.org"><img src="https://static.igem.org/mediawiki/2012/1/13/Igemwhite_back.png" alt="iGEM 2012 main page" style="position: absolute; top: 10px; left: 10px;"width="90"></a>
 +
</div>
 +
 
 +
<p  style="text-align:center;"><a href="https://2014.igem.org/Team:BostonU"><img src="https://static.igem.org/mediawiki/2014/1/16/NEGEM_header.png" style="position: center;" width="800px"></a></p>
 +
 
 +
<div id="menuOverlay">
 +
<ul id="nav">
 +
<li><a href="#">Our Team</a>
 +
<ul>
 +
<li><a href="https://2013.igem.org/Team:BostonU/Team">Team</a></li>
 +
<li><a href="https://2013.igem.org/Team:BostonU/Social">Summer Fun</a></li>
 +
</ul>
 +
</li>
 +
 +
<li><a href="#">Project</a>
 +
<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/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/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/Results ">Results Summary</a></li>
 +
</ul>
 +
</li>
 +
 +
<li><a href="#">Achievements</a>
 +
<ul>
 +
<li><a href="https://2013.igem.org/Team:BostonU/Data">Data Collected</a></li>
 +
<li><a href="https://2013.igem.org/Team:BostonU/Parts">Parts Submitted</a></li>
 +
<li><a href="https://2013.igem.org/Team:BostonU/MoClo">MoClo Kit</a></li>
 +
<li><a href="https://2013.igem.org/Team:BostonU/Gold">Medal Fulfillment</a></li>
 +
 
 +
</ul>
 +
</li>
 +
 
 +
<li><a href="#">Notebook</a>
 +
<ul>
 +
<li><a href="https://2013.igem.org/Team:BostonU/Protocols">Protocols</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/Software">Software Notebook</a></li>
 +
            <li><a href="https://2013.igem.org/Team:BostonU/TroubleShooting">Troubleshooting</a></li>
 +
</ul>
 +
</li>
 +
 +
<li><a href="#">Considerations</a>
 +
<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/Human Practices">Human Practices and Safety Forms</a></li>
 +
 
 +
</ul>
 +
 
 +
 
 +
</ul>
 +
</div>
 +
</body>
 +
</html>

Revision as of 04:26, 17 May 2014