Difference between revisions of "Team:Baltimore Bio-Crew/Model"

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>
 
                  </ul>
 
              </nav>
 
            </div>
 
 
             <div class="page">
 
             <div class="page">
 
               <h2>MODEL</h2>
 
               <h2>MODEL</h2>

Revision as of 15:18, 29 September 2017


.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; }

BALTIMORE BIO-CREW

Bio-Engineering E.Coli To Degrade Plastic and Save The Baltimore Inner Harbor

Baltimore Bio-Crew

MODEL