"
Team:Utah State/usu bg
From 2010.igem.org
(Difference between revisions)
| (18 intermediate revisions not shown) | |||
| Line 97: | Line 97: | ||
#HomeCenterCenter { | #HomeCenterCenter { | ||
| - | width: | + | background-color: #000000; |
| + | width: 966px; | ||
height: auto; | height: auto; | ||
| - | float: | + | float: center; |
font-family: Verdana, Verdana, Geneva, sans-serif; | font-family: Verdana, Verdana, Geneva, sans-serif; | ||
font-size: 14px; | font-size: 14px; | ||
| - | text-align: | + | text-align: center; |
| - | margin-top: | + | margin-top: 0; |
| - | margin-bottom: | + | margin-bottom: 0; |
| - | margin-left: | + | margin-left: 0; |
| - | margin-right: | + | margin-right: 0; |
padding: 0; | padding: 0; | ||
| + | table-layout:auto; | ||
} | } | ||
| Line 125: | Line 127: | ||
#HomeCenterCenterBB { | #HomeCenterCenterBB { | ||
| - | background-color: # | + | background-color: #cdc9c9; |
width: 900px; | width: 900px; | ||
height: auto; | height: auto; | ||
| Line 154: | Line 156: | ||
font-family: Verdana, Verdana, Geneva, sans-serif; | font-family: Verdana, Verdana, Geneva, sans-serif; | ||
font-size: 14px; | font-size: 14px; | ||
| - | + | text-align: center; | |
| - | + | ||
} | } | ||
| Line 184: | Line 185: | ||
</style> | </style> | ||
| + | |||
| + | <style type="text/css"> | ||
| + | .slideshow { height:auto; width: 224px; margin-left:200px; margin-top:40px; position:relative} | ||
| + | .slideshow img { padding: 15px; border: 0px solid #ccc; background-color:transparent; } | ||
| + | </style> | ||
| + | <!-- include jQuery library --> | ||
| + | <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"> | ||
| + | </script> | ||
| + | |||
| + | <!-- include Cycle plugin --> | ||
| + | <script type="text/javascript" src="http://cloud.github.com/downloads/malsup/cycle/jquery.cycle.all.2.74.js"> | ||
| + | </script> | ||
| + | <script src="Scripts/swfobject_modified.js" type="text/javascript"></script> | ||
| + | <!-- initialize the slideshow when the DOM is ready --> | ||
| + | |||
| + | <script type="text/javascript"> | ||
| + | $(document).ready(function() { | ||
| + | $('.slideshow').cycle({ | ||
| + | fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc... | ||
| + | }); | ||
| + | |||
| + | //Here I am declaring the functions for the menu behavior "Miguel Leonardo" | ||
| + | |||
| + | $("ul.subnav").parent().append("<span></span>"); //Only shows drop down trigger when js is enabled (Adds empty span tag after ul.subnav*) | ||
| + | |||
| + | $("ul.topnav li span").click(function() { //When trigger is clicked... | ||
| + | |||
| + | //Following events are applied to the subnav itself (moving subnav up and down) | ||
| + | $(this).parent().find("ul.subnav").slideDown('fast').show(); //Drop down the subnav on click | ||
| + | |||
| + | $(this).parent().hover(function() { | ||
| + | }, function(){ | ||
| + | $(this).parent().find("ul.subnav").slideUp('slow'); //When the mouse hovers out of the subnav, move it back up | ||
| + | }); | ||
| + | |||
| + | //Following events are applied to the trigger (Hover events for the trigger) | ||
| + | }).hover(function() { | ||
| + | $(this).addClass("subhover"); //On hover over, add class "subhover" | ||
| + | }, function(){ //On Hover Out | ||
| + | $(this).removeClass("subhover"); //On hover out, remove class "subhover" | ||
| + | }); | ||
| + | |||
| + | }); | ||
| + | </script> | ||
</html> | </html> | ||
Latest revision as of 09:07, 27 October 2010
