Team:Utah State/usu bg

From 2010.igem.org

(Difference between revisions)
 
(28 intermediate revisions not shown)
Line 97: Line 97:
#HomeCenterCenter {
#HomeCenterCenter {
-
         width: 941px;
+
        background-color: #000000;
 +
         width: 966px;
height: auto;
height: auto;
-
float: left;
+
float: center;
font-family: Verdana, Verdana, Geneva, sans-serif;
font-family: Verdana, Verdana, Geneva, sans-serif;
font-size: 14px;
font-size: 14px;
-
text-align: justify;
+
text-align: center;
-
         margin-top: 8px;
+
         margin-top: 0;
-
         margin-bottom: 20px;   
+
         margin-bottom: 0;   
-
         margin-left: 12px;  
+
         margin-left: 0;  
-
         margin-right: 12px;  
+
         margin-right: 0;  
         padding: 0;
         padding: 0;
 +
        table-layout:auto;
}
}
Line 125: Line 127:
#HomeCenterCenterBB  {
#HomeCenterCenterBB  {
-
         background-color: #CCFFFF;
+
         background-color: #cdc9c9;
         width: 900px;
         width: 900px;
height: auto;
height: auto;
Line 146: Line 148:
font-size: 14px;
font-size: 14px;
text-align: center;
text-align: center;
 +
}
 +
#HomeBottom {
 +
        background-color: #000000;
 +
width: 966px;
 +
height: auto;
 +
float: left;
 +
font-family: Verdana, Verdana, Geneva, sans-serif;
 +
font-size: 14px;
 +
      text-align: center;
 +
             
}
}
Line 173: 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