Team:UNAM-Genomics Mexico/Templates/Home
From 2011.igem.org
(Difference between revisions)
m (Used darker .sixpack color. Removed .menu-right li a color) |
|||
(27 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> | ||
- | < | + | <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> |
- | + | <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> | ||
+ | <style> | ||
+ | |||
+ | dummy.rule { | ||
+ | /*Nothing here*/ | ||
} | } | ||
- | + | ||
- | + | body{ | |
- | + | background-color: black; | |
- | font-family:" | + | /*background-image: url("https://static.igem.org/mediawiki/2011/9/98/Black_cardboard_tiled_UGM.png");*/ |
- | + | 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#globalWrapper{ |
- | + | background-color: transparent; | |
- | + | font-size: 100%; | |
- | + | line-height: 1em; | |
- | font-family:" | + | 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", | ||
+ | */ | ||
} | } | ||
- | + | /*content and bodyContent are given the same properties to avoid problems*/ | |
- | color:# | + | div#content{ |
- | + | position: relative; | |
+ | width: 800px; | ||
+ | margin: 0 auto; | ||
+ | padding: 0px 0px 0px 0px; | ||
+ | border: none; | ||
+ | z-index: 0; | ||
+ | background-color: transparent; | ||
+ | color: #000000; | ||
+ | text-align:justify; | ||
} | } | ||
- | # | + | div#bodyContent{ |
- | margin: 0px | + | position: relative; |
+ | padding: 0px; | ||
+ | width: 800px; | ||
+ | height: 525px; | ||
+ | margin: 16px 0px; | ||
+ | border: none; | ||
+ | z-index: 0; | ||
+ | background-color: transparent; | ||
+ | color: #000000; | ||
text-align:justify; | text-align:justify; | ||
- | |||
- | |||
- | |||
- | |||
} | } | ||
- | div. | + | div#content h1.firstHeading{ |
- | + | display: none; | |
} | } | ||
- | div | + | div#bodyContent p{ |
- | + | margin: 0px 0px 0px 0px; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | div | + | div#contentSub{ |
- | + | margin: 0; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | div | + | div#catlinks{ |
- | + | display: none; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | + | ||
- | color:# | + | |
- | + | /*********************************** | |
+ | 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; | ||
} | } | ||
- | + | div#p-logo{ | |
- | + | display: none; | |
- | + | width: 800px; | |
+ | z-index: 1; | ||
} | } | ||
- | + | div#menubar{ | |
- | + | position: absolute; | |
- | + | width: 400px; | |
+ | 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; | ||
} | } | ||
- | + | #menubar ul{ | |
- | + | margin: 0px 10px 0px 10px; | |
- | + | padding: 0px 0px 0px 0px; | |
} | } | ||
- | + | #menubar li{ | |
- | + | display: inline; | |
- | + | ||
} | } | ||
- | + | div.left-menu{ | |
- | + | text-align: left; | |
- | text- | + | |
} | } | ||
- | + | div.left-menu:hover { | |
- | color: | + | background-color: transparent; |
- | + | ||
} | } | ||
- | + | div.right-menu{ | |
- | + | text-align: right; | |
- | + | right: 0px; | |
} | } | ||
- | + | div.right-menu li a{ | |
- | color:# | + | background-color: transparent; |
+ | } | ||
+ | div#search-controls{ | ||
+ | display: none; | ||
+ | } | ||
+ | #menubar a{ | ||
text-decoration:none; | text-decoration:none; | ||
+ | color:black; | ||
+ | } | ||
+ | #menubar a:visited { | ||
+ | color:grey; | ||
} | } | ||
- | a | + | #menubar a:hover { |
- | + | color: silver; | |
- | + | ||
} | } | ||
- | /* | + | /******************************* |
- | + | iGEM Footer Instructions | |
- | + | *******************************/ | |
- | width: | + | div#footer-box { |
- | border:none; | + | margin: 0 auto; |
+ | width: 790px; | ||
+ | padding: 5px; | ||
+ | background-color: #0b3c23; /*Logo based color*/ | ||
+ | /*background-image: url("https://static.igem.org/mediawiki/2011/5/5b/Darkgrey_noise_UGM.png");*/ | ||
+ | border: none; | ||
} | } | ||
- | + | div#footer-box div#footer ul#f-list li a { | |
- | + | 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 { | ||
+ | color: silver; | ||
+ | } | ||
+ | #f-poweredbyico{ | ||
+ | display: none; | ||
+ | } | ||
+ | #f-copyrightico{ | ||
+ | display: none; | ||
} | } | ||
- | </style> | + | |
+ | /******************************* | ||
+ | Cell Properties | ||
+ | *******************************/ | ||
+ | div.sixpack{ | ||
+ | margin: 0px; | ||
+ | padding: 0px; | ||
+ | width: 246px; | ||
+ | height: 246px; | ||
+ | border: none; | ||
+ | background-color: #1f763c; /*Logo based color*/ | ||
+ | |||
+ | } | ||
+ | div#ULC{ | ||
+ | position:absolute; | ||
+ | top: 0px; | ||
+ | left: 0px; | ||
+ | } | ||
+ | div#UMC{ | ||
+ | position:absolute; | ||
+ | top: 0px; | ||
+ | left: 277px; | ||
+ | } | ||
+ | div#URC{ | ||
+ | position:absolute; | ||
+ | top: 0px; | ||
+ | right: 0px; | ||
+ | } | ||
+ | div#BLC{ | ||
+ | position:absolute; | ||
+ | top: 277px; | ||
+ | left: 0px; | ||
+ | } | ||
+ | div#BMC{ | ||
+ | position:absolute; | ||
+ | top: 277px; | ||
+ | left: 277px; | ||
+ | } | ||
+ | div#BRC{ | ||
+ | position:absolute; | ||
+ | top: 277px; | ||
+ | right: 0px; | ||
+ | } | ||
+ | |||
+ | </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
_NOTOC_
{{{ULC}}}
{{{UMC}}}
{{{URC}}}
{{{BLC}}}
{{{BMC}}}
{{{BRC}}}