Team:Copenhagen/Header

From 2012.igem.org

(Difference between revisions)
 
(37 intermediate revisions not shown)
Line 23: Line 23:
#graa {background-color:#999999;}
#graa {background-color:#999999;}
-
#s3slider {
+
 
-
  width: 400px; /* important to be same as image width */
+
$("#slideshow > div:gt(0)").hide();
-
  height: 300px; /* important to be same as image height */
+
 
-
  position: relative; /* important */
+
setInterval(function() {
-
  overflow: hidden; /* important */
+
  $('#slideshow > div:first')
 +
    .fadeOut(1000)
 +
    .next()
 +
    .fadeIn(1000)
 +
    .end()
 +
    .appendTo('#slideshow');
 +
},  3000);
 +
 
 +
 
 +
a{
 +
height: 119px;
}
}
-
#s3sliderContent {
+
a:hover{
-
  width: 400px; /* important to be same as image width or wider */
+
height: 619px;
-
  position: absolute; /* important */
+
-
  top: 0; /* important */
+
-
  margin-left: 0; /* important */
+
}
}
-
.s3sliderImage {
+
 
-
  float: left; /* important */
+
#scroller {
-
  position: relative; /* important */
+
  position: fixed;
-
  display: none; /* important */
+
  right: 215px;
 +
  top: 20%;
 +
  width: 8em;
 +
  margin-top: -2.5em;
}
}
-
.s3sliderImage span {
+
#design1{
-
  position: absolute; /* important */
+
background-image: url("https://static.igem.org/mediawiki/2012/6/63/Control_thump.jpg");
-
  left: 0;
+
}
-
  font: 10px/15px Arial, Helvetica, sans-serif;
+
-
  padding: 10px 13px;
+
-
  width: 374px;
+
-
  background-color: #000;
+
-
  filter: alpha(opacity=70); /* here you can set the opacity of box with text */
+
-
  -moz-opacity: 0.7; /* here you can set the opacity of box with text */
+
-
  -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
+
-
  opacity: 0.7; /* here you can set the opacity of box with text */
+
-
  color: #fff;
+
-
  display: none; /* important */
+
-
  top: 0;
+
-
  /*
+
#design1:hover{
-
      if you put
+
background-image: url("https://static.igem.org/mediawiki/2012/9/94/Control-Copenhagen.JPG");
-
      top: 0; -> the box with text will be shown at the top of the image
+
-
      if you put
+
-
      bottom: 0; -> the box with text will be shown at the bottom of the image
+
-
  */
+
}
}
-
.clear {
+
#design2{
-
  clear: both;
+
background-image: url(" ");
}
}
 +
#design2:hover{
 +
background-image: url(" ");
 +
}
</style>
</style>
Line 158: Line 156:
<a href="https://2012.igem.org/Team:Copenhagen/Team">Team</a>
<a href="https://2012.igem.org/Team:Copenhagen/Team">Team</a>
<a href="https://2012.igem.org/Team:Copenhagen/Project">Project</a>
<a href="https://2012.igem.org/Team:Copenhagen/Project">Project</a>
 +
<a href="https://2012.igem.org/Team:Copenhagen/Protocols">Protocols</a>
<a href="https://2012.igem.org/Team:Copenhagen/Parts">Parts</a>
<a href="https://2012.igem.org/Team:Copenhagen/Parts">Parts</a>
-
<a href="https://2012.igem.org/Team:Copenhagen/Notebook">Notebook</a>
 
<a href="https://2012.igem.org/Team:Copenhagen/Safety">Safety</a>
<a href="https://2012.igem.org/Team:Copenhagen/Safety">Safety</a>
<a href="https://2012.igem.org/Team:Copenhagen/Ethics">Human Practises</a>
<a href="https://2012.igem.org/Team:Copenhagen/Ethics">Human Practises</a>

Latest revision as of 21:16, 26 September 2012

Retrieved from "http://2012.igem.org/Team:Copenhagen/Header"