Team:Valencia/Modeling
From 2011.igem.org
(Difference between revisions)
Line 1: | Line 1: | ||
- | |||
{{Template:Valencia-0-3}} | {{Template:Valencia-0-3}} | ||
+ | <html> | ||
+ | <body> | ||
+ | <style type="text/css"> | ||
+ | .center { | ||
+ | |||
+ | width:980px; | ||
+ | height:auto; | ||
+ | margin-left:px; | ||
+ | margin-right:px; | ||
+ | margin-top:20px; | ||
+ | margin-bottom:0px; | ||
+ | } | ||
+ | |||
+ | .col_center{ | ||
+ | width:970px; | ||
+ | height:auto; | ||
+ | float:left; | ||
+ | background-color:transparent; | ||
+ | |||
+ | } | ||
+ | |||
+ | .col_center_top{ | ||
+ | width:908px; | ||
+ | background-color:#0087ba; | ||
+ | height:20px; | ||
+ | font-family:Verdana, Arial, Helvetica, sans-serif; | ||
+ | font-size:20px; | ||
+ | color:#fff; | ||
+ | padding:20px; | ||
+ | float:center; | ||
+ | margin-right:15px; | ||
+ | |||
+ | } | ||
+ | |||
+ | .col_center_center{ | ||
+ | width:800px; | ||
+ | text-align:justify; | ||
+ | height: auto; | ||
+ | font-family:Verdana, Arial, Helvetica, sans-serif; | ||
+ | font-size:14px; | ||
+ | color:black; | ||
+ | padding:20px; | ||
+ | } | ||
+ | |||
+ | .col_center_bottom{ | ||
+ | width:900px; | ||
+ | text-align:center; | ||
+ | height: auto; | ||
+ | font-family:Verdana, Arial, Helvetica, sans-serif; | ||
+ | font-size:14px; | ||
+ | color:#fff; | ||
+ | padding:20px; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | html, body { | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | } | ||
+ | |||
+ | body { | ||
+ | background:darkblue url(https://static.igem.org/mediawiki/2011/6/65/Valencia_Aguamitadinferior1500x800.jpg) repeat-x top fixed; | ||
+ | |||
+ | } | ||
+ | |||
+ | #globalWrapper { background-color: transparent; border: none; margin: 0; padding: 0;} | ||
+ | #content{ | ||
+ | background:transparent url("https://static.igem.org/mediawiki/2011/f/fd/Valencia_Transpa30a.png") center fixed repeat-y; | ||
+ | padding: 0px; | ||
+ | margin:0 auto; | ||
+ | border: none; | ||
+ | |||
+ | |||
+ | } | ||
+ | |||
+ | </style> | ||
+ | <script type="text/javascript" | ||
+ | src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script> | ||
+ | <script type="text/javascript"> | ||
+ | $(document).ready(function() { | ||
+ | $("ul#topnav li").hover(function() { | ||
+ | $(this).css({ 'background' : 'transparent url(https://static.igem.org/mediawiki/2010/0/03/Valencia_navbar_active.gif) repeat-x'}); | ||
+ | $(this).find("span").show(); | ||
+ | } , function() { //on hover out... | ||
+ | $(this).css({ 'background' : 'none'}); | ||
+ | $(this).find("span").hide(); | ||
+ | }); | ||
+ | |||
+ | }); | ||
+ | </script> | ||
+ | |||
+ | <style type="text/css"> | ||
+ | |||
+ | #headerlinks{ | ||
+ | margin-left: -12px; | ||
+ | } | ||
+ | |||
+ | #nav, #nav ul { | ||
+ | padding: 0; | ||
+ | list-style: none; | ||
+ | } | ||
+ | |||
+ | .abstractext{ | ||
+ | float:right; | ||
+ | width="400px" | ||
+ | } | ||
+ | |||
+ | #nav a { | ||
+ | display: block; | ||
+ | width: 149px; | ||
+ | height: 40px; | ||
+ | font-family:Verdana, Arial, Helvetica, sans-serif; | ||
+ | } | ||
+ | |||
+ | #nav li { | ||
+ | float: left; | ||
+ | width: 149px; | ||
+ | margin-right: 41px; | ||
+ | } | ||
+ | |||
+ | #nav li ul { | ||
+ | position: absolute; | ||
+ | width: 130px; | ||
+ | left: -999em; | ||
+ | |||
+ | } | ||
+ | |||
+ | #nav li:hover ul { | ||
+ | left: auto; | ||
+ | text-decoration: none; | ||
+ | color: white !important; | ||
+ | |||
+ | } | ||
+ | |||
+ | #nav li:hover ul, #nav li.sfhover ul { | ||
+ | left: auto; | ||
+ | text-decoration: none; | ||
+ | color: white !important; | ||
+ | } | ||
+ | |||
+ | sfHover = function() { | ||
+ | var sfEls = document.getElementById("nav").getElementsByTagName("LI"); | ||
+ | for (var i=0; i<sfEls.length; i++) { | ||
+ | sfEls[i].onmouseover=function() { | ||
+ | this.className+=" sfhover"; | ||
+ | } | ||
+ | sfEls[i].onmouseout=function() { | ||
+ | this.className=this.className.replace(new RegExp(" sfhover\\b"), ""); | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | if (window.attachEvent) window.attachEvent("onload", sfHover); | ||
+ | |||
+ | body { | ||
+ | font: 10px normal Verdana, Arial, Helvetica, sans-serif; | ||
+ | |||
+ | padding: 0; | ||
+ | } | ||
+ | h1 { | ||
+ | font: 3em normal Verdana, 'Times New Roman', Times, serif; | ||
+ | color: #333; | ||
+ | margin: 0; | ||
+ | padding: 5px 0; | ||
+ | } | ||
+ | h3 { | ||
+ | font: 17px normal Verdana, 'Times New Roman', Times, serif; | ||
+ | color: #0000; | ||
+ | margin: 0; | ||
+ | padding: 5px 0; | ||
+ | margin: 10px; | ||
+ | text-align:justify; | ||
+ | margin-top: 8px; | ||
+ | margin-bottom: 20px; | ||
+ | margin-left: 20px; | ||
+ | margin-right: 20px; | ||
+ | } | ||
+ | h1 small{ | ||
+ | font: 0.2em normal Verdana, Arial, Helvetica, sans-serif; | ||
+ | text-transform:uppercase; | ||
+ | letter-spacing: 1.5em; | ||
+ | display: block; | ||
+ | color: #fff; | ||
+ | } | ||
+ | .container {width: 970px; margin: 0 auto;} | ||
+ | |||
+ | .curved { | ||
+ | -moz-border-radius: 10px; | ||
+ | -webkit-border-radius: 10px; | ||
+ | behavior:url(border-radius.htc); | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | ul#topnav { | ||
+ | margin: 0; padding: 0; | ||
+ | float: left; | ||
+ | width: 970px; | ||
+ | list-style: none; | ||
+ | position: relative; | ||
+ | font-size: 18.8px; | ||
+ | background: url(topnav_stretch.gif) repeat-x; | ||
+ | } | ||
+ | ul#topnav li { | ||
+ | float: left; | ||
+ | margin: 0; padding: 0; | ||
+ | border-right: 1px solid #555; | ||
+ | } | ||
+ | ul#topnav li a { | ||
+ | padding: 10px 15px; | ||
+ | display: block; | ||
+ | color: darkblue; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | li span { | ||
+ | float: left; | ||
+ | padding: 15px 0; | ||
+ | position: absolute; | ||
+ | left: 0; top:40px; | ||
+ | display: none; | ||
+ | width: 965px; | ||
+ | background: lightblue; | ||
+ | color: white; | ||
+ | -moz-border-radius-bottomright: 5px; | ||
+ | -khtml-border-radius-bottomright: 5px; | ||
+ | -webkit-border-bottom-right-radius: 5px; | ||
+ | -moz-border-radius-bottomleft: 5px; | ||
+ | -khtml-border-radius-bottomleft: 5px; | ||
+ | -webkit-border-bottom-left-radius: 5px; | ||
+ | } | ||
+ | ul#topnav li:hover span { display: block; } | ||
+ | ul#topnav li span a { display: inline; } | ||
+ | ul#topnav li span a:hover {text-decoration: underline;} | ||
+ | </style> | ||
+ | <script type="text/javascript" | ||
+ | src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script> | ||
+ | <script type="text/javascript"> | ||
+ | $(document).ready(function() { | ||
+ | |||
+ | $("ul#topnav li").hover(function() { //Hover over event on list item | ||
+ | $(this).css({ 'background' : '#1376c9 url(topnav_active.gif) repeat-x'}); //Add background color + image on hovered list item | ||
+ | $(this).find("span").show(); //Show the subnav | ||
+ | } , function() { //on hover out... | ||
+ | $(this).css({ 'background' : 'none'}); //Ditch the background | ||
+ | $(this).find("span").hide(); //Hide the subnav | ||
+ | }); | ||
+ | |||
+ | }); | ||
+ | </script> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <div class=center> | ||
+ | |||
+ | <div class=col_center> | ||
+ | <div class=col_center_top><b>Modeling</b></div><!-- fin clase col_left_top--> | ||
+ | <div class=col_center_center> | ||
+ | |||
+ | <h2>pH variations with light</h2> | ||
+ | |||
+ | |||
+ | <h2>Bacteriocin efficiency on killing bacteria</h2> |
Revision as of 23:50, 21 September 2011
Modeling