Team:British Columbia/nivoslider.css
From 2013.igem.org
Line 1: | Line 1: | ||
+ | /* | ||
+ | * jQuery Nivo Slider v3.2 | ||
+ | * http://nivo.dev7studios.com | ||
+ | * | ||
+ | * Copyright 2012, Dev7studios | ||
+ | * Free to use and abuse under the MIT license. | ||
+ | * http://www.opensource.org/licenses/mit-license.php | ||
+ | */ | ||
+ | |||
+ | /* The Nivo Slider styles */ | ||
.nivoSlider { | .nivoSlider { | ||
position:relative; | position:relative; | ||
+ | width:100%; | ||
+ | height:auto; | ||
+ | overflow: hidden; | ||
} | } | ||
.nivoSlider img { | .nivoSlider img { | ||
Line 6: | Line 19: | ||
top:0px; | top:0px; | ||
left:0px; | left:0px; | ||
+ | max-width: none; | ||
+ | } | ||
+ | .nivo-main-image { | ||
+ | display: block !important; | ||
+ | position: relative !important; | ||
+ | width: 100% !important; | ||
} | } | ||
+ | /* If an image is wrapped in a link */ | ||
.nivoSlider a.nivo-imageLink { | .nivoSlider a.nivo-imageLink { | ||
position:absolute; | position:absolute; | ||
Line 17: | Line 37: | ||
padding:0; | padding:0; | ||
margin:0; | margin:0; | ||
- | z-index: | + | z-index:6; |
display:none; | display:none; | ||
+ | background:white; | ||
+ | filter:alpha(opacity=0); | ||
+ | opacity:0; | ||
} | } | ||
- | + | /* The slices and boxes in the Slider */ | |
.nivo-slice { | .nivo-slice { | ||
display:block; | display:block; | ||
position:absolute; | position:absolute; | ||
- | z-index: | + | z-index:5; |
height:100%; | height:100%; | ||
+ | top:0; | ||
} | } | ||
- | + | .nivo-box { | |
- | + | ||
- | .nivo- | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
display:block; | display:block; | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
position:absolute; | position:absolute; | ||
- | + | z-index:5; | |
- | + | overflow:hidden; | |
- | + | ||
- | + | ||
} | } | ||
+ | .nivo-box img { display:block; } | ||
- | + | /* Caption styles */ | |
- | + | .nivo-caption { | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
position:absolute; | position:absolute; | ||
- | left: | + | left:0px; |
- | bottom:- | + | bottom:0px; |
+ | background:#000; | ||
+ | color:#fff; | ||
+ | width:100%; | ||
+ | z-index:8; | ||
+ | padding: 5px 10px; | ||
+ | opacity: 0.8; | ||
+ | overflow: hidden; | ||
+ | display: none; | ||
+ | -moz-opacity: 0.8; | ||
+ | filter:alpha(opacity=8); | ||
+ | -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ | ||
+ | -moz-box-sizing: border-box; /* Firefox, other Gecko */ | ||
+ | box-sizing: border-box; /* Opera/IE 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 & Prev) */ | |
- | + | .nivo-directionNav a { | |
- | + | ||
- | + | ||
- | + | ||
position:absolute; | position:absolute; | ||
- | + | top:45%; | |
- | + | z-index:9; | |
+ | cursor:pointer; | ||
} | } | ||
- | + | .nivo-prevNav { | |
- | + | left:0px; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | + | .nivo-nextNav { | |
- | + | right:0px; | |
- | + | ||
- | + | ||
} | } | ||
- | + | /* Control nav styles (e.g. 1,2,3...) */ | |
- | + | .nivo-controlNav { | |
- | + | text-align:center; | |
- | + | padding: 15px 0; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | - | + | |
- | + | ||
} | } | ||
- | + | .nivo-controlNav a { | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
cursor:pointer; | cursor:pointer; | ||
} | } | ||
- | + | .nivo-controlNav a.active { | |
- | + | font-weight:bold; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | a | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } |
Revision as of 04:36, 20 October 2013
/*
* jQuery Nivo Slider v3.2 * http://nivo.dev7studios.com * * Copyright 2012, Dev7studios * Free to use and abuse under the MIT license. * http://www.opensource.org/licenses/mit-license.php */
/* The Nivo Slider styles */ .nivoSlider { position:relative; width:100%; height:auto; overflow: hidden; } .nivoSlider img { position:absolute; top:0px; left:0px; max-width: none; } .nivo-main-image { display: block !important; position: relative !important; width: 100% !important; }
/* 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; background:white; filter:alpha(opacity=0); opacity:0; } /* The slices and boxes in the Slider */ .nivo-slice { display:block; position:absolute; z-index:5; height:100%; top:0; } .nivo-box { display:block; position:absolute; z-index:5; overflow:hidden; } .nivo-box img { display:block; }
/* Caption styles */ .nivo-caption { position:absolute; left:0px; bottom:0px; background:#000; color:#fff; width:100%; z-index:8; padding: 5px 10px; opacity: 0.8; overflow: hidden; display: none; -moz-opacity: 0.8; filter:alpha(opacity=8); -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 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 & Prev) */ .nivo-directionNav a { position:absolute; top:45%; z-index:9; cursor:pointer; } .nivo-prevNav { left:0px; } .nivo-nextNav { right:0px; } /* Control nav styles (e.g. 1,2,3...) */ .nivo-controlNav { text-align:center; padding: 15px 0; } .nivo-controlNav a { cursor:pointer; } .nivo-controlNav a.active { font-weight:bold; }