Team:UNAM-Genomics Mexico/Templates/Parts
From 2011.igem.org
(Difference between revisions)
Line 1: | Line 1: | ||
- | <div class="top-slider-main"> | + | <!-- |
+ | @VERSION 2.0.0 | ||
+ | @NAME Bio-SintetizArte page for the UNAM-Genomics_Mexico team wiki. | ||
+ | --> | ||
+ | <html> | ||
+ | <head> | ||
+ | <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> | ||
+ | <link href="https://2011.igem.org/Team:UNAM-Genomics_Mexico/Templates/Home" rel="stylesheet" type="text/css" /> | ||
+ | <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> | ||
+ | |||
+ | <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> | ||
+ | |||
+ | |||
+ | |||
+ | <style type="text/css"> | ||
+ | |||
+ | /*Horizontal Slider*/ | ||
+ | .top-slider-main{width:600px; height:200px; overflow:hidden; position:relative; border:1px solid #000;} | ||
+ | .top-slider-main div{width:400px; height:200px; position:absolute; background-color:#FFF;} | ||
+ | .top-slider-main .slider-box1{z-index:96;} | ||
+ | .top-slider-main .slider-box2{margin-left:400px; z-index:97;} | ||
+ | .top-slider-main .slider-box3{margin-left:450px; z-index:98;} | ||
+ | .top-slider-main .slider-box4{margin-left:500px; z-index:99;} | ||
+ | .top-slider-main .slider-box5{margin-left:550px; z-index:100;} | ||
+ | |||
+ | .top-slider-main div .left{position:relative; width:50px; height:100%; float:left; cursor:pointer; color:#FFF;} | ||
+ | .top-slider-main div .content{position:relative; width:350px; color:#000; float:left; font-family: Arial, Helvetica, sans-serif; font-size:1em;} | ||
+ | .top-slider-main .slider-box1 .left{background-color:#dc2929;} | ||
+ | .top-slider-main .slider-box2 .left{background-color:#50f063;} | ||
+ | .top-slider-main .slider-box3 .left{background-color:#000;} | ||
+ | .top-slider-main .slider-box4 .left{background-color:#03F;} | ||
+ | .top-slider-main .slider-box5 .left{background-color:#4B3100;} | ||
+ | |||
+ | |||
+ | /* CHANGING THE WIKI CSS */ | ||
+ | |||
+ | #content { | ||
+ | position: relative; | ||
+ | width: 964px; | ||
+ | margin: 0 auto; | ||
+ | padding: 5px 5px 5px 5px; | ||
+ | background: transparent; | ||
+ | color: transparent; | ||
+ | border-left: none; | ||
+ | border-right: none; | ||
+ | line-height: 0px; | ||
+ | z-index: 2; | ||
+ | } | ||
+ | |||
+ | #contentSub { | ||
+ | display:none; | ||
+ | } | ||
+ | |||
+ | #bodyContent { | ||
+ | } | ||
+ | |||
+ | #siteSub { | ||
+ | display:none; | ||
+ | } | ||
+ | |||
+ | #search-controls { | ||
+ | display:none; | ||
+ | } | ||
+ | |||
+ | .firstHeading { | ||
+ | display:none; | ||
+ | } | ||
+ | |||
+ | #search-controls { | ||
+ | margin-top:30px; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | #top-section { | ||
+ | height: 25px; | ||
+ | border-left: none; | ||
+ | border-right: none; | ||
+ | border-bottom: none; | ||
+ | } | ||
+ | |||
+ | .left-menu { | ||
+ | margin-top:-15px; | ||
+ | } | ||
+ | |||
+ | .left-menu ul { | ||
+ | border: none; | ||
+ | } | ||
+ | |||
+ | #menubar li a { | ||
+ | color: #C03; | ||
+ | } | ||
+ | |||
+ | #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; | ||
+ | } | ||
+ | |||
+ | element.style { | ||
+ | } | ||
+ | |||
+ | |||
+ | #catlinks { | ||
+ | display:none; | ||
+ | } | ||
+ | |||
+ | |||
+ | #p-logo { | ||
+ | display:none; | ||
+ | position: absolute; | ||
+ | z-index: 1; | ||
+ | height: 0px; | ||
+ | width: 0px; | ||
+ | } | ||
+ | |||
+ | #pt-userpage{ | ||
+ | background-image: url(https://static.igem.org/mediawiki/2011/7/77/Unamgenomicsbackgroundtext.png); | ||
+ | } | ||
+ | #pt-preferences{ | ||
+ | background-image: url(https://static.igem.org/mediawiki/2011/7/77/Unamgenomicsbackgroundtext.png); | ||
+ | } | ||
+ | #pt-logout{ | ||
+ | background-image: url(https://static.igem.org/mediawiki/2011/7/77/Unamgenomicsbackgroundtext.png); | ||
+ | } | ||
+ | |||
+ | /* MENU STYLE DEFINITIONS */ | ||
+ | /*PINK PART*/ | ||
+ | ul#h2igemmenupink ul{ | ||
+ | display:none | ||
+ | } | ||
+ | ul#h2igemmenupink li:hover>*{ | ||
+ | display:block | ||
+ | } | ||
+ | ul#h2igemmenupink li:hover{ | ||
+ | position:relative; | ||
+ | } | ||
+ | ul#h2igemmenupink ul{ | ||
+ | position: absolute; | ||
+ | left:-1px; | ||
+ | top:100%; | ||
+ | } | ||
+ | ul#h2igemmenupink ul ul{ | ||
+ | position:absolute; | ||
+ | left:98%; | ||
+ | top:-2px; | ||
+ | } | ||
+ | ul#h2igemmenupink,ul#h2igemmenupink ul{ | ||
+ | margin:0px; | ||
+ | list-style:none; | ||
+ | padding:0px; | ||
+ | background-image:#CCC; | ||
+ | border-width:0px; | ||
+ | border-style:none; | ||
+ | border-color:transparent; | ||
+ | } | ||
+ | ul#h2igemmenupink table { | ||
+ | border-collapse:collapse | ||
+ | } | ||
+ | ul#h2igemmenupink { | ||
+ | display:block; | ||
+ | font-size:0; | ||
+ | zoom:1; | ||
+ | width:100%; | ||
+ | float: left; | ||
+ | } | ||
+ | ul#h2igemmenupink ul{ | ||
+ | //width:204px; | ||
+ | padding:0; | ||
+ | } | ||
+ | ul#h2igemmenupink li{ | ||
+ | display:block; | ||
+ | zoom:1; | ||
+ | margin:0; | ||
+ | font-size:0; | ||
+ | float:left; | ||
+ | } | ||
+ | ul#h2igemmenupink a:active, ul#h2igemmenupink a:focus { | ||
+ | outline-style:none | ||
+ | } | ||
+ | ul#h2igemmenupink a,ul#h2igemmenupink li.dis a:hover{ | ||
+ | display:block; | ||
+ | vertical-align:middle; | ||
+ | _display:inline-block; | ||
+ | _vertical-align:top; | ||
+ | background-color:#FF3366; | ||
+ | border-width:0px; | ||
+ | border-style:none; | ||
+ | border-color:transparent; | ||
+ | text-align:center; | ||
+ | text-decoration:none; | ||
+ | padding:11px 15px 5px 5px; | ||
+ | _padding-left:0; | ||
+ | font:bold 8pt Verdana; | ||
+ | color: #FFFFFF; | ||
+ | text-decoration:none; | ||
+ | cursor:pointer; | ||
+ | } | ||
+ | ul#h2igemmenupink ul li { | ||
+ | float:none; | ||
+ | } | ||
+ | ul#h2igemmenupink ul a,ul#h2igemmenupink ul li.dis a:hover{ | ||
+ | display:block; | ||
+ | text-align:left; | ||
+ | white-space:nowrap; | ||
+ | } | ||
+ | ul#h2igemmenupink li:hover>a{ | ||
+ | background-color:#993366; | ||
+ | border-color:transparent; | ||
+ | border-style:none; | ||
+ | font:bold 8pt Verdana; | ||
+ | color: #FFFFFF; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | ul#h2igemmenupink li a:hover{ | ||
+ | _position:relative; | ||
+ | background-color:#993366; | ||
+ | border-color:transparent; | ||
+ | border-style:none; | ||
+ | font:bold 8pt Verdana; | ||
+ | color: #FFFFFF; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | ul#h2igemmenupink li.dis a{ | ||
+ | color: #AAAAAA !important; | ||
+ | } | ||
+ | ul#h2igemmenupink img{ | ||
+ | border:none; | ||
+ | vertical-align:middle; | ||
+ | margin-right:22px; | ||
+ | } | ||
+ | ul#h2igemmenupink img.over{ | ||
+ | display:none | ||
+ | } | ||
+ | ul#h2igemmenupink li.dis a:hover img.over{ | ||
+ | display:none !important | ||
+ | } | ||
+ | ul#h2igemmenupink li.dis a:hover img.def { | ||
+ | display:inline !important | ||
+ | } | ||
+ | ul#h2igemmenupink li:hover > a img.def { | ||
+ | display:none | ||
+ | } | ||
+ | ul#h2igemmenupink li:hover > a img.over {display:inline} | ||
+ | |||
+ | ul#h2igemmenupink a:hover img.over,ul#h2igemmenupink a:hover ul img.def,ul#h2igemmenupink a:hover a:hover ul img.def,ul#h2igemmenupink a:hover a:hover img.over,ul#h2igemmenupink a:hover a:hover a:hover img.over{display:inline} | ||
+ | |||
+ | ul#h2igemmenupink a:hover img.def,ul#h2igemmenupink a:hover ul img.over,ul#h2igemmenupink a:hover a:hover ul img.over,ul#h2igemmenupink a:hover a:hover img.def,ul#h2igemmenupink a:hover a:hover a:hover img.def{display:none} | ||
+ | |||
+ | ul#h2igemmenupink a:hover ul,ul#h2igemmenupink a:hover a:hover ul{display:block} | ||
+ | |||
+ | ul#h2igemmenupink a:hover ul ul{display:none} | ||
+ | |||
+ | ul#h2igemmenupink span{ | ||
+ | |||
+ | display:block;overflow:visible;background-position:right center;background-repeat: no-repeat;padding-right:0px;} | ||
+ | |||
+ | ul#h2igemmenupink ul span{background-image:url(imgs/arr_white.gif);padding-right:29px;} | ||
+ | |||
+ | ul#h2igemmenupink li a.istylei0pink,ul#h2igemmenupink li.dis.istylei0pink:hover a.istylei0pink{ | ||
+ | height:25px; | ||
+ | background-color:#FF3366; | ||
+ | border-width:0px; | ||
+ | border-style:none; | ||
+ | font:bold 14px Trebuchet MS; | ||
+ | color:#FFFFFF; | ||
+ | text-decoration:none; | ||
+ | margin:0 -10px 0 10px; | ||
+ | _margin:0 0 0 0; | ||
+ | background-position:100% 0; | ||
+ | } | ||
+ | |||
+ | ul#h2igemmenupink li.istylei0pink:hover>a{ | ||
+ | background-color:#FF3366; | ||
+ | border-style:none; | ||
+ | font:bold 14px Trebuchet MS; | ||
+ | color:#FFFFFF; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | |||
+ | ul#h2igemmenupink li.istylei0pink,ul#h2igemmenupink li.dis.istylei0pink:hover{ | ||
+ | margin:0 10px 0 0; | ||
+ | background-color:#FF3366; | ||
+ | background-position:0 0; | ||
+ | } | ||
+ | |||
+ | ul#h2igemmenupink li.istylei0pink:hover{ | ||
+ | background-color:#FF3366; | ||
+ | } | ||
+ | |||
+ | ul#h2igemmenupink li a.istylei0pink:hover{ | ||
+ | background-color:#993366; | ||
+ | border-style:none; | ||
+ | font:bold 14px Trebuchet MS; | ||
+ | color:#FFFFFF; | ||
+ | text-decoration:none; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | |||
+ | ul#h2igemmenupink.istylem0pink,ul#h2igemmenupink ul.istylem0pink{ | ||
+ | background-color:transparent; | ||
+ | border-width:0px; | ||
+ | border-style:none; | ||
+ | padding:0; | ||
+ | } | ||
+ | |||
+ | ul#h2igemmenupink ul.istylem0pink li{ | ||
+ | margin:0; | ||
+ | } | ||
+ | |||
+ | ul#h2igemmenupink.istylem0pink li a,ul#h2igemmenupink ul.istylem0pink li a,ul#h2igemmenupink.istylem0pink li.dis a:hover,ul#h2igemmenupink ul.istylem0pink li.dis a:hover{ | ||
+ | padding:5px 5px 5px 5px; | ||
+ | } | ||
+ | |||
+ | /*YELLOW PART*/ | ||
+ | ul#h2igemmenyellow ul{ | ||
+ | display:none | ||
+ | } | ||
+ | ul#h2igemmenyellow li:hover>*{ | ||
+ | display:block | ||
+ | } | ||
+ | ul#h2igemmenyellow li:hover{ | ||
+ | position:relative; | ||
+ | } | ||
+ | ul#h2igemmenyellow ul{ | ||
+ | position: absolute; | ||
+ | left:-1px; | ||
+ | top:100%; | ||
+ | } | ||
+ | ul#h2igemmenyellow ul ul{ | ||
+ | position:absolute; | ||
+ | left:98%; | ||
+ | top:-2px; | ||
+ | } | ||
+ | ul#h2igemmenyellow,ul#h2igemmenyellow ul{ | ||
+ | margin:0px; | ||
+ | list-style:none; | ||
+ | padding:0px; | ||
+ | background-image:#CCC; | ||
+ | border-width:0px; | ||
+ | border-style:none; | ||
+ | border-color:transparent; | ||
+ | } | ||
+ | ul#h2igemmenyellow table { | ||
+ | border-collapse:collapse | ||
+ | } | ||
+ | ul#h2igemmenyellow { | ||
+ | display:block; | ||
+ | font-size:0; | ||
+ | zoom:1; | ||
+ | width:100%; | ||
+ | float: left; | ||
+ | } | ||
+ | ul#h2igemmenyellow ul{ | ||
+ | //width:204px; | ||
+ | padding:0; | ||
+ | } | ||
+ | ul#h2igemmenyellow li{ | ||
+ | display:block; | ||
+ | zoom:1; | ||
+ | margin:0; | ||
+ | font-size:0; | ||
+ | float:left; | ||
+ | } | ||
+ | ul#h2igemmenyellow a:active, ul#h2igemmenyellow a:focus { | ||
+ | outline-style:none | ||
+ | } | ||
+ | ul#h2igemmenyellow a,ul#h2igemmenyellow li.dis a:hover{ | ||
+ | display:block; | ||
+ | vertical-align:middle; | ||
+ | _display:inline-block; | ||
+ | _vertical-align:top; | ||
+ | background-color:#FFCC33; | ||
+ | border-width:0px; | ||
+ | border-style:none; | ||
+ | border-color:transparent; | ||
+ | text-align:center; | ||
+ | text-decoration:none; | ||
+ | padding:11px 15px 5px 5px; | ||
+ | _padding-left:0; | ||
+ | font:bold 8pt Verdana; | ||
+ | color: #FFFFFF; | ||
+ | text-decoration:none; | ||
+ | cursor:pointer; | ||
+ | } | ||
+ | ul#h2igemmenyellow ul li { | ||
+ | float:none; | ||
+ | } | ||
+ | ul#h2igemmenyellow ul a,ul#h2igemmenyellow ul li.dis a:hover{ | ||
+ | display:block; | ||
+ | text-align:left; | ||
+ | white-space:nowrap; | ||
+ | } | ||
+ | ul#h2igemmenyellow li:hover>a{ | ||
+ | background-color:#999900; | ||
+ | border-color:transparent; | ||
+ | border-style:none; | ||
+ | font:bold 8pt Verdana; | ||
+ | color: #FFFFFF; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | ul#h2igemmenyellow li a:hover{ | ||
+ | _position:relative; | ||
+ | background-color:#999900; | ||
+ | border-color:transparent; | ||
+ | border-style:none; | ||
+ | font:bold 8pt Verdana; | ||
+ | color: #FFFFFF; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | ul#h2igemmenyellow li.dis a{ | ||
+ | color: #AAAAAA !important; | ||
+ | } | ||
+ | ul#h2igemmenyellow img{ | ||
+ | border:none; | ||
+ | vertical-align:middle; | ||
+ | margin-right:22px; | ||
+ | } | ||
+ | ul#h2igemmenyellow img.over{ | ||
+ | display:none | ||
+ | } | ||
+ | ul#h2igemmenyellow li.dis a:hover img.over{ | ||
+ | display:none !important | ||
+ | } | ||
+ | ul#h2igemmenyellow li.dis a:hover img.def { | ||
+ | display:inline !important | ||
+ | } | ||
+ | ul#h2igemmenyellow li:hover > a img.def { | ||
+ | display:none | ||
+ | } | ||
+ | ul#h2igemmenyellow li:hover > a img.over {display:inline} | ||
+ | |||
+ | ul#h2igemmenyellow a:hover img.over,ul#h2igemmenyellow a:hover ul img.def,ul#h2igemmenyellow a:hover a:hover ul img.def,ul#h2igemmenyellow a:hover a:hover img.over,ul#h2igemmenyellow a:hover a:hover a:hover img.over{display:inline} | ||
+ | |||
+ | ul#h2igemmenyellow a:hover img.def,ul#h2igemmenyellow a:hover ul img.over,ul#h2igemmenyellow a:hover a:hover ul img.over,ul#h2igemmenyellow a:hover a:hover img.def,ul#h2igemmenyellow a:hover a:hover a:hover img.def{display:none} | ||
+ | |||
+ | ul#h2igemmenyellow a:hover ul,ul#h2igemmenyellow a:hover a:hover ul{display:block} | ||
+ | |||
+ | ul#h2igemmenyellow a:hover ul ul{display:none} | ||
+ | |||
+ | ul#h2igemmenyellow span{ | ||
+ | |||
+ | display:block;overflow:visible;background-position:right center;background-repeat: no-repeat;padding-right:0px;} | ||
+ | |||
+ | ul#h2igemmenyellow ul span{background-image:url(imgs/arr_white.gif);padding-right:29px;} | ||
+ | |||
+ | ul#h2igemmenyellow li a.istylei0yellow,ul#h2igemmenyellow li.dis.istylei0yellow:hover a.istylei0yellow{ | ||
+ | height:25px; | ||
+ | background-color:#FFCC33; | ||
+ | border-width:0px; | ||
+ | border-style:none; | ||
+ | font:bold 14px Trebuchet MS; | ||
+ | color:#FFFFFF; | ||
+ | text-decoration:none; | ||
+ | margin:0 -10px 0 10px; | ||
+ | _margin:0 0 0 0; | ||
+ | background-position:100% 0; | ||
+ | } | ||
+ | |||
+ | ul#h2igemmenyellow li.istylei0yellow:hover>a{ | ||
+ | background-color:#FFCC33; | ||
+ | border-style:none; | ||
+ | font:bold 14px Trebuchet MS; | ||
+ | color:#FFFFFF; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | |||
+ | ul#h2igemmenyellow li.istylei0yellow,ul#h2igemmenyellow li.dis.istylei0yellow:hover{ | ||
+ | margin:0 10px 0 0; | ||
+ | background-color:#FFCC33; | ||
+ | background-position:0 0; | ||
+ | } | ||
+ | |||
+ | ul#h2igemmenyellow li.istylei0yellow:hover{ | ||
+ | background-color:#FFCC33; | ||
+ | } | ||
+ | |||
+ | ul#h2igemmenyellow li a.istylei0yellow:hover{ | ||
+ | background-color:#999900; | ||
+ | border-style:none; | ||
+ | font:bold 14px Trebuchet MS; | ||
+ | color:#FFFFFF; | ||
+ | text-decoration:none; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | |||
+ | ul#h2igemmenyellow.istylem0yellow,ul#h2igemmenyellow ul.istylem0yellow{ | ||
+ | background-color:transparent; | ||
+ | border-width:0px; | ||
+ | border-style:none; | ||
+ | padding:0; | ||
+ | } | ||
+ | |||
+ | ul#h2igemmenyellow ul.istylem0yellow li{ | ||
+ | margin:0; | ||
+ | } | ||
+ | |||
+ | ul#h2igemmenyellow.istylem0yellow li a,ul#h2igemmenyellow ul.istylem0yellow li a,ul#h2igemmenyellow.istylem0yellow li.dis a:hover,ul#h2igemmenyellow ul.istylem0yellow li.dis a:hover{ | ||
+ | padding:5px 5px 5px 5px; | ||
+ | } | ||
+ | |||
+ | /*Blue Part*/ | ||
+ | ul#h2igemmenublue ul{ | ||
+ | display:none | ||
+ | } | ||
+ | ul#h2igemmenublue li:hover>*{ | ||
+ | display:block | ||
+ | } | ||
+ | ul#h2igemmenublue li:hover{ | ||
+ | position:relative; | ||
+ | } | ||
+ | ul#h2igemmenublue ul{ | ||
+ | position: absolute; | ||
+ | left:-1px; | ||
+ | top:100%; | ||
+ | } | ||
+ | ul#h2igemmenublue ul ul{ | ||
+ | position:absolute; | ||
+ | left:98%; | ||
+ | top:-2px; | ||
+ | } | ||
+ | ul#h2igemmenublue,ul#h2igemmenublue ul{ | ||
+ | margin:0px; | ||
+ | list-style:none; | ||
+ | padding:0px; | ||
+ | background-image:#CCC; | ||
+ | border-width:0px; | ||
+ | border-style:none; | ||
+ | border-color:transparent; | ||
+ | } | ||
+ | ul#h2igemmenublue table { | ||
+ | border-collapse:collapse | ||
+ | } | ||
+ | ul#h2igemmenublue { | ||
+ | display:block; | ||
+ | font-size:0; | ||
+ | zoom:1; | ||
+ | width:100%; | ||
+ | float: left; | ||
+ | } | ||
+ | ul#h2igemmenublue ul{ | ||
+ | //width:204px; | ||
+ | padding:0; | ||
+ | } | ||
+ | ul#h2igemmenublue li{ | ||
+ | display:block; | ||
+ | zoom:1; | ||
+ | margin:0; | ||
+ | font-size:0; | ||
+ | float:left; | ||
+ | } | ||
+ | ul#h2igemmenublue a:active, ul#h2igemmenublue a:focus { | ||
+ | outline-style:none | ||
+ | } | ||
+ | ul#h2igemmenublue a,ul#h2igemmenublue li.dis a:hover{ | ||
+ | display:block; | ||
+ | vertical-align:middle; | ||
+ | _display:inline-block; | ||
+ | _vertical-align:top; | ||
+ | background-color:#3399CC; | ||
+ | border-width:0px; | ||
+ | border-style:none; | ||
+ | border-color:transparent; | ||
+ | text-align:center; | ||
+ | text-decoration:none; | ||
+ | padding:11px 15px 5px 5px; | ||
+ | _padding-left:0; | ||
+ | font:bold 8pt Verdana; | ||
+ | color: #FFFFFF; | ||
+ | text-decoration:none; | ||
+ | cursor:pointer; | ||
+ | } | ||
+ | ul#h2igemmenublue ul li { | ||
+ | float:none; | ||
+ | } | ||
+ | ul#h2igemmenublue ul a,ul#h2igemmenublue ul li.dis a:hover{ | ||
+ | display:block; | ||
+ | text-align:left; | ||
+ | white-space:nowrap; | ||
+ | } | ||
+ | ul#h2igemmenublue li:hover>a{ | ||
+ | background-color:#006699; | ||
+ | border-color:transparent; | ||
+ | border-style:none; | ||
+ | font:bold 8pt Verdana; | ||
+ | color: #FFFFFF; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | ul#h2igemmenublue li a:hover{ | ||
+ | _position:relative; | ||
+ | background-color:#006699; | ||
+ | border-color:transparent; | ||
+ | border-style:none; | ||
+ | font:bold 8pt Verdana; | ||
+ | color: #FFFFFF; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | ul#h2igemmenublue li.dis a{ | ||
+ | color: #AAAAAA !important; | ||
+ | } | ||
+ | ul#h2igemmenublue img{ | ||
+ | border:none; | ||
+ | vertical-align:middle; | ||
+ | margin-right:22px; | ||
+ | } | ||
+ | ul#h2igemmenublue img.over{ | ||
+ | display:none | ||
+ | } | ||
+ | ul#h2igemmenublue li.dis a:hover img.over{ | ||
+ | display:none !important | ||
+ | } | ||
+ | ul#h2igemmenublue li.dis a:hover img.def { | ||
+ | display:inline !important | ||
+ | } | ||
+ | ul#h2igemmenublue li:hover > a img.def { | ||
+ | display:none | ||
+ | } | ||
+ | ul#h2igemmenublue li:hover > a img.over {display:inline} | ||
+ | |||
+ | ul#h2igemmenublue a:hover img.over,ul#h2igemmenublue a:hover ul img.def,ul#h2igemmenublue a:hover a:hover ul img.def,ul#h2igemmenublue a:hover a:hover img.over,ul#h2igemmenublue a:hover a:hover a:hover img.over{display:inline} | ||
+ | |||
+ | ul#h2igemmenublue a:hover img.def,ul#h2igemmenublue a:hover ul img.over,ul#h2igemmenublue a:hover a:hover ul img.over,ul#h2igemmenublue a:hover a:hover img.def,ul#h2igemmenublue a:hover a:hover a:hover img.def{display:none} | ||
+ | |||
+ | ul#h2igemmenublue a:hover ul,ul#h2igemmenublue a:hover a:hover ul{display:block} | ||
+ | |||
+ | ul#h2igemmenublue a:hover ul ul{display:none} | ||
+ | |||
+ | ul#h2igemmenublue span{ | ||
+ | |||
+ | display:block;overflow:visible;background-position:right center;background-repeat: no-repeat;padding-right:0px;} | ||
+ | |||
+ | ul#h2igemmenublue ul span{background-image:url(imgs/arr_white.gif);padding-right:29px;} | ||
+ | |||
+ | ul#h2igemmenublue li a.istylei0blue,ul#h2igemmenublue li.dis.istylei0blue:hover a.istylei0blue{ | ||
+ | height:25px; | ||
+ | background-color:#3399CC; | ||
+ | border-width:0px; | ||
+ | border-style:none; | ||
+ | font:bold 14px Trebuchet MS; | ||
+ | color:#FFFFFF; | ||
+ | text-decoration:none; | ||
+ | margin:0 -10px 0 10px; | ||
+ | _margin:0 0 0 0; | ||
+ | background-position:100% 0; | ||
+ | } | ||
+ | |||
+ | ul#h2igemmenublue li.istylei0blue:hover>a{ | ||
+ | background-color:#3399CC; | ||
+ | border-style:none; | ||
+ | font:bold 14px Trebuchet MS; | ||
+ | color:#FFFFFF; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | |||
+ | ul#h2igemmenublue li.istylei0blue,ul#h2igemmenublue li.dis.istylei0blue:hover{ | ||
+ | margin:0 10px 0 0; | ||
+ | background-color:#3399CC; | ||
+ | background-position:0 0; | ||
+ | } | ||
+ | |||
+ | ul#h2igemmenublue li.istylei0blue:hover{ | ||
+ | background-color:#3399CC; | ||
+ | } | ||
+ | |||
+ | ul#h2igemmenublue li a.istylei0blue:hover{ | ||
+ | background-color:#006699; | ||
+ | border-style:none; | ||
+ | font:bold 14px Trebuchet MS; | ||
+ | color:#FFFFFF; | ||
+ | text-decoration:none; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | |||
+ | ul#h2igemmenublue.istylem0blueblue,ul#h2igemmenublue ul.istylem0blueblue{ | ||
+ | background-color:transparent; | ||
+ | border-width:0px; | ||
+ | border-style:none; | ||
+ | padding:0; | ||
+ | } | ||
+ | |||
+ | ul#h2igemmenublue ul.istylem0blueblue li{ | ||
+ | margin:0; | ||
+ | } | ||
+ | |||
+ | ul#h2igemmenublue.istylem0blueblue li a,ul#h2igemmenublue ul.istylem0blueblue li a,ul#h2igemmenublue.istylem0blueblue li.dis a:hover,ul#h2igemmenublue ul.istylem0blueblue li.dis a:hover{ | ||
+ | padding:5px 5px 5px 5px; | ||
+ | } | ||
+ | |||
+ | /*Purple part*/ | ||
+ | ul#h2igemmenupurple ul{ | ||
+ | display:none | ||
+ | } | ||
+ | ul#h2igemmenupurple li:hover>*{ | ||
+ | display:block | ||
+ | } | ||
+ | ul#h2igemmenupurple li:hover{ | ||
+ | position:relative; | ||
+ | } | ||
+ | ul#h2igemmenupurple ul{ | ||
+ | position: absolute; | ||
+ | left:-1px; | ||
+ | top:100%; | ||
+ | } | ||
+ | ul#h2igemmenupurple ul ul{ | ||
+ | position:absolute; | ||
+ | left:98%; | ||
+ | top:-2px; | ||
+ | } | ||
+ | ul#h2igemmenupurple,ul#h2igemmenupurple ul{ | ||
+ | margin:0px; | ||
+ | list-style:none; | ||
+ | padding:0px; | ||
+ | background-image:#CCC; | ||
+ | border-width:0px; | ||
+ | border-style:none; | ||
+ | border-color:transparent; | ||
+ | } | ||
+ | ul#h2igemmenupurple table { | ||
+ | border-collapse:collapse | ||
+ | } | ||
+ | ul#h2igemmenupurple { | ||
+ | display:block; | ||
+ | font-size:0; | ||
+ | zoom:1; | ||
+ | width:100%; | ||
+ | float: left; | ||
+ | } | ||
+ | ul#h2igemmenupurple ul{ | ||
+ | //width:204px; | ||
+ | padding:0; | ||
+ | } | ||
+ | ul#h2igemmenupurple li{ | ||
+ | display:block; | ||
+ | zoom:1; | ||
+ | margin:0; | ||
+ | font-size:0; | ||
+ | float:left; | ||
+ | } | ||
+ | ul#h2igemmenupurple a:active, ul#h2igemmenupurple a:focus { | ||
+ | outline-style:none | ||
+ | } | ||
+ | ul#h2igemmenupurple a,ul#h2igemmenupurple li.dis a:hover{ | ||
+ | display:block; | ||
+ | vertical-align:middle; | ||
+ | _display:inline-block; | ||
+ | _vertical-align:top; | ||
+ | background-color:#993399; | ||
+ | border-width:0px; | ||
+ | border-style:none; | ||
+ | border-color:transparent; | ||
+ | text-align:center; | ||
+ | text-decoration:none; | ||
+ | padding:11px 15px 5px 5px; | ||
+ | _padding-left:0; | ||
+ | font:bold 8pt Verdana; | ||
+ | color: #FFFFFF; | ||
+ | text-decoration:none; | ||
+ | cursor:pointer; | ||
+ | } | ||
+ | ul#h2igemmenupurple ul li { | ||
+ | float:none; | ||
+ | } | ||
+ | ul#h2igemmenupurple ul a,ul#h2igemmenupurple ul li.dis a:hover{ | ||
+ | display:block; | ||
+ | text-align:left; | ||
+ | white-space:nowrap; | ||
+ | } | ||
+ | ul#h2igemmenupurple li:hover>a{ | ||
+ | background-color:#660066; | ||
+ | border-color:transparent; | ||
+ | border-style:none; | ||
+ | font:bold 8pt Verdana; | ||
+ | color: #FFFFFF; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | ul#h2igemmenupurple li a:hover{ | ||
+ | _position:relative; | ||
+ | background-color:#660066; | ||
+ | border-color:transparent; | ||
+ | border-style:none; | ||
+ | font:bold 8pt Verdana; | ||
+ | color: #FFFFFF; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | ul#h2igemmenupurple li.dis a{ | ||
+ | color: #AAAAAA !important; | ||
+ | } | ||
+ | ul#h2igemmenupurple img{ | ||
+ | border:none; | ||
+ | vertical-align:middle; | ||
+ | margin-right:22px; | ||
+ | } | ||
+ | ul#h2igemmenupurple img.over{ | ||
+ | display:none | ||
+ | } | ||
+ | ul#h2igemmenupurple li.dis a:hover img.over{ | ||
+ | display:none !important | ||
+ | } | ||
+ | ul#h2igemmenupurple li.dis a:hover img.def { | ||
+ | display:inline !important | ||
+ | } | ||
+ | ul#h2igemmenupurple li:hover > a img.def { | ||
+ | display:none | ||
+ | } | ||
+ | ul#h2igemmenupurple li:hover > a img.over {display:inline} | ||
+ | |||
+ | ul#h2igemmenupurple a:hover img.over,ul#h2igemmenupurple a:hover ul img.def,ul#h2igemmenupurple a:hover a:hover ul img.def,ul#h2igemmenupurple a:hover a:hover img.over,ul#h2igemmenupurple a:hover a:hover a:hover img.over{display:inline} | ||
+ | |||
+ | ul#h2igemmenupurple a:hover img.def,ul#h2igemmenupurple a:hover ul img.over,ul#h2igemmenupurple a:hover a:hover ul img.over,ul#h2igemmenupurple a:hover a:hover img.def,ul#h2igemmenupurple a:hover a:hover a:hover img.def{display:none} | ||
+ | |||
+ | ul#h2igemmenupurple a:hover ul,ul#h2igemmenupurple a:hover a:hover ul{display:block} | ||
+ | |||
+ | ul#h2igemmenupurple a:hover ul ul{display:none} | ||
+ | |||
+ | ul#h2igemmenupurple span{ | ||
+ | |||
+ | display:block;overflow:visible;background-position:right center;background-repeat: no-repeat;padding-right:0px;} | ||
+ | |||
+ | ul#h2igemmenupurple ul span{background-image:url(imgs/arr_white.gif);padding-right:29px;} | ||
+ | |||
+ | ul#h2igemmenupurple li a.istylei0purple,ul#h2igemmenupurple li.dis.istylei0purple:hover a.istylei0purple{ | ||
+ | height:25px; | ||
+ | background-color:#993399; | ||
+ | border-width:0px; | ||
+ | border-style:none; | ||
+ | font:bold 14px Trebuchet MS; | ||
+ | color:#FFFFFF; | ||
+ | text-decoration:none; | ||
+ | margin:0 -10px 0 10px; | ||
+ | _margin:0 0 0 0; | ||
+ | background-position:100% 0; | ||
+ | } | ||
+ | |||
+ | ul#h2igemmenupurple li.istylei0purple:hover>a{ | ||
+ | background-color:#993399; | ||
+ | border-style:none; | ||
+ | font:bold 14px Trebuchet MS; | ||
+ | color:#FFFFFF; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | |||
+ | ul#h2igemmenupurple li.istylei0purple,ul#h2igemmenupurple li.dis.istylei0purple:hover{ | ||
+ | margin:0 10px 0 0; | ||
+ | background-color:#993399; | ||
+ | background-position:0 0; | ||
+ | } | ||
+ | |||
+ | ul#h2igemmenupurple li.istylei0purple:hover{ | ||
+ | background-color:#993399; | ||
+ | } | ||
+ | |||
+ | ul#h2igemmenupurple li a.istylei0purple:hover{ | ||
+ | background-color:#660066; | ||
+ | border-style:none; | ||
+ | font:bold 14px Trebuchet MS; | ||
+ | color:#FFFFFF; | ||
+ | text-decoration:none; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | |||
+ | ul#h2igemmenupurple.istylem0purple,ul#h2igemmenupurple ul.istylem0purple{ | ||
+ | background-color:transparent; | ||
+ | border-width:0px; | ||
+ | border-style:none; | ||
+ | padding:0; | ||
+ | } | ||
+ | |||
+ | ul#h2igemmenupurple ul.istylem0purple li{ | ||
+ | margin:0; | ||
+ | } | ||
+ | |||
+ | ul#h2igemmenupurple.istylem0purple li a,ul#h2igemmenupurple ul.istylem0purple li a,ul#h2igemmenupurple.istylem0purple li.dis a:hover,ul#h2igemmenupurple ul.istylem0purple li.dis a:hover{ | ||
+ | padding:5px 5px 5px 5px; | ||
+ | } | ||
+ | |||
+ | /*Orange part*/ | ||
+ | |||
+ | ul#h2igemmenuOrange ul{ | ||
+ | display:none | ||
+ | } | ||
+ | ul#h2igemmenuOrange li:hover>*{ | ||
+ | display:block | ||
+ | } | ||
+ | ul#h2igemmenuOrange li:hover{ | ||
+ | position:relative; | ||
+ | } | ||
+ | ul#h2igemmenuOrange ul{ | ||
+ | position: absolute; | ||
+ | left:-1px; | ||
+ | top:100%; | ||
+ | } | ||
+ | ul#h2igemmenuOrange ul ul{ | ||
+ | position:absolute; | ||
+ | left:98%; | ||
+ | top:-2px; | ||
+ | } | ||
+ | ul#h2igemmenuOrange,ul#h2igemmenuOrange ul{ | ||
+ | margin:0px; | ||
+ | list-style:none; | ||
+ | padding:0px; | ||
+ | background-image:#CCC; | ||
+ | border-width:0px; | ||
+ | border-style:none; | ||
+ | border-color:transparent; | ||
+ | } | ||
+ | ul#h2igemmenuOrange table { | ||
+ | border-collapse:collapse | ||
+ | } | ||
+ | ul#h2igemmenuOrange { | ||
+ | display:block; | ||
+ | font-size:0; | ||
+ | zoom:1; | ||
+ | width:100%; | ||
+ | float: left; | ||
+ | } | ||
+ | ul#h2igemmenuOrange ul{ | ||
+ | //width:204px; | ||
+ | padding:0; | ||
+ | } | ||
+ | ul#h2igemmenuOrange li{ | ||
+ | display:block; | ||
+ | zoom:1; | ||
+ | margin:0; | ||
+ | font-size:0; | ||
+ | float:left; | ||
+ | } | ||
+ | ul#h2igemmenuOrange a:active, ul#h2igemmenuOrange a:focus { | ||
+ | outline-style:none | ||
+ | } | ||
+ | ul#h2igemmenuOrange a,ul#h2igemmenuOrange li.dis a:hover{ | ||
+ | display:block; | ||
+ | vertical-align:middle; | ||
+ | _display:inline-block; | ||
+ | _vertical-align:top; | ||
+ | background-color:#FF9933; | ||
+ | border-width:0px; | ||
+ | border-style:none; | ||
+ | border-color:transparent; | ||
+ | text-align:center; | ||
+ | text-decoration:none; | ||
+ | padding:11px 15px 5px 5px; | ||
+ | _padding-left:0; | ||
+ | font:bold 8pt Verdana; | ||
+ | color: #FFFFFF; | ||
+ | text-decoration:none; | ||
+ | cursor:pointer; | ||
+ | } | ||
+ | ul#h2igemmenuOrange ul li { | ||
+ | float:none; | ||
+ | } | ||
+ | ul#h2igemmenuOrange ul a,ul#h2igemmenuOrange ul li.dis a:hover{ | ||
+ | display:block; | ||
+ | text-align:left; | ||
+ | white-space:nowrap; | ||
+ | } | ||
+ | ul#h2igemmenuOrange li:hover>a{ | ||
+ | background-color:#CC6600; | ||
+ | border-color:transparent; | ||
+ | border-style:none; | ||
+ | font:bold 8pt Verdana; | ||
+ | color: #FFFFFF; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | ul#h2igemmenuOrange li a:hover{ | ||
+ | _position:relative; | ||
+ | background-color:#CC6600; | ||
+ | border-color:transparent; | ||
+ | border-style:none; | ||
+ | font:bold 8pt Verdana; | ||
+ | color: #FFFFFF; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | ul#h2igemmenuOrange li.dis a{ | ||
+ | color: #AAAAAA !important; | ||
+ | } | ||
+ | ul#h2igemmenuOrange img{ | ||
+ | border:none; | ||
+ | vertical-align:middle; | ||
+ | margin-right:22px; | ||
+ | } | ||
+ | ul#h2igemmenuOrange img.over{ | ||
+ | display:none | ||
+ | } | ||
+ | ul#h2igemmenuOrange li.dis a:hover img.over{ | ||
+ | display:none !important | ||
+ | } | ||
+ | ul#h2igemmenuOrange li.dis a:hover img.def { | ||
+ | display:inline !important | ||
+ | } | ||
+ | ul#h2igemmenuOrange li:hover > a img.def { | ||
+ | display:none | ||
+ | |||
+ | } | ||
+ | ul#h2igemmenuOrange li:hover > a img.over {display:inline} | ||
+ | |||
+ | ul#h2igemmenuOrange a:hover img.over,ul#h2igemmenuOrange a:hover ul img.def,ul#h2igemmenuOrange a:hover a:hover ul img.def,ul#h2igemmenuOrange a:hover a:hover img.over,ul#h2igemmenuOrange a:hover a:hover a:hover img.over{display:inline} | ||
+ | |||
+ | ul#h2igemmenuOrange a:hover img.def,ul#h2igemmenuOrange a:hover ul img.over,ul#h2igemmenuOrange a:hover a:hover ul img.over,ul#h2igemmenuOrange a:hover a:hover img.def,ul#h2igemmenuOrange a:hover a:hover a:hover img.def{display:none} | ||
+ | |||
+ | ul#h2igemmenuOrange a:hover ul,ul#h2igemmenuOrange a:hover a:hover ul{display:block} | ||
+ | |||
+ | ul#h2igemmenuOrange a:hover ul ul{display:none} | ||
+ | |||
+ | ul#h2igemmenuOrange span{ | ||
+ | |||
+ | display:block;overflow:visible;background-position:right center;background-repeat: no-repeat;padding-right:0px;} | ||
+ | |||
+ | ul#h2igemmenuOrange ul span{background-image:url(imgs/arr_white.gif);padding-right:29px;} | ||
+ | |||
+ | ul#h2igemmenuOrange li a.istylei0orange,ul#h2igemmenuOrange li.dis.istylei0orange:hover a.istylei0orange{ | ||
+ | height:25px; | ||
+ | background-color:#FF9933; | ||
+ | border-width:0px; | ||
+ | border-style:none; | ||
+ | font:bold 14px Trebuchet MS; | ||
+ | color:#FFFFFF; | ||
+ | text-decoration:none; | ||
+ | margin:0 -10px 0 10px; | ||
+ | _margin:0 0 0 0; | ||
+ | background-position:100% 0; | ||
+ | } | ||
+ | |||
+ | ul#h2igemmenuOrange li.istylei0orange:hover>a{ | ||
+ | background-color:#FF9933; | ||
+ | border-style:none; | ||
+ | font:bold 14px Trebuchet MS; | ||
+ | color:#FFFFFF; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | |||
+ | ul#h2igemmenuOrange li.istylei0orange,ul#h2igemmenuOrange li.dis.istylei0orange:hover{ | ||
+ | margin:0 10px 0 0; | ||
+ | background-color:#FF9933; | ||
+ | background-position:0 0; | ||
+ | } | ||
+ | |||
+ | ul#h2igemmenuOrange li.istylei0orange:hover{ | ||
+ | background-color:#FF9933; | ||
+ | } | ||
+ | |||
+ | ul#h2igemmenuOrange li a.istylei0orange:hover{ | ||
+ | background-color:#CC6600; | ||
+ | border-style:none; | ||
+ | font:bold 14px Trebuchet MS; | ||
+ | color:#FFFFFF; | ||
+ | text-decoration:none; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | |||
+ | ul#h2igemmenuOrange.istylem0orange,ul#h2igemmenuOrange ul.istylem0orange{ | ||
+ | background-color:transparent; | ||
+ | border-width:0px; | ||
+ | border-style:none; | ||
+ | padding:0; | ||
+ | } | ||
+ | |||
+ | ul#h2igemmenuOrange ul.istylem0orange li{ | ||
+ | margin:0; | ||
+ | } | ||
+ | |||
+ | ul#h2igemmenuOrange.istylem0orange li a,ul#h2igemmenuOrange ul.istylem0orange li a,ul#h2igemmenuOrange.istylem0orange li.dis a:hover,ul#h2igemmenuOrange ul.istylem0orange li.dis a:hover{ | ||
+ | padding:5px 5px 5px 5px; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | /* MAIN PAGE CSS */ | ||
+ | body { | ||
+ | font-family:Tahoma, Geneva, sans-serif; | ||
+ | margin: 0px; | ||
+ | padding: 0px; | ||
+ | color:#FFFFFF; | ||
+ | background-color: #FFF; | ||
+ | } | ||
+ | |||
+ | #header{ | ||
+ | height:220px; | ||
+ | width:100%; | ||
+ | font-family:"Arial Black", Gadget, sans-serif; | ||
+ | } | ||
+ | .header1{ | ||
+ | height:auto; | ||
+ | width:100%; | ||
+ | bottom: auto; | ||
+ | font-family:"Arial Black", Gadget, sans-serif; | ||
+ | margin-top:-80px | ||
+ | background: #333; | ||
+ | } | ||
+ | |||
+ | p.title{ | ||
+ | color:#CC4455; | ||
+ | font-size:150%; | ||
+ | } | ||
+ | |||
+ | #container { | ||
+ | margin: 0px auto; | ||
+ | text-align:justify; | ||
+ | width: 100%; | ||
+ | background-image:url(https://static.igem.org/mediawiki/2011/7/77/Unamgenomicsbackgroundtext.png); | ||
+ | color:#000000; | ||
+ | font-size: 110%; | ||
+ | } | ||
+ | |||
+ | /*TEXT CONTENT*/ | ||
+ | |||
+ | div#textContent{ | ||
+ | background-color: #333333; | ||
+ | background-image: url("https://static.igem.org/mediawiki/2011/7/77/Unamgenomicsbackgroundtext.png"); | ||
+ | background-repeat: repeat; | ||
+ | margin: 0px 0px 0px 0px; | ||
+ | padding: 15px 45px 15px 45px; | ||
+ | |||
+ | } | ||
+ | div#textContent p{ | ||
+ | margin: .4em 0 .5em 0; | ||
+ | line-height: 1.5em; | ||
+ | } | ||
+ | h1{ | ||
+ | text-align:center; | ||
+ | } | ||
+ | |||
+ | #textContent a{ | ||
+ | text-decoration: none; | ||
+ | color: #378256; /*green*/ | ||
+ | } | ||
+ | #textContent a:visited{ | ||
+ | color: #34924c; /*lighter green*/ | ||
+ | } | ||
+ | |||
+ | #textContent a.anchor{ | ||
+ | color: #000000; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* Image on hover description */ | ||
+ | |||
+ | td { | ||
+ | background-color: transparent; | ||
+ | background-repeat: no-repeat; | ||
+ | clear: both; | ||
+ | height: auto; | ||
+ | width: auto; | ||
+ | } | ||
+ | |||
+ | .imgteaser { | ||
+ | margin: 0; | ||
+ | overflow: hidden; | ||
+ | float: left; | ||
+ | position: relative; | ||
+ | } | ||
+ | .imgteaser a { | ||
+ | text-decoration: none; | ||
+ | float: left; | ||
+ | } | ||
+ | .imgteaser a:hover { | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | .imgteaser a img { | ||
+ | float: left; | ||
+ | margin: 0; | ||
+ | border: none; | ||
+ | padding: 20px; | ||
+ | background: #FFF; | ||
+ | border: 0px solid #ddd; | ||
+ | } | ||
+ | |||
+ | .imgteaser a .desc { display: none; } | ||
+ | |||
+ | .imgteaser a:hover .desc{ | ||
+ | display: block; | ||
+ | font-size: 1.1em; | ||
+ | padding: 20px 0; | ||
+ | background: #111; | ||
+ | filter:alpha(opacity=65); | ||
+ | opacity:.65; | ||
+ | -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; /*--IE 8 Transparency--*/ | ||
+ | color: #fff; | ||
+ | position: absolute; | ||
+ | bottom: 11px; | ||
+ | left: 11px; | ||
+ | padding: 10px; | ||
+ | margin: 0; | ||
+ | width: 230px; | ||
+ | height:100px; | ||
+ | border-top: 1px solid #999; | ||
+ | } | ||
+ | .imgteaser a:hover .desc strong { | ||
+ | display: block; | ||
+ | margin-bottom: 5px; | ||
+ | font-size:1.2em; | ||
+ | } | ||
+ | </style> | ||
+ | <script> | ||
+ | var $slider_started = false; | ||
+ | $(document).ready(function(){ | ||
+ | var $total_slider = $('.top-slider-main > div').length; | ||
+ | var $label_width = $('.top-slider-main div .left').width(); | ||
+ | var $max_slider_width = ($total_slider -1)*$label_width; | ||
+ | var $extra_margin = $('.top-slider-main div').width() - $label_width; | ||
+ | |||
+ | $('.top-slider-main div:not(.slider-box1) .left').mouseover(function(){ | ||
+ | var $slider_index = $('.top-slider-main > div').index($(this).parent()) + 1; | ||
+ | if($(this).parent().hasClass('on')) | ||
+ | { | ||
+ | if($slider_started != 1) | ||
+ | { | ||
+ | $slider_started = 2; | ||
+ | for(i=$total_slider; i>=$slider_index; i--) | ||
+ | { | ||
+ | var $elm = $('.top-slider-main .slider-box'+i); | ||
+ | if($elm.hasClass('on')) | ||
+ | { | ||
+ | $elm.removeClass('on'); | ||
+ | var $left_margin = ($label_width*(i-1)) + $extra_margin; | ||
+ | $elm.stop().animate({marginLeft : $left_margin}, 1500, function(){$slider_started = false;}); | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | else | ||
+ | { | ||
+ | if($slider_started != 2) | ||
+ | { | ||
+ | $slider_started = 1; | ||
+ | for(i=2; i<=$slider_index; i++) | ||
+ | { | ||
+ | var $elm = $('.top-slider-main .slider-box'+i); | ||
+ | if(!$elm.hasClass('on')) | ||
+ | { | ||
+ | $elm.addClass('on'); | ||
+ | var $left_margin = ($label_width*(i-1)); | ||
+ | $elm.stop().animate({marginLeft : $left_margin}, 1500, function(){$slider_started = false;}); | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | }); | ||
+ | }); | ||
+ | </script> | ||
+ | |||
+ | </head> | ||
+ | |||
+ | <body> | ||
+ | <div id="container"> | ||
+ | <div class="header"> | ||
+ | <img src="https://static.igem.org/mediawiki/2011/a/a7/Unamgenomicshidrobiumetliheader1.jpg" width="964px" height="203px" id="Insert_logo" style="background: #8090AB; display:block; "></a> | ||
+ | |||
+ | <!-- Menu Code --> | ||
+ | <table border="0" align="center" cellpadding="0" cellspacing="0"> | ||
+ | <tr><td width="10" align="center" valign="center"> | ||
+ | <td> | ||
+ | <ul id="h2igemmenuOrange"> | ||
+ | |||
+ | <li class="istylei0orange" style="width:100px;"><a class="istylei0orange" href="https://2011.igem.org/Team:UNAM-Genomics_Mexico"> Home </a></li> | ||
+ | </ul> | ||
+ | |||
+ | </td> | ||
+ | <td> | ||
+ | <ul id="h2igemmenupink"> | ||
+ | <li class="istylei0pink" style="width:100px;"><a class="istylei0pink" href="https://2011.igem.org/Team:UNAM-Genomics_Mexico/Project"><span>Project</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]--> | ||
+ | <ul class="istylem0pink" style="width:195px;"> | ||
+ | <li><a href="#"><span>Hydrogen Production</span><![if gt IE 6]></a> | ||
+ | <li><a href="#"><span>Rhizobial Kit</span><![if gt IE 6]></a> | ||
+ | <li><a href="#"><span>Parts</span><![if gt IE 6]></a> | ||
+ | <li><a href="#"><span>Notebook</span><![if gt IE 6]></a> | ||
+ | <![endif]><!--[if lte IE 6]><table><tr><td><![endif]--> | ||
+ | <!--[if lte IE 6]></td></tr></table></a><![endif]--></li> | ||
+ | </ul></ul> | ||
+ | </td> | ||
+ | <td> | ||
+ | <ul id="h2igemmenyellow"> | ||
+ | <li class="istylei0yellow" style="width:150px;"><a class="istylei0yellow" href="https://2011.igem.org/Team:UNAM-Genomics_Mexico/Project"><span>Human Practices</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]--> | ||
+ | <ul class="istylem0yellow" style="width:195px;"> | ||
+ | <li><a href="#"><span>Law Proposal</span><![if gt IE 6]></a> | ||
+ | <li><a href="#"><span>BioSintetizarte</span><![if gt IE 6]></a> | ||
+ | <li><a href="#"><span>Kit Presentation</span><![if gt IE 6]></a> | ||
+ | <![endif]><!--[if lte IE 6]><table><tr><td><![endif]--> | ||
+ | <!--[if lte IE 6]></td></tr></table></a><![endif]--></li> | ||
+ | </ul></ul> | ||
+ | </td> | ||
+ | <td> | ||
+ | <ul id="h2igemmenublue"> | ||
+ | <li class="istylei0blue" style="width:200px;"><a class="istylei0blue" href="https://2011.igem.org/Team:UNAM-Genomics_Mexico/Notebook"><span>Safety, Security & Ethics </span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]--> | ||
+ | <ul class="istylem0blue" style="width:195px;"> | ||
+ | <li><a href="https://2011.igem.org/Team:UNAM-Genomics_Mexico/Parts"><span>Ethics</span><![if gt IE 6]></a> | ||
+ | <li><a href="#"><span>Security</span><![if gt IE 6]></a> | ||
+ | <li><a href="#"><span>Safety</span><![if gt IE 6]></a> | ||
+ | <li><a href="#"><span>Safety Questions</span><![if gt IE 6]></a> | ||
+ | <![endif]><!--[if lte IE 6]><table><tr><td><![endif]--> | ||
+ | <!--[if lte IE 6]></td></tr></table></a><![endif]--></li> | ||
+ | </ul> | ||
+ | </ul> | ||
+ | <td> | ||
+ | <ul id="h2igemmenupurple"> | ||
+ | <li class="istylei0purple" style="width:104px;" ><a class="istylei0purple" href="https://2011.igem.org/Team:UNAM-Genomics_Mexico/Notebook"><span>Modeling</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]--> | ||
+ | <ul class="istylem0purple" style="width:195px;"> | ||
+ | <li><a href="https://2011.igem.org/Team:UNAM-Genomics_Mexico/Parts"><span>Flux Balance Analysis</span><![if gt IE 6]></a> | ||
+ | <li><a href="#"><span>Celular Automaton</span><![if gt IE 6]></a> | ||
+ | <li><a href="#"><span>Game Theory</span><![if gt IE 6]></a> | ||
+ | <li><a href="#"><span>Markov Model</span><![if gt IE 6]></a> | ||
+ | <![endif]><!--[if lte IE 6]><table><tr><td><![endif]--> | ||
+ | <!--[if lte IE 6]></td></tr></table></a><![endif]--></li> | ||
+ | </ul> | ||
+ | </ul> | ||
+ | </td> | ||
+ | <td> | ||
+ | <ul id="h2igemmenuOrange" > | ||
+ | <li class="istylei0orange" style="width:90px;" ><a class="istylei0orange" href="https://2011.igem.org/Team:UNAM-Genomics_Mexico/Notebook"><span> Team </span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]--> | ||
+ | <ul class="istylem0orange" style="width:195px;"> | ||
+ | <li><a href="https://2011.igem.org/Team:UNAM-Genomics_Mexico/Parts"><span>Atributions</span><![if gt IE 6]></a> | ||
+ | <li><a href="#"><span>Colaborations</span><![if gt IE 6]></a> | ||
+ | <li><a href="#"><span>Individuals</span><![if gt IE 6]></a> | ||
+ | <![endif]><!--[if lte IE 6]><table><tr><td><![endif]--> | ||
+ | <!--[if lte IE 6]></td></tr></table></a><![endif]--></li> | ||
+ | </ul> | ||
+ | </ul> | ||
+ | </td> | ||
+ | <td> | ||
+ | <ul id="h2igemmenupink"> | ||
+ | <li class="istylei0pink" style="width:150px;"><a class="istylei0pink" href="#"><span> Wiki Requirements</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]--> | ||
+ | <ul class="istylem0pink" style="width:195px;"> | ||
+ | <li><a href="#"><span>Attributions</span><![if gt IE 6]></a> | ||
+ | <li><a href="https://2011.igem.org/Team:UNAM-Genomics_Mexico/Safety"><span>Notebook</span><![if gt IE 6]></a> | ||
+ | <li><a href="https://2011.igem.org/Team:UNAM-Genomics_Mexico/Bio-SintetizArte"><span>Parts</span><![if gt IE 6]></a> | ||
+ | <li><a href="https://2011.igem.org/Team:UNAM-Genomics_Mexico/Safety"><span>Team</span><![if gt IE 6]></a> | ||
+ | <li><a href="https://2011.igem.org/Team:UNAM-Genomics_Mexico/Safety"><span>Safety</span><![if gt IE 6]></a> | ||
+ | </ul></li> | ||
+ | </ul> | ||
+ | </td> | ||
+ | |||
+ | </tr> | ||
+ | </table> | ||
+ | <!-- End: Menu code --> | ||
+ | </div><!--class="header"--> | ||
+ | |||
+ | </body> | ||
+ | </html> | ||
+ | <div id="textContent"> | ||
+ | {{{content}}} | ||
+ | |||
+ | <div class="top-slider-main"> | ||
<div class="slider-box1"> | <div class="slider-box1"> | ||
<div class="left"><br /><center>T<br />A<br />B<br />1</center></div> | <div class="left"><br /><center>T<br />A<br />B<br />1</center></div> | ||
- | <div class="content">LxC Blog | + | <div class="content">LxC Blog </div> |
- | + | ||
</div> | </div> | ||
<div class="slider-box2"> | <div class="slider-box2"> | ||
<div class="left"><br /><center>T<br />A<br />B<br />2</center></div> | <div class="left"><br /><center>T<br />A<br />B<br />2</center></div> | ||
- | <div class="content">LxC Blog | + | <div class="content">LxC Blog </div> |
- | + | ||
</div> | </div> | ||
<div class="slider-box3"> | <div class="slider-box3"> | ||
<div class="left"><br /><center>T<br />A<br />B<br />3</center></div> | <div class="left"><br /><center>T<br />A<br />B<br />3</center></div> | ||
- | <div class="content">LxC Blog | + | <div class="content">LxC Blog </div> |
- | + | ||
</div> | </div> | ||
<div class="slider-box4"> | <div class="slider-box4"> | ||
<div class="left"><br /><center>T<br />A<br />B<br />4</center></div> | <div class="left"><br /><center>T<br />A<br />B<br />4</center></div> | ||
- | <div class="content">LxC Blog SEO | + | <div class="content">LxC Blog SEO </div> |
- | + | ||
</div> | </div> | ||
<div class="slider-box5"> | <div class="slider-box5"> | ||
<div class="left"><br /><center>T<br />A<br />B<br />5</center></div> | <div class="left"><br /><center>T<br />A<br />B<br />5</center></div> | ||
- | <div class="content">LxC Blog SEO | + | <div class="content">LxC Blog SEO </div> |
- | + | ||
</div> | </div> | ||
+ | </div> | ||
</div> | </div> |
Revision as of 01:31, 20 September 2011