|
|
| Line 1: |
Line 1: |
| | {{Baltimore_Bio-Crew}} | | {{Baltimore_Bio-Crew}} |
| | {{Team:Baltimore Bio-Crew/CSS}} | | {{Team:Baltimore Bio-Crew/CSS}} |
| | + | {{Team:Baltimore Bio-Crew/basicCSS}} |
| | + | {{Team:Baltimore Bio-Crew/nav}} |
| | + | {{Team:Baltimore Bio-Crew/templateReset}} |
| | | | |
| | <html> | | <html> |
| | <!-- This is the tab title styling--> | | <!-- This is the tab title styling--> |
| | <head> | | <head> |
| − | <style media="screen" type="text/css">
| |
| − |
| |
| − | /*
| |
| − | html5doctor.com Reset Stylesheet
| |
| − | v1.6.1
| |
| − | Last Updated: 2010-09-17
| |
| − | Author: Richard Clark - http://richclarkdesign.com
| |
| − | Twitter: @rich_clark
| |
| − | */
| |
| − |
| |
| − | html, body, div, span, object, iframe,
| |
| − | h1, h2, h3, h4, h5, h6, p, blockquote, pre,
| |
| − | abbr, address, cite, code,
| |
| − | del, dfn, em, img, ins, kbd, q, samp,
| |
| − | small, strong, sub, sup, var,
| |
| − | b, i,
| |
| − | dl, dt, dd, ol, ul, li,
| |
| − | fieldset, form, label, legend,
| |
| − | table, caption, tbody, tfoot, thead, tr, th, td,
| |
| − | article, aside, canvas, details, figcaption, figure,
| |
| − | footer, header, hgroup, menu, nav, section, summary,
| |
| − | time, mark, audio, video {
| |
| − | margin:0;
| |
| − | padding:0;
| |
| − | border:0;
| |
| − | outline:0;
| |
| − | font-size:100%;
| |
| − | vertical-align:baseline;
| |
| − | background:transparent;
| |
| − | }
| |
| − |
| |
| − | body {
| |
| − | line-height:1;
| |
| − | }
| |
| − |
| |
| − | article,aside,details,figcaption,figure,
| |
| − | footer,header,hgroup,menu,nav,section {
| |
| − | display:block;
| |
| − | }
| |
| − |
| |
| − | nav ul {
| |
| − | list-style:none;
| |
| − | }
| |
| − |
| |
| − | blockquote, q {
| |
| − | quotes:none;
| |
| − | }
| |
| − |
| |
| − | blockquote:before, blockquote:after,
| |
| − | q:before, q:after {
| |
| − | content:'';
| |
| − | content:none;
| |
| − | }
| |
| − |
| |
| − | a {
| |
| − | margin:0;
| |
| − | padding:0;
| |
| − | font-size:100%;
| |
| − | vertical-align:baseline;
| |
| − | background:transparent;
| |
| − | }
| |
| − |
| |
| − | /* change colours to suit your needs */
| |
| − | ins {
| |
| − | background-color:#ff9;
| |
| − | color:#000;
| |
| − | text-decoration:none;
| |
| − | }
| |
| − |
| |
| − | /* change colours to suit your needs */
| |
| − | mark {
| |
| − | background-color:#ff9;
| |
| − | color:#000;
| |
| − | font-style:italic;
| |
| − | font-weight:bold;
| |
| − | }
| |
| − |
| |
| − | del {
| |
| − | text-decoration: line-through;
| |
| − | }
| |
| − |
| |
| − | abbr[title], dfn[title] {
| |
| − | border-bottom:1px dotted;
| |
| − | cursor:help;
| |
| − | }
| |
| − |
| |
| − | table {
| |
| − | border-collapse:collapse;
| |
| − | border-spacing:0;
| |
| − | }
| |
| − |
| |
| − | /* change border colour to suit your needs */
| |
| − | hr {
| |
| − | display:block;
| |
| − | height:1px;
| |
| − | border:0;
| |
| − | border-top:1px solid #cccccc;
| |
| − | margin:1em 0;
| |
| − | padding:0;
| |
| − | }
| |
| − |
| |
| − | input, select {
| |
| − | vertical-align:middle;
| |
| − | }
| |
| − | --------------------------------------------------------------------------------
| |
| − | .html{
| |
| − | height: 100%;
| |
| − | }
| |
| − | .website{
| |
| − | width: 100%;
| |
| − | height:100%;
| |
| − | margin: 0 0 0 0;
| |
| − | }
| |
| − | .website h2{
| |
| − | font-size: 90px;
| |
| − | text-align: center;
| |
| − | color: black;
| |
| − | font-family: 'Saira', sans-serif;
| |
| − | padding-top: 40px;
| |
| − | }
| |
| − | .website h3{
| |
| − | font-size: 18px;
| |
| − | font-style: italic;
| |
| − | text-align: center;
| |
| − | padding-top: 20px;
| |
| − | padding-bottom: 30px;
| |
| − | font-family: 'Abel', san-serif;
| |
| − | font-style: italic;
| |
| − | color: black;
| |
| − | }
| |
| − | .page{
| |
| − | background-image: url("https://static.igem.org/mediawiki/2017/8/84/Pageback1.png");
| |
| − | background-size: cover;
| |
| − | height: 1050px;
| |
| − | }
| |
| − | .page h2{
| |
| − | padding: 75px 0 0 0;
| |
| − | font-size: 36px;
| |
| − | font-style: normal;
| |
| − | font-family: 'Saira', sans-serif;
| |
| − | text-align: center;
| |
| − | color: #6b9eff;
| |
| − | width: 100%;
| |
| − | }
| |
| − | .navbar{
| |
| − | height: 300px;
| |
| − | width: 100%;
| |
| − | }
| |
| − | .navbar nav{
| |
| − | height:40px;
| |
| − | display: block;
| |
| − | margin: 0 auto;
| |
| − | text-transform: uppercase;
| |
| − | background-color: #6b9eff;
| |
| − | }
| |
| − | .navbar nav a{
| |
| − | display: block;
| |
| − | text-decoration: none;
| |
| − | font-family: 'Share Tech Mono', monospace;
| |
| − | font-size: 20pt;
| |
| − | color: #000000;
| |
| − | font-style: bold;
| |
| − | }
| |
| − | .navbar nav a:hover{
| |
| − | color: #FF4212;
| |
| − | }
| |
| − | .navbar nav ul{
| |
| − | list-style: none;
| |
| − | }
| |
| − | .navbar nav ul li{
| |
| − | height: 300px;
| |
| − | line-height: 40px;
| |
| − | text-align: center;
| |
| − | float: left;
| |
| − | width: 200px;
| |
| − | }
| |
| − | .navbar nav ul li ul{
| |
| − | display: none;
| |
| − | line-height: 35px;
| |
| − | text-align: center;
| |
| − | width: 135px;
| |
| − | }
| |
| − | .navbar nav ul li:hover ul{
| |
| − | display: block;
| |
| − | }
| |
| − | .navbar nav ul li:hover{
| |
| − | display: block;
| |
| − | }
| |
| − | </style>
| |
| | <title>Baltimore Bio-Crew</title> | | <title>Baltimore Bio-Crew</title> |
| | <link rel="icon" type="image/png" sizes="16x16" href="http://icons.iconarchive.com/icons/glyphish/glyphish/32/91-beaker-2-icon.png"> | | <link rel="icon" type="image/png" sizes="16x16" href="http://icons.iconarchive.com/icons/glyphish/glyphish/32/91-beaker-2-icon.png"> |
| Line 202: |
Line 16: |
| | </head> | | </head> |
| | <body> | | <body> |
| − | <!-- This is the header-->
| |
| − | <div class="website">
| |
| − | <h2>BALTIMORE BIO-CREW</h2>
| |
| − | <h3>Bio-Engineering E.Coli To Degrade Plastic and Save The Baltimore Inner Harbor</h3>
| |
| − | <div class="navbar">
| |
| − | <nav>
| |
| − | <ul>
| |
| − | <li><a href="https://2017.igem.org/Team:Baltimore_Bio-Crew">HOME</a></li>
| |
| − | <li><a href="https://2017.igem.org/Team:Baltimore_Bio-Crew/Team">TEAM</a></li>
| |
| − | <li><a href="#">PROJECT</a>
| |
| − | <ul><a href="https://2017.igem.org/Team:Baltimore_Bio-Crew/Experiment">EXPERIMENT</a></ul>
| |
| − | <ul><a href="https://2017.igem.org/Team:Baltimore_Bio-Crew/Results">RESULTS</a></ul>
| |
| − | <ul><a href="https://2017.igem.org/Team:Baltimore_Bio-Crew/Safety">SAFETY<a/></ul>
| |
| − | <ul><a href="https://2017.igem.org/Team:Baltimore_Bio-Crew/Software">SOFTWARE</a></ul>
| |
| − | <ul><a href="https://2017.igem.org/Team:Baltimore_Bio-Crew/Hardware">HARDWARE</a></ul>
| |
| − | </li>
| |
| − | <li><a href="https://2017.igem.org/Team:Baltimore_Bio-Crew/Notebook">NOTEBOOK<a/></li>
| |
| − | <li><a href="#">PARTS</a>
| |
| − | <ul><a href="https://2017.igem.org/Team:Baltimore_Bio-Crew/Parts_Collection">COLLECTION</a></ul>
| |
| − | <ul><a href="https://2017.igem.org/Team:Baltimore_Bio-Crew/Basic_Part">BASIC PART</a></ul>
| |
| − | <ul><a href="https://2017.igem.org/Team:Baltimore_Bio-Crew/Composite_Part">COMPOSITE PART</a></ul>
| |
| − | <ul><a href="https://2017.igem.org/Team:Baltimore_Bio-Crew/Model">MODEL</a></ul>
| |
| − | <ul><a href="https://2017.igem.org/Team:Baltimore_Bio-Crew/Measurement">MEASUREMENT</a></ul>
| |
| − | </li>
| |
| − | <li><a href="#">ENGAGEMENT</a>
| |
| − | <ul><a href="https://2017.igem.org/Team:Baltimore_Bio-Crew/Engagement">PUBLIC ENGAGEMENT</a></ul>
| |
| − | <ul><a href="https://2017.igem.org/Team:Baltimore_Bio-Crew/Integrated-Practices">INTEGRATED HUMAN PRACTICES</a></ul>
| |
| − | </li>
| |
| − | <!--THIS IS THE INTERLAB LINK-->
| |
| − | <li><a href="https://2017.igem.org/Team:Baltimore_Bio-Crew/Interlab">INTERLAB</a></li>
| |
| − | <!--THIS IS THE END OF THE INTERLAB LINK-->
| |
| − |
| |
| − | </ul>
| |
| − | </nav>
| |
| − | </div>
| |
| | <div class="page"> | | <div class="page"> |
| | <h2>PUBLIC ENGAGEMENT</h2> | | <h2>PUBLIC ENGAGEMENT</h2> |
.html{
height: 100%;
}
h1{
font-size: 100px;
text-align: center;
color: black;
font-family: 'Saira', sans-serif;
padding-top: 40px;
text-shadow: 4px 4px #3bb1e2;
}
h3{
font-size: 25px;
font-style: italic;
text-align: center;
text-shadow: 2px 2px #33FF33;
padding-top: 20px;
padding-bottom: 30px;
font-family: 'Abel', san-serif;
font-style: italic;
color: black;
text-decoration: underline;
}
h4{
font-size: 18px;
font-style: italic;
text-align: center;
padding-top: 20px;
padding-bottom: 30px;
font-family: 'Abel', san-serif;
color: black;
}
h2{
padding: 75px 0 0 0;
font-size: 36px;
font-style: normal;
font-family: 'Saira', sans-serif;
text-align: center;
color: black;
}
