Team:UNAM-Genomics Mexico/Templates/Home

From 2011.igem.org

(Difference between revisions)
m (Used darker .sixpack color. Removed .menu-right li a color)
 
(43 intermediate revisions not shown)
Line 1: Line 1:
-
<html>
+
<html xmlns="http://www.w3.org/1999/xhtml">
 +
 
 +
<!--
 +
@VERSION 1.1.5
 +
@NAME    /Templates/Home
 +
@DESC    This is a wiki template designed for the welcoming page.
 +
-->
<head>
<head>
-
<style type="text/css">
+
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
-
/*
+
<title>UNAM-Genomics_Mexico</title>
-
NAME    home_template.css
+
<script type="text/javascript">
-
VERSION  2.0.0
+
-
AUTHOR  Treviño Garza Abiel
+
-
        Eduardo Vladimir Muñoz Hernández
+
-
DESC    The file contains the css data for the UNAM-Genomics_Mexico Team wiki home page
+
-
*/
+
-
body {
+
  var _gaq = _gaq || [];
-
font-family:Tahoma, Geneva, sans-serif;
+
  _gaq.push(['_setAccount', 'UA-19624614-2']);
-
margin: 0px;
+
  _gaq.push(['_trackPageview']);
-
padding: 0px;
+
-
background-image:url(https://static.igem.org/mediawiki/2011/7/7e/Paper_100_up.jpg);
+
-
}
+
-
#header{
+
-
height:220px;
+
-
width:100%;
+
-
background-image:url(https://static.igem.org/mediawiki/2011/5/5e/Header.jpg);
+
-
background-repeat:repeat-x;
+
-
font-family:"Arial Black", Gadget, sans-serif;
+
-
}
+
-
#header1{
+
-
height:220px;
+
-
width:100%;
+
-
        bottom: auto;
+
-
font-family:"Arial Black", Gadget, sans-serif;
+
-
}
+
-
p.title{
+
  (function() {
-
color:#CC4455;
+
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
-
font-size:150%;
+
    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>
 +
<style>
 +
 
 +
dummy.rule {
 +
/*Nothing here*/
}
}
-
#container {
 
-
margin: 0px auto;
 
-
text-align:justify;
+
body{
-
width: 100%;
+
background-color: black;
-
background-image:url(#);
+
/*background-image: url("https://static.igem.org/mediawiki/2011/9/98/Black_cardboard_tiled_UGM.png");*/
-
color:#454545;
+
margin: 0;
 +
padding: 0;
 +
text-align: center;
 +
font-size:medium;
 +
font-family: "Maiandra GD", Garamond, "Tempus Sans ITC", Papyrus, "Kristen ITC",
 +
"Segoe Print", "Comic Sans MS", Verdana, sans-serif;
}
}
-
div.row{
+
div#globalWrapper{
-
vertical-align:top;
+
background-color: transparent;
-
}
+
-
div.left_third{
+
-
text-align:center;
+
font-size: 100%;
font-size: 100%;
-
border:none;
+
line-height: 1em;
-
float:left;
+
font-size:100%;
-
width:33%;
+
font-family: "Maiandra GD", Garamond, "Tempus Sans ITC", Papyrus, "Kristen ITC",
-
padding-top:20px;
+
"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.mid_third{
+
 
-
text-align:center;
+
/*content and bodyContent are given the same properties to avoid problems*/
-
font-size: 100%;
+
div#content{
-
border:none;
+
position: relative;
-
float:left;
+
width: 800px;
-
width:34%;
+
margin: 0 auto;
-
padding-top:20px;
+
padding: 0px 0px 0px 0px;
 +
border: none;
 +
z-index: 0;
 +
background-color: transparent;
 +
color: #000000;
 +
text-align:justify;
}
}
-
div.right_third{
+
div#bodyContent{
-
text-align:center;
+
position: relative;
-
font-size: 100%;
+
padding: 0px;
-
border:none;
+
width: 800px;
-
float:right;
+
height: 525px;
-
width:33%;
+
margin: 16px 0px;
-
padding-top:20px;
+
border: none;
 +
z-index: 0;
 +
background-color: transparent;
 +
color: #000000;
 +
text-align:justify;
}
}
-
a.wet_lab{
+
div#content h1.firstHeading{
-
color:#06C;
+
display: none;
-
text-decoration:none;
+
}
}
-
a.model{
+
div#bodyContent p{
-
color:#C00505;
+
margin: 0px 0px 0px 0px;
-
text-decoration:none;
+
}
}
-
a.garden{
+
div#contentSub{
-
color:#40D840;
+
margin: 0;
-
text-decoration:none;
+
}
}
-
a.team{
+
div#catlinks{
-
color:#00C;
+
display: none;
-
text-decoration:none;
+
-
}
+
-
a.HP{
+
-
color:#B0E;
+
-
text-decoration:none;
+
-
}
+
-
a.H2{
+
-
color:#FC0;
+
-
text-decoration:none;
+
-
}
+
-
img.sub_proyect{
+
-
height:270px;
+
-
width:270px;
+
-
border:none;
+
-
}
+
-
img.sponsor_img{
+
-
height:100px;
+
-
width:100px;
+
-
border:none;
+
}
}
-
/* Menu Style Definitions */
+
 
-
ul#h2igemmenu ul{
+
/***********************************
-
display:none
+
    iGEM header instructions
 +
***********************************/
 +
 
 +
div#top-section{
 +
position: relative;
 +
width: 800px;
 +
height: 60px;
 +
margin: 0 auto;
 +
border: none;
 +
z-index: 0;
 +
background-color: #0b3c23; /*Logo based color*/
 +
/*background-image: url("https://static.igem.org/mediawiki/2011/5/5b/Darkgrey_noise_UGM.png");*/
 +
color: #FF0000;
}
}
-
ul#h2igemmenu li:hover>*{
+
div#p-logo{
-
display:block
+
display: none;
 +
width: 800px;
 +
z-index: 1;
}
}
-
ul#h2igemmenu li:hover{
+
div#menubar{
-
position:relative;
+
-
}
+
-
ul#h2igemmenu ul{
+
position: absolute;
position: absolute;
-
left:-1px;
+
width: 400px;
-
top:98%;
+
height: 60px;
 +
z-index: 5;
 +
top: 0px;
 +
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;
}
}
-
ul#h2igemmenu ul ul{
+
#menubar ul{
-
position:absolute;
+
margin: 0px 10px 0px 10px;
-
left:98%;
+
padding: 0px 0px 0px 0px;
-
top:-2px;
+
}
}
-
ul#h2igemmenu,ul#h2igemmenu ul{
+
#menubar li{
-
margin:0px;
+
display: inline;
-
list-style:none;
+
-
padding:0px;
+
-
background-image:#CCC;
+
-
border-width:0px;
+
-
border-style:none;
+
-
border-color:transparent;
+
}
}
-
ul#h2igemmenu table {
+
div.left-menu{
-
border-collapse:collapse
+
text-align: left;
}
}
-
ul#h2igemmenu {
+
div.left-menu:hover {
-
display:block;
+
background-color: transparent;
-
font-size:0;
+
-
zoom:1;
+
-
width:100%;
+
-
float: left;
+
}
}
-
ul#h2igemmenu ul{
+
div.right-menu{
-
//width:204px;
+
text-align: right;
-
padding:0;
+
right: 0px;
}
}
-
ul#h2igemmenu li{
+
div.right-menu li a{
-
display:block;
+
background-color: transparent;
-
zoom:1;
+
-
margin:0;
+
-
font-size:0;
+
-
float:left;
+
}
}
-
ul#h2igemmenu a:active, ul#h2igemmenu a:focus {
+
div#search-controls{
-
outline-style:none
+
display: none;
}
}
-
ul#h2igemmenu a,ul#h2igemmenu li.dis a:hover{
+
#menubar a{
-
display:block;
+
-
vertical-align:middle;
+
-
_display:inline-block;
+
-
_vertical-align:top;
+
-
background-color:#333;
+
-
border-width:0px;
+
-
border-style:none;
+
-
border-color:transparent;
+
-
text-align:center;
+
text-decoration:none;
text-decoration:none;
-
padding:11px 15px 5px 5px;
+
color:black;
-
_padding-left:0;
+
-
font:normal 8pt Verdana;
+
-
color: #FFFFFF;
+
-
text-decoration:none;
+
-
cursor:pointer;
+
}
}
-
ul#h2igemmenu ul li {
+
#menubar a:visited {
-
float:none;
+
color:grey;
}
}
-
ul#h2igemmenu ul a,ul#h2igemmenu ul li.dis a:hover{
+
#menubar a:hover {
-
display:block;
+
color: silver;
-
text-align:left;
+
-
white-space:nowrap;
+
}
}
-
ul#h2igemmenu li:hover>a{
 
-
background-color:#999;
 
-
border-color:transparent;
 
-
border-style:none;
 
-
font:normal 8pt Verdana;
 
-
color: #FFFFFF;
 
-
text-decoration:none;
 
-
}
 
-
ul#h2igemmenu li a:hover{
 
-
_position:relative;
 
-
background-color:#666;
 
-
border-color:transparent;
 
-
border-style:none;
 
-
font:normal 8pt Verdana;
 
-
color: #FFFFFF;
 
-
text-decoration:none;
 
-
}
 
-
ul#h2igemmenu li.dis a{
 
-
color: #AAAAAA !important;
 
-
}
 
-
ul#h2igemmenu img{
 
-
border:none;
 
-
vertical-align:middle;
 
-
margin-right:22px;
 
-
}
 
-
ul#h2igemmenu img.over{
 
-
display:none
 
-
}
 
-
ul#h2igemmenu li.dis a:hover img.over{
 
-
display:none !important
 
-
}
 
-
ul#h2igemmenu li.dis a:hover img.def {
 
-
display:inline !important
 
-
}
 
-
ul#h2igemmenu li:hover > a img.def  {
 
-
display:none
 
-
}
 
-
ul#h2igemmenu li:hover > a img.over {display:inline}
 
-
ul#h2igemmenu a:hover img.over,ul#h2igemmenu a:hover ul img.def,ul#h2igemmenu a:hover a:hover ul img.def,ul#h2igemmenu a:hover a:hover img.over,ul#h2igemmenu a:hover a:hover a:hover img.over{display:inline}
+
/*******************************
-
 
+
    iGEM Footer Instructions
-
ul#h2igemmenu a:hover img.def,ul#h2igemmenu a:hover ul img.over,ul#h2igemmenu a:hover a:hover ul img.over,ul#h2igemmenu a:hover a:hover img.def,ul#h2igemmenu a:hover a:hover a:hover img.def{display:none}
+
*******************************/
-
 
+
div#footer-box {
-
ul#h2igemmenu a:hover ul,ul#h2igemmenu a:hover a:hover ul{display:block}
+
margin: 0 auto;
-
 
+
width: 790px;
-
ul#h2igemmenu a:hover ul ul{display:none}
+
padding: 5px;
-
 
+
background-color: #0b3c23; /*Logo based color*/
-
ul#h2igemmenu span{
+
/*background-image: url("https://static.igem.org/mediawiki/2011/5/5b/Darkgrey_noise_UGM.png");*/
-
 
+
border: none;
-
display:block;overflow:visible;background-position:right center;background-repeat: no-repeat;padding-right:0px;}
+
-
 
+
-
ul#h2igemmenu ul span{background-image:url(imgs/arr_white.gif);padding-right:29px;}
+
-
 
+
-
ul#h2igemmenu li a.istylei0,ul#h2igemmenu li.dis.istylei0:hover a.istylei0{
+
-
height:25px;
+
-
background-color:#333;
+
-
border-width:0px;
+
-
border-style:none;
+
-
font:normal 14px Trebuchet MS;
+
-
color:#FFFFFF;
+
-
text-decoration:none;
+
-
margin:0 -10px 0 10px;
+
-
_margin:0 0 0 0;
+
-
background-position:100% 0;
+
}
}
-
 
+
div#footer-box div#footer ul#f-list li a {
-
ul#h2igemmenu li.istylei0:hover>a{
+
color: black;
-
background-color:#333;
+
text-decoration: none;
-
border-style:none;
+
-
font:normal 14px Trebuchet MS;
+
-
color:#FFFFFF;
+
-
text-decoration:none;
+
}
}
-
 
+
div#footer-box div#footer ul#f-list li a:visited {
-
ul#h2igemmenu li.istylei0,ul#h2igemmenu li.dis.istylei0:hover{
+
color: grey;
-
margin:0 10px 0 0;
+
-
background-color:#333;
+
-
background-position:0 0;
+
}
}
-
 
+
div#footer-box div#footer ul#f-list li a:hover {
-
ul#h2igemmenu li.istylei0:hover{
+
color: silver;  
-
background-color:#333;
+
}
}
-
 
+
#f-poweredbyico{
-
ul#h2igemmenu li a.istylei0:hover{
+
display: none;
-
background-color:#666;
+
-
border-style:none;
+
-
font:normal 14px Trebuchet MS;
+
-
color:#FFFFFF;
+
-
text-decoration:none;
+
-
font-weight: bold;
+
}
}
-
 
+
#f-copyrightico{
-
ul#h2igemmenu.istylem0,ul#h2igemmenu ul.istylem0{
+
display: none;
-
background-color:transparent;
+
-
border-width:0px;
+
-
border-style:none;
+
-
padding:0;
+
}
}
-
ul#h2igemmenu ul.istylem0 li{
 
-
margin:0;
 
-
}
 
-
ul#h2igemmenu.istylem0 li a,ul#h2igemmenu ul.istylem0 li a,ul#h2igemmenu.istylem0 li.dis a:hover,ul#h2igemmenu ul.istylem0 li.dis a:hover{
+
/*******************************
-
padding:5px 5px 5px 5px;
+
      Cell Properties
-
}
+
*******************************/
 +
div.sixpack{
 +
margin: 0px;
 +
padding: 0px;
 +
width: 246px;
 +
height: 246px;
 +
border: none;
 +
background-color: #1f763c; /*Logo based color*/
-
 
-
/* Getting rid of IGEM elements */
 
-
 
-
#content {
 
-
position: relative;
 
-
width: 964px;
 
-
margin: 0 auto;
 
-
padding: 5px 5px 5px 5px;
 
-
background: transparent;
 
-
color: transparent;
 
-
border-left: 1px solid #444;
 
-
border-right: 1px solid #444;
 
-
line-height: 0px;
 
-
z-index: 2;
 
}
}
-
 
+
div#ULC{
-
#contentSub {
+
position:absolute;
-
display:none;
+
top: 0px;
 +
left: 0px;
}
}
-
 
+
div#UMC{
-
#siteSub {
+
position:absolute;
-
display:none;
+
top: 0px;
 +
left: 277px;
}
}
-
 
+
div#URC{
-
#search-controls {
+
position:absolute;
-
display:none;
+
top: 0px;
 +
right: 0px;
}
}
-
 
+
div#BLC{
-
.firstHeading {
+
position:absolute;
-
display:none;
+
top: 277px;
 +
left: 0px;
}
}
-
 
+
div#BMC{
-
#search-controls {
+
position:absolute;
-
margin-top:30px;
+
top: 277px;
 +
left: 277px;
}
}
-
 
+
div#BRC{
-
#footer-box {
+
position:absolute;
-
display:none;
+
top: 277px;
 +
right: 0px;
}
}
-
#top-section {
+
</style>
-
height: 25px;
+
-
border-left: none;
+
-
border-right: none;
+
-
}
+
-
 
+
-
.left-menu {
+
-
margin-top:-15px;
+
-
}
+
-
 
+
-
.left-menu ul {
+
-
border: none;
+
-
}
+
-
 
+
-
#menubar li a {
+
-
color: white;
+
-
}
+
-
 
+
-
#menubar.right-menu {
+
-
margin-top:-15px;
+
-
}
+
-
 
+
-
.right-menu ul {
+
-
border: none;
+
-
}
+
-
 
+
-
#menubar{
+
-
top:22px;
+
-
z-index:25;
+
-
}
+
-
 
+
-
img[src*="/wiki/skins/common/images/wiki.png"]{
+
-
    width:0;
+
-
    height:0px;
+
-
    padding-right:975px;
+
-
    background:transparent url(https://2011.igem.org/wiki/skins/common/images/wiki.png) top left no-repeat;
+
-
}
+
-
element.style {
+
-
color: transparent;
+
-
cursor: default;
+
-
}
+
-
menubar ul {
+
-
color: transparent;
+
-
list-style: none;
+
-
list-style-type: none;
+
-
list-style-position: initial;
+
-
list-style-image: initial;
+
-
}
+
-
</style>
+
</head>
</head>
</html>
</html>
 +
 +
_NOTOC_
 +
<div id="ULC" class="sixpack">
 +
{{{ULC}}}
 +
</div>
 +
<div id="UMC" class="sixpack">
 +
{{{UMC}}}
 +
</div>
 +
<div id="URC" class="sixpack">
 +
{{{URC}}}
 +
</div>
 +
<div id="BLC" class="sixpack">
 +
{{{BLC}}}
 +
</div>
 +
<div id="BMC" class="sixpack">
 +
{{{BMC}}}
 +
</div>
 +
<div id="BRC" class="sixpack">
 +
{{{BRC}}}
 +
</div>

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"