Team:UNAM-Genomics Mexico/Templates/Parts
From 2011.igem.org
<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> <style type="text/css">
/* 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: 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() 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; }
/* 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; } /* MAIN PAGE CSS */
body { font-family:Tahoma, Geneva, sans-serif; margin: 0px; padding: 0px; }
- header{
height:220px; width:100%; font-family:"Arial Black", Gadget, sans-serif; }
- header1{
height:220px; width:100%; bottom: auto; font-family:"Arial Black", Gadget, sans-serif; }
p.title{ color:#CC4455; font-size:150%; }
- container {
margin: 0px auto; text-align:justify; width: 100%; background-image:url(); color:#454545; font-size: 110%; }
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; }
/*The following class needs a square image as an input*/ img.sub_project{ height:270px; width:270px; border:none; } img.sponsor_img{ height:100px; width:100px; border:none; }
/*TEXT CONTENT*/
div#textContent{ background-color: #FFFFFF; background-image: url(""); 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; } h2{} h3{} h4{}
- 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: 10px; background: #fff; border: none; } .imgteaser a .more { position: absolute; right: 20px; bottom: 20px; font-size: 1.2em; color: #fff; background: #000; padding: 5px 10px; filter:alpha(opacity=65); opacity:.65; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"; /*--IE 8 Transparency--*/ } .imgteaser a .desc { display: none; } .imgteaser a:hover .more { visibility: hidden;} .imgteaser a:hover .desc{ display: block; font-size: 1.2em; padding: 10px 0; background: #111; filter:alpha(opacity=75); opacity:.75; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; /*--IE 8 Transparency--*/ color: #fff; position: absolute; bottom: 11px; left: 11px; padding: 10px; margin: 0; width: 250px; border-top: 1px solid #999; } .imgteaser a:hover .desc strong { display: block; margin-bottom: 5px; font-size:1.5em; }
</style> </head>
<body>
<img src="" width="964px" height="203px" id="Insert_logo" style="background: #8090AB; display:block;"></a>
</li> |
</td>
</a> | </a> | </a> |
</a> | </a> | </a> | </a> | </a> | </a> |
</body> </html>
{{{content}}}