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

From 2010.igem.org

(Difference between revisions)

Latest revision as of 22:57, 26 October 2010

{{{Main_Content}}}

{{{Markup_Content}}}

{{{Green_Content}}}

{{{Red_Content}}}

{{{Blue_Content}}}

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.

@@ Line 3: / Line 3: @@
 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
 <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 */
@@ Line 275: / Line 353: @@
 </style>
 <![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>
@@ Line 364: / Line 482: @@
    <li><a href="#">Us</a>
      <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>
    <li><a href="https://igem.org/Team_Wikis?year=2010">Them</a>
@@ Line 372: / Line 490: @@
 <li><a href="#">Project</a>
    <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>
      <ul>
@@ Line 379: / Line 502: @@
      </ul>
    </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>
    </ul>
 </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="#">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/CCG">UNAM</a></li>
+  <li><a href="https://2010.igem.org/Team:UNAM-Genomics_Mexico/About/Gallery">Gallery</a></li>
    </ul>
 </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>
 <br style="clear: left" />
 </div>
@@ Line 485: / Line 592: @@
 or a Gecko one (eg: Mozilla's Firefox, Netscape). Some of the code requires an up-to-date browser.</p>
 <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.
 </div>
 </div>
 </body>
 </html>