|
|
(247 intermediate revisions not shown) |
Line 1: |
Line 1: |
| {{Template:Team:Bonn}} | | {{Template:Team:Bonn}} |
| + | {{Template:Team:Bonn:NetworkData}} |
| + | {{Template:Team:Bonn:Network}} |
| + | {{Template:Team:Bonn:NetworkTop}} |
| + | {{Template:Team:Bonn:NetworkBottom}} |
| {{Template:Team:Bonn:Menu}} | | {{Template:Team:Bonn:Menu}} |
- | {{Template:Team:Bonn:SlideshowJS}} | + | {{Template:Team:Bonn:aboutus}} |
| <html> | | <html> |
- | <script>
| + | <body onload=showElements(0,0,"mainpage")> |
- | function dropdown(id) {
| + | <div id="content-page"> |
- | $('#'+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().animate();
| + | |
- | $('#'+hover[i].id).animate({height:"100%"},500);
| + | |
- | }
| + | |
- | }
| + | |
- | }
| + | |
- | });
| + | |
- | $('#'+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().animate();
| + | |
- | $('#'+hover[i].id).animate({height:"45px"},500);
| + | |
- | }
| + | |
- | }
| + | |
- | }
| + | |
- | });
| + | |
- | }
| + | |
- |
| + | |
- | </script>
| + | |
- | <style type="text/css">
| + | |
- | #page-top-slideshow { position: relative; overflow: auto; height: 268px; }
| + | |
- | #page-top-slideshow li { list-style: none; }
| + | |
- | #page-top-slideshow ul li { float: left; }
| + | |
- | .kachelheading{font-family:Century Gothic;font-size:30px;font-weight:bold;color:white;text-align:center; position:absolute; bottom:0;}
| + | |
- | </style>
| + | |
- | | + | |
- | <div id="page-box1" class="page-box-big" style="margin: 20px auto 20px auto; border:1px solid white;width:800px;height:260px;"></div> | + | |
- | <!--<div id="page-box1" class="page-box-big" style="border:1px solid white;width:800px;height:260px;float:left; margin:20px 0 20px -115px; position:relative;"></div>-->
| + | |
- | <div id="page-row1" class="page-row" style="width:800px;height:260px;margin:0 auto 0 auto;position:relative;">
| + | |
- | <div id="page-box-2" class="page-box-width" style="border:1px solid black;float:left;margin:0 15px 0 0;">
| + | |
- | | + | |
- | </div>
| + | |
- | <div id="page-box-3" class="page-box-small" style="border:1px solid black;float:right;">
| + | |
- | | + | |
- | </div>
| + | |
| | | |
| </div> | | </div> |
- | <div id="page-row2" class="page-row" style="width:800px;height:800px;position:relative;margin:20px auto 0 auto">
| |
- | <div id="page-box-4" class="page-box-high" style="border:1px solid black;position:absolute;left:0px;top:0px;">
| |
- |
| |
- | </div>
| |
- | <div id="page-box-5" class="page-box-width" style="border:1px solid black;position:absolute;right:0px;top:0px;">
| |
- |
| |
- | </div>
| |
- | <div id="page-box-6" class="page-box-small" style="border:1px solid black;position:absolute;width:242px;height:242px;top:278px;left:278px;">
| |
- |
| |
- | </div>
| |
- | <div id="page-box-7" class="page-box-width" style="border:1px solid black;position:absolute;left:0px;bottom:0px;">
| |
- |
| |
- | </div>
| |
- | <div id="page-box-8" class="page-box-high" style="border:1px solid black;position:absolute;right:0px;bottom:0px;"></div>
| |
- | <hr noshade color=#FFFFFF" position="bottom" margin="0 0 -100 0" width="1920" size= "1" align="center">
| |
| </div> | | </div> |
- | <div id="page-row3" class="page-row" style="width:800px;height:260px;margin:20px auto 0 auto ">
| |
- | <div id="page-box-9" class="page-box-small" style="border:1px solid white;float:left;margin:0 15px 0 0;">
| |
- | <!--<div class="kachelheading">Ollah</div>-->
| |
- | <div id="page-box-9-content" class="page-box-small" style="background-color:black; opacity:0.75;float:left;margin:0 15px 0 0;">
| |
- | <p style="font-family:Century Gothic; padding:0px 8px 0 8px;font-size:16px;color:white;text-align:left;">Test</br>testtest</p><p class="kachelheading">Hallo</p>
| |
- | <!--<div class="kachelheading">Hallo</div>-->
| |
- | </div>
| |
- | </div>
| |
- | <div id="page-box-10" class="page-box-width" style="border:1px solid black;float:right;"></div>
| |
| </div> | | </div> |
- | | + | </body> |
- | | + | |
- | </div>
| + | |
- | </div> <!-- close page -->
| + | |
- | <!-- Ultra-crap-hack: Close two div containers which have been opened in an included template (apparently) -->
| + | |
- | <!-- TODO: Investigate what we are closing here, and if we can do better (if not, DOCUMENT THIS somewhere and make
| + | |
- | it known to everyone in our Web/PR/Etc. teams.
| + | |
- | -- Matthias -->
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | <script>
| + | |
- | for(var a,a=0;a<5;a++)
| + | |
- | {
| + | |
- | sidetextFade("page-box"+a);
| + | |
- | }
| + | |
- | </script>
| + | |
- | <script>
| + | |
- | $(document).ready(function() {
| + | |
- | $('#page-top-slideshow').bjqs({
| + | |
- | height : 268,
| + | |
- | width : 900,
| + | |
- | responsive : false
| + | |
- | });
| + | |
- | | + | |
- | });
| + | |
- | </script>
| + | |
| </html> | | </html> |
| {{Template:Team:Bonn:sponsors}} | | {{Template:Team:Bonn:sponsors}} |