Team:UNAM-Genomics Mexico/Templates/Home

From 2011.igem.org

(Difference between revisions)
(corrected css for the bottom cells.)
m (Used darker .sixpack color. Removed .menu-right li a color)
 
(15 intermediate revisions not shown)
Line 2: Line 2:
<!--
<!--
-
@VERSION 1.0.1
+
@VERSION 1.1.5
@NAME    /Templates/Home
@NAME    /Templates/Home
@DESC    This is a wiki template designed for the welcoming page.
@DESC    This is a wiki template designed for the welcoming page.
Line 21: Line 21:
   })();
   })();
-
</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(https://static.igem.org/mediawiki/2011/9/95/Darkgrey_cardboard_332x196_UGM.png)";
 
-
var oLCellBg = "url(https://static.igem.org/mediawiki/2011/e/e6/Stained_grey_cardboard_332x196_UGM.png)";
 
-
var oMCellBg = "url(https://static.igem.org/mediawiki/2011/9/95/Darkgrey_cardboard_332x196_UGM.png)";
 
-
// even Cells
 
-
var eCCellBg = "url(https://static.igem.org/mediawiki/2011/a/ae/Burnt_cardboard_332x196_UGM.png)";
 
-
var eLCellBg = "url(https://static.igem.org/mediawiki/2011/6/66/Cardboard_332x196_UGM.png)";
 
-
var eMCellBg = "url(https://static.igem.org/mediawiki/2011/a/ae/Burnt_cardboard_332x196_UGM.png)";
 
-
// active Cells
 
-
var aCCellBg = "url(https://static.igem.org/mediawiki/2011/e/e8/Green_paper_UGM.png)";
 
-
var aLCellBg = "url(https://static.igem.org/mediawiki/2011/0/03/Light_green_paper_UGM.png)";
 
-
var aMCellBg = "url(https://static.igem.org/mediawiki/2011/e/e8/Green_paper_UGM.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>
</script>
<style>
<style>
Line 149: Line 30:
body{
body{
background-color: black;
background-color: black;
-
background-image: url("https://static.igem.org/mediawiki/2011/9/98/Black_cardboard_tiled_UGM.png");
+
/*background-image: url("https://static.igem.org/mediawiki/2011/9/98/Black_cardboard_tiled_UGM.png");*/
margin: 0;
margin: 0;
padding: 0;
padding: 0;
Line 160: Line 41:
background-color: transparent;
background-color: transparent;
font-size: 100%;
font-size: 100%;
 +
line-height: 1em;
 +
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",
 +
*/
}
}
Line 165: Line 61:
div#content{
div#content{
position: relative;
position: relative;
-
width: 1000px;
+
width: 800px;
margin: 0 auto;
margin: 0 auto;
padding: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
Line 173: Line 69:
color: #000000;
color: #000000;
text-align:justify;
text-align:justify;
-
line-height: 1em;
 
-
font-size:100%;
 
-
font-family: "Maiandra GD", Garamond, "Tempus Sans ITC", Papyrus, "Kristen ITC",
 
-
"Segoe Print", "Comic Sans MS", Verdana, sans-serif;
 
}
}
div#bodyContent{
div#bodyContent{
position: relative;
position: relative;
-
width: 1000px;
+
padding: 0px;
-
margin: 0 auto;
+
width: 800px;
-
padding: 0px 0px 0px 0px;
+
height: 525px;
 +
margin: 16px 0px;
border: none;
border: none;
z-index: 0;
z-index: 0;
Line 188: Line 81:
color: #000000;
color: #000000;
text-align:justify;
text-align:justify;
-
line-height: 1em;
 
-
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",
 
-
*/
 
}
}
div#content h1.firstHeading{
div#content h1.firstHeading{
Line 208: Line 86:
}
}
div#bodyContent p{
div#bodyContent p{
-
margin: 0em 0em 0em 0em;
+
margin: 0px 0px 0px 0px;
}
}
div#contentSub{
div#contentSub{
-
margin: 0 0 0.7em 0;
+
margin: 0;
}
}
div#catlinks{
div#catlinks{
Line 224: Line 102:
div#top-section{
div#top-section{
position: relative;
position: relative;
-
width: 1000px;
+
width: 800px;
-
height: 21px;
+
height: 60px;
margin: 0 auto;
margin: 0 auto;
border: none;
border: none;
z-index: 0;
z-index: 0;
-
background-color: transparent;
+
background-color: #0b3c23; /*Logo based color*/
 +
/*background-image: url("https://static.igem.org/mediawiki/2011/5/5b/Darkgrey_noise_UGM.png");*/
color: #FF0000;
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{
div#p-logo{
display: none;
display: none;
-
width: 1000px;
+
width: 800px;
z-index: 1;
z-index: 1;
}
}
Line 243: Line 119:
position: absolute;
position: absolute;
width: 400px;
width: 400px;
-
height: 21px;
+
height: 60px;
z-index: 5;
z-index: 5;
-
top:22px;
+
top: 0px;
-
margin-top: -20px;
+
margin-top: 0px;
 +
font-size:85%;
 +
font-family: "Maiandra GD", Garamond, "Tempus Sans ITC", Papyrus, "Kristen ITC",
 +
"Segoe Print", "Comic Sans MS", Verdana, sans-serif;
}
}
#menubar ul{
#menubar ul{
Line 257: Line 136:
div.left-menu{
div.left-menu{
text-align: left;
text-align: left;
 +
}
 +
div.left-menu:hover {
 +
background-color: transparent;
}
}
div.right-menu{
div.right-menu{
text-align: right;
text-align: right;
right: 0px;
right: 0px;
 +
}
 +
div.right-menu li a{
 +
background-color: transparent;
}
}
div#search-controls{
div#search-controls{
Line 267: Line 152:
#menubar a{
#menubar a{
text-decoration:none;
text-decoration:none;
-
color:#C0C0C0;
+
color:black;
}
}
#menubar a:visited {
#menubar a:visited {
-
color:#9A8A5E;
+
color:grey;
 +
}
 +
#menubar a:hover {
 +
color: silver;
}
}
Line 278: Line 166:
div#footer-box {
div#footer-box {
margin: 0 auto;
margin: 0 auto;
-
width: 990px;
+
width: 790px;
padding: 5px;
padding: 5px;
-
background-color: #6b6b6b;
+
background-color: #0b3c23; /*Logo based color*/
-
background-image: url("https://static.igem.org/mediawiki/2011/5/5b/Darkgrey_noise_UGM.png");
+
/*background-image: url("https://static.igem.org/mediawiki/2011/5/5b/Darkgrey_noise_UGM.png");*/
border: none;
border: none;
}
}
div#footer-box div#footer ul#f-list li a {
div#footer-box div#footer ul#f-list li a {
-
color: silver;
+
color: black;
 +
text-decoration: none;
 +
}
 +
div#footer-box div#footer ul#f-list li a:visited {
 +
color: grey;
}
}
div#footer-box div#footer ul#f-list li a:hover {
div#footer-box div#footer ul#f-list li a:hover {
-
color: white;  
+
color: silver;  
}
}
 +
#f-poweredbyico{
 +
display: none;
 +
}
 +
#f-copyrightico{
 +
display: none;
 +
}
 +
/*******************************
/*******************************
Line 296: Line 195:
div.sixpack{
div.sixpack{
margin: 0px;
margin: 0px;
-
padding: 5px;
+
padding: 0px;
 +
width: 246px;
 +
height: 246px;
border: none;
border: none;
-
background-color: #770022;
+
background-color: #1f763c; /*Logo based color*/
-
width: 300px;
+
 
-
height: 300px;
+
}
}
div#ULC{
div#ULC{
Line 310: Line 210:
position:absolute;
position:absolute;
top: 0px;
top: 0px;
-
left: 350px;
+
left: 277px;
}
}
div#URC{
div#URC{
position:absolute;
position:absolute;
top: 0px;
top: 0px;
-
left: 700px;
+
right: 0px;
}
}
div#BLC{
div#BLC{
position:absolute;
position:absolute;
-
top: 350px;
+
top: 277px;
-
right: 700px;
+
left: 0px;
}
}
div#BMC{
div#BMC{
position:absolute;
position:absolute;
-
top: 350px;
+
top: 277px;
-
right: 350px;
+
left: 277px;
}
}
div#BRC{
div#BRC{
position:absolute;
position:absolute;
-
top: 350px;
+
top: 277px;
right: 0px;
right: 0px;
}
}
Line 337: Line 237:
</html>
</html>
 +
_NOTOC_
<div id="ULC" class="sixpack">
<div id="ULC" class="sixpack">
{{{ULC}}}
{{{ULC}}}

Latest revision as of 04:19, 24 July 2011

UNAM-Genomics_Mexico

_NOTOC_

{{{ULC}}}

{{{UMC}}}

{{{URC}}}

{{{BLC}}}

{{{BMC}}}

{{{BRC}}}

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