Template:Meetups:June Boston/Header
From 2014.igem.org
(Difference between revisions)
(Created page with "{{CSS/Main_NEGEM}}") |
|||
Line 1: | Line 1: | ||
- | {{ | + | <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