@@ Line 1: / Line 1: @@
+{{Template:Team:Bonn:BaseCSS}}
+{{Template:Team:Bonn:CSS}}
 <html>
-<style type="text/css">
-/* ********************** */
-/* basic settings */
+<!-- We need jQuery >= 1.10 -->
+<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
+<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
-.firstHeading {                                                 /* Kill the default iGEM picture*/
+<!-- Additional global elements -->
-    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;
-}
-/* ********************** */
+<!-- NONE -->
-.mw-headline{
- color:#ffffff;
-}
-.editsection{
- color:#ffffff;
-}
-body {
- background-position:center;
- background-repeat: repeat-y;
- background-image: url('https://static.igem.org/mediawiki/2013/a/a8/Bonn_background-2.jpg');
-}
-#globalWrapper{
- background-position:center top;
- /* background-image: url('https://static.igem.org/mediawiki/2013/5/50/Bonn_Backgrund-1.png'); */
- background-repeat: no-repeat;
- padding-bottom:0px;
-}
-#content{
- background-color:transparent;
- position:relative;
-}
-#menu-top{
- margin:0 auto;
- padding: 0 20px 0 20px;
- position:absolute;
- left:50px; top:20px; width:900px; height:200px;
- z-index:10;
- opacity:0.95;
-  list-style: none;
- color:#000000;
-}
-li{
- float:left;
-}
-.menu-head{
- font-weight:bold;
- font-size: 14px;
- margin:0;
- padding:5px;
-}
-.menu-head:hover {
-  background-color:#aaaaaa;
-  color:#ffffff;
-}
-.menu-column{
- background-color: #cccccc;
- font-size:14px;
- width:150px;
- margin-right:20px;
- border-radius:2px;
- border: 2px solid white;
-  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
- -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2));
- box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
-}
-.menu-sub-ul{
- display:none;
- font-weight:bold;
- margin-left:0px;
- }
-.menu-sub-ul a{
- color:#000000;
- }
-.menu-sub{
- clear:both;
- list-style: none;
- padding:5px;
- width:140px;
-}
-.menu-sub:hover {
-  background-color:#aaaaaa;
-  color:#ffffff;
-}
-.menu-sub:hover a{
-  background-color:#aaaaaa;
-  color:#ffffff;
-}
-#subpage{
- border-radius:2px;
- margin:40px 0 0 0;
- padding:0;
- font-family: Arial;
- background-color:none;
- background-color: #ffffff;
- -webkit-box-shadow: -5px 5px 5px rgba(0, 0, 0, 0.7), inset 0 0 50px rgba(0, 0, 0, 0.2);
- -moz-box-shadow: -5px 5px 5px rgba(0, 0, 0, 0.7), inset 0 0 50px rgba(0, 0, 0, 0.2);
- box-shadow: -5px 5px 5px rgba(0, 0, 0, 0.7), inset 0 0 50px rgba(0, 0, 0, 0.2);
-}
-#subpage-middle{
- padding: 30px 10px 10px 10px;
-}
-.subpage-headline{
- margin:0 10px 10px 10px;
- text-align:left;
- font-size:25px;
- font-weight:bold;
-}
-.subpage-headline2{
- margin:0 10px 10px 10px;
- text-align:left;
- font-size:20px;
- font-weight:bold;
-}
-.subpage-text{
- margin:0 10px 10px 10px;
- text-align:left;
-}
-#page{
- border-radius:2px;
- margin:40px 0 0 0;
- padding:0;
- font-family: Arial;
- background-color:none;
- background-color: #ffffff;
- -webkit-box-shadow: -5px 5px 5px rgba(0, 0, 0, 0.7), inset 0 0 50px rgba(0, 0, 0, 0.2);
- -moz-box-shadow: -5px 5px 5px rgba(0, 0, 0, 0.7), inset 0 0 50px rgba(0, 0, 0, 0.2);
- box-shadow: -5px 5px 5px rgba(0, 0, 0, 0.7), inset 0 0 50px rgba(0, 0, 0, 0.2);
-}
-.page-top{
- position:relative;
- width:970px;
- margin-left:auto;
- margin-right:auto;
- margin-top:20px;
- margin-bottom:10px;
- color:#ffffff;
-}
-#page-top-slideshow{
- width:970px;
- height:210px;
- padding:20px 0 20px 0;
- position:relative;
- color:#ffffff;
-}
-#page-top-slideshow img{
-  -moz-border-radius : 4px; /* Firefox */
-  -webkit-border-radius : 4px; /* Safari & Chrome */
-  -khtml-border-radius : 4px; /* Linux browsers */
-  border-radius : 4px; /* CSS3 compatible browsers */
-}
-#page-top-nav {
- position:absolute;
- bottom:-5px;
- right:10px;
- z-index:20;
- opacity:0.7;
-}
-#page-top-nav a {
- font-size:20px;
- padding: 2px 5px 2px 5px;
- background-color:#888888;
- color:#000000;
- margin-right:10px;
-  -moz-border-radius : 3px; /* Firefox */
-  -webkit-border-radius : 3px; /* Safari & Chrome */
-  -khtml-border-radius : 3px; /* Linux browsers */
-  border-radius : 3px; /* CSS3 compatible browsers */
-}
-#page-top-nav .activeSlide {
- background-color:#dddddd;
-}
-.page-top-slide{
- width:950px;
- height:260px;
- font-size:16px;
- text-align:justify;
-    position: absolute;
-    margin: auto;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-}
-#page-top-pic{
-}
-#page-top-pic img{
-    position: absolute;
-    margin: auto;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-}
-#page-top-game img {
-  -moz-border-radius : 5px; /* Firefox */
-  -webkit-border-radius : 5px; /* Safari & Chrome */
-  -khtml-border-radius : 5px; /* Linux browsers */
-  border-radius : 5px; /* CSS3 compatible browsers */
- -webkit-box-shadow: 0 0 5px rgba(255, 255, 255, 0.4);
- -moz-box-shadow: 0 0 5px rgba(255, 255, 255, 0.4));
- box-shadow: 0 0 5px rgba(255, 255, 255, 0.4);
-}
-#page-middle {
- padding: 30px 10px 10px 10px;
-}
-#page-table{
-  margin-left: auto;
-  margin-right: auto;
-  border-spacing: 10px;
-  background-color:transparent;
-}
-.page-box{
- border: 1px solid black;
- background-color: #cccccc;
- position:relative;
-  -moz-border-radius : 4px; /* Firefox */
-  -webkit-border-radius : 4px; /* Safari & Chrome */
-  -khtml-border-radius : 4px; /* Linux browsers */
-  border-radius : 4px; /* CSS3 compatible browsers */
- border: 3px solid white;
-  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
- -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5));
- box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
-}
-#page-box1{
- width:320px;
- height:515px;
-}
-#page-box2{
- width:480px;
- height:250px;
-}
-#page-box3{
- width:480px;
- height:250px;
-}
-#page-box4{
- width:815px;
- height:200px;
-}
-.page-box-bottom{
- background-color:#333333;
- color:#eeeeee;
- opacity:0.8;
- position:absolute;
- bottom:0px;
- height:45px;
- width:100%;
-}
-.page-box-bottom-headline{
- margin:15px 0 0 0;
- text-align:center;
- font-size:28px;
- font-weight:bold;
-}
-.bottom {
- width:1200px;
- margin-top:40px;
- margin-left:auto;
- margin-right:auto;
- opacity:0.9;
- background-color:#ffffff;
- border: 3px solid white;
- -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
- -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2));
- box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
-  -moz-border-radius : 4px; /* Firefox */
-  -webkit-border-radius : 4px; /* Safari & Chrome */
-  -khtml-border-radius : 4px; /* Linux browsers */
-  border-radius : 4px; /* CSS3 compatible browsers */
-}
-.bottom-sponsors{
- margin:0 20px 0 20px;
- border-radius:5px;
-}
-.bottom-headline{
- margin:10px 0 0 0;
- text-align:center;
- font-size:25px;
- font-weight:bold;
-}
-.bottom-sponsor1{
- margin:5px;
- max-height:300px;
- max-width:300px;
-}
-.bottom-sponsor2{
- margin:5px;
- max-height:140px;
- max-width:140px;
-}
-.bottom-sponsor3{
- margin:5px;
- max-height:120px;
- max-width:120px;
- }
-</style>
-<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.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 type="text/javascript" src="http://igem.uni-bonn.de/shared/jquery.mb.menu/inc/jquery.metadata.js"></script>
-<script type="text/javascript" src="http://igem.uni-bonn.de/shared/jquery.mb.menu/inc/jquery.hoverIntent.js"></script>
-<script type="text/javascript" src="http://igem.uni-bonn.de/shared/jquery.mb.menu/inc/styleswitch.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().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>
 </html>
+{{Template:Team:Bonn:MenuInit}}

Template:Team:Bonn

From 2013.igem.org

Latest revision as of 08:25, 4 October 2013