Template:Team:UNAM-Genomics Mexico/Templates/Main2

From 2010.igem.org

(Difference between revisions)
 
(16 intermediate revisions not shown)
Line 3: Line 3:
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
<style type="text/css">
 +
 +
.dropcontent{
 +
width: 600px;
 +
 +
border: 1px solid black;
 +
background-color: #cccccc;
 +
display:block;
 +
}
 +
 +
 +
/*Credits: Dynamic Drive CSS Library */
 +
/*URL: http://www.dynamicdrive.com/style/ */
 +
 +
/* smart image enlarger starts here */
 +
/* If your images are not linking to other pages leave the links as <a href="#nogo"> Otherwise enlarger won't work in IE6 */
 +
 +
.ienlarger {
 +
float: left;
 +
clear: none; /* set to left or right if needed */
 +
padding-bottom: 5px; /* space between thumbs. Don't change this to margin */
 +
padding-right: 5px; /* space between thumbs and wrapping text when there is any text around it */
 +
}
 +
 +
.ienlarger a {
 +
display:block;
 +
text-decoration: none;
 +
/* add cursor:default; to this rule to disable the hand cursor */
 +
}
 +
 +
.ienlarger a:hover{ /* don't move this positioning to normal state */
 +
position:relative;
 +
}
 +
 +
.ienlarger span img {
 +
border: 1px solid #FFFFFF; /* adds a border around the image */
 +
margin-bottom: 8px; /* pushes the text down from the image */
 +
}
 +
 +
.ienlarger a span {  /* this is for the large image and the caption */
 +
position: absolute;
 +
display:none;
 +
color: #FFCC00; /* caption text colour */
 +
text-decoration: none;
 +
font-family: Arial, Helvetica, sans-serif;
 +
font-size: 13px; /* caption text size */
 +
background-color: #000000;
 +
font-weight: bold;
 +
padding-top: 10px;
 +
padding-right: 10px;
 +
padding-bottom: 13px;
 +
padding-left: 10px;
 +
}
 +
 +
.ienlarger img { /* leave or IE puts a border around links */
 +
border-width: 0;
 +
}
 +
 +
.ienlarger a:hover span {
 +
display:block;
 +
top: 50px; /* means the pop-up's top is 50px away from thumb's top */
 +
left: 50px; /* means the pop-up's left is 90px far from the thumb's left */
 +
z-index: 100;
 +
 +
/* If you want the pop-up open to the left of thumb, remove the left: 90px; and add 
 +
right: 90px; This would mean the right side of the pop-up is 90px far from the right side of thumb */
 +
 +
/* If you want the pop-up open above the thumb, remove the top: 50px; and add 
 +
bottom: 50px; This would mean the bottom of the pop-up is 50px far from the bottom of thumb */
 +
 +
/* add cursor:default; to this rule to disable the hand cursor only for the large image */
 +
}
 +
 +
.resize_thumb {
 +
width: 150px; /* enter desired thumb width here */
 +
height : auto;
 +
}
 +
 +
/* smart image enlarger ends here */
/* Getting rid of IGEM elements */
/* Getting rid of IGEM elements */
Line 166: Line 244:
}
}
-
p.right
+
.right
{
{
-
text-align:right;
+
float:right;
}
}
-
p.left
+
.left
{
{
-
text-align:left;
+
float:left;
}
}
Line 275: Line 353:
</style>
</style>
<![endif]-->
<![endif]-->
 +
 +
<script type="text/javascript">
 +
 +
/*
 +
Combo-Box Viewer script- Created by and © Dynamicdrive.com
 +
Visit http://www.dynamicdrive.com/ for this script and more
 +
This notice MUST stay intact for legal use
 +
*/
 +
 +
if (document.getElementById){
 +
document.write('<style type="text/css">\n')
 +
document.write('.dropcontent{display:none;}\n')
 +
document.write('</style>\n')
 +
}
 +
 +
function contractall(){
 +
if (document.getElementById){
 +
var inc=0
 +
while (document.getElementById("dropmsg"+inc)){
 +
document.getElementById("dropmsg"+inc).style.display="none"
 +
inc++
 +
}
 +
}
 +
}
 +
 +
function expandone(){
 +
if (document.getElementById){
 +
var selectedItem=document.dropmsgform.dropmsgoption.selectedIndex
 +
contractall()
 +
document.getElementById("dropmsg"+selectedItem).style.display="block"
 +
}
 +
}
 +
 +
if (window.addEventListener)
 +
window.addEventListener("load", expandone, false)
 +
else if (window.attachEvent)
 +
window.attachEvent("onload", expandone)
 +
 +
</script>
 +
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
Line 364: Line 482:
   <li><a href="#">Us</a>
   <li><a href="#">Us</a>
     <ul>
     <ul>
-
     <li><a href="https://igem.org/Team.cgi?id=360">Official Team Profile</a>
+
     <li><a href="https://igem.org/Team.cgi?id=360">Official Team Profile</a></li>
-
     <li><a href="https://2010.igem.org/Team:UNAM-Genomics_Mexico/Team">Unofficial Team Profile</a>
+
     <li><a href="https://2010.igem.org/Team:UNAM-Genomics_Mexico/Team">Unofficial Team Profile</a></li>
     </ul>
     </ul>
   <li><a href="https://igem.org/Team_Wikis?year=2010">Them</a>
   <li><a href="https://igem.org/Team_Wikis?year=2010">Them</a>
Line 372: Line 490:
<li><a href="#">Project</a>
<li><a href="#">Project</a>
   <ul>
   <ul>
-
   <li><a href="https://2010.igem.org/Team:UNAM-Genomics_Mexico/Project">Overview</a></li>
+
   <li><a href="https://2010.igem.org/Team:UNAM-Genomics_Mexico/Project">Overview</a>
 +
  <li><a href="#">Individual Modules</a>
 +
    <ul>
 +
    <li><a href="https://2010.igem.org/Team:UNAM-Genomics_Mexico/Modules/In vivo">In vivo</a></li>
 +
    <li><a href="https://2010.igem.org/Team:UNAM-Genomics_Mexico/Modules/In silico">In silico</a></li>
 +
    </ul>
   <li><a href="#">Whole-System View</a>
   <li><a href="#">Whole-System View</a>
     <ul>
     <ul>
Line 379: Line 502:
     </ul>
     </ul>
   </li>
   </li>
-
  <li><a href="#">Individual Systems</a>
 
-
    <ul>
 
-
    <li><a href="#">Red->Green</a>
 
-
      <ul>
 
-
      <li><a href="https://2010.igem.org/Team:UNAM-Genomics_Mexico/Red_Green/Description">Description</a></li>
 
-
      <li><a href="https://2010.igem.org/Team:UNAM-Genomics_Mexico/Red_Green/Parts">Parts</a></li>
 
-
      <li><a href="https://2010.igem.org/Team:UNAM-Genomics_Mexico/Red_Green/Model">Model</a></li>
 
-
      </ul>
 
-
    </li>
 
-
    <li><a href="#">Green->Blue</a>
 
-
      <ul>
 
-
      <li><a href="https://2010.igem.org/Team:UNAM-Genomics_Mexico/Green_Blue/Description">Description</a></li>
 
-
      <li><a href="https://2010.igem.org/Team:UNAM-Genomics_Mexico/Green_Blue/Parts">Parts</a></li>
 
-
      <li><a href="https://2010.igem.org/Team:UNAM-Genomics_Mexico/Green_Blue/Model">Model</a></li>
 
-
      </ul>
 
-
    </li>
 
-
    <li><a href="#">Blue->Red</a>
 
-
      <ul>
 
-
      <li><a href="https://2010.igem.org/Team:UNAM-Genomics_Mexico/Blue_Red/Description">Description</a></li>
 
-
      <li><a href="https://2010.igem.org/Team:UNAM-Genomics_Mexico/Blue_Red/Parts">Parts</a></li>
 
-
      <li><a href="https://2010.igem.org/Team:UNAM-Genomics_Mexico/Blue_Red/Model">Model</a></li>
 
-
      </ul>
 
-
    </li>
 
-
    </ul>
 
   </li>
   </li>
   </ul>  
   </ul>  
</li>
</li>
<li><a href="https://2010.igem.org/Team:UNAM-Genomics_Mexico/Notebook">Official Notebook</a></li>
<li><a href="https://2010.igem.org/Team:UNAM-Genomics_Mexico/Notebook">Official Notebook</a></li>
-
<li><a href="https://2010.igem.org/Team:UNAM-Genomics_Mexico/Safety">Safety</a></li>
+
<li><a href="https://2010.igem.org/Team:UNAM-Genomics_Mexico/Safety">Safety & Human Practices</a></li>
<li><a href="https://2010.igem.org/Team:UNAM-Genomics_Mexico/Collaboration">Collaboration</a></li>
<li><a href="https://2010.igem.org/Team:UNAM-Genomics_Mexico/Collaboration">Collaboration</a></li>
<li><a href="#">About</a>
<li><a href="#">About</a>
Line 414: Line 513:
   <li><a href="https://2010.igem.org/Team:UNAM-Genomics_Mexico/About/Synthetic Biology">Synthetic Biology</a></li>
   <li><a href="https://2010.igem.org/Team:UNAM-Genomics_Mexico/About/Synthetic Biology">Synthetic Biology</a></li>
   <li><a href="https://2010.igem.org/Team:UNAM-Genomics_Mexico/About/CCG">UNAM</a></li>
   <li><a href="https://2010.igem.org/Team:UNAM-Genomics_Mexico/About/CCG">UNAM</a></li>
 +
  <li><a href="https://2010.igem.org/Team:UNAM-Genomics_Mexico/About/Gallery">Gallery</a></li>
   </ul>
   </ul>
</li>
</li>
-
<li></html><div>{{{Spanish}}}</div><html></li>
+
<div id="google_translate_element" class="right" style="padding: 5px 10px"></div><script>
-
<li></html><div>{{{English}}}</div><html></li>
+
function googleTranslateElementInit() {
-
<li></html><div>{{{French}}}</div><html></li>
+
  new google.translate.TranslateElement({
 +
    pageLanguage: 'en',
 +
    gaTrack: true,
 +
    layout: google.translate.TranslateElement.InlineLayout.SIMPLE
 +
  }, 'google_translate_element');
 +
}
 +
</script><script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
</ul>
</ul>
 +
<br style="clear: left" />
<br style="clear: left" />
</div>
</div>
Line 441: Line 548:
<div class="innertube">
<div class="innertube">
-
</html><div>{{{Markup Content}}}</div><html>
+
</html><div>{{{Markup_Content}}}</div><html>
</div>
</div>
Line 477: Line 584:
</div>
</div>
<br/>
<br/>
-
<p class="right">
+
<div class="right">
<a href="http://www2.clustrmaps.com/counter/maps.php?url=https://2010.igem.org/Team:UNAM-Genomics_Mexico" id="clustrMapsLink"><img src="http://www2.clustrmaps.com/counter/index2.php?url=https://2010.igem.org/Team:UNAM-Genomics_Mexico" style="border:0px;" alt="Locations of visitors to this page" title="Locations of visitors to this page" id="clustrMapsImg" onerror="this.onerror=null; this.src='http://clustrmaps.com/images/clustrmaps-back-soon.jpg'; document.getElementById('clustrMapsLink').href='http://clustrmaps.com';" /></a>
<a href="http://www2.clustrmaps.com/counter/maps.php?url=https://2010.igem.org/Team:UNAM-Genomics_Mexico" id="clustrMapsLink"><img src="http://www2.clustrmaps.com/counter/index2.php?url=https://2010.igem.org/Team:UNAM-Genomics_Mexico" style="border:0px;" alt="Locations of visitors to this page" title="Locations of visitors to this page" id="clustrMapsImg" onerror="this.onerror=null; this.src='http://clustrmaps.com/images/clustrmaps-back-soon.jpg'; document.getElementById('clustrMapsLink').href='http://clustrmaps.com';" /></a>
-
</p>
+
</div>
<p class="left">
<p class="left">
This site is best viewed with a Webkit based Browser (eg: Google's Chrome, Apple's Safari),</p>
This site is best viewed with a Webkit based Browser (eg: Google's Chrome, Apple's Safari),</p>
-
<p class="left">
+
<div class="left">
or a Gecko one (eg: Mozilla's Firefox, Netscape). Some of the code requires an up-to-date browser.</p>
or a Gecko one (eg: Mozilla's Firefox, Netscape). Some of the code requires an up-to-date browser.</p>
<br />
<br />
-
It is worst viewed with Microsoft's Internet Explorer Browser. And we mean that. Sorry.
+
Trident based (Microsoft's Internet Explorer) or Presto based (Opera) are not currently supported. Sorry.
-
</p>
+
</div>
</div>
</div>
</body>
</body>
</html>
</html>

Latest revision as of 22:57, 26 October 2010



{{{Main_Content}}}
{{{Markup_Content}}}
{{{Green_Content}}}
{{{Red_Content}}}
{{{Blue_Content}}}

Locations of visitors to this page

This site is best viewed with a Webkit based Browser (eg: Google's Chrome, Apple's Safari),

or a Gecko one (eg: Mozilla's Firefox, Netscape). Some of the code requires an up-to-date browser.


Trident based (Microsoft's Internet Explorer) or Presto based (Opera) are not currently supported. Sorry.