Template:Team:Braunschweig

From 2013.igem.org

(Difference between revisions)
(Created page with "{| Image:BackgroundBS.jpg |- |}")
Line 1: Line 1:
-
{|
+
<html>
-
[[Image:BackgroundBS.jpg]]
+
<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{
 +
color:#ffffff;
 +
}
 +
.editsection{
 +
color:#ffffff;
 +
}
 +
body {
 +
background-position:center;
 +
background-repeat: repeat-y;
 +
background-image: url('https://static.igem.org/mediawiki/2013/6/65/BackgroundBS.jpg);
 +
}
 +
#globalWrapper{
 +
background-position:center top;
 +
/* background-image: url('https://static.igem.org/mediawiki/2013/6/65/BackgroundBS.jpg); */
 +
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;
 +
}
 +
#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:50px;
 +
margin-bottom:10px;
 +
color:#ffffff;
 +
}
 +
#page-top-slideshow{
 +
width:970px;
 +
height:200px;
 +
padding:30px 0 30px 0;
 +
position:relative;
 +
color:#ffffff;
 +
  -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:7px;
 +
right:3px;
 +
z-index:20;
 +
opacity:0.7;
 +
}
 +
#page-top-nav a {
 +
font-size:20px;
 +
padding: 2px 5px 2px 5px;
 +
background-color:#cccccc;
 +
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:#aaaaaa;
 +
}
 +
.page-top-slide{
 +
width:770px;
 +
height:200px;
 +
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-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 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);
 +
}
 +
 
 +
#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:#aaaaaa;
 +
color:#000000;
 +
opacity:0.8;
 +
position:absolute;
 +
bottom:0px;
 +
height:60px;
 +
width:100%;
 +
}
 +
.page-box-bottom-headline{
 +
margin:20px 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:80px;
 +
max-width:80px;
 +
}
 +
</style>
 +
 
 +
 
 +
 
 +
<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%"},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().animate();
 +
          $('#'+hover[i].id).animate({height:"80px"},1000);
 +
        }
 +
      }
 +
    }
 +
  });
 +
}
 +
 
 +
</script>
 +
</html>

Revision as of 20:55, 7 May 2013

Retrieved from "http://2013.igem.org/Template:Team:Braunschweig"