Template:Team:Bonn
From 2013.igem.org
(Difference between revisions)
(Use CSS3 gradients) |
(Fix scripts and improve layout) |
||
Line 1: | Line 1: | ||
<html> | <html> | ||
- | < | + | <style type="text/css"> |
- | + | /* ********************** */ | |
- | + | /* basic settings */ | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
+ | .firstHeading { /* Kill the default iGEM picture*/ | ||
+ | height:0px; | ||
+ | visibility:hidden; | ||
} | } | ||
- | + | #top-section { | |
- | + | background-position: center center; | |
- | + | background-repeat: no-repeat; | |
- | + | background-color: #6c89c1; | |
- | + | border-with:0px; | |
- | + | height:0px; /* set top header height to zero, so we can show our logo */ | |
- | + | } | |
- | + | #p-logo{ | |
- | + | visibility:hidden; | |
- | + | height:0px; | |
- | + | } | |
- | + | #search-controls{ | |
- | + | visibility:hidden; | |
- | + | height:0px; | |
- | + | } | |
- | + | #footer-box{ | |
- | + | display:none; | |
- | + | height:0px; | |
- | + | } | |
- | + | #f-poweredbyico{ | |
- | + | visibility:hidden; | |
- | + | } | |
- | + | #catlinks{ | |
- | + | visibility:hidden; | |
- | + | height:0px; | |
- | + | } | |
- | + | .print-footer{ | |
- | + | visibility:hidden; | |
- | + | height:0px; | |
+ | } | ||
+ | #content { | ||
+ | border-width:0px; | ||
+ | } | ||
+ | #siteSub { | ||
+ | display:none; | ||
+ | } | ||
+ | .visualClear{ | ||
+ | display:none; | ||
} | } | ||
- | + | /* ********************** */ | |
- | + | ||
.mw-headline{ | .mw-headline{ | ||
color:#ffffff; | color:#ffffff; | ||
Line 260: | Line 259: | ||
} | } | ||
</style> | </style> | ||
+ | |||
+ | <script src="http://code.jquery.com/jquery-1.9.1.js"></script> | ||
+ | <script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script> | ||
+ | <script type="text/javascript" src="http://cloud.github.com/downloads/malsup/cycle/jquery.cycle.all.2.74.js"></script> | ||
+ | <script> | ||
+ | function dropdown(id) { | ||
+ | $('#'+id).hover( function() | ||
+ | { | ||
+ | $('#'+id+' > ul').stop().slideUp(); | ||
+ | $('#'+id+' > ul').slideDown("1000"); | ||
+ | |||
+ | }); | ||
+ | $('#'+id).mouseleave(function() | ||
+ | { | ||
+ | $('#'+id+' > ul').stop().slideDown(); | ||
+ | $('#'+id+' > ul').slideUp("1000"); | ||
+ | }); | ||
+ | |||
+ | } | ||
+ | |||
+ | function sidetextFade(id) | ||
+ | { | ||
+ | $('#'+id).hover( | ||
+ | function() { | ||
+ | var hover; | ||
+ | hover = document.getElementById(id).childNodes; | ||
+ | for(var i=0, ii = hover.length; i < ii; i++) { | ||
+ | if(hover[i].nodeName == "DIV"){ | ||
+ | if(hover[i].className == "page-box-bottom") { | ||
+ | $('#'+hover[i].id).stop().fadeOut(); | ||
+ | $('#'+hover[i].id).fadeIn(1000); | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | }); | ||
+ | $('#'+id).mouseleave( | ||
+ | function() { | ||
+ | var hover; | ||
+ | hover = document.getElementById(id).childNodes; | ||
+ | for(var i=0, ii = hover.length; i < ii; i++) { | ||
+ | if(hover[i].nodeName == "DIV"){ | ||
+ | if(hover[i].className == "page-box-bottom") { | ||
+ | $('#'+hover[i].id).stop().fadeIn(); | ||
+ | $('#'+hover[i].id).fadeOut(1000); | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | }); | ||
+ | } | ||
+ | |||
+ | </script> | ||
+ | |||
</html> | </html> |
Revision as of 15:37, 28 April 2013