Template:BU2013
From 2013.igem.org
(Difference between revisions)
(105 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
<html> | <html> | ||
<style> | <style> | ||
- | |||
- | |||
- | |||
a{ | a{ | ||
Line 17: | Line 14: | ||
} | } | ||
- | td | + | td { |
- | { | + | font-family: Signika; |
- | + | font-size: 10pt; | |
- | + | vertical-align: top; | |
- | + | text-align: left; | |
- | + | padding-right: 10px; | |
- | + | ||
} | } | ||
- | tr | + | tr { |
- | { | + | vertical-align: top; |
- | + | ||
} | } | ||
- | + | H3 { | |
- | + | font-family: Signika; | |
- | + | text-transform: none; | |
- | + | text-decoration: none; | |
- | + | text-align: left; | |
+ | color: #696969; | ||
+ | font-size: 10pt; | ||
} | } | ||
- | |||
H4 { | 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 { | img.headshot { | ||
Line 51: | Line 78: | ||
vertical-align: text-top; | vertical-align: text-top; | ||
} | } | ||
- | |||
- | |||
body { | body { | ||
background: #FFFFFF; | background: #FFFFFF; | ||
font-family: Signika; | font-family: Signika; | ||
- | |||
} | } | ||
Line 74: | 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;} | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
#nav li { | #nav li { | ||
Line 125: | Line 120: | ||
} | } | ||
#nav a:hover { | #nav a:hover { | ||
- | background-color: # | + | background-color: #000000; |
color: #ffffff; | color: #ffffff; | ||
} | } | ||
Line 147: | Line 142: | ||
background: #fff url(img/gradient.png) repeat-x 0 -100px !important; | background: #fff url(img/gradient.png) repeat-x 0 -100px !important; | ||
color: #B22222 !important; | color: #B22222 !important; | ||
- | |||
text-shadow: 0 1px 1px rgba(0,0,0, .1); | text-shadow: 0 1px 1px rgba(0,0,0, .1); | ||
} | } | ||
- | |||
/* dropdown */ | /* dropdown */ | ||
Line 166: | Line 159: | ||
position: absolute; | position: absolute; | ||
top: 32px; | top: 32px; | ||
- | left: 0; | + | left: 0; |
- | + | ||
} | } | ||
+ | |||
#nav ul li { | #nav ul li { | ||
float: none; | float: none; | ||
margin: 0; | margin: 0; | ||
padding: 0; | padding: 0; | ||
- | |||
} | } | ||
Line 179: | Line 171: | ||
font-weight: normal; | font-weight: normal; | ||
text-shadow: 0 1px 0 #fff; | text-shadow: 0 1px 0 #fff; | ||
- | |||
} | } | ||
Line 191: | Line 182: | ||
height: 0; | height: 0; | ||
} | } | ||
+ | |||
#nav { | #nav { | ||
display: inline-block; | display: inline-block; | ||
- | } | + | } |
+ | |||
html[xmlns] #nav { | html[xmlns] #nav { | ||
display: block; | display: block; | ||
Line 201: | Line 194: | ||
height: 1%; | height: 1%; | ||
} | } | ||
- | |||
- | |||
- | |||
@font-face { | @font-face { | ||
Line 210: | Line 200: | ||
} | } | ||
- | + | #menuOverlay { | |
- | + | position:fixed; /*or absolute*/ | |
- | + | top:0; | |
- | + | left:0; | |
+ | width:100%: | ||
+ | height:30px; | ||
+ | z-index: 999; /* or greater value */ | ||
+ | } | ||
+ | </style> | ||
<head> | <head> | ||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> | <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> | ||
- | |||
<style type="text/css"> | <style type="text/css"> | ||
+ | |||
/*hide default igem banner and reformat style into blank slate*/ | /*hide default igem banner and reformat style into blank slate*/ | ||
#globalWrapper {width: 100%;} | #globalWrapper {width: 100%;} | ||
Line 247: | Line 242: | ||
.navbar li a:hover {background:#69d01d; color: #ffffff;} | .navbar li a:hover {background:#69d01d; color: #ffffff;} | ||
- | /*only use for current page content header | + | /*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 */ | /* MAIN STYLE DEFINITIONS */ | ||
a{ | a{ | ||
Line 340: | Line 285: | ||
} | } | ||
- | |||
H4 { | H4 { | ||
font-family: Signika; | font-family: Signika; | ||
Line 353: | Line 297: | ||
vertical-align: text-top; | vertical-align: text-top; | ||
} | } | ||
- | |||
- | |||
body { | body { | ||
background: #FFFFFF; | background: #FFFFFF; | ||
- | font-family: Signika; | + | font-family: Signika; |
- | + | ||
} | } | ||
Line 376: | Line 317: | ||
#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;} | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
Line 436: | Line 339: | ||
margin: 0; | margin: 0; | ||
} | } | ||
+ | |||
#nav a:hover { | #nav a:hover { | ||
- | background-color: # | + | background-color: #000000; |
color: #ffffff; | color: #ffffff; | ||
} | } | ||
Line 459: | Line 363: | ||
background: #fff url(img/gradient.png) repeat-x 0 -100px !important; | background: #fff url(img/gradient.png) repeat-x 0 -100px !important; | ||
color: #B22222 !important; | color: #B22222 !important; | ||
- | |||
text-shadow: 0 1px 1px rgba(0,0,0, .1); | text-shadow: 0 1px 1px rgba(0,0,0, .1); | ||
} | } | ||
- | |||
/* dropdown */ | /* dropdown */ | ||
Line 478: | Line 380: | ||
position: absolute; | position: absolute; | ||
top: 32px; | top: 32px; | ||
- | left: 0; | + | left: 0; |
- | + | ||
} | } | ||
+ | |||
#nav ul li { | #nav ul li { | ||
float: none; | float: none; | ||
margin: 0; | margin: 0; | ||
padding: 0; | padding: 0; | ||
- | |||
} | } | ||
Line 491: | Line 392: | ||
font-weight: normal; | font-weight: normal; | ||
text-shadow: 0 1px 0 #fff; | text-shadow: 0 1px 0 #fff; | ||
- | |||
} | } | ||
Line 503: | Line 403: | ||
height: 0; | height: 0; | ||
} | } | ||
+ | |||
#nav { | #nav { | ||
display: inline-block; | display: inline-block; | ||
} | } | ||
+ | |||
html[xmlns] #nav { | html[xmlns] #nav { | ||
display: block; | display: block; | ||
Line 513: | Line 415: | ||
height: 1%; | height: 1%; | ||
} | } | ||
- | |||
- | |||
- | |||
@font-face { | @font-face { | ||
Line 522: | Line 421: | ||
} | } | ||
+ | #menuOverlay { | ||
+ | position:relative; | ||
+ | width:100%: | ||
+ | z-index: 999; | ||
+ | } | ||
- | < | + | </style> |
+ | </head> | ||
- | |||
- | |||
<body class="basiclayout"> | <body class="basiclayout"> | ||
- | <div id="bu-wellesley_wiki_content"> | + | <div id="bu-wellesley_wiki_content"></div> |
<div id="igemlogo"> | <div id="igemlogo"> | ||
Line 534: | 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/ | + | <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 546: | 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/MoCloChara"> | + | <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/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> | </ul> | ||
</li> | </li> | ||
Line 572: | 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/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/TroubleShooting">Troubleshooting</a></li> | <li><a href="https://2013.igem.org/Team:BostonU/TroubleShooting">Troubleshooting</a></li> | ||
</ul> | </ul> | ||
Line 582: | 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 | + | <li><a href="https://2013.igem.org/Team:BostonU/Human Practices">Human Practices and Safety Forms</a></li> |
- | + | ||
</ul> | </ul> | ||
Line 594: | Line 493: | ||
</ul> | </ul> | ||
</li> | </li> | ||
- | + | </ul> | |
- | </ | + | </div> |
+ | </body> | ||
</html> | </html> |
Latest revision as of 05:13, 17 May 2014