Team:Copenhagen/Header

From 2012.igem.org

(Difference between revisions)
 
(28 intermediate revisions not shown)
Line 23: Line 23:
#graa {background-color:#999999;}
#graa {background-color:#999999;}
-
/*
 
-
* jQuery Nivo Slider v2.6
 
-
* http://nivo.dev7studios.com
 
-
*
 
-
* Copyright 2011, Gilbert Pellegrom
 
-
* Free to use and abuse under the MIT license.
 
-
* http://www.opensource.org/licenses/mit-license.php
 
-
*
 
-
* March 2010
 
-
*/
 
-
<script type="text/javascript">
+
$("#slideshow > div:gt(0)").hide();
-
  $(window).load(function() {
+
-
        $('#slider').nivoSlider();
+
-
    });
+
-
    </script>
+
-
+
-
+
-
/* The Nivo Slider styles */
+
-
.nivoSlider {
+
-
position:relative;
+
-
        effect: 'fade'
+
-
}
+
-
.nivoSlider img {
+
-
position:absolute;
+
-
top:0px;
+
-
left:0px;
+
-
}
+
-
/* If an image is wrapped in a link */
+
-
.nivoSlider a.nivo-imageLink {
+
-
position:absolute;
+
-
top:0px;
+
-
left:0px;
+
-
width:100%;
+
-
height:100%;
+
-
border:0;
+
-
padding:0;
+
-
margin:0;
+
-
z-index:6;
+
-
display:none;
+
-
}
+
-
/* The slices and boxes in the Slider */
+
-
.nivo-slice {
+
-
display:block;
+
-
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 {
+
setInterval(function() {  
-
position:relative;
+
  $('#slideshow > div:first')
-
z-index:9;
+
    .fadeOut(1000)
-
cursor:pointer;
+
    .next()
-
}
+
    .fadeIn(1000)
 +
    .end()
 +
    .appendTo('#slideshow');
 +
},  3000);
-
.nivo-controlNav a.active {
+
a{
-
font-weight:bold;
+
height: 119px;
}
}
-
.theme-default #slider {
+
a:hover{
-
    margin:0px auto 0px auto;
+
height: 619px;
-
    width:660px;                                  /* Make sure your images are the same size */
+
-
    height:371px;                                 /* Make sure your images are the same size */
+
}
}
-
/*
 
-
Skin Name: Nivo Slider Default Theme
 
-
Skin URI: http://nivo.dev7studios.com
 
-
Skin Type: flexible
 
-
Description: The default skin for the Nivo Slider.
 
-
Version: 1.0
 
-
Author: Gilbert Pellegrom
 
-
Author URI: http://dev7studios.com
 
-
*/
 
-
.theme-default .nivoSlider {
+
#scroller {
-
position:relative;
+
  position: fixed;
-
background:#fff url(https://static.igem.org/mediawiki/2011/6/67/LoadingNIVO.gif) no-repeat 50% 50%;
+
  right: 215px;
-
    -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
+
  top: 20%;
-
    -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
+
  width: 8em;
-
    box-shadow: 0px 1px 5px 0px #4a4a4a;
+
  margin-top: -2.5em;
}
}
-
.theme-default .nivoSlider img {
+
 
-
position:absolute;
+
#design1{
-
top:0px;
+
background-image: url("https://static.igem.org/mediawiki/2012/6/63/Control_thump.jpg");
-
left:0px;
+
-
display:none;
+
-
}
+
-
.theme-default .nivoSlider a {
+
-
border:0;
+
-
display:block;
+
}
}
-
.theme-default .nivo-controlNav {
+
#design1:hover{
-
position:absolute;
+
background-image: url("https://static.igem.org/mediawiki/2012/9/94/Control-Copenhagen.JPG");
-
left:50%;
+
-
bottom:-42px;
+
-
    margin-left:-40px; /* Tweak this to center bullets */
+
-
}
+
-
.theme-default .nivo-controlNav a {
+
-
display:block;
+
-
width:22px;
+
-
height:22px;
+
-
text-indent:-9999px;
+
-
border:0;
+
-
margin-right:3px;
+
-
float:left;
+
-
}
+
-
.theme-default .nivo-controlNav a.active {
+
-
background-position:0 -20px;
+
}
}
-
.theme-default .nivo-directionNav a {
+
#design2{
-
display:block;
+
background-image: url(" ");
-
padding: 2px 2px;
+
-
width:30px;
+
-
height:30px;
+
-
background:url(https://static.igem.org/mediawiki/2011/f/f0/Arrows.png) no-repeat;
+
-
text-indent:-9999px;
+
-
border:0;
+
-
}
+
-
.theme-default a.nivo-nextNav {
+
-
background-position:-34px 0px;
+
-
right:15px;
+
-
}
+
-
.theme-default a.nivo-prevNav {
+
-
left:15px;
+
}
}
-
.theme-default .nivo-caption {
+
#design2:hover{
-
    font-family: Helvetica, Arial, sans-serif;
+
background-image: url(" ");
-
}
+
-
.theme-default .nivo-caption a {
+
-
    color:#fff;
+
-
    border-bottom:1px dotted #fff;
+
-
}
+
-
.theme-default .nivo-caption a:hover {
+
-
    color:#fff;
+
}
}
Line 295: 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"