|
|
(721 intermediate revisions not shown) |
Line 1: |
Line 1: |
| + | {{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:aboutus}} |
| <html> | | <html> |
- | <script src="http://code.jquery.com/jquery-1.9.1.js"></script> | + | <body onload=showElements(0,0,"mainpage")> |
- | <script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script> | + | <div id="content-page"> |
- | <script>
| + | |
- | function highlightOn(id)
| + | |
- | {
| + | |
- | $('#'+id).stop().animate();
| + | |
- | $('#'+id).animate({backgroundColor:'#000000'},1000);
| + | |
- | }
| + | |
- | function highlightOff(id)
| + | |
- | {
| + | |
- | $('#'+id).stop().animate();
| + | |
- | $('#'+id).animate({backgroundColor:'#555555'},1000);
| + | |
- | }
| + | |
- | function dropdown(id) {
| + | |
- | $('#'+id).hover( function()
| + | |
- | {
| + | |
- | $('#'+id+' > ul').stop().slideUp();
| + | |
- | $('#'+id+' > ul').slideDown("1000");
| + | |
| | | |
- | });
| + | </div> |
- | $('#'+id).mouseleave(function()
| + | </div> |
- | {
| + | </div> |
- | $('#'+id+' > ul').stop().slideDown();
| + | </body> |
- | $('#'+id+' > ul').slideUp("1000");
| + | |
- | });
| + | |
- | var node;
| + | |
- | node = $('#'+id+'>ul').find('li');
| + | |
- | for(var a,a=0;a<node.length;a++) {
| + | |
- | $('#'+node[a].id).hover( highlightOn(node[a].id));
| + | |
- | $('#'+node[a].id).mouseleave( highlightOff(node[a].id));
| + | |
- | }
| + | |
- | | + | |
- | }
| + | |
- | | + | |
- | 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-sidetext-left" || hover[i].className == "page-box-sidetext-right") {
| + | |
- | $('#'+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-sidetext-left" || hover[i].className == "page-box-sidetext-right") {
| + | |
- | $('#'+hover[i].id).stop().fadeIn();
| + | |
- | $('#'+hover[i].id).fadeOut(1000);
| + | |
- | }
| + | |
- | }
| + | |
- | }
| + | |
- | });
| + | |
- | }
| + | |
- | | + | |
- | </script> | + | |
- | <style type="text/css"> | + | |
- | .mw-headline{
| + | |
- | color:#ffffff;
| + | |
- | }
| + | |
- | .editsection{
| + | |
- | color:#ffffff;
| + | |
- | }
| + | |
- | #globalWrapper{
| + | |
- | background-color:#ffffff;
| + | |
- | background-image:url('https://static.igem.org/mediawiki/2013/a/a8/Bonn_background-2.jpg');
| + | |
- | }
| + | |
- | #page{
| + | |
- | margin:0;
| + | |
- | padding:0;
| + | |
- | font-family: Calibri;
| + | |
- | }
| + | |
- | #menu-top{
| + | |
- | margin:0 auto;
| + | |
- | padding: 0 20px 1px 20px;
| + | |
- | position:absolute;
| + | |
- | left:100px; top:20px; width:900px; height:200px;
| + | |
- | z-index:10;
| + | |
- | opacity:0.8;
| + | |
- | list-style: none;
| + | |
- | }
| + | |
- | li{
| + | |
- | float:left;
| + | |
- | }
| + | |
- | .menu-head{
| + | |
- | font-weight:bold;
| + | |
- | font-size: 18px;
| + | |
- | margin:0;
| + | |
- | }
| + | |
- | .menu-column{
| + | |
- | width:130px;
| + | |
- | margin-right:20px;
| + | |
- | }
| + | |
- | .menu-sub-ul{
| + | |
- | display:none;
| + | |
- | background-color: #555555;
| + | |
- | color:#ffffff;
| + | |
- | margin-left:-18px;
| + | |
- | font-weight:bold;
| + | |
- | }
| + | |
- | .menu-sub-ul a{
| + | |
- | color:#ffffff;
| + | |
- | }
| + | |
- | .menu-sub{
| + | |
- | margin-top:10px;
| + | |
- | clear:both;
| + | |
- | font-size:15px;
| + | |
- | list-style: none;
| + | |
- | padding-left:5px;
| + | |
- | }
| + | |
- | .menu-sub:hover {
| + | |
- | background-color:#000000;
| + | |
- | }
| + | |
- | .menu-sub a:hover{
| + | |
- | background-color:#000000;
| + | |
- | }
| + | |
- | #page-top{
| + | |
- | width:690px;
| + | |
- | height:150px;
| + | |
- | margin:0 auto;
| + | |
- | font-size:14px;
| + | |
- | padding-top:30px;
| + | |
- | border-width:0px;
| + | |
- | text-align:justify;
| + | |
- | }
| + | |
- | .page-rows{
| + | |
- | }
| + | |
- | .page-row{
| + | |
- | padding:20px;
| + | |
- | height:340px;
| + | |
- | margin:0 auto;
| + | |
- | width:920px;
| + | |
- | }
| + | |
- | .page-box{
| + | |
- | float:left;
| + | |
- | height:200px;
| + | |
- | width:400px;
| + | |
- | border-style:solid;
| + | |
- | border-width:1px;
| + | |
- | color:#ffffff;
| + | |
- | margin:0 20px 0 20px;
| + | |
- | text-align:center;
| + | |
- | border-radius:10px;
| + | |
- | opacity:0.75;
| + | |
- | font-weight:normal;
| + | |
- | }
| + | |
- | .page-box-sidetext-right{
| + | |
- | float:right;
| + | |
- | background-color:black;
| + | |
- | height:200px;
| + | |
- | width:200px;
| + | |
- | background-color:#aaaaaa;
| + | |
- | opacity:0.7;
| + | |
- | display:none;
| + | |
- | margin-right:-150px;
| + | |
- | border-radius:20px;
| + | |
- | }
| + | |
- | .page-box-sidetext-left{
| + | |
- | float:left;
| + | |
- | background-color:black;
| + | |
- | height:200px;
| + | |
- | width:200px;
| + | |
- | background-color:#aaaaaa;
| + | |
- | opacity:0.5;
| + | |
- | display:none;
| + | |
- | margin-left:-150px;
| + | |
- | border-radius:20px;
| + | |
- | }
| + | |
- | .page-box-pic-left{
| + | |
- | float:left;
| + | |
- | width:270px;
| + | |
- | height:250px;
| + | |
- | opacity:1;
| + | |
- | background-color:#EEEEEE;
| + | |
- | background-repeat:no-repeat;
| + | |
- | }
| + | |
- | .page-box-pic-right{
| + | |
- | float:right;
| + | |
- | width:300px;
| + | |
- | background-color:#EEEEEE;
| + | |
- | height:250px;
| + | |
- | opacity:1;
| + | |
- | }
| + | |
- | .page-bottom {
| + | |
- | margin-top:30px;
| + | |
- | }
| + | |
- | .page-bottom-sponsors{
| + | |
- | margin:0 auto;
| + | |
- | width:700px;
| + | |
- | border:1px solid #aaaaaa;
| + | |
- | background-color:#eeeeee;
| + | |
- | border-radius:20px;
| + | |
- | }
| + | |
- | .bottom-headline{
| + | |
- | margin:10px 0 10px 0;
| + | |
- | text-align:center;
| + | |
- | font-size:22px;
| + | |
- | font-weight:bold;
| + | |
- | }
| + | |
- | .bottom-sponsor{
| + | |
- | margin:10px;
| + | |
- | }
| + | |
- | </style> | + | |
| </html> | | </html> |
| + | {{Template:Team:Bonn:sponsors}} |