"
Team:UNAM-Genomics Mexico/Templates/Notebook
From 2011.igem.org
<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; }
- menubar ul{
margin: 0px 10px 0px 10px; padding: 0px 0px 0px 0px; }
- menubar li{
display: inline; } div.left-menu{ text-align: left; } div.right-menu{ text-align: right; right: 0px; } div#search-controls{ display: none; }
- menubar a{
text-decoration:none; color:#C0C0C0; }
- 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{}
- text_content a{
text-decoration: none; color: #18824B; /*Dark green from our logo*/ }
- text_content a:visited{
color: #5e5231; /*Medium brown from table background*/ } img.hydrobium_logo{ float: left; height: 120px; width: 160px; }
- 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>
|
Alfa |
Beta |
Gamma |
Delta |
Épsilon |
Zeta |
|
|
|
|
|
|
{{{content}}}
{{{param1}}} </body> {{{param2}}}
