Difference between revisions of "Team:Bulgaria/safety.html"

Line 8: Line 8:
 
<style>
 
<style>
  
−
#top_menu_under {
 
−
  display: none;
 
−
  position: relative;
 
−
  width: 100%;
 
−
  height: 0;
 
−
}
 
−
#top_menu_14 {
 
−
  position: fixed;
 
−
  width: 100%;
 
−
  top: 0px;
 
−
  left: 0px;
 
−
  height: 16px;
 
−
  background-color: #383838;
 
−
  border-bottom: 2px solid black;
 
−
  z-index: 50;
 
−
}
 
−
#top_title {
 
−
  display: none;
 
−
}
 
−
#sideMenu {
 
−
  display: none;
 
−
  width: 170px;
 
−
  position: absolute;
 
−
  top: 20px;
 
−
  left: 1020px;
 
−
  z-index: 10;
 
−
  padding-top: 0px;
 
−
  padding-bottom: 15px;
 
−
  padding-left: 15px;
 
−
  padding-right: 15px;
 
−
  background-color: white;
 
−
  text-align: left;
 
−
}
 
−
#bodyContent a[href ^="https://"],
 
−
.link-https {
 
−
  background: none;
 
−
  padding: 0
 
−
}
 
−
#bodyContent a[href ^="mailto:"], .link-mailto {
 
−
  padding:0;
 
−
}
 
−
.pop_why_cover {
 
−
  display: none;
 
−
  z-index: 50;
 
−
  margin-top: -65px;
 
−
  margin-left: -40px;
 
−
  width: 980px;
 
−
  height: 2100px;
 
−
  float: left;
 
−
  position: absolute;
 
−
  opacity: 0.5;
 
−
  background-color: #b2b2b2;
 
−
}
 
−
.pop_why_box {
 
−
  display: none;
 
−
  left: 250px;
 
−
  top: 0px;
 
−
  background-color: white;
 
−
  padding: 15px;
 
−
  width: 500px;
 
−
  position: absolute;
 
−
  border: 3px solid #4e606e;
 
−
  border-radius: 3px;
 
−
  z-index: 50;
 
−
}
 
  
−
/************************************************************************
 
−
Page Backbone
 
−
************************************************************************/
 
−
* {
 
−
  -webkit-box-sizing: border-box;
 
−
          box-sizing: border-box;
 
−
  margin: 0;
 
−
  padding: 0;
 
−
}
 
−
html {
 
−
  font-size:16px;
 
−
}
 
−
body {
 
−
  width: 100%;
 
−
  margin: 48px 0 0 0;
 
−
  padding: 0;
 
−
  color: black;
 
−
  background-color: white;
 
−
  font: inherit;
 
−
  font-size:16px;
 
−
  word-wrap: break-word;
 
−
}
 
−
 
−
@media (min-width: 1024px) {
 
−
  body {
 
−
    margin: 16px 0 0 0;
 
−
  }
 
−
}
 
−
 
−
 
−
#globalWrapper {
 
−
  width: 100%;
 
−
  padding: 0;
 
−
  background-color: #149375;
 
−
  position: relative;
 
−
  font-size: 16px;
 
−
}
 
−
#content {
 
−
  width: 100%;
 
−
  min-height: 80vh;
 
−
  margin: 0;
 
−
  padding: 0;
 
−
  border: none;
 
−
  color: inherit;
 
−
  background-color: #ffffff;
 
−
  position: relative;
 
−
}
 
−
#HQ_page {
 
−
  width: 100%;
 
−
  margin: 0;
 
−
  padding: 0;
 
−
  background: none;
 
−
}
 
  
 
html *{
 
html *{
−
cursor:url("https://static.igem.org/mediawiki/2018/4/48/T--Bulgaria--idea.png"),auto;
+
cursor:url("https://static.igem.org/mediawiki/2018/4/48/T--Bulgaria--idea.png"),auto!important;
 
}
 
}
  
 
h1{
 
h1{
−
font-size: 40px;
+
font-size: 40px!important;
−
font-family: 'Alegreya Sans SC', sans-serif;
+
font-family: 'Alegreya Sans SC', sans-serif!important;
  
 
}
 
}
  
 
#bottomLayer{
 
#bottomLayer{
−
position: fixed;
+
position: fixed!important;
−
top:15px;
+
top:15px!important;
−
left:0px;
+
left:0px!important;
−
height: 110%;
+
height: 110%!important;
−
width: 100%;
+
width: 100%!important;
 
 
−
#background-image: url("bg.jpg");
+
#background-image: url("bg.jpg")!important;
−
background-color: #0A1215;
+
background-color: #0A1215!important;
 
}
 
}
  
Line 152: Line 34:
  
 
.custompage{
 
.custompage{
−
height:20px;
+
height:20px!important;
−
width:40px;
+
width:40px!important;
 
border: 1px solid green
 
border: 1px solid green
−
background-color:Red;
+
background-color:Red!important;
 
}
 
}
  
 
.navigation {
 
.navigation {
−
   position:fixed;
+
   position:fixed!important;
−
   top:15px;
+
   top:15px!important;
−
   width: 100%;
+
   width: 100%!important;
−
   left:0px;
+
   left:0px!important;
−
   overflow: hidden;
+
   overflow: hidden!important;
−
   background-color: #62071B;
+
   background-color: #62071B!important;
 
}
 
}
  
 
.navigation a {
 
.navigation a {
−
   font-family: 'Raleway', sans-serif;
+
   font-family: 'Raleway', sans-serif!important;
−
   float: left;
+
   float: left!important;
−
   display: block;
+
   display: block!important;
−
   color: White;
+
   color: White!important;
−
   text-align: center;
+
   text-align: center!important;
−
   padding: 14px 16px;
+
   padding: 14px 16px!important;
−
   text-decoration: none;
+
   text-decoration: none!important;
−
   font-size: 17px;
+
   font-size: 17px!important;
 
}
 
}
  
 
.navigation a:hover {
 
.navigation a:hover {
−
   background-color: #380615;
+
   background-color: #380615!important;
−
   color: White;
+
   color: White!important;
 
}
 
}
  
 
#specialMenu {
 
#specialMenu {
−
   background-color: #D5898A;
+
   background-color: #D5898A!important;
−
   color: white;
+
   color: white!important;
 
}
 
}
  
 
#activeMenu{
 
#activeMenu{
−
   background-color: #9F182F;
+
   background-color: #9F182F!important;
−
   color: white;
+
   color: white!important;
 
}
 
}
  
 
.navigation .icon {
 
.navigation .icon {
−
   display: none;
+
   display: none!important;
 
}
 
}
  
 
@media screen and (max-width: 1000px) {
 
@media screen and (max-width: 1000px) {
−
   .navigation a:not(:first-child) {display: none;}
+
   .navigation a:not(:first-child) {display: none!important;}
 
   .navigation a.icon {
 
   .navigation a.icon {
−
     float: right;
+
     float: right!important;
−
     display: block;
+
     display: block!important;
 
   }
 
   }
 
}
 
}
  
 
@media screen and (max-width: 1000px) {
 
@media screen and (max-width: 1000px) {
−
   .navigation.responsive {  position:fixed;
+
   .navigation.responsive {  position:fixed!important;
−
   top:15px;
+
   top:15px!important;
−
   width: 100%;
+
   width: 100%!important;
−
   left:0px;}
+
   left:0px!important;}
 
   .navigation.responsive .icon {
 
   .navigation.responsive .icon {
−
     position: absolute;
+
     position: absolute!important;
−
     right: 0;
+
     right: 0!important;
−
     top: 0;
+
     top: 0!important;
 
   }
 
   }
 
   .navigation.responsive a {
 
   .navigation.responsive a {
−
     float: none;
+
     float: none!important;
−
     display: block;
+
     display: block!important;
−
     text-align: left;
+
     text-align: left!important;
 
   }
 
   }
 
}
 
}
  
 
.backgroundPicture{
 
.backgroundPicture{
−
position: fixed;
+
position: fixed!important;
−
top: 15;
+
top: 15!important;
−
left: 0;
+
left: 0!important;
−
width: 100%;
+
width: 100%!important;
−
height: 100%;
+
height: 100%!important;
−
opacity: 0.5;
+
opacity: 0.5!important;
−
background-image: url("safety.jpg");
+
background-image: url("safety.jpg")!important;
−
background-color: #0A1215;
+
background-color: #0A1215!important;
−
background-position: center;
+
background-position: center!important;
−
background-repeat: no-repeat;
+
background-repeat: no-repeat!important;
−
background-size: cover;
+
background-size: cover!important;
 
}
 
}
  
 
.contentHolder{
 
.contentHolder{
−
-webkit-touch-callout: none;
+
-webkit-touch-callout: none!important;
−
     -webkit-user-select: none;
+
     -webkit-user-select: none!important;
−
     -khtml-user-select: none;  
+
     -khtml-user-select: none!important;  
−
     -moz-user-select: none;  
+
     -moz-user-select: none!important;  
−
     -ms-user-select: none;  
+
     -ms-user-select: none!important;  
−
     user-select: none;  
+
     user-select: none!important;  
−
opacity: 0.8;
+
opacity: 0.8!important;
−
position: relative;
+
position: relative!important;
−
top:80vh;
+
top:80vh!important;
−
margin-left: auto;
+
margin-left: auto!important;
−
margin-right: auto;
+
margin-right: auto!important;
−
width: 850px;
+
width: 850px!important;
−
padding-bottom: 70px;
+
padding-bottom: 70px!important;
−
padding-top: 20px;
+
padding-top: 20px!important;
−
background-color: b5b7b8;
+
background-color: b5b7b8!important;
−
height: auto;
+
height: auto!important;
−
text-align: center;
+
text-align: center!important;
 
}
 
}
  
 
.contentHolder:hover{
 
.contentHolder:hover{
−
background-color: C5C7C8;
+
background-color: C5C7C8!important;
 
 
 
}
 
}
  
 
#topTitle{
 
#topTitle{
−
border-radius: 50px 50px 0px 0px;
+
border-radius: 50px 50px 0px 0px!important;
−
opacity: 1;
+
opacity: 1!important;
−
text-align: center;
+
text-align: center!important;
−
font-family: 'Heebo', sans-serif;
+
font-family: 'Heebo', sans-serif!important;
−
font-size: 60px;  
+
font-size: 60px!important;  
−
height: 30px;
+
height: 30px!important;
 
}
 
}
 
#topTitle:hover{
 
#topTitle:hover{
−
background-color: B5B7B8;
+
background-color: B5B7B8!important;
 
}
 
}
  
Line 276: Line 158:
 
 
 
p{
 
p{
−
margin-left: 64px;
+
margin-left: 64px!important;
−
margin-right: 64px;
+
margin-right: 64px!important;
−
font-family: 'Montserrat', sans-serif;
+
font-family: 'Montserrat', sans-serif!important;
−
font-size: 20px;
+
font-size: 20px!important;
 
}
 
}
  
 
strong{
 
strong{
−
font-family: 'Heebo', sans-serif;
+
font-family: 'Heebo', sans-serif!important;
 
}
 
}
  
 
.dropbtn {
 
.dropbtn {
−
     background-color: #4CAF50;
+
     background-color: #4CAF50!important;
−
     color: white;
+
     color: white!important;
−
     padding: 16px;
+
     padding: 16px!important;
−
     font-size: 16px;
+
     font-size: 16px!important;
−
     border: none;
+
     border: none!important;
−
     cursor: pointer;
+
     cursor: pointer!important;
−
width: 20vw;
+
width: 20vw!important;
 
}
 
}
  
Line 299: Line 181:
  
 
.quickfind-content {
 
.quickfind-content {
−
font-family: 'Heebo', sans-serif;
+
font-family: 'Heebo', sans-serif!important;
−
     display: none;
+
     display: none!important;
−
     position: absolute;
+
     position: absolute!important;
−
     background-color: #f9f9f9;
+
     background-color: #f9f9f9!important;
−
     width: 20vw;
+
     width: 20vw!important;
−
     box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
+
     box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2)!important;
−
     z-index: 1;
+
     z-index: 1!important;
 
 
 
}
 
}
  
 
.quickfind-content a {
 
.quickfind-content a {
−
     color: black;
+
     color: black!important;
−
     padding: 12px 16px;
+
     padding: 12px 16px!important;
−
     text-decoration: none;
+
     text-decoration: none!important;
−
     display: block;
+
     display: block!important;
−
text-align: center;
+
text-align: center!important;
−
border-style: solid none none none;
+
border-style: solid none none none!important;
 
}
 
}
  
Line 321: Line 203:
  
 
.quickfind:hover .quickfind-content {
 
.quickfind:hover .quickfind-content {
−
     display: block;
+
     display: block!important;
 
}
 
}
  
 
.quickfind:hover .dropbtn {
 
.quickfind:hover .dropbtn {
−
     background-color: #3e8e41;
+
     background-color: #3e8e41!important;
 
}
 
}
 
.quickfind {
 
.quickfind {
−
     position: absolute;
+
     position: absolute!important;
−
width: 20vw;
+
width: 20vw!important;
−
left: 40vw;
+
left: 40vw!important;
−
top: 15vh;
+
top: 15vh!important;
 
}
 
}
  
Line 337: Line 219:
  
 
p{
 
p{
−
margin-left: 32px;
+
margin-left: 32px!important;
−
margin-right: 32px;
+
margin-right: 32px!important;
 
}
 
}
  
 
.contentHolder:hover{
 
.contentHolder:hover{
−
background-color: B5B7B8;
+
background-color: B5B7B8!important;
 
 
 
}
 
}
 
.contentHolder{
 
.contentHolder{
−
height: auto;
+
height: auto!important;
−
width: auto;
+
width: auto!important;
 
}
 
}
  
  
 
#topTitle{
 
#topTitle{
−
border-radius: 50px 50px 0px 0px;
+
border-radius: 50px 50px 0px 0px!important;
−
opacity: 1;
+
opacity: 1!important;
−
text-align: center;
+
text-align: center!important;
−
font-family: 'Heebo', sans-serif;
+
font-family: 'Heebo', sans-serif!important;
−
font-size: 42px;  
+
font-size: 42px!important;  
−
height: 0vw;
+
height: 0vw!important;
 
}
 
}
 
#topTitle:hover{
 
#topTitle:hover{
−
background-color: B5B7B8;
+
background-color: B5B7B8!important;
 
}
 
}
 
 
 
.dropbtn {
 
.dropbtn {
−
     background-color: #4CAF50;
+
     background-color: #4CAF50!important;
−
     color: white;
+
     color: white!important;
−
     padding: 16px;
+
     padding: 16px!important;
−
     font-size: 16px;
+
     font-size: 16px!important;
−
     border: none;
+
     border: none!important;
−
     cursor: pointer;
+
     cursor: pointer!important;
−
width: 40vw;
+
width: 40vw!important;
 
}
 
}
  
Line 376: Line 258:
  
 
.quickfind-content {
 
.quickfind-content {
−
     display: none;
+
     display: none!important;
−
     position: absolute;
+
     position: absolute!important;
−
     background-color: #f9f9f9;
+
     background-color: #f9f9f9!important;
−
     width: 40vw;
+
     width: 40vw!important;
−
     box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
+
     box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2)!important;
−
     z-index: 1;
+
     z-index: 1!important;
 
}
 
}
  
 
.quickfind-content a {
 
.quickfind-content a {
−
     color: black;
+
     color: black!important;
−
     padding: 12px 16px;
+
     padding: 12px 16px!important;
−
     text-decoration: none;
+
     text-decoration: none!important;
−
     display: block;
+
     display: block!important;
−
text-align: center;
+
text-align: center!important;
 
}
 
}
  
 
.quickfind-content a:hover {
 
.quickfind-content a:hover {
−
background-color: #f1f1f1;
+
background-color: #f1f1f1!important;
 
 
 
}
 
}
  
 
.quickfind:hover .quickfind-content {
 
.quickfind:hover .quickfind-content {
−
     display: block;
+
     display: block!important;
 
}
 
}
  
 
.quickfind:hover .dropbtn {
 
.quickfind:hover .dropbtn {
−
     background-color: #3e8e41;
+
     background-color: #3e8e41!important;
 
}
 
}
 
.quickfind {
 
.quickfind {
−
     position: absolute;
+
     position: absolute!important;
−
width: 40vw;
+
width: 40vw!important;
−
left: 30vw;
+
left: 30vw!important;
−
top: 80px;
+
top: 80px!important;
 
}
 
}
 
}
 
}
Line 417: Line 299:
 
.icon-scroll,
 
.icon-scroll,
 
.icon-scroll:before {
 
.icon-scroll:before {
−
   position: absolute;
+
   position: absolute!important;
−
   left: 50%;
+
   left: 50%!important;
 
}
 
}
 
.icon-scroll {
 
.icon-scroll {
−
   width: 40px;
+
   width: 40px!important;
−
   height: 70px;
+
   height: 70px!important;
−
   margin-left: -20px;
+
   margin-left: -20px!important;
−
   top: 70vh;
+
   top: 70vh!important;
−
   margin-top: -35px;
+
   margin-top: -35px!important;
−
   box-shadow: inset 0 0 0 1px #fff;
+
   box-shadow: inset 0 0 0 1px #fff!important;
−
   border-radius: 25px;
+
   border-radius: 25px!important;
 
}
 
}
 
.icon-scroll:before {
 
.icon-scroll:before {
−
   content: '';
+
   content: ''!important;
−
   width: 8px;
+
   width: 8px!important;
−
   height: 8px;
+
   height: 8px!important;
−
   background: #fff;
+
   background: #fff!important;
−
   margin-left: -4px;
+
   margin-left: -4px!important;
−
   top: 8px;
+
   top: 8px!important;
−
   border-radius: 4px;
+
   border-radius: 4px!important;
−
   -webkit-animation-duration: 1.5s;
+
   -webkit-animation-duration: 1.5s!important;
−
           animation-duration: 1.5s;
+
           animation-duration: 1.5s!important;
−
   -webkit-animation-iteration-count: infinite;
+
   -webkit-animation-iteration-count: infinite!important;
−
           animation-iteration-count: infinite;
+
           animation-iteration-count: infinite!important;
−
   -webkit-animation-name: scroll;
+
   -webkit-animation-name: scroll!important;
−
           animation-name: scroll;
+
           animation-name: scroll!important;
 
}
 
}
 
@-webkit-keyframes scroll {
 
@-webkit-keyframes scroll {
 
   0% {
 
   0% {
−
     opacity: 1;
+
     opacity: 1!important;
 
   }
 
   }
 
   100% {
 
   100% {
−
     opacity: 0;
+
     opacity: 0!important;
−
     -webkit-transform: translateY(46px);
+
     -webkit-transform: translateY(46px)!important;
−
             transform: translateY(46px);
+
             transform: translateY(46px)!important;
 
   }
 
   }
 
}
 
}
 
@keyframes scroll {
 
@keyframes scroll {
 
   0% {
 
   0% {
−
     opacity: 1;
+
     opacity: 1!important;
 
   }
 
   }
 
   100% {
 
   100% {
−
     opacity: 0;
+
     opacity: 0!important;
−
     -webkit-transform: translateY(46px);
+
     -webkit-transform: translateY(46px)!important;
−
             transform: translateY(46px);
+
             transform: translateY(46px)!important;
 
   }
 
   }
 
}
 
}
Line 470: Line 352:
 
   $("a").on('click', function(event) {
 
   $("a").on('click', function(event) {
 
     if (this.hash !== "") {
 
     if (this.hash !== "") {
−
       event.preventDefault();
+
       event.preventDefault()!important;
−
       var hash = this.hash;
+
       var hash = this.hash!important;
 
       $('html, body').animate({
 
       $('html, body').animate({
 
         scrollTop: $(hash).offset().top-80
 
         scrollTop: $(hash).offset().top-80
 
       }, 800, function(){
 
       }, 800, function(){
−
         window.location.hash = hash;
+
         window.location.hash = hash!important;
−
       });
+
       })!important;
 
     }  
 
     }  
−
   });
+
   })!important;
−
});
+
})!important;
 
</script>
 
</script>
 
<script>
 
<script>
 
function burgermenu() {
 
function burgermenu() {
−
     var x = document.getElementById("nav");
+
     var x = document.getElementById("nav")!important;
 
     if (x.className === "navigation") {
 
     if (x.className === "navigation") {
−
         x.className += " responsive";
+
         x.className += " responsive"!important;
 
     } else {
 
     } else {
−
         x.className = "navigation";
+
         x.className = "navigation"!important;
 
     }
 
     }
 
}
 
}
Line 542: Line 424:
 
<h1>USED ORGANISM STRAINS</h1>
 
<h1>USED ORGANISM STRAINS</h1>
 
<p>
 
<p>
−
   # <i>Escherichia coli</i> - DH5&#945; strain
+
   # <i>Escherichia coli</i> - DH5&#945!important; strain
 
   <br>
 
   <br>
 
   # <i>Escherichia coli</i> - TOP10 strain
 
   # <i>Escherichia coli</i> - TOP10 strain
Line 588: Line 470:
 
<strong>Lab coats </strong><br>
 
<strong>Lab coats </strong><br>
 
<strong>Safety glasses in special areas of the lab</strong><br>
 
<strong>Safety glasses in special areas of the lab</strong><br>
−
<a style="font-size: 15px;">(should be used in other areas if necessary)</a>
+
<a style="font-size: 15px!important;">(should be used in other areas if necessary)</a>
 
</p>
 
</p>
 
</div>
 
</div>
Line 598: Line 480:
 
<p>
 
<p>
 
<strong>Do not work alone!</strong><br>
 
<strong>Do not work alone!</strong><br>
−
<a style="font-size: 15px;">There should be at least one person in the lab with you.</a><br>
+
<a style="font-size: 15px!important;">There should be at least one person in the lab with you.</a><br>
 
<br><strong>Do not pipette with your mouth!</strong><br>
 
<br><strong>Do not pipette with your mouth!</strong><br>
 
<br><strong>Disinfect hands after contamination with GMOs!</strong><br>
 
<br><strong>Disinfect hands after contamination with GMOs!</strong><br>
Line 621: Line 503:
 
   <a href="safety.html" id="activeMenu">SAFETY</a>
 
   <a href="safety.html" id="activeMenu">SAFETY</a>
 
   <a href="jForm.html" id="specialMenu">JUDGING FORM</a>
 
   <a href="jForm.html" id="specialMenu">JUDGING FORM</a>
−
   <a href="javascript:void(0);" class="icon" onclick="burgermenu()">
+
   <a href="javascript:void(0)!important;" class="icon" onclick="burgermenu()">
 
MENU
 
MENU
 
   </a>
 
   </a>

Revision as of 21:07, 16 October 2018

PROJECT USE IS IT SAFE USED ORGANISM STRAINS POTENTIAL RISKS WASTE TREATMENT EMERGENCY REACTIONS PROTECTIVE EQUIPMENT OTHER RULES

WHO WILL USE OUR PRODUCT

Our target audience consists of scientists and clinicians interested in the detection of the Delta F508 mutation , responsible for approximately 70% of the Cystic Fibrosis cases in Bulgaria and Europe as a whole. Our system is pla nned to be used only in a controlled environment.

IS IT SAFE?

Not only is it safer than any other technology that does the same thing, but it is also drastically cheaper and vastly beneficial due to its simplicity - it does not require DNA sequencing for the detection step.

USED ORGANISM STRAINS

# Escherichia coli - DH5&#945!important; strain
# Escherichia coli - TOP10 strain

POTENTIAL RISKS

Our project poses the typical risks of working with a level 1 GMO.

WASTE TREATMENT

All biological materials and equipment used for handling were collected separately and autoclaved.

EMERGENCY REACTIONS

If lab coats or clothes start burning:
emergency showers
If acids or other harmful liquids get in the eyes:
eye showers
If injuries occur:
treat them with first aid-kits, report the injury, go to the hospital if necessary
If solutions with GMO are running down the bench:
swap and disinfect the place with NaClO (bleach)

PROTECTIVE EQUIPMENT

Eye protection
Lab coats
Safety glasses in special areas of the lab
(should be used in other areas if necessary)

OTHER RULES

Do not work alone!
There should be at least one person in the lab with you.

Do not pipette with your mouth!

Disinfect hands after contamination with GMOs!

Disinfect hands and wash them after working in the lab!

Do not eat, swallow, wash and snore with any chemicals!

Do not bring food, drinks, pets and snacks in the lab!

Be sure that you have informed the instructor of the next step of the experiment plan and gotten the permission of him!

Record the general nature of the work clearly in your lab journal!