Team:Tec-Monterrey/safetypage
From 2011.igem.org
(Difference between revisions)
Line 5: | Line 5: | ||
<!-- | <!-- | ||
#top-section { | #top-section { | ||
- | + | ||
height: 100px; | height: 100px; | ||
border: none; | border: none; | ||
- | |||
height:20px | height:20px | ||
} | } | ||
Line 15: | Line 14: | ||
position: absolute; | position: absolute; | ||
display: none; | display: none; | ||
- | + | ||
+ | } | ||
+ | #footer-box { | ||
+ | display:none; | ||
+ | } | ||
+ | |||
+ | |||
+ | #catlinks { | ||
+ | display:none; | ||
} | } | ||
#search-controls { | #search-controls { | ||
display: none; | display: none; | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
} | } | ||
- | #menubar | + | #menubar { background: none repeat transparent; } |
- | + | ||
- | + | ||
- | + | #menubar ul li a { color: white; } | |
- | + | ||
- | |||
.right-menu li a { | .right-menu li a { | ||
- | + | color: black; | |
- | + | background: none repeat transparent; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | |||
- | |||
+ | #content { | ||
+ | background: none repeat scroll 0 0 transparent; | ||
+ | border-left: 0 solid; | ||
+ | border-right: 0 solid; | ||
+ | width: 100%; | ||
} | } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
#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: # | + | 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; | ||
- | |||
- | |||
overflow: hidden; | overflow: hidden; | ||
- | + | color:#FFF; | |
} | } | ||
Line 131: | Line 112: | ||
float: left; | float: left; | ||
width: 20%; | width: 20%; | ||
- | |||
padding-bottom: 10px; | padding-bottom: 10px; | ||
+ | background-color:#04191d; | ||
} | } | ||
.content { | .content { | ||
- | padding: | + | padding: none; |
width: 80%; | width: 80%; | ||
float: left; | float: left; | ||
- | + | ||
} | } | ||
Line 151: | Line 132: | ||
ul.nav { | ul.nav { | ||
list-style: none; | list-style: none; | ||
- | border-top: | + | border-top:none; |
margin-bottom: 15px; | margin-bottom: 15px; | ||
} | } | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
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; | ||
- | + | color:#FFF; | |
- | + | ||
} | } | ||
Line 200: | Line 177: | ||
border-left-width: 3px; | border-left-width: 3px; | ||
padding-bottom: 5px; | padding-bottom: 5px; | ||
- | color: # | + | color: #FFF; |
} | } | ||
+ | |||
+ | |||
/* panel heading */ | /* panel heading */ | ||
.panel h2, .panelcollapsed h2 | .panel h2, .panelcollapsed h2 | ||
{ | { | ||
- | color: # | + | 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: | ||
<!-- | <!-- | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
// ----------------------------------------------------------------------------------------------- | // ----------------------------------------------------------------------------------------------- | ||
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 | + | 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: | ||
} | } | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
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 | + | <div style="background: url(https://static.igem.org/mediawiki/2011/6/60/Topbar_imagebackground.png); |
- | + | background-repeat:no-repeat; | |
- | + | 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"> | + | |
- | + | <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"> | |
- | + | <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> </p> | ||
+ | <p> </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">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> |
- | + | </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 | + | <p><a href="https://2011.igem.org/Team:Tec-Monterrey/teammembers">members</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 | + | <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/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> | ||
</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> |
- | + | <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> | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
</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 style=" | |
- | + | text-align: center; | |
- | + | background:url(https://static.igem.org/mediawiki/2011/3/3e/Fondogalleria.png); | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | text-align: | + | |
- | + | ||
background-repeat:no-repeat; | background-repeat:no-repeat; | ||
- | + | background-position:top; | |
- | + | color:#FFF; | |
- | + | "> | |
- | + | <p> </p> | |
- | <p>Biosafety in the project and regulations in Mexico</p> | + | <div class="panelcollapsed"> |
- | <p> </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> </p> | ||
+ | <p> </p> | ||
<p class="textojustif">Unlike other countries, for example U.S.A., in Mexico the terms "biosafety" and "biosecurity" are not used; instead, the term "biosafety" comprises both of them, with the definition of "biosafety" as "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 "biosafety" and "biosecurity" are not used; instead, the term "biosafety" comprises both of them, with the definition of "biosafety" as "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> |