Template:Team:ITESM Mexico/Top
From 2011.igem.org
(Difference between revisions)
(100 intermediate revisions not shown) | |||
Line 2: | Line 2: | ||
<style> | <style> | ||
body{ | body{ | ||
- | background: url(" | + | background: url("http://deviatan.com/sponsoring/background.png"); |
} | } | ||
#p-logo{ | #p-logo{ | ||
Line 8: | Line 8: | ||
} | } | ||
#top-section { | #top-section { | ||
- | + | height:130px ! important; | |
border: 0; | border: 0; | ||
} | } | ||
Line 18: | Line 18: | ||
} | } | ||
#searchInput { | #searchInput { | ||
- | margin-left:-15px; | + | margin-left:-15px; |
height: 25px; | height: 25px; | ||
width: 170px; | width: 170px; | ||
Line 29: | Line 29: | ||
-webkit-box-shadow:inset 1px 1px 3px #000; | -webkit-box-shadow:inset 1px 1px 3px #000; | ||
-moz-box-shadow:inset 1px 1px 3px #000; | -moz-box-shadow:inset 1px 1px 3px #000; | ||
+ | padding-left:5px; | ||
+ | } | ||
+ | input.searchButton{ | ||
+ | color: #ffffff; | ||
+ | } | ||
+ | input.searchButton:hover{ | ||
+ | color: #db0976; | ||
} | } | ||
+ | |||
+ | #footer-box { | ||
+ | background: url("http://deviatan.com/sponsoring/mascota.png") transparent no-repeat center top; | ||
+ | |||
+ | border: 0; | ||
+ | margin: 10px auto; | ||
+ | padding: 5px; | ||
+ | padding-top:180px; | ||
+ | width: 965px; | ||
+ | } | ||
+ | #footer-box a{ | ||
+ | color:#fff; | ||
+ | } | ||
+ | #content { | ||
+ | background: white; | ||
+ | border: 0; | ||
+ | color: #333; | ||
+ | margin: 0 auto; | ||
+ | padding: 5px; | ||
+ | margin-top:60px; | ||
+ | position: relative; | ||
+ | width: 965px; | ||
+ | z-index: 2; | ||
+ | border-radius: 42px 0px; | ||
+ | text-align: justify; | ||
+ | |||
+ | box-shadow: 0px 0px 10px #333; | ||
+ | -webkit-box-shadow: 0px 0px 10px #333; | ||
+ | -moz-box-shadow: 0px 0px 10px #333; | ||
+ | } | ||
+ | #content img{ | ||
+ | margin: 10px; | ||
+ | } | ||
+ | #bodyContent{ | ||
+ | margin: 10px; | ||
+ | } | ||
+ | |||
+ | .firstHeading { | ||
+ | /*text-shadow: 1px 1px 2px #000; | ||
+ | margin-left: 20px; | ||
+ | color:#db0976; | ||
+ | font-size: 36px; | ||
+ | font-weight: bold; | ||
+ | font-family: Helvetica,Arial,sans-serif;*/ | ||
+ | display:none; | ||
+ | } | ||
+ | .myowntitle{ | ||
+ | text-shadow: 1px 1px 2px #000; | ||
+ | margin-left: 20px; | ||
+ | color:#db0976; | ||
+ | font-size: 36px; | ||
+ | font-weight: bold; | ||
+ | font-family: Helvetica,Arial,sans-serif; | ||
+ | } | ||
+ | h1{ | ||
+ | border-bottom:0; | ||
+ | } | ||
+ | |||
+ | #catlinks { | ||
+ | background-color: transparent; | ||
+ | border: 0; | ||
+ | clear: both; | ||
+ | margin:10px 0 ; | ||
+ | padding: 10px; | ||
+ | } | ||
+ | #my_own_top{ | ||
+ | margin: 0 auto; | ||
+ | position: absolute; | ||
+ | top:-186px; | ||
+ | width: 975px; | ||
+ | height: 130px; | ||
+ | overflow:hidden; | ||
+ | } | ||
+ | #my_own_top h1{ | ||
+ | |||
+ | color:#fff; | ||
+ | font-size:30px; | ||
+ | font-weight:bold; | ||
+ | padding:0; | ||
+ | height:30px; | ||
+ | width:220px; | ||
+ | margin:20px 10px 0 20px; | ||
+ | padding-left:10px; | ||
+ | position:relative; | ||
+ | } | ||
+ | #my_own_top img.logo{ | ||
+ | float:left; | ||
+ | position:relative; | ||
+ | } | ||
+ | #my_own_top img{ | ||
+ | position:relative; | ||
+ | } | ||
+ | #navigation{ | ||
+ | margin: 0 auto; | ||
+ | position: absolute; | ||
+ | top:-64px; | ||
+ | width: 975px; | ||
+ | height: 40px; | ||
+ | } | ||
+ | #navigation ul{ | ||
+ | list-style-type: none !important; | ||
+ | list-style-image: none; | ||
+ | } | ||
+ | #navigation ul li{ | ||
+ | background-image: url("https://static.igem.org/mediawiki/2011/d/d0/Itesm-etiqueta.png"); | ||
+ | background-repeat: no-repeat; | ||
+ | width: 123px; | ||
+ | min-height: 35px; | ||
+ | text-align:center; | ||
+ | vertical-align: middle; | ||
+ | position: relative; | ||
+ | float: left; | ||
+ | margin-right: 10px; | ||
+ | } | ||
+ | #navigation a{ | ||
+ | margin-top:5px; | ||
+ | font-size: 15px; | ||
+ | color: #06b1f8; | ||
+ | } | ||
+ | #navigation a:hover{ | ||
+ | color:#db0976; | ||
+ | } | ||
+ | .menu_body {display:none; width:184px;margin-left: 0px; margin-top: 10px; z-index:999;} | ||
+ | .menu_body li{background:#333c36; background-image: none !important;z-index:999; margin:0; border-radius: 10px;} | ||
+ | .menu_body li.alt{background:#4d5951;background-image: none; border-radius: 10px;} | ||
+ | .menu_body li a{color:#FFFFFF; text-decoration:none; padding:10px; display:block;} | ||
+ | .menu_body li a:hover{ font-weight:bold;} | ||
</style> | </style> | ||
+ | <div id="my_own_top"> | ||
+ | <a href="https://2011.igem.org/Team:ITESM_Mexico" ><img src="http://deviatan.com/sponsoring/sensecoli-logo.png" alt="SensEcoli Home" class="logo" /></a> | ||
+ | <div style="float:left;position:relative;" > | ||
+ | <h1>ITESM MÉXICO</h1> | ||
+ | <h1 style="font-size: 36px; color:#db0976; height:50px;">SensE.coli</h1> | ||
+ | </div> | ||
+ | <a href="https://igem.org" ><img src="http://deviatan.com/sponsoring/igem_light.png" alt="Igem" style="margin:18px 10px 18px 0;"/></a> | ||
+ | <img src="http://deviatan.com/sponsoring/itesm_rounded.png" alt="Itesm" style="margin:18px 10px 18px 0;"/> | ||
+ | |||
+ | </div> | ||
+ | <div id="navigation"> | ||
+ | <ul> | ||
+ | <li > | ||
+ | <a href="https://2011.igem.org/Team:ITESM_Mexico">Home</a> | ||
+ | <ul class="menu_body"> | ||
+ | <li><a href="https://2011.igem.org/Team:ITESM_Mexico/Abstract">Abstract</a></li> | ||
+ | <li><a href="https://2011.igem.org/Team:ITESM_Mexico/Index">Index</a></li> | ||
+ | <li><a href="https://2011.igem.org/Team:ITESM_Mexico/Sponsors">Sponsors</a></li> | ||
+ | |||
+ | </ul> | ||
+ | </li> | ||
+ | <li > | ||
+ | <a href="https://2011.igem.org/Team:ITESM_Mexico/Team">Team</a> | ||
+ | <ul class="menu_body"> | ||
+ | |||
+ | <li><a href="https://2011.igem.org/Team:ITESM_Mexico/Instructors">Instructors</a></li> | ||
+ | <li><a href="https://2011.igem.org/Team:ITESM_Mexico/Students">Students</a></li> | ||
+ | <li><a href="https://2011.igem.org/Team:ITESM_Mexico/Research labs and groups"> Labs and groups</a></li> | ||
+ | <li><a href="https://2011.igem.org/Team:ITESM_Mexico/Gallery">Gallery</a></li> | ||
+ | <li><a href="https://2011.igem.org/Team:ITESM_Mexico/Acknowledgments">Acknowledg- ments</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li > | ||
+ | <a href="https://2011.igem.org/Team:ITESM_Mexico/Planning">Planning</a> | ||
+ | <ul class="menu_body"> | ||
+ | <li><a href="https://2011.igem.org/Team:ITESM_Mexico/Brainstorm">Brainstorm</a></li> | ||
+ | <li><a href="https://2011.igem.org/Team:ITESM_Mexico/Modelling">Modelling</a></li> | ||
+ | <li><a href="https://2011.igem.org/Team:ITESM_Mexico/Assembly">Assembly</a></li> | ||
+ | <li><a href="https://2011.igem.org/Team:ITESM_Mexico/Construct">Construct description</a></li> | ||
+ | <li><a href="https://2011.igem.org/Team:ITESM_Mexico/Experimental design">Experimental design</a></li> | ||
+ | <li><a href="https://2011.igem.org/Team:ITESM_Mexico/Protocols">Protocols</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li > | ||
+ | <a href="https://2011.igem.org/Team:ITESM_Mexico/Project">Project</a> | ||
+ | <ul class="menu_body"> | ||
+ | <li><a href="https://2011.igem.org/Team:ITESM_Mexico/Proposal">Proposal</a></li> | ||
+ | <li><a href="https://2011.igem.org/Team:ITESM_Mexico/Parts submitted">Parts submitted</a></li> | ||
+ | <li><a href="https://2011.igem.org/Team:ITESM_Mexico/Results">Results</a></li> | ||
+ | <li><a href="https://2011.igem.org/Team:ITESM_Mexico/Future research">Future Research</a></li> | ||
+ | |||
+ | </ul> | ||
+ | </li> | ||
+ | <li > | ||
+ | <a href="https://2011.igem.org/Team:ITESM_Mexico/Calendar">Calendar</a> | ||
+ | <ul class="menu_body"> | ||
+ | <li><a href="https://2011.igem.org/Team:ITESM_Mexico/Diary">Diary</a></li> | ||
+ | <li><a href="https://2011.igem.org/Team:ITESM_Mexico/Photo Gallery">Photo Gallery</a></li> | ||
+ | <li><a href="https://2011.igem.org/Team:ITESM_Mexico/Lab notebook">Lab notebook</a></li> | ||
+ | |||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | |||
+ | <li > | ||
+ | <a href="https://2011.igem.org/Team:ITESM_Mexico/Outreach">Outreach</a> | ||
+ | <ul class="menu_body"> | ||
+ | <li><a href="https://2011.igem.org/Team:ITESM_Mexico/Safety">Safety</a></li> | ||
+ | <li><a href="https://2011.igem.org/Team:ITESM_Mexico/Human Practices">Human Practices</a></li> | ||
+ | <li><a href="https://2011.igem.org/Team:ITESM_Mexico/Collaboration">Collaboration</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li > | ||
+ | <a href="https://2011.igem.org/Team:ITESM_Mexico/Extras">Extras</a> | ||
+ | <ul class="menu_body"> | ||
+ | </ul> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> | ||
+ | |||
+ | <script type="text/javascript"> | ||
+ | $(document).ready(function () { | ||
+ | |||
+ | |||
+ | |||
+ | $("ul.menu_body li:even").addClass("alt"); | ||
+ | $('div#navigation ul li a').mouseover(function () { | ||
+ | //alert(this); | ||
+ | $(this).parent().find("ul.menu_body").slideDown('medium'); | ||
+ | $(this).parent().hover(function() { | ||
+ | }, function(){ | ||
+ | $(this).parent().find("ul.menu_body").slideUp('medium'); | ||
+ | }); | ||
+ | }); | ||
+ | |||
+ | $('ul.menu_body li a').mouseover(function () { | ||
+ | $(this).animate({ fontSize: "16px" }, 50 ); | ||
+ | }); | ||
+ | $('ul.menu_body li a').mouseout(function () { | ||
+ | $(this).animate({ fontSize: "15px" }, 50 ); | ||
+ | }); | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | }); | ||
+ | |||
+ | </script> | ||
+ | |||
</html> | </html> |
Latest revision as of 03:52, 29 September 2011