Team:UNAM-Genomics Mexico/Templates/Notebook

From 2011.igem.org

(Difference between revisions)
(testing parameters)
m (removed html tags)
Line 1: Line 1:
-
<html xmlns="http://www.w3.org/1999/xhtml">
 
-
 
<!--
<!--
-
@VERSION 1.0.1
+
@VERSION 1.0.2
@NAME    /Templates/Notebook
@NAME    /Templates/Notebook
@DESC    This is a wiki template designed to contain the background layout and menu of all our page.
@DESC    This is a wiki template designed to contain the background layout and menu of all our page.
Line 487: Line 485:
{{{param1}}}
{{{param1}}}
</body>
</body>
-
</html>
 
{{{param2}}}
{{{param2}}}

Revision as of 02:23, 11 July 2011

<head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <link href="basic_layout.css" rel="stylesheet" type="text/css"></link> <link href="basic_layout.js" rel="" type=""></link> <title>UNAM-Genomics_Mexico</title> <script type="text/javascript"> 

 var _gaq = _gaq || [];
 _gaq.push(['_setAccount', 'UA-19624614-2']);
 _gaq.push(['_trackPageview']);

 (function() {
   var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
   ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
   var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
 })();

</script> <script type="text/javascript"> //Constants containing the menu cell positions (yeah, they're deffined as variables thx to IE) var RowPositions = new Array( "cat", "link", "mar"); var ColPositions = new Array( "alpha", "beta", "gamma", "delta", "epsilon", "zeta"); var OddPositions = new Array( "alpha", "gamma", "epsilon");

var currColEvenness = "";

//Constants containing the images for the table cells (odd/even/active Category/Link/Margin) // odd Cells var oCCellBg = "url(darkgrey_cardboard_332x196.png)"; var oLCellBg = "url(stained_grey_cardboard_332x196.png)"; var oMCellBg = "url(darkgrey_cardboard_332x196.png)"; // even Cells var eCCellBg = "url(burnt_cardboard_332x196.png)"; var eLCellBg = "url(cardboard_332x196.png)"; var eMCellBg = "url(burnt_cardboard_332x196.png)"; // active Cells var aCCellBg = "url(green_paper.png)"; var aLCellBg = "url(light_green_paper.png)"; var aMCellBg = "url(green_paper.png)";

//Receive a cell id and return it's prefix (which describes it's row) or it's suffix (it's col) function GetCellRow(currentId){ var pattern, i; for( i=0; i < RowPositions.length; i++){ pattern = new RegExp("^" + RowPositions[i]); if( pattern.test(currentId)){ return( RowPositions[i]); } } return( false); } function GetCellCol(currentId){ var pattern, i; for( i=0; i < ColPositions.length; i++){ pattern = new RegExp(ColPositions[i] + "$"); if( pattern.test(currentId)){ return( ColPositions[i]); } } return( false); }

//Classiffy column suffixes in odd or even suffixes function ColEvenness(column){ var i; for( i=0; i < OddPositions.length; i++){ if( column == OddPositions[i]){ return( "odd"); } } return( "even"); }

//Function for lightening cells according to their position function LightenCell(row, column){ var cell = document.getElementById( row + column); switch (row){ case "cat": cell.style.backgroundImage = aCCellBg; break; case "link": cell.style.backgroundImage = aLCellBg; break; case "mar": cell.style.backgroundImage = aMCellBg; break; } }

//Function to Lighten the current menu table column function LightenMenu(currentCell){ var column = GetCellCol( currentCell.id ); LightenCell( "cat", column); LightenCell("link", column); LightenCell( "mar", column); currColEvenness = ColEvenness(column); }

//Function for darkening cells according to their position and evenness function DarkenCell(row, column){ var cell = document.getElementById( row + column); if( currColEvenness == "odd"){ switch (row){ case "cat": cell.style.backgroundImage = oCCellBg; break; case "link": cell.style.backgroundImage = oLCellBg; break; case "mar": cell.style.backgroundImage = oMCellBg; break; } } else if( currColEvenness == "even"){ switch (row){ case "cat": cell.style.backgroundImage = eCCellBg; break; case "link": cell.style.backgroundImage = eLCellBg; break; case "mar": cell.style.backgroundImage = eMCellBg; break; } } }

//Function to Darken the current menu table column function DarkenMenu(currentCell){ var column = GetCellCol( currentCell.id ); DarkenCell( "cat", column); DarkenCell("link", column); DarkenCell( "mar", column); currColEvenness = ""; } </script> <style> /* NAME basic_layout.css AUTHOR Eduardo Vladimir Muñoz Hernández VERSION 1.0.0 DESC CSS for basic_layout.css

  • /

dummy.rule { /*Nothing here*/ }

body{ background-color:#AAAAAA; background-image: url("black_cardboard_tiled.png"); margin: 0; padding: 0; text-align: center; }

/*content and bodyContent are given the same properties to avoid problems*/ div#content{ position: relative; width: 1000px; margin: 0 auto; padding: 0px 0px 0px 0px; border: none; z-index: 0; background-color: transparent; color: #000000; text-align:justify; line-height: 1.2em; font-size:100%; font-family: "Maiandra GD", Garamond, "Tempus Sans ITC", Papyrus, "Kristen ITC", "Segoe Print", "Comic Sans MS", Verdana, sans-serif; } div#bodyContent{ position: relative; width: 1000px; margin: 0 auto; padding: 0px 0px 0px 0px; border: none; z-index: 0; background-color: transparent; color: #000000; text-align:justify; line-height: 1.2em; font-size:100%; font-family: "Maiandra GD", Garamond, "Tempus Sans ITC", Papyrus, "Kristen ITC", "Segoe Print", "Comic Sans MS", Verdana, sans-serif; /* Fonts I recomend the most: "Maiandra GD", Garamond, Fonts that resemble handwriting but are uncomfortable to read. These letters are too decorated: "Viner Hand ITC","Bradley Hand ITC","Lucida Handwriting","Tempus Sans ITC", These letter is too small: Gabriola, These letter is too narrow: "Juice ITC", */ }


/*********************************** 

   iGEM header instructions
                                                                      • /

div#top-section{ position: relative; width: 1000px; height: 25px; margin: 0 auto; border: none; z-index: 0; background-color: transparent; color: #FF0000; font-size:85%; font-family: "Maiandra GD", Garamond, "Tempus Sans ITC", Papyrus, "Kristen ITC", "Segoe Print", "Comic Sans MS", Verdana, sans-serif; } div#p-logo{ display: none; width: 1000px; z-index: 1; } div#menubar{ position: absolute; width: 400px; height: 21px; z-index: 5; top:22px; margin-top: -20px; }

  1. menubar ul{

margin: 0px 10px 0px 10px; padding: 0px 0px 0px 0px; }

  1. menubar li{

display: inline; } div.left-menu{ text-align: left; } div.right-menu{ text-align: right; right: 0px; } div#search-controls{ display: none; }

  1. menubar a{

text-decoration:none; color:#C0C0C0; }

  1. menubar a:visited {

color:#9A8A5E; }

/************************************ 

  Our header instructions
                                                                        • /

div#hydrobiumHeader{ margin: 0 auto; background-color: transparent; }

/************************************ 

     Menu layout instructions
                                                                        • /

table#menuTable { width:1000px; margin: 0px 0px 0px 0px; border: none; border-collapse: collapse; color: black; } tr#menuCategories { height:30px; text-align: center; } tr#menuLinks { height:98px; text-align: left; } tr#menuMargin { heigth:3px; } td.alpha_cell, td.zeta_cell{ width:16.66%; /* 1000px * 0.1666 = 166px */ } td.beta_cell, td.gamma_cell, td.delta_cell, td.epsilon_cell{ width:16.67%; } tr#menuCategories td.odd_cell{ background-color:#495398; background-image: url("darkgrey_cardboard_332x196.png"); background-position:center; } tr#menuCategories td.even_cell{ background-color:#7B6F48; background-image: url("burnt_cardboard_332x196.png"); } tr#menuLinks td.odd_cell{ background-color:#6973B6; background-image: url("stained_grey_cardboard_332x196.png"); } tr#menuLinks td.even_cell{ background-color:#AD9E72; background-image: url("cardboard_332x196.png"); } tr#menuMargin td.odd_cell{ background-color:#495398; background-image: url("darkgrey_cardboard_332x196.png"); background-position: center; } tr#menuMargin td.even_cell{ background-color:#7B6F48; background-image: url("burnt_cardboard_332x196.png"); } table#menuTable tr#menuLinks td ul{ line-height: 1.2em; list-style-position: outside; list-style-type:none; margin: 10px 0px 10px 0px; padding: 0px 0px 0px 20px; } table#menuTable td.odd_cell a{ text-decoration: none; color: #343434; /*Dark grey*/ } table#menuTable td.even_cell a{ text-decoration: none; color: #322914; /*Dark brown*/ }

/******************************* 

       Body Text code
                                                              • /

div#text_content{ background-color: #FFFFFF; background-image: url("white_paper_tiled.png"); margin: 0px 0px 25px 0px; padding: 15px 45px 15px 45px; } h1{ text-align:center; } h2{} h3{} h4{}

  1. text_content a{

text-decoration: none; color: #18824B; /*Dark green from our logo*/ }

  1. text_content a:visited{

color: #5e5231; /*Medium brown from table background*/ } img.hydrobium_logo{ float: left; height: 120px; width: 160px; }

  1. text_content a.anchor{

color: #000000; } span.sp_name{ /*use this span class to format species names*/ text-decoration: none; font-style: italic; } span.gene_name{ /*use this span class to format gene names*/ text-decoration: none; font-style: italic; } span.lat_phrase{ /*use this span class to format latin phrases*/ text-decoration: none; font-style: italic; } </style> </head>

<body>

{{{content}}}

{{{param1}}} </body> {{{param2}}}

Retrieved from "http://2011.igem.org/Team:UNAM-Genomics_Mexico/Templates/Notebook"