Difference between revisions of "Team:iTesla-SoundBio"

Line 1: Line 1:
−
<html lang="en">
+
<html>
−
<head>
+
<style>  
−
<title>iTesla-Soundbio</title>
+
/*STYLE FOR ALL PAGES*/
−
<meta charset="utf-8">
+
/* Style the top navigation bar */
−
<meta name="viewport" content="width=device-width, initial-scale=1">
+
.topnav {
−
<style>
+
    overflow: hidden;
−
* {
+
    background-color: #333;
−
     box-sizing: border-box;
+
    font-family: Bahnschrift;
 +
    font-size: 14px;
 +
    width: 100vw;
 +
    margin-top: 20px;
 +
}
 +
 
 +
/* Style the topnav links */
 +
.topnav a {
 +
    float: right;
 +
    display: block;
 +
    color: #f2f2f2;
 +
    text-align: center;
 +
    padding: 14px 16px;
 +
    text-decoration: none;
 +
/*for transitions when hovering*/
 +
  -o-transition:color .2s ease-out, background 1s ease-in;
 +
  -ms-transition:color .2s ease-out, background 1s ease-in;
 +
  -moz-transition:color .2s ease-out, background 1s ease-in;
 +
  -webkit-transition:color .2s ease-out, background 1s ease-in
 +
}
 +
.topnav a img {
 +
    height: 10%;
 +
    width: 10%;
 +
}
 +
.topnav a.logo {
 +
    float: left;
 +
}
 +
 
 +
/* Change color on hover */
 +
.topnav a:hover {
 +
     background-color: #ddd;
 +
    color: black;
 +
}
 +
HTML {
 +
    width: 100vw;
 +
    height: 100vh;
 +
    background-size:cover;
 +
    background-repeat:no-repeat;
 +
 
 +
    background-color: black; #blue
 +
   
 
}
 
}
 
body {
 
body {
−
     font-family: Arial, Helvetica, sans-serif;
+
     width: 100vw;
−
     height: 100h;
+
     height: 100vh;
−
    width: 100w;
+
 
     background-size:cover;
 
     background-size:cover;
 
     background-repeat:no-repeat;
 
     background-repeat:no-repeat;
−
/*background-image:url("https://static.igem.org/mediawiki/2018/6/60/T--iTesla-Soundbio--main_page.png")*/
+
    /*background-image:url("https://raddinteractive.com/wp-content/uploads/Chalkboard-background-e1463542024446.jpg");
 +
    */
 +
    background-color: #4286f4; /*blue*/
 +
   
 
}
 
}
 +
#root {
 +
    top: 8px;
 +
position: absolute;
 +
font-size: 16px;
 +
width: 100vw;
 +
height: 100vh;
 +
margin-left: -35px;
 +
margin-top: -30px;
 +
background-color: WhiteSmoke;
 +
}
 +
#wrapper
 +
{
 +
height: 90%;
 +
width: 90%;
 +
background-color: white;
 +
/*border-style: solid;
 +
border-width: 1px;
 +
border-color: black;
 +
border-radius: 10px;*/
 +
margin: auto;
 +
display: table;
 +
}
 +
</style>
  
 +
 +
<style>
 +
/*PAGE SPECIFIC CSS*/
 
/* Style the header */
 
/* Style the header */
 
.header {
 
.header {
Line 69: Line 137:
 
     font-size:18px
 
     font-size:18px
 
}
 
}
−
 
−
/* Style the top navigation bar */
 
−
.topnav {
 
−
    overflow: hidden;
 
−
    background-color: #333;
 
−
    width: 100vw;
 
−
    top:5
 
−
  /*position: fixed;
 
−
  top: 25;
 
−
  width: 100%;*/
 
−
}
 
−
 
−
/* Style the topnav links */
 
−
.topnav a {
 
−
    float: left;
 
−
    display: block;
 
−
    color: #f2f2f2;
 
−
    text-align: center;
 
−
    padding: 14px 16px;
 
−
    text-decoration: none;
 
−
}
 
−
 
−
/* Change color on hover */
 
−
.topnav a:hover {
 
−
    background-color: #ddd;
 
−
    color: black;
 
−
}
 
−
 
−
/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
 
−
@media (max-width: 600px) {
 
−
    .column {
 
−
        width: 100%;
 
−
    }
 
−
}
 
−
#root {
 
−
    top: 8px;
 
−
position: absolute;
 
−
font-size: 16px;
 
−
width: 100vw;
 
−
height: 100vh;
 
−
margin-left: -35px;
 
−
margin-top: -30px;
 
−
background-color: WhiteSmoke;
 
−
}
 
−
#wrapper
 
−
{
 
−
height: 90%;
 
−
width: 90%;
 
−
background-color: white;
 
−
/*border-style: solid;
 
−
border-width: 1px;
 
−
border-color: black;
 
−
border-radius: 10px;*/
 
−
margin: auto;
 
−
display: table;
 
−
}
 
−
 
 
</style>
 
</style>
−
</head>
 
 
<body>
 
<body>
 
<div id="root">
 
<div id="root">
 
<div class="topnav">
 
<div class="topnav">
 +
  <a class="logo" href="#"><img src="https://static.igem.org/mediawiki/2018/8/87/T--iTesla-SoundBio--teamlogo.png"></a>
 +
 +
  <a href="https://2018.igem.org/Team:iTesla-SoundBio/Project/Safety">Safety</a>
 +
  <a href="https://2018.igem.org/Team:iTesla-SoundBio/Project/Parts">Parts</a>
 +
  <a href="https://2018.igem.org/Team:iTesla-SoundBio/Project/results">Results</a>
 +
  <a href="https://2018.igem.org/Team:iTesla-SoundBio/Project/Interlab">InterLab</a>
 +
  <a href="https://2018.igem.org/Team:iTesla-SoundBio/Experiment">Experiment</a>
 +
  <a href="https://2018.igem.org/Team:iTesla-SoundBio/design">Design</a>
 +
  <a href="https://2018.igem.org/Team:iTesla-SoundBio/description">Description</a>
 
   <a href="https://2018.igem.org/Team:iTesla-SoundBio/team">Team</a>
 
   <a href="https://2018.igem.org/Team:iTesla-SoundBio/team">Team</a>
−
   <a href="https://2018.igem.org/Team:iTesla-SoundBio/description">Description</a>
+
   <a href="https://2018.igem.org/Team:iTesla-SoundBio">Home</a>
−
  <a href="https://2018.igem.org/Team:iTesla-SoundBio/design">Design</a>
+
−
  <a href="https://2018.igem.org/Team:iTesla-SoundBio/Experiment">Experiment</a>
+
−
  <a href="https://2018.igem.org/Team:iTesla-SoundBio/Project/Interlab">InterLab</a>
+
−
  <a href="https://2018.igem.org/Team:iTesla-SoundBio/Project/results">Results</a>
+
−
  <a href="https://2018.igem.org/Team:iTesla-SoundBio/Project/Parts">Parts</a>
+
−
  <a href="https://2018.igem.org/Team:iTesla-SoundBio/Project/Safety">Safety</a>
+
−
  <a href="https://2018.igem.org/Team:iTesla-SoundBio/OldMainPage.html">Old Main Page</a>
+
 
</div>
 
</div>
−
 
 
<div id="wrapper">
 
<div id="wrapper">
  
Line 178: Line 189:
 
   <p>Our sponsors + a bunch of logos</p>
 
   <p>Our sponsors + a bunch of logos</p>
 
</div>
 
</div>
 +
 
</div>
 
</div>
 
</div>
 
</div>
−
 
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 21:05, 2 August 2018

Safety Parts Results InterLab Experiment Design Description Team Home

Our Mission

DO YOU KNOW? Every year, hundreds of thousands of horseshoe crabs are caught each year and drained of up to to 30% of their blood. Why? To collect LAL, a chemical that is crucial in the detection of endotoxins in everything from drugs to medical equipment
labnotebook
LabNotebook
WE TAKE BLOOD FROM HORSESHOE CRABS
Project Description
our lab pictures
Human Practices

Our sponsors + a bunch of logos