Team:UC Davis E/Management
From 2012e.igem.org
(Difference between revisions)
Line 80: | Line 80: | ||
<link rel="stylesheet" type="text/css" href="https://2012.igem.org/forum/forum_styles.css" /> | <link rel="stylesheet" type="text/css" href="https://2012.igem.org/forum/forum_styles.css" /> | ||
<script type="text/javascript" src ="https://2012.igem.org/forum/forum_scripts.js"></script> | <script type="text/javascript" src ="https://2012.igem.org/forum/forum_scripts.js"></script> | ||
+ | |||
+ | <!-- slide script starts here --> | ||
<script type="text/javascript"> | <script type="text/javascript"> | ||
- | + | function slider() { | |
- | $( | + | var $current = $('#slides IMG.current'); |
- | $( | + | |
- | $(this). | + | if ( $current.length == 0 ) $current = $('#slides IMG:last'); |
+ | var $next = $current.next().length ? $current.next() | ||
+ | : $('#slides IMG:first'); | ||
+ | |||
+ | $current.addClass('previous'); | ||
+ | $next.css({opacity: 0.0}) | ||
+ | .addClass('current') | ||
+ | .animate({opacity: 1.0}, 4000, function() { | ||
+ | $current.removeClass('current previous'); | ||
+ | }); | ||
+ | |||
+ | var $navicurrent = $('.progress li.current'); | ||
+ | if($navicurrent.length ==0) $navicurrent = $('.progress li:last'); | ||
+ | var $navinext = $navicurrent.next().length ? $navicurrent.next() : $('.progress li:first'); | ||
+ | $navicurrent.addClass('previous'); | ||
+ | $navicurrent.removeClass('current previous'); | ||
+ | $navinext.addClass('current').animate({opacity: 1.0}, 4000, function() { | ||
+ | }); | ||
+ | |||
+ | $('.progress li').click(function(){ | ||
+ | |||
+ | var $ncurrent = $(this); | ||
+ | $('.progress li').removeClass('current').removeClass('previous'); | ||
+ | $('#slides IMG').removeClass('current').removeClass('previous'); | ||
+ | $ncurrent.addClass('current'); | ||
+ | var ncurrentindex = $ncurrent.index(); | ||
+ | if( ncurrentindex=== 0) $current = $('#slides IMG:first'); | ||
+ | if( ncurrentindex=== 1) $current = $('#slides IMG:eq(1)'); | ||
+ | if( ncurrentindex=== 2) $current = $('#slides IMG:last'); | ||
+ | $current.addClass('current'); | ||
+ | |||
}); | }); | ||
+ | |||
+ | } | ||
+ | $(function() { | ||
+ | setInterval( "slider()", 7000 ); | ||
}); | }); | ||
+ | |||
</script> | </script> | ||
+ | |||
+ | </script> | ||
+ | |||
+ | <!-- slide script ends here --> | ||
<style type="text/css"> | <style type="text/css"> | ||
<!-- beginning of slider style --> | <!-- beginning of slider style --> | ||
Line 113: | Line 154: | ||
#menubar.right-menu { width:300px; display:block; float:left; margin-top:-80px; border: none;} | #menubar.right-menu { width:300px; display:block; float:left; margin-top:-80px; border: none;} | ||
.right-menu ul { border: none; width: 300px;} | .right-menu ul { border: none; width: 300px;} | ||
- | #footer-box { background-color: #216085; border: none; width: | + | #footer-box { background-color: #216085; border: none; width: 850px; height: 30px; margin: -10px auto 0 auto; padding: 20px 0;} |
.visualClear { display: none; } | .visualClear { display: none; } | ||
#footer { border: none; width: 850px; margin: 0 auto; padding: 0;} | #footer { border: none; width: 850px; margin: 0 auto; padding: 0;} | ||
Line 125: | Line 166: | ||
h3#siteSub { display: none;} | h3#siteSub { display: none;} | ||
#contentSub {display: none;} | #contentSub {display: none;} | ||
- | p:first-child { display: | + | p:first-child { display: block;} |
h1{border:none; width: 100%; clear: both;} | h1{border:none; width: 100%; clear: both;} | ||
+ | |||
<!-- end of slides style --> | <!-- end of slides style --> | ||
+ | |||
#globalWrapper { | #globalWrapper { | ||
Line 136: | Line 179: | ||
padding: 0; | padding: 0; | ||
padding-bottom: 10px; | padding-bottom: 10px; | ||
- | # background:url( ); | + | # background:url("https://static.igem.org/mediawiki/2012e/4/41/Bestbg.gif"); |
- | # background-repeat: | + | # background-repeat: repeat; |
# background-attachment: fixed; | # background-attachment: fixed; | ||
# background-size:100% auto; | # background-size:100% auto; | ||
Line 157: | Line 200: | ||
body { | body { | ||
display:inherit; | display:inherit; | ||
- | background-color: # | + | background-color: #E9E9E9; |
- | background-image: | + | background-image: ; |
background-size: 100%; | background-size: 100%; | ||
- | background-repeat: | + | background-repeat: repeat; |
background-attachment:fixed; | background-attachment:fixed; | ||
Line 207: | Line 250: | ||
padding-left: 0px; | padding-left: 0px; | ||
padding-right: 0px; | padding-right: 0px; | ||
- | } | + | } |
.topleft-menu li a { | .topleft-menu li a { | ||
padding: 0px 7px 0px 0px; | padding: 0px 7px 0px 0px; | ||
Line 215: | Line 258: | ||
} | } | ||
#.left-menu .selected:hover { | #.left-menu .selected:hover { | ||
- | # color: # | + | # color: #2a2a7f; |
#} | #} | ||
Line 274: | Line 317: | ||
background: #afc55b; color:#ffffff; width:150px; | background: #afc55b; color:#ffffff; width:150px; | ||
} | } | ||
+ | |||
/* slide starts here */ | /* slide starts here */ | ||
#slides { | #slides { | ||
Line 337: | Line 381: | ||
color: #004b85; | color: #004b85; | ||
font-weight:bold; | font-weight:bold; | ||
+ | } | ||
+ | #myleftbox .smallboxsite | ||
+ | { | ||
+ | width:820px; | ||
+ | float:left; | ||
+ | background-color:rgba(191,191,191,0.6 ); | ||
+ | margin-top: 17px; | ||
+ | border-radius: 4px; | ||
+ | padding: 15px 15px 15px 15px; | ||
+ | font: sans-serif; | ||
+ | font-size: 13px; | ||
+ | line-height:1.5em; | ||
+ | color:black; | ||
+ | |||
} | } | ||
Line 500: | Line 558: | ||
margin:1px; | margin:1px; | ||
font-weight:bold; | font-weight:bold; | ||
- | background: #eef4d3 url(./ | + | background: #eef4d3 url(https://static.igem.org/mediawiki/2012/1/1d/UCD_arrow_right.png) center left no-repeat; |
background-position: 5px center; | background-position: 5px center; | ||
background-size: 0.7em auto; | background-size: 0.7em auto; | ||
Line 515: | Line 573: | ||
#firstpane .menu_body a { | #firstpane .menu_body a { | ||
display:block; | display:block; | ||
- | color: | + | color:black; |
- | background-color:# | + | background-color:#E1E1E1; |
padding-left:10px; | padding-left:10px; | ||
- | font-weight: | + | font-weight:normal; |
text-decoration:none; | text-decoration:none; | ||
} | } | ||
Line 751: | Line 809: | ||
</article> | </article> | ||
</div> | </div> | ||
- | |||
</div> | </div> | ||
</div> | </div> | ||
+ | <!-- site map starts here --> | ||
+ | <div id="myleftbox" class="smallboxsite" style=" padding-top: 15px; padding-left: 350px; width: 485px;"> | ||
+ | <ul style="font-size:10px;list-style-image:none;list-style-type:none;float:left;display:inline;color:#000000;" > | ||
- | < | + | <li style="float:left ;margin:0 10px;"><a href="https://2012e.igem.org/Team:UC_Davis_E/Terms_of_Use"> <p>Legal</p></a></li> |
+ | <li style="float:left ;margin:0 10px;"><a href="https://2012e.igem.org/Team:UC_Davis_E/Terms_of_Use"> <p>Privacy</p></a></li> | ||
+ | <li style="float:left ;margin:0 10px;"><a href="https://2012e.igem.org/Team:UC_Davis_E/Terms_of_Use"> <p>Site Map</p></a></li> | ||
+ | |||
+ | </ul> | ||
+ | </div> | ||
+ | <!-- site map ends here --> | ||
+ | |||
+ | |||
<script>if (window.runOnloadHook) runOnloadHook();</script> | <script>if (window.runOnloadHook) runOnloadHook();</script> | ||
</div> | </div> | ||
</div> | </div> | ||
- | + | <!-- footer ends here --> | |
- | < | + | |
</html> | </html> |
Revision as of 20:36, 27 October 2012