Team:UNAM-Genomics Mexico/Templates/Team

From 2011.igem.org

(Difference between revisions)
(v 1.0.0)
(first version of wiki markup template)
Line 1: Line 1:
-
<html>
+
<html xmlns="http://www.w3.org/1999/xhtml">
 +
 
 +
<!--
 +
@VERSION 1.0.0
 +
@NAME    /Templates/Team
 +
@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    team_template.css
+
<script type="text/javascript">
-
VERSION  1.0.0
+
-
AUTHOR  Eduardo Vladimir Muñoz Hernández
+
-
DESC    The file contains the css data for the UNAM-Genomics_Mexico Team wiki pages
+
-
SEE      menu_template.css which contains the layout instructions for the menu.
+
-
*/
+
-
body {
+
  var _gaq = _gaq || [];
-
font-family:Geneva, Tahoma, sans-serif;
+
  _gaq.push(['_setAccount', 'UA-19624614-2']);
-
margin: 0px;
+
  _gaq.push(['_trackPageview']);
-
padding: 0px;
+
 
-
background-image:url(https://static.igem.org/mediawiki/2011/2/22/Light-bubbles1.jpg);
+
  (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>
 +
<style>
 +
 
 +
dummy.rule {
 +
/*Nothing here*/
}
}
-
#header{
+
body{
-
height:220px;
+
background-color: black;
-
width:100%;
+
background-image: url("https://static.igem.org/mediawiki/2011/9/98/Black_cardboard_tiled_UGM.png");
-
font-family:"Arial Black", Gadget, sans-serif;
+
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;
}
}
-
#header1{
+
div#globalWrapper{
-
height:220px;
+
background-color: transparent;
-
width:100%;
+
font-size: 100%;
-
bottom: auto;
+
line-height: 1em;
-
font-family:"Arial Black", Gadget, sans-serif;
+
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",
 +
*/
}
}
-
p.title{
+
div#content{
-
color:#CC4455;
+
position: relative;
-
font-size:150%;
+
width: 1000px;
 +
margin: 0 auto;
 +
padding: 0px 0px 0px 0px;
 +
border: none;
 +
z-index: 0;
 +
background-color: transparent;
 +
color: #000000;
 +
text-align:justify;
}
}
-
 
+
div#bodyContent{
-
#container {
+
position: relative;
-
margin: 0px auto;
+
padding: 0px;
 +
width: 1000px;
 +
height: px;
 +
margin: 0px;
 +
border: none;
 +
z-index: 0;
 +
background-color: transparent;
 +
color: #000000;
text-align:justify;
text-align:justify;
-
width: 100%;
 
-
background-image:url(https://static.igem.org/mediawiki/2011/7/7e/Paper_100_up.jpg);
 
-
color:#454545;
 
-
font-size: 110%;
 
}
}
 +
div#content h1.firstHeading{
 +
display: none;
 +
}
 +
div#bodyContent p{
 +
margin: 0px 0px 0px 0px;
 +
}
 +
div#contentSub{
 +
margin: 0;
 +
}
 +
div#catlinks{
 +
display: none;
 +
}
 +
 +
 +
/***********************************
 +
    iGEM header instructions
 +
***********************************/
-
div.row{
+
div#top-section{
-
vertical-align:top;
+
position: relative;
 +
width: 1000px;
 +
height: 21px;
 +
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.summary_text{
+
div#p-logo{
-
padding: 30px 30px 30px 30px;
+
display: none;
-
border:none;
+
width: 1000px;
-
font-size:115%;
+
z-index: 1;
}
}
-
div.descriptive_text{
+
div#menubar{
-
/*We must observe div.left_image to deffine the appropiate top-margin value*/
+
position: absolute;
-
margin: 70px 0px 0px 0px;
+
width: 400px;
-
padding: 30px 30px 30px 30px;
+
height: 21px;
-
border:none;
+
z-index: 5;
-
font-size:110%;
+
top:22px;
 +
margin-top: -20px;
}
}
-
div.left_image{
+
#menubar ul{
-
float:left;
+
margin: 0px 10px 0px 10px;
-
border:none;
+
padding: 0px 0px 0px 0px;
-
padding: 30px 30px 30px 30px;
+
}
}
-
div.right_image{
+
#menubar li{
-
float:right;
+
display: inline;
-
border:none;
+
-
padding: 30px 30px 30px 30px;
+
}
}
-
 
+
div.left-menu{
-
h1.team_section{
+
text-align: left;
-
margin: 1px 1px 1px 1px;
+
-
border:none;
+
-
text-decoration:none;
+
-
color:#00C;
+
-
font-size:110%;
+
}
}
-
 
+
div.right-menu{
-
a.HP{
+
text-align: right;
-
color:#B0E;
+
right: 0px;
-
text-decoration:none;
+
}
}
-
a.project{
+
div#search-controls{
-
color:#06C;
+
display: none;
-
text-decoration:none;
+
}
}
-
a.parts{
+
#menubar a{
-
color:#00A449;
+
text-decoration:none;
text-decoration:none;
 +
color:#C0C0C0;
}
}
-
a.model{
+
#menubar a:visited {
-
color:#C00505;
+
color:#9A8A5E;
-
text-decoration:none;
+
}
}
-
a.safety{
+
 
-
color:#FC0;
+
 
-
text-decoration:none;
+
/*******************************
 +
    iGEM Footer Instructions
 +
*******************************/
 +
div#footer-box {
 +
margin: 0 auto;
 +
width: 990px;
 +
padding: 5px;
 +
background-color: #6b6b6b;
 +
background-image: url("https://static.igem.org/mediawiki/2011/5/5b/Darkgrey_noise_UGM.png");
 +
border: none;
}
}
-
a.team{
+
div#footer-box div#footer ul#f-list li a {
-
color:#00C;
+
color: white;
-
text-decoration:none;
+
}
}
-
a.notebook{
+
div#footer-box div#footer ul#f-list li a:hover {
-
color:#93F;
+
color: black;  
-
text-decoration:none;
+
}
}
-
a.attributions{
+
#f-poweredbyico{
-
color:#F90;
+
display: none;
-
text-decoration:none;
+
}
}
-
a.garden{
+
#f-copyrightico{
-
color:#40D840;
+
display: none;
-
text-decoration:none;
+
}
}
-
a.project:hover, a.model:hover, a.garden:hover, a.team:hover, a.HP:hover,
+
 
-
a.safety:hover, a.parts:hover, a.attributions:hover, a.notebook:hover{
+
 
-
text-decoration:underline;
+
/*******************************
 +
  Window Control Properties
 +
*******************************/
 +
div.window_bar{
 +
margin: 0px;
 +
padding: 5px;
 +
width: 990px;
 +
heigth: 40px;
 +
background-color: #0033AA;
 +
}
 +
div#topBar{
 +
position: absolute;
 +
top: 0px;
 +
left: 0px;
 +
}
 +
div#bottomBar{
 +
position: absolute;
 +
top: 260px; /*(65*4)*/
 +
left: 0px;
}
}
-
/*The following class needs a square image as an input*/
+
div.window_box{
-
img.sub_project{
+
margin: 0px;
-
height:270px;
+
padding: 5px;
-
width:270px;
+
width: 40px;
-
border:none;
+
heigth: 40px;
 +
background-color: #3300AA;
}
}
-
img.sponsor_img{
+
/*Sepparating space: 15px;*/
-
height:100px;
+
div#leftTopBox{
-
width:100px;
+
position: absolute;
-
border:none;
+
top: 65px; /*50+15*/
 +
left: 0px;
 +
}
 +
div#leftMiddleBox{
 +
position: absolute;
 +
top: 130px; /*(65*2)*/
 +
left: 0px;
 +
}
 +
div#leftBottomBox{
 +
position: absolute;
 +
top: 195px; /*(65*3)*/
 +
left: 0px;
 +
}
 +
div#rightTopBox{
 +
position: absolute;
 +
top: 65px;
 +
right: 0px;
 +
}
 +
div#rightMiddleBox{
 +
position: absolute;
 +
top: 130px;
 +
right: 0px;
 +
}
 +
div#rightBottomBox{
 +
position: absolute;
 +
top: 195px;
 +
right: 0px;
}
}
-
</style>
+
div#window{
 +
margin: 0px;
 +
padding: 5px;
 +
width: 870px; /* (1000-(2*50)-(2*15)) */
 +
heigth: 180px; /* (3*50)+(2*15) */
 +
background-color: #3300AA;
 +
position: absolute;
 +
top: 65px; /*50+15*/
 +
left: 65px;
 +
 
 +
}
 +
 
 +
</style>
</head>
</head>
</html>
</html>
 +
 +
<div id="topBar" class="window_bar">{{{upInfo}}}</div>
 +
<div id="leftTopBox" class="window_box">{{{opt1}}}</div>
 +
<div id="leftMiddleBox" class="window_box">{{{opt2}}}</div>
 +
<div id="leftBottomBox" class="window_box">{{{opt3}}}</div>
 +
<div id="window">{{{window_content}}}</div>
 +
<div id="rightTopBox" class="window_box">{{{opt4}}}</div>
 +
<div id="rightMiddleBox" class="window_box">{{{opt5}}}</div>
 +
<div id="rightBottomBox" class="window_box">{{{opt6}}}</div>
 +
<div id="bottomBar" class="window_bar">{{{downInfo}}}</div>

Revision as of 01:15, 21 July 2011

UNAM-Genomics_Mexico

{{{upInfo}}}
{{{opt1}}}
{{{opt2}}}
{{{opt3}}}
{{{window_content}}}
{{{opt4}}}
{{{opt5}}}
{{{opt6}}}
{{{downInfo}}}
Retrieved from "http://2011.igem.org/Team:UNAM-Genomics_Mexico/Templates/Team"