Team:Groningen/files/slider.css

From 2010.igem.org

(Difference between revisions)
(New page: /* * jQuery Nivo Slider v2.1 * http://nivo.dev7studios.com * * Copyright 2010, Gilbert Pellegrom * Free to use and abuse under the MIT license. * http://www.opensource.org/licenses/m...)
Line 82: Line 82:
.nivo-controlNav a.active {
.nivo-controlNav a.active {
font-weight:bold;
font-weight:bold;
 +
}
 +
/*
 +
* Note: Include the nivo-slider.css file that comes
 +
* with the main download before including this file.
 +
*/
 +
 +
#slider {
 +
position:relative;
 +
margin:30px 30px 60px 30px;
 +
background:#202834 url(loading.gif) no-repeat 50% 50%;
 +
-moz-box-shadow:0px 0px 10px #333;
 +
-webkit-box-shadow:0px 0px 10px #333;
 +
box-shadow:0px 0px 10px #333;
 +
}
 +
#slider img {
 +
position:absolute;
 +
top:0px;
 +
left:0px;
 +
display:none;
 +
}
 +
#slider a {
 +
border:0;
 +
}
 +
 +
.nivo-controlNav {
 +
position:absolute;
 +
left:47%;
 +
bottom:-30px;
 +
}
 +
.nivo-controlNav a {
 +
display:block;
 +
width:10px;
 +
height:10px;
 +
background:url(https://static.igem.org/mediawiki/2010/4/4f/Groningen-Slider-Bullets.png) no-repeat;
 +
text-indent:-9999px;
 +
border:0;
 +
margin-right:3px;
 +
float:left;
 +
}
 +
.nivo-controlNav a.active {
 +
background-position:-10px 0;
 +
}
 +
 +
.nivo-directionNav a {
 +
display:block;
 +
width:32px;
 +
height:34px;
 +
background:url(https://static.igem.org/mediawiki/2010/f/fa/Groningen-Slider-Arrows.png) no-repeat;
 +
text-indent:-9999px;
 +
border:0;
 +
}
 +
a.nivo-nextNav {
 +
background-position:-32px 0;
 +
right:10px;
 +
}
 +
a.nivo-prevNav {
 +
left:10px;
}
}

Revision as of 22:59, 24 October 2010

/* 

* jQuery Nivo Slider v2.1
* http://nivo.dev7studios.com
*
* Copyright 2010, Gilbert Pellegrom
* Free to use and abuse under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 
* March 2010
*/

/* The Nivo Slider styles */ .nivoSlider { position:relative; } .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:60; display:none; } /* The slices in the Slider */ .nivo-slice { display:block; position:absolute; z-index:50; height:100%; } /* 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:89; } .nivo-caption p { padding:5px; margin:0; } .nivo-caption a { display:inline !important; } .nivo-html-caption { 

   display:none;

} /* Direction nav styles (e.g. Next & Prev) */ .nivo-directionNav a { position:absolute; top:45%; z-index:99; cursor:pointer; } .nivo-prevNav { left:0px; } .nivo-nextNav { right:0px; } /* Control nav styles (e.g. 1,2,3...) */ .nivo-controlNav a { position:relative; z-index:99; cursor:pointer; } .nivo-controlNav a.active { font-weight:bold; } /* 

* Note: Include the nivo-slider.css file that comes
* with the main download before including this file.
*/
  1. slider {

position:relative; margin:30px 30px 60px 30px; background:#202834 url(loading.gif) no-repeat 50% 50%; -moz-box-shadow:0px 0px 10px #333; -webkit-box-shadow:0px 0px 10px #333; box-shadow:0px 0px 10px #333; }

  1. slider img {

position:absolute; top:0px; left:0px; display:none; }

  1. slider a {

border:0; }

.nivo-controlNav { position:absolute; left:47%; bottom:-30px; } .nivo-controlNav a { display:block; width:10px; height:10px; background:url(Groningen-Slider-Bullets.png) no-repeat; text-indent:-9999px; border:0; margin-right:3px; float:left; } .nivo-controlNav a.active { background-position:-10px 0; }

.nivo-directionNav a { display:block; width:32px; height:34px; background:url(Groningen-Slider-Arrows.png) no-repeat; text-indent:-9999px; border:0; } a.nivo-nextNav { background-position:-32px 0; right:10px; } a.nivo-prevNav { left:10px; }

Retrieved from "http://2010.igem.org/Team:Groningen/files/slider.css"