Difference between revisions of "Team:UMBC-Maryland/Safety"

(Prototype team page)
 
Line 1: Line 1:
−
{{UMBC-Maryland}}
+
{{Template_All_Teams}}
 +
[[File:Team_UMBC-Maryland_banner.jpg|600px]]
 +
<html>
 +
 
 +
<style type="text/css">
 +
 
 +
/* PAGE LAYOUT */
 +
 +
/* page background color*/
 +
body {
 +
background-color: #A7A9AB;
 +
}
 +
 
 +
 
 +
/* Creates a container that will wrap all of the content inside your wiki pages. */
 +
#mainContainer { 
 +
width: 980px;
 +
overflow: hidden;
 +
float:left;
 +
margin-left: 20px;
 +
background-color: #EEEDEA;
 +
border-bottom: 6px solid #EE3e53;
 +
}
 +
 
 +
/* Creates the container for the menu */
 +
#menuContainer  {
 +
float:right;
 +
width: 150px;
 +
background-color: #0e232f;
 +
height: 100%;
 +
border-top: 6px solid #EE3e53;
 +
font-family: "Arial", Helvetica, sans-serif;
 +
}
 +
 
 +
/* Creates the container for the content */
 +
#contentContainer {
 +
background-color: #EEEDEA;
 +
width: 810px;
 +
float: left;
 +
padding: 10px;
 +
border-top: 6px solid #EE3e53;
 +
}
 +
 
 +
 
 +
/*VISUAL STYLE (TABLES, FONTS, LINKS, IMAGES, UL) */
 +
 
 +
 
 +
/*Change the styling of text for everything inside main container*/
 +
#mainContainer p {
 +
font-family: "Arial", Helvetica, sans-serif;
 +
font-size: 12px;
 +
color: #0e232f;
 +
}
 +
 +
/*This changes the color and font family */
 +
#contentContainer h1, h2, h3, h4, h5, h6 {
 +
font-family: "Arial", Helvetica, sans-serif;
 +
color: #0e232f;
 +
border-bottom: none;
 +
font-weight: bold;
 +
text-transform: uppercase;
 +
}
 +
 
 +
/*Style of the links - links are different inside the menu */
 +
#contentContainer a {
 +
font-weight: bold;
 +
color: #ee3e53;
 +
}
 +
 
 +
  /* Styling links on hover- links are different inside the menu */
 +
#contentContainer a:hover{
 +
color: #f4b248;
 +
}
 +
 
 +
/*Change the styling of tables */
 +
        #contentContainer table {
 +
    border: 1px solid #0e232f;
 +
    border-collapse: collapse;
 +
    width: 90%
 +
    margin: auto;
 +
    margin-bottom: 15px;
 +
    margin-top: 15px;
 +
    margin-right: 10px;
 +
    margin-left: 10px;
 +
    }
 +
 
 +
/*Change the styling of table cells*/
 +
    #contentContainer  td {
 +
    padding: 10px;
 +
    border: 1px solid #0e232f;
 +
    border-collapse: collapse;
 +
    vertical-align: text-top;
 +
    background-color: #EEEDEA;
 +
    }
 +
 
 +
/*Change the styling of table headers */
 +
    #contentContainer th {
 +
    padding: 10px;
 +
    border: 1px solid #0e232f;
 +
    border-collapse: collapse;
 +
    vertical-align: text-top;
 +
    background-color: #e8d5b7;
 +
    }
 +
 
 +
 
 +
/*MENU STYLING */
 +
 
 +
/*Styling for the links in the menu */
 +
#menuContainer a {
 +
color: #EEEDEA;
 +
text-decoration:none;
 +
font-weight: bold;
 +
}
 +
 
 +
/* Sets the style for lists inside menuContainer  */
 +
#menuContainer ul {
 +
width:100%;
 +
list-style: none;
 +
margin: auto;
 +
padding-top: 10px;
 +
padding-bottom: 10px;
 +
 
 +
}
 +
 
 +
/*Styles the list items to become menu buttons */
 +
#menuContainer ul li {
 +
display: block;
 +
position: relative;
 +
padding: 10px;
 +
margin-bottom:5px;
 +
padding-left: -20px;
 +
}
 +
 
 +
#menuContainer ul li:hover {
 +
background: #F4B248;
 +
color: #0e232f;
 +
}
 +
 
 +
 
 +
/*HIde the submenus and removes the padding */
 +
#menuContainer li ul {
 +
display: none;
 +
padding-top:15px;
 +
margin-left: -9px;
 +
}
 +
 
 +
/*Shows the submenus once you hover*/
 +
#menuContainer li:hover ul {
 +
display: block;
 +
}
 +
 
 +
/*style the submenu buttons*/
 +
#menuContainer li ul li {
 +
background: #0E232F;
 +
width: 100%;
 +
}
 +
 
 +
#menuContainer li ul li:hover {
 +
background: #EE3E53;
 +
color: #fff;
 +
}
 +
 
 +
 
 +
 
 +
/*CLASSES */
 +
/*Clear class for all the pages, adds spacing too*/
 +
.clear{
 +
clear:both;
 +
height: 10px;
 +
}
 +
 
 +
/* highlight box for special messages */
 +
    .highlightBox {
 +
    width:500px;
 +
            margin:auto;
 +
            background-color: #E8D5B7;
 +
    margin-bottom: 15px;
 +
    margin-top: 15px;
 +
    padding: 15px;
 +
    padding-top: 5px;
 +
          }
 +
 
 +
</style>
 +
<!-- End of CSS -->
 +
 
 +
 
 +
<!-- Start of the template html elements. -->
 +
<div id ="mainContainer"><!--This div will close on the page.-->
 +
 
 +
<div id="bannerContainer">
 +
<br> <br>
 +
 +
</div>
 +
 
 +
<!-- Start of menu -->
 +
<div id="menuContainer">
 +
<!-- This list is your menu, every list item is a menu button and nested listed become submenu buttons -->
 +
<ul>
 +
<a href="https://2015.igem.org/Team:UMBC-Maryland"><li>HOME</li></a>
 +
 
 +
<a href="https://2015.igem.org/Team:UMBC-Maryland/Team"><li>TEAM</li></a>
 +
 
 +
 
 +
<a href="#"><li>PROJECT
 +
            <ul>
 +
<a href="https://2015.igem.org/Team:UMBC-Maryland/Description"><li>Description</li></a>
 +
<a href="https://2015.igem.org/Team:UMBC-Maryland/Experiments"><li>Experiments & Protocols</li></a> 
 +
<a href="https://2015.igem.org/Team:UMBC-Maryland/Results"><li>Results</li></a> 
 +
</ul>
 +
</li></a>
 +
 
 +
<a href="#"><li>PARTS
 +
            <ul>
 +
<a href="https://2015.igem.org/Team:UMBC-Maryland/Parts"><li>Team Parts</li></a>
 +
<a href="https://2015.igem.org/Team:UMBC-Maryland/Basic_Part"><li>Basic Parts</li></a> 
 +
<a href="https://2015.igem.org/Team:UMBC-Maryland/Composite_Part"><li>Composite Parts</li></a>
 +
<a href="https://2015.igem.org/Team:UMBC-Maryland/Part_Collection"><li>Part Collection</li></a> 
 +
</ul>
 +
</li></a>
 +
 
 +
<a href="https://2015.igem.org/Team:UMBC-Maryland/Notebook"><li>NOTEBOOK</li></a>
 +
     
 +
<a href="https://2015.igem.org/Team:UMBC-Maryland/Attributions"><li>ATTRIBUTIONS</li></a>
 +
 
 +
<a href="https://2015.igem.org/Team:UMBC-Maryland/Collaborations"><li>COLLABORATIONS</li></a>
 +
 
 +
<a href="https://2015.igem.org/Team:UMBC-Maryland/Practices"><li>HUMAN PRACTICES</li></a>
 +
 
 +
<a href="https://2015.igem.org/Team:UMBC-Maryland/Safety"><li>SAFETY</li></a>
 +
 
 +
<a href="https://2015.igem.org/Team:UMBC-Maryland/Modeling"><li>MODELING</li></a>
 +
 
 +
<a href="https://2015.igem.org/Team:UMBC-Maryland/Measurement"><li>MEASUREMENT</li></a>
 +
 
 +
<a href="https://2015.igem.org/Team:UMBC-Maryland/Software"><li>SOFTWARE</li></a>
 +
 
 +
<a href="https://2015.igem.org/Team:UMBC-Maryland/Entrepreneurship"><li>ENTREPRENEURSHIP</li></a>
 +
 
 +
</ul>
 +
</div>
 +
<!-- End of menu  -->
 +
 
 +
<!-- Start of content -->
 +
<div id="contentContainer"><!--This div will close on the page.-->
 +
</html>
 
<html>
 
<html>
 
<h2>Safety in iGEM</h2>
 
<h2>Safety in iGEM</h2>

Revision as of 04:23, 14 August 2015

Team UMBC-Maryland banner.jpg



Safety in iGEM

Please visit the main Safety page to find this year's safety requirements & deadlines, and to learn about safe & responsible research in iGEM.

On this page of your wiki, you should write about how you are addressing any safety issues in your project. The wiki is a place where you can go beyond the questions on the safety forms, and write about whatever safety topics are most interesting in your project. (You do not need to copy your safety forms onto this wiki page.)

Safe Project Design

Does your project include any safety features? Have you made certain decisions about the design to reduce risks? Write about them here! For example:

  • Choosing a non-pathogenic chassis
  • Choosing parts that will not harm humans / animals / plants
  • Substituting safer materials for dangerous materials in a proof-of-concept experiment
  • Including an "induced lethality" or "kill-switch" device

Safe Lab Work

What safety procedures do you use every day in the lab? Did you perform any unusual experiments, or face any unusual safety issues? Write about them here!

Safe Shipment

Did you face any safety problems in sending your DNA parts to the Registry? How did you solve those problems?