Template:Team:Bonn

From 2013.igem.org

(Difference between revisions)
(Use CSS3 gradients)
 
(446 intermediate revisions not shown)
Line 1: Line 1:
 +
{{Template:Team:Bonn:BaseCSS}}
 +
{{Template:Team:Bonn:CSS}}
<html>
<html>
-
<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");
 
-
    });
+
<!-- We need jQuery >= 1.10 -->
-
  $('#'+id).mouseleave(function()
+
<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>
-
      $('#'+id+' > ul').stop().slideDown();
+
-
      $('#'+id+' > ul').slideUp("1000");
+
-
    });
+
-
}
+
<!-- Additional global elements -->
-
function sidetextFade(id)
+
<!-- NONE -->
-
{
+
-
  $('#'+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>
 
-
<style type="text/css">
 
-
.mw-headline{
 
-
color:#ffffff;
 
-
}
 
-
.editsection{
 
-
color:#ffffff;
 
-
}
 
-
#globalWrapper{
 
-
background-repeat: repeat-y;
 
-
background-image: url('https://static.igem.org/mediawiki/2013/0/0f/Bonn_background_fabric2.jpg');
 
-
background-position:center;
 
-
background: -moz-linear-gradient(80% 75% 180deg,#8C0B14, #1E0F78);
 
-
background: -webkit-gradient(linear, 80% 75%, 0% 100%, from(#8C0B14), to(#1E0F78));
 
-
}
 
-
#content{
 
-
 
-
background-color:transparent
 
-
}
 
-
#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: Calibri;
 
-
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:800px;
 
-
margin-left:auto;
 
-
margin-right:auto;
 
-
margin-top:50px;
 
-
margin-bottom:10px;
 
-
}
 
-
#page-middle {
 
-
padding: 30px 10px 10px 10px;
 
-
}
 
-
#page-table{
 
-
  margin-left: auto;
 
-
  margin-right: auto;
 
-
  border-spacing: 10px;
 
-
  background-color:transparent;
 
-
}
 
-
.page-box{
 
-
position:relative;
 
-
border-radius:4px;
 
-
}
 
-
#page-box0{
 
-
width:755px;
 
-
height:200px;
 
-
padding:30px;
 
-
position:relative;
 
-
color:#ffffff;
 
-
}
 
-
#page-box0-nav {
 
-
position:absolute;
 
-
bottom:7px;
 
-
right:3px;
 
-
z-index:20;
 
-
opacity:0.7;
 
-
}
 
-
#page-box0-nav a {
 
-
font-size:20px;
 
-
padding: 2px 5px 2px 5px;
 
-
background-color:#cccccc;
 
-
color:#000000;
 
-
margin-right:10px;
 
-
border-radius:3px;
 
-
}
 
-
#page-box0-nav .activeSlide {
 
-
background-color:#aaaaaa;
 
-
}
 
-
.page-box0-slide{
 
-
width:755px;
 
-
height:200px;
 
-
font-size:16px;
 
-
padding:30px;
 
-
text-align:justify;
 
-
position:relative;
 
-
}
 
-
#page-box0-pic{
 
-
}
 
-
#page-box0-pic img{
 
-
    position: absolute;
 
-
    margin: auto;
 
-
    top: 0;
 
-
    left: 0;
 
-
    right: 0;
 
-
    bottom: 0;
 
-
    }
 
-
#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 {
 
-
display:none;
 
-
width:100%;
 
-
height:30%;
 
-
position:absolute;
 
-
bottom:0;
 
-
left:0;
 
-
background-image: -webkit-linear-gradient(rgba(150,150,150,0.0) 0%, rgba(150,150,150,1.0) 90%);
 
-
background-image: -moz-linear-gradient(rgba(150,150,150,0.0) 0%, rgba(150,150,150,1.0) 90%);
 
-
background-image: -o-linear-gradient(rgba(150,150,150,0.0) 0%, rgba(150,150,150,1.0) 90%);
 
-
background-image: linear-gradient(rgba(150,150,150,0.0) 0%, rgba(150,150,150,1.0) 90%);
 
-
color:#cccccc;
 
-
}
 
-
.page-bottom {
 
-
margin-top:30px;
 
-
opacity:1;
 
-
}
 
-
.page-bottom-sponsors{
 
-
background-color:rgba(255,255,255,0.35);
 
-
margin:0 40px 0 40px;
 
-
border-radius:5px;
 
-
}
 
-
.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:MenuInit}}

Latest revision as of 08:25, 4 October 2013

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