Team:Copenhagen/Header

From 2012.igem.org

(Difference between revisions)
 
(31 intermediate revisions not shown)
Line 23: Line 23:
#graa {background-color:#999999;}
#graa {background-color:#999999;}
-
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
 
 +
$("#slideshow > div:gt(0)").hide();
-
/*
+
setInterval(function() {
-
* jQuery Nivo Slider v2.6
+
  $('#slideshow > div:first')
-
* http://nivo.dev7studios.com
+
    .fadeOut(1000)
-
*
+
    .next()
-
* Copyright 2011, Gilbert Pellegrom
+
    .fadeIn(1000)
-
* Free to use and abuse under the MIT license.
+
    .end()
-
* http://www.opensource.org/licenses/mit-license.php
+
    .appendTo('#slideshow');
-
  *
+
}, 3000);
-
* March 2010
+
 
-
*/
+
 
-
+
a{
-
+
height: 119px;
-
/* The Nivo Slider styles */
+
-
.nivoSlider {
+
-
position:relative;
+
-
        effect: 'fade'
+
}
}
-
.nivoSlider img {
+
 
-
position:absolute;
+
a:hover{
-
top:0px;
+
height: 619px;
-
left:0px;
+
}
}
-
/* If an image is wrapped in a link */
+
 
-
.nivoSlider a.nivo-imageLink {
+
 
-
position:absolute;
+
#scroller {
-
top:0px;
+
  position: fixed;
-
left:0px;
+
  right: 215px;
-
width:100%;
+
  top: 20%;
-
height:100%;
+
  width: 8em;
-
border:0;
+
  margin-top: -2.5em;
-
padding:0;
+
-
margin:0;
+
-
z-index:6;
+
-
display:none;
+
}
}
-
/* The slices and boxes in the Slider */
+
 
-
.nivo-slice {
+
#design1{
-
display:block;
+
background-image: url("https://static.igem.org/mediawiki/2012/6/63/Control_thump.jpg");
-
position:absolute;
+
-
z-index:5;
+
-
height:100%;
+
-
}
+
-
.nivo-box {
+
-
display:block;
+
-
position:absolute;
+
-
z-index:5;
+
-
}
+
-
/* Caption styles */
+
-
.nivo-caption {
+
-
position:absolute;
+
-
left:0px;
+
-
bottom:0px;
+
-
background:#000;
+
-
color:#fff;
+
-
opacity:0.8; /* Overridden by captionOpacity setting */
+
-
width:100%;
+
-
z-index:8;
+
-
}
+
-
.nivo-caption p {
+
-
padding:5px;
+
-
margin:0;
+
-
}
+
-
.nivo-caption a {
+
-
display:inline !important;
+
-
}
+
-
.nivo-html-caption {
+
-
    display:none;
+
-
}
+
-
/* Direction nav styles (e.g. Next &amp; Prev) */
+
-
.nivo-directionNav a {
+
-
position:absolute;
+
-
top:45%;
+
-
z-index:9;
+
-
cursor:pointer;
+
-
}
+
-
.nivo-prevNav {
+
-
left:15px;
+
-
}
+
-
.nivo-nextNav {
+
-
right:15px;
+
-
}
+
-
/* Control nav styles (e.g. 1,2,3...) */
+
-
.theme-default .nivo-controlNav {
+
-
      position:absolute; left:100%; bottom:-42px;
+
-
      margin-left: -1000px;
+
}
}
-
.nivo-controlNav a {
+
#design1:hover{
-
position:relative;
+
background-image: url("https://static.igem.org/mediawiki/2012/9/94/Control-Copenhagen.JPG");
-
z-index:9;
+
-
cursor:pointer;
+
}
}
-
 
+
#design2{
-
 
+
background-image: url(" ");
-
.nivo-controlNav a.active {
+
-
font-weight:bold;
+
}
}
-
.theme-default #slider {
+
#design2:hover{
-
    margin:0px auto 0px auto;
+
background-image: url(" ");
-
    width:660px; /* Make sure your images are the same size */
+
-
    height:371px; /* Make sure your images are the same size */
+
}
}
Line 218: 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