Difference between revisions of "Team:Munich/Safety"

Revision as of 17:33, 31 October 2017


Safety
Since our project’s ultimate goal is to diagnose infectious diseases, we thoroughly addressed safety aspects of our work. Originally we had an intention to work with saliva samples, but since our lab has S1 biosafety level, we had to find another solution. So we decided to obtain RNA of non-pathogenic parts of B.subtilis, Norwalk virus and Hepatitis virus by method of in vitro transcription. Besides that we work with E.coli only. More details about regulations and law can be found in our Safety Form.

@@ Line 9: / Line 9: @@
 <link rel="stylesheet" type="text/css"
 href="https://2017.igem.org/Template:Munich/Header?action=raw&ctype=text/css" />
+<link rel="stylesheet" type="text/css"
+href="https://2017.igem.org/Template:Munich/Filter?action=raw&ctype=text/css" />
+<link rel="stylesheet" type="text/css"
+href="https://2017.igem.org/Template:Munich/Body?action=raw&ctype=text/css" />
 <head>
 <style>
-#HQ_page .meta p{
+#HQ_page h3{
   text-align: left;
-  font-size: 0.85em !important;
+  margin-bottom: 10px;
 }
+#HQ_page h3{
-.ui.card, .ui.cards>.card {
+  color: #51a7f9;
-  width: 280px;
 }
-.ui.cards{
+#HQ_page h3 *{
-  margin-bottom: 40px;
+  color: #51a7f9;
-}
-.mydescription{
-    height: 8em;
-  overflow: hidden;
-    cursor: pointer;
-    cursor: hand; /*IE callst it differently. */
-    position: relative;
 }
-.mydescription.myLong:hover{
-    animation: expandCardLong 0.5s;
-    animation-fill-mode: forwards;
-}
-.mydescription.myMedium:hover{
+#myContent *{
-   animation: expandCardMedium 0.5s;
+ color: #444444;
-   animation-fill-mode: forwards;
 }
-.mydescription.myShort:hover{
+#myContent tr p{
-  animation: expandCardShort 0.5s;
+ margin-bottom: 10px;
-  animation-fill-mode: forwards;
 }
-#HQ_page #myContent .mydescription:hover p {
-   background: initial;
-   -webkit-background-clip: initial;
-  -webkit-text-fill-color: initial;
-}
-.mydescription:hover .threeDots-container{
-    display: none;
-}
-@keyframes expandCardLong{
-    to{
-        height: 400px;
-    }
-}
-@keyframes expandCardMedium{
-   to{
-        height: 350px;
-   }
-}
-@keyframes expandCardShort{
-   to{
-        height: 250px;
-   }
-}
-.threeDots-container >img{
-  height: auto;
-  width: 50px;
-  position: relative;
-  left: -50%;
-  top: -80%;
-}
-.threeDots-container{
-  position: absolute;
-  left: 50%;
-  top: 80%;
-} /*The container is there to make sure the threeDots picture is centered and on to bottom of the container (mydescription). No idea how or why this works. */
-#HQ_page #myContent .mydescription >p{
-  background: -webkit-linear-gradient(rgb(0,0,0),rgb(230,230,230) 50%, rgb(255,255,255));
-  -webkit-background-clip: text;
-  -webkit-text-fill-color: transparent;
-  color: black;
-  height: 15em;
-  font-size: 1.1em;
-}
-.image > img{
-  height: 200px;
-}
-.cards{
-  align-items: flex-start;
-}
-.ui.card > .content > .header, .ui.cards > .card > .content > .header {
- color: #51a7f9;
-}
 </style>
 </head></html>
@@ Line 119: / Line 43: @@
 <table width=100% height=100% cellpadding=0 cellspacing=0 border=0>
 <!-- Content -->
-<tr><td width="100%" colspan=3>
+<tr><td width="100%" colspan=4>
 <table width=100% height=100% cellpadding=0 cellspacing=0 border=0>
 <tr>
 <td width="40%">
 </td>
-<td id="myContent" width="20%" valign=top align=left>
+<td id="myContent" width="20%" valign=top align=center>
 <br>
 <!-- Head End -->
 <!-- Content Begin -->
-Since our project’s ultimate goal is to diagnose infectious diseases, we thoroughly addressed safety aspects of our work. Originally we had an intention to work with saliva samples, but since our lab has S1 biosafety level, we had to find another solution. So we decided to obtain RNA of non-pathogenic parts of <i>B.subtilis</i>, <i>Norwalk virus</i> and Hepatitis virus by method of in vitro transcription. Besides that we work with <i>E.coli</i> only.
+<img id="TopPicture" width="960" src="https://static.igem.org/mediawiki/2017/6/65/T--Munich--Description_CascAIDLogo.svg">
-<br>
+<table width="960" border=0 cellspacing=0 cellpadding=10>
-<br>
+<tr>
-More details about regulations and law can be found in our <a href="https://2017.igem.org/Safety/Final_Safety_Form">Safety Form</a>.
+<td width=160></td>
+<td width=160></td>
+<td width=160></td>
+<td width=160></td>
+<td width=160></td>
+<td width=160></td>
+</tr>
+<tr><td colspan=6 align=left valign=center>
+<font size=7 color=#51a7f9><b style="color: #51a7f9">Safety</b></font>
+</td>
+</tr>
+<tr>
+	<td  colspan = 6 align="left">
+		<p class="introduction">
+Since our project’s ultimate goal is to diagnose infectious diseases, we thoroughly addressed safety aspects of our work. Originally we had an intention to work with saliva samples, but since our lab has S1 biosafety level, we had to find another solution. So we decided to obtain RNA of non-pathogenic parts of B.subtilis, Norwalk virus and Hepatitis virus by method of in vitro transcription. Besides that we work with E.coli only. </p>
+<p>More details about regulations and law can be found in our Safety Form.                </p>
+	</td>
+</tr>
+<tr><td class="no-padding" colspan=6 align=right valign=center height=10>
+<br><br><br><center><hr></center>
+</td></tr>
+</table>
 <!-- Content End -->
 </html>
 {{Munich/Footer}}