Team:UNAM-Genomics Mexico/Templates/Home

From 2011.igem.org

(Difference between revisions)
Vladimir (Talk | contribs)
(Inserted version 2 css code for our home page.)
Newer edit →

Revision as of 23:40, 8 June 2011

/* NAME home_template.css 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 { font-family:Tahoma, Geneva, sans-serif; font-size: 100%; margin: 0px; padding: 0px; background-image:url(https://2011.igem.org/File:Paper_100_up.jpg); }

  1. header{

height:100px; width:100%; background-image:url(2011_distribution_stickers_650x286.png); background-repeat:repeat-x; font-family:"Arial Black", Gadget, sans-serif; } p.title{ color:#CC4455; font-size:150%; }

  1. container {

margin: 0px auto; text-align:justify; width: 920px; background-image:url(https://2011.igem.org/File:Paper_80_right.jpg); color:#454545; } div.row{ vertical-align:top; } div.left_third{ text-align:center; border:none; float:left; width:33%; padding-top:20px; } div.mid_third{ text-align:center; border:none; float:left; width:34%; padding-top:20px; } div.right_third{ text-align:center; border:none; float:right; width:33%; padding-top:20px; } a.wet_lab{ color:#06C; text-decoration:none; } a.model{ color:#C00505; text-decoration:none; } a.garden{ color:#40D840; text-decoration:none; } a.team{ color:#00C; 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 } ul#h2igemmenu li:hover>*{ display:block } ul#h2igemmenu li:hover{ position:relative; } ul#h2igemmenu ul{ position: absolute; left:-1px; top:98%; } ul#h2igemmenu ul ul{ position:absolute; left:98%; top:-2px; } ul#h2igemmenu,ul#h2igemmenu ul{ margin:0px; list-style:none; padding:0px; background-image:#CCC; border-width:0px; border-style:none; border-color:transparent; } ul#h2igemmenu table { border-collapse:collapse } ul#h2igemmenu { display:block; font-size:0; zoom:1; width:100%; float: left; } ul#h2igemmenu ul{ //width:204px; padding:0; } ul#h2igemmenu li{ display:block; zoom:1; margin:0; font-size:0; float:left; } ul#h2igemmenu a:active, ul#h2igemmenu a:focus { outline-style:none } ul#h2igemmenu a,ul#h2igemmenu li.dis a:hover{ 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; padding:11px 15px 5px 5px; _padding-left:0; font:normal 8pt Verdana; color: #FFFFFF; text-decoration:none; cursor:pointer; } ul#h2igemmenu ul li { float:none; } ul#h2igemmenu ul a,ul#h2igemmenu ul li.dis a:hover{ display:block; 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}

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}

ul#h2igemmenu a:hover ul,ul#h2igemmenu a:hover a:hover ul{display:block}

ul#h2igemmenu a:hover ul ul{display:none}

ul#h2igemmenu span{

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; }

ul#h2igemmenu li.istylei0:hover>a{ background-color:#333; border-style:none; font:normal 14px Trebuchet MS; color:#FFFFFF; text-decoration:none; }

ul#h2igemmenu li.istylei0,ul#h2igemmenu li.dis.istylei0:hover{ margin:0 10px 0 0; background-color:#333; background-position:0 0; }

ul#h2igemmenu li.istylei0:hover{ background-color:#333; }

ul#h2igemmenu li a.istylei0:hover{ background-color:#666; border-style:none; font:normal 14px Trebuchet MS; color:#FFFFFF; text-decoration:none; font-weight: bold; }

ul#h2igemmenu.istylem0,ul#h2igemmenu ul.istylem0{ 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; }