Files
drmaterac.pl/modules/ybc_blog_free/views/css/themes/default/default.css
2025-01-06 20:47:25 +01:00

96 lines
2.0 KiB
CSS

/*
Skin Name: Nivo Slider Default Theme
Skin URI: http://nivo.dev7studios.com
Description: The default skin for the Nivo Slider.
Version: 1.3
Author: Gilbert Pellegrom
Author URI: http://dev7studios.com
Supports Thumbs: true
*/
.theme-default .nivoSlider {
position:relative;
background-image: url(../../../img/img/nivo/default/loading.gif);
background-color: #fff;
background-repeat: no-repeat;
background-position: 50% 50%;
}
.theme-default .nivoSlider img {
position:absolute;
top:0px;
left:0px;
display:none;
}
.theme-default .nivoSlider a {
border:0;
display:block;
}
.theme-default .nivo-controlNav {
bottom: 15px;
left: 0;
padding: 0;
position: absolute;
text-align: center;
width: 100%;
}
.theme-default .nivo-controlNav a {
border: 1px solid #fff;
border-radius: 50%;
color: transparent;
display: inline-block;
font-size: 0;
height: 14px;
margin: 0 5px;
position: relative;
width: 14px;
z-index: 10;
}
.theme-default .nivo-controlNav a.active {
background-color: #fff;
border: 1px solid #fff;
}
.theme-default .nivo-directionNav a {
display:block;
width:30px;
height:30px;
background:url(../../../img/img/nivo/default/arrows.png) no-repeat;
text-indent:-9999px;
border:0;
opacity: 0;
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
.theme-default:hover .nivo-directionNav a { opacity: 1; }
.theme-default a.nivo-nextNav {
background-position:-30px 0;
right:15px;
}
.theme-default a.nivo-prevNav {
left:15px;
}
.theme-default .nivo-caption a {
color:#fff;
border-bottom:1px dotted #fff;
}
.theme-default .nivo-caption a:hover {
color:#fff;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled {
width: 100%;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled a {
width: auto;
height: auto;
background: none;
margin-bottom: 5px;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled img {
display: block;
width: 120px;
height: auto;
}