Team:Tec-Monterrey/safetypage

From 2011.igem.org

(Difference between revisions)
Line 5: Line 5:
<!--
<!--
#top-section {
#top-section {
-
   background-color: #ffffff;
+
    
   height: 100px;
   height: 100px;
   border: none;
   border: none;
-
 
   height:20px
   height:20px
}
}
Line 15: Line 14:
   position: absolute;
   position: absolute;
   display: none;
   display: none;
-
   background-color:#000000;
+
    
 +
}
 +
#footer-box {
 +
display:none;
 +
}
 +
 
 +
 
 +
#catlinks {
 +
    display:none;
}
}
#search-controls {
#search-controls {
   display: none;
   display: none;
-
}
 
-
  #menubar.left-menu {
 
-
  position: absolute;
 
-
  top:0px;
 
-
  left:0px;
 
-
 
 
}
}
-
#menubar.right-menu {
+
#menubar { background: none repeat transparent; }
-
  background-color: #FFFFFF;
+
 
-
  position: absolute;
+
 
-
  top:0px;
+
#menubar ul li a { color: white; }
-
  right:0px;
+
-
}
 
.right-menu li a {
.right-menu li a {
-
    background-color: #FFFFFF;
+
color: black;
-
    color: #002BB8;
+
background: none repeat transparent;
-
    padding: 0 10px 0 0;
+
-
    text-decoration:none
+
-
}
+
-
.right-menu:hover a {
+
-
    color: #002BB8;
+
-
}
+
-
.right-menu li a:hover {
+
-
    color: #AAAAFF;
+
-
    text-decoration:none
+
}
}
-
.left-menu:hover{
 
-
background-color: #FFFFFF;
 
 +
#content {
 +
    background: none repeat scroll 0 0 transparent;
 +
    border-left: 0 solid;
 +
    border-right: 0 solid;
 +
    width: 100%;
}
}
-
.left-menu li a {
 
-
    background-color: #FFFFFF;
 
-
    color: #002BB8;
 
-
    padding: 0 10px 0 0;
 
-
    text-decoration:none
 
-
}
 
-
 
-
.left-menu:hover a {
 
-
    color: #002BB8;
 
-
}
 
-
.left-menu li a:hover {
 
-
    color: #AAAAFF;
 
-
}
 
-
 
#headover ul{
#headover ul{
Line 78: Line 57:
   .firstHeading {
   .firstHeading {
     display: none;}
     display: none;}
 +
body {
body {
Line 86: Line 66:
margin-left: 10%;
margin-left: 10%;
margin-right: 10%;
margin-right: 10%;
-
color: #013469;
+
color: #FFFFF;
}
}
Line 103: Line 83:
}
}
-
 
+
ul.nav li {
 +
border-bottom: 0px solid #04191d;
 +
 +
}
a:link {
a:link {
Line 121: Line 104:
max-width: 1260px;
max-width: 1260px;
min-width: 780px;
min-width: 780px;
-
background: #FFF;
 
-
 
overflow: hidden;  
overflow: hidden;  
-
        color:#013469;
+
  color:#FFF;
}
}
Line 131: Line 112:
float: left;
float: left;
width: 20%;
width: 20%;
-
background: #FFF;
 
padding-bottom: 10px;
padding-bottom: 10px;
 +
background-color:#04191d;
}
}
.content {
.content {
-
padding: 5px 0;
+
padding: none;
width: 80%;
width: 80%;
float: left;
float: left;
-
background: #FFF;
+
}
}
Line 151: Line 132:
ul.nav {
ul.nav {
list-style: none;  
list-style: none;  
-
border-top: 0px solid #FFF;  
+
border-top:none;  
margin-bottom: 15px;
margin-bottom: 15px;
}
}
-
ul.nav li {
+
 
-
border-bottom: 1px solid #FFF;
+
-
+
-
}
+
ul.nav a, ul.nav a:visited {  
ul.nav a, ul.nav a:visited {  
Line 163: Line 141:
display: block;  
display: block;  
text-decoration: none;
text-decoration: none;
-
background: #FFF;
+
color:#FFF;
-
color:#013469;
+
}
}
Line 200: Line 177:
border-left-width: 3px;
border-left-width: 3px;
padding-bottom: 5px;
padding-bottom: 5px;
-
         color: #013469;
+
         color: #FFF;
}
}
 +
 +
/* panel heading */
/* panel heading */
.panel h2, .panelcollapsed h2  
.panel h2, .panelcollapsed h2  
{
{
-
         color: #013469;
+
         color: #FFF;
font-weight: normal;
font-weight: normal;
margin: 0px;
margin: 0px;
Line 212: Line 191:
-moz-border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-webkit-border-radius: 3px;
 +
border-bottom: 0px solid #04191d;
}
}
Line 228: Line 208:
background-position: 280px;
background-position: 280px;
}
}
 +
 +
 +
 +
 +
/* panel content - do not set borders or paddings */
/* panel content - do not set borders or paddings */
Line 234: Line 219:
overflow: hidden;
overflow: hidden;
font-size: 14px;
font-size: 14px;
 +
margin:0px;
 +
padding: 0px;
}
}
/* collapsed panel content */
/* collapsed panel content */
.panelcollapsed .panelcontent { display: none; }
.panelcollapsed .panelcontent { display: none; }
 +
 +
 +
 +
 +
 +
 +
 +
/* panel heading */
 +
.panel h3, .panelcollapsed h3
 +
{
 +
color: #e5e5e5;
 +
font-weight: normal;
 +
margin:5px 200px;
 +
padding: 5px;
 +
-moz-border-radius: 3px;
 +
-webkit-border-radius: 3px;
 +
}
 +
 +
 +
/* panel heading on rollover */
 +
.panel h3:hover, .panelcollapsed h3:hover {
 +
background-color: #f6d41b;
 +
color: #000;
 +
 +
}
 +
 +
/* heading of a collapsed panel */
 +
.panelcollapsed h3
 +
{
 +
background-image: url(arrow-dn.gif);
 +
background-repeat: no-repeat;
 +
background-position: 280px;
 +
}
 +
 +
.gallery {
 +
margin-right: 100px;
 +
margin-left: 100px;
 +
overflow: visible;
 +
}
 +
.thumbs {
 +
height: 112px;
 +
width: 550px;
 +
display: table;
 +
text-align: center;
 +
background-attachment: scroll;
 +
background-color: #000;
 +
background-repeat: no-repeat;
 +
list-style-type: none;
 +
overflow: auto;
 +
}
-->
-->
Line 250: Line 287:
<!--
<!--
-
function changeImg(n) {
+
 
-
+
 
-
//url goes here
+
-
var imgname = new Array();
+
-
imgname[0] = "https://static.igem.org/mediawiki/2011/d/d0/Imagen1.png";
+
-
imgname[1] = "https://static.igem.org/mediawiki/2011/a/ad/Imagen2.png";
+
-
imgname[2] = "https://static.igem.org/mediawiki/2011/a/ac/Imagen3.png";
+
-
imgname[3] = "https://static.igem.org/mediawiki/2011/c/c5/Imagen4.png";
+
-
imgname[4] = "https://static.igem.org/mediawiki/2011/9/9e/Imagen5.png";
+
-
+
-
var name = imgname[n];
+
-
document.getElementById('imagered').src=name;
+
-
}
+
// -----------------------------------------------------------------------------------------------
// -----------------------------------------------------------------------------------------------
Line 269: Line 295:
var PANEL_COLLAPSED_CLASS = "panelcollapsed";
var PANEL_COLLAPSED_CLASS = "panelcollapsed";
var PANEL_HEADING_TAG    = "h2";
var PANEL_HEADING_TAG    = "h2";
 +
var PANEL_HEADING_TAG2    = "h3";
var PANEL_CONTENT_CLASS  = "panelcontent";
var PANEL_CONTENT_CLASS  = "panelcontent";
var PANEL_COOKIE_NAME    = "panels";
var PANEL_COOKIE_NAME    = "panels";
Line 279: Line 306:
// get all headings
// get all headings
-
var headingTags = document.getElementsByTagName(PANEL_HEADING_TAG);
+
var ht2 = document.getElementsByTagName(PANEL_HEADING_TAG);
 +
var ht3 = document.getElementsByTagName(PANEL_HEADING_TAG2);
 +
 +
var c1 = 0;
 +
var c2 = 0;
 +
var full = ht2.length + ht3.length;
 +
var headingTags = new Array(full);
 +
 +
for (var j = 0; j < full; j++)
 +
{
 +
if (c1 < ht2.length) {
 +
headingTags[j] = ht2[c1];
 +
c1++;
 +
}
 +
if (c1 >= ht2.length) {
 +
headingTags[j] = ht3[c2];
 +
c2++;
 +
}
 +
}
// go through all tags
// go through all tags
Line 353: Line 398:
}
}
-
/**
+
 
-
* Change the height of the target
+
-
* @param panelContent reference to the panel content to change height
+
-
* @param iteration current iteration; animation will be stopped when iteration reaches PANEL_ANIMATION_STEPS
+
-
* @param stepHeight height increment to be added/substracted in one step
+
-
* @param direction 1 for expanding, -1 for collapsing
+
-
*/
+
function animateStep(panelContent, iteration, stepHeight, direction)
function animateStep(panelContent, iteration, stepHeight, direction)
{
{
Line 465: Line 504:
</script>
</script>
-
</head><body>
+
</head>
-
 
+
<body>
<div class="container">
<div class="container">
   
   
<div class="topbar">  
<div class="topbar">  
-
     <div style="background-color:#FFF;">
+
     <div style="background: url(https://static.igem.org/mediawiki/2011/6/60/Topbar_imagebackground.png);
-
 
+
    background-repeat:no-repeat;
-
<!--this will hold the search bar languages and logos -->
+
    background-position:top;">
-
     <p> <img src="https://static.igem.org/mediawiki/igem.org/2/20/Logotec.png" alt="ITESM" name="teclogo" width="146" height="52" id="teclogo">  
+
   
-
    <a href="https://2011.igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/igem.org/7/73/Logoigemsmall.png" alt="iGEM" name="logoigem" width="70" height="61" id="logoigem"></a> </p>
+
     <p><img name="" src="https://static.igem.org/mediawiki/2011/7/78/Imagtransp.png" width="110" height="32" alt=""><img src="https://static.igem.org/mediawiki/2011/2/20/Logotec.png" alt="ITESM" name="teclogo" width="146" height="52" id="teclogo">  
-
</div>  
+
      <a href="https://2011.igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2011/7/73/Logoigemsmall.png" alt="iGEM" name="logoigem" width="70" height="61" id="logoigem"></a>
 +
    <p>&nbsp;</p>
 +
    <p>&nbsp;</p>
 +
  </div>  
    
    
   <div class="sidebar1">
   <div class="sidebar1">
Line 487: Line 529:
             <p><a href="https://2011.igem.org/Team:Tec-Monterrey">home</a></p>
             <p><a href="https://2011.igem.org/Team:Tec-Monterrey">home</a></p>
    <p><a href="https://2011.igem.org/Team:Tec-Monterrey/projectdescription">abstract</a></p>
    <p><a href="https://2011.igem.org/Team:Tec-Monterrey/projectdescription">abstract</a></p>
-
             <p><a href="https://2011.igem.org/Team:Tec-Monterrey">videos</a></p>
+
             <p><a href="https://2011.igem.org/Team:Tec-Monterrey/video">videos</a></p>
-
             <p><a href="https://2011.igem.org/Team:Tec-Monterrey">step by step</a></p>
+
             <p><a href="https://2011.igem.org/Team:Tec-Monterrey/stepbystep">step by step</a></p>
            
            
          
          
Line 499: Line 541:
   <h2>PROJECT</h2>
   <h2>PROJECT</h2>
     <div class="panelcontent" style="">
     <div class="panelcontent" style="">
-
<p><a href="https://2011.igem.org/Team:Tec-Monterrey/projectdescription">description</a></p>
+
   
-
             <p><a href="https://2011.igem.org/Team:Tec-Monterrey">parts</a></p>
+
 
-
             <p><a href="https://2011.igem.org/Team:Tec-Monterrey">modeling</a></p>
+
             <p><a href="https://2011.igem.org/Team:Tec-Monterrey/projectparts">parts</a></p>
 +
             <p><a href="https://2011.igem.org/Team:Tec-Monterrey/projectmodeling">modeling</a></p>
             <p><a href="https://2011.igem.org/Team:Tec-Monterrey/safetypage">safety</a></p>
             <p><a href="https://2011.igem.org/Team:Tec-Monterrey/safetypage">safety</a></p>
-
             <p><a href="https://2011.igem.org/Team:Tec-Monterrey">notebook</a></p>
+
             <p><a href="https://2011.igem.org/Team:Tec-Monterrey/projectnotebook">notebook</a></p>
-
             <p><a href="https://2011.igem.org/Team:Tec-Monterrey">results</a></p>
+
             <p><a href="https://2011.igem.org/Team:Tec-Monterrey/projectresults">results</a></p>
-
            <p><a href="https://2011.igem.org/Team:Tec-Monterrey">achievements</a></p>
+
          </div>
-
    </div>
+
</div>
</div>
       </li>
       </li>
Line 515: Line 557:
   <h2>TEAM</h2>
   <h2>TEAM</h2>
     <div class="panelcontent">
     <div class="panelcontent">
-
<p><a href="https://2011.igem.org/Team:Tec-Monterrey">members</a></p>
+
 
-
             <p><a href="https://2011.igem.org/Team:Tec-Monterrey">gallery</a></p>
+
    <p><a href="https://2011.igem.org/Team:Tec-Monterrey/teammembers">members</a></p>
-
            <p><a href="https://2011.igem.org/Team:Tec-Monterrey">profile</a></p>
+
             <p><a href="https://2011.igem.org/Team:Tec-Monterrey/teaminstallations">installations</a></p>
-
             <p><a href="https://2011.igem.org/Team:Tec-Monterrey">installations</a></p>
+
             <p><a href="https://2011.igem.org/Team:Tec-Monterrey/teamha">human approach</a></p>
-
            <p><a href="https://2011.igem.org/Team:Tec-Monterrey">human approach</a></p>
+
             <p><a href="https://2011.igem.org/Team:Tec-Monterrey/microcongreso">micro congress</a></p>
             <p><a href="https://2011.igem.org/Team:Tec-Monterrey/microcongreso">micro congress</a></p>
-
             <p><a href="https://2011.igem.org/Team:Tec-Monterrey">friends</a></p>
+
             <p><a href="https://2011.igem.org/Team:Tec-Monterrey/teamfriends">friends</a></p>
-
    </div>
+
 
 +
</div>
</div>
</div>
       </li><li>
       </li><li>
       <div class="panelcollapsed">
       <div class="panelcollapsed">
-
   <h2>EXTRAS</h2>
+
  
 +
 
 +
                  <h2>EXTRAS</h2>
     <div class="panelcontent">
     <div class="panelcontent">
-
<p><a href="https://2011.igem.org/Team:Tec-Monterrey">site map</a></p>
+
-
             <p><a href="https://2011.igem.org/Team:Tec-Monterrey">sponsors</a></p>
+
 
-
             <p><a href="https://2011.igem.org/Team:Tec-Monterrey">follow us!</a></p>
+
            <p><a href="https://2011.igem.org/Team:Tec-Monterrey/sitemap">site map</a></p>
-
    </div>
+
             <p><a href="https://2011.igem.org/Team:Tec-Monterrey/sponsorsplatinum">sponsors platinum</a></p>
 +
             <p><a href="https://2011.igem.org/Team:Tec-Monterrey/sponsorsgold">sponsors gold</a></p>
 +
            <p><a href="https://2011.igem.org/Team:Tec-Monterrey/sponsorssilver">sponsors silver</a></p>
 +
            <p><a href="https://2011.igem.org/Team:Tec-Monterrey/specialthanks">special thanks</a></p>
 +
            <p><a href="https://2011.igem.org/Team:Tec-Monterrey/followus">follow us!</a></p>
 +
 
 +
                </div>
</div>
</div>
       </li>
       </li>
     </ul>
     </ul>
-
     <p>&nbsp;</p>
+
      
-
    <p>&nbsp;</p>
+
-
    <p>&nbsp;</p>
+
-
<p>&nbsp;</p>
+
-
    <p>&nbsp;</p>
+
-
    <p>&nbsp;</p>
+
-
<p>&nbsp;</p>
+
-
<p>&nbsp;</p>
+
</div>
</div>
    
    
<div class="content">
<div class="content">
   <!--in sub pages, this divisions should be comments! :D-->
   <!--in sub pages, this divisions should be comments! :D-->
 +
       
 +
  <div class="quicklinks">
    
    
-
<div class="banner">
+
   <div style="  
-
       
+
   text-align: center;
-
    <div style="text-align: right;background-color:#FFF;">
+
      background:url(https://static.igem.org/mediawiki/2011/3/3e/Fondogalleria.png);
-
    <p><a href="https://2011.igem.org/Team:Tec-Monterrey"><img src="https://static.igem.org/mediawiki/2011/e/eb/Logotecmty.png" name="banner" width="300" height="150" id="banner"></a></p>
+
-
   
+
-
    </div>
+
-
   
+
-
  </div> 
+
-
 
+
-
   <div class="contenido">
+
-
       
+
-
    <div style="  
+
-
   text-align: justify;
+
-
  background:url(https://static.igem.org/mediawiki/igem.org/e/ec/Topquicklink.png);
+
   background-repeat:no-repeat;
   background-repeat:no-repeat;
-
                background-position:top;
+
        background-position:top;
-
  background-color:#FFF;">
+
        color:#FFF;
-
   
+
  ">
-
   
+
     <p>&nbsp;</p>
-
     <p>Biosafety in the project and regulations in Mexico</p>
+
    <div class="panelcollapsed">
-
<p>&nbsp;</p>
+
      <h3>Biosafety in the project and regulations in Mexico</h3>
 +
  <div class="panelcontent" style="text-aling: justify; margin:5px 40px 5px 100px; padding 5px; background-color:#e5e5e5; color:#333; ">
 +
        <p>&nbsp;</p>
 +
          <p>&nbsp;</p>
     <p class="textojustif">Unlike other countries, for example U.S.A., in Mexico the terms &quot;biosafety&quot; and &quot;biosecurity&quot; are not used; instead, the term &quot;biosafety&quot; comprises both of them, with the definition of &quot;biosafety&quot; as &quot;the actions and measures of evaluation, monitoring, control and prevention that must be assumed when carrying out activities with genetically engineered organisms, with the intention to prevent, avoid or reduce any possible risk that those activities could cause to the human health or the environment and biological diversity, including the harmlessness aspects of those organisms destined to their use or consumption.<br />
     <p class="textojustif">Unlike other countries, for example U.S.A., in Mexico the terms &quot;biosafety&quot; and &quot;biosecurity&quot; are not used; instead, the term &quot;biosafety&quot; comprises both of them, with the definition of &quot;biosafety&quot; as &quot;the actions and measures of evaluation, monitoring, control and prevention that must be assumed when carrying out activities with genetically engineered organisms, with the intention to prevent, avoid or reduce any possible risk that those activities could cause to the human health or the environment and biological diversity, including the harmlessness aspects of those organisms destined to their use or consumption.<br />
       </p>
       </p>

Revision as of 05:56, 3 August 2011

wiki

iGEM