Deltacms/module/slider/view/index/index.css

152 lines
2.8 KiB
CSS
Raw Permalink Normal View History

2022-01-31 09:10:49 +01:00
/*! http://responsiveslides.com v1.54 by @viljamis */
/* responsiveslides.css fusionn<6E> avec theme.css provenant de la page http://responsiveslides.com/themes/themes.html*/
#wrapper {
display: block;
margin-right: auto;
margin-left: auto;
/* la largeur est adapt<70>e <20> maxwidth <20> la fen<65>tre client et <20> la largeur du site dans slider.js*/
visibility : hidden;
margin-bottom: 10px;
}
/* Affichage de la l<>gende au survol de l'image , la visibilit<69> et sa progressivit<69> sont g<>r<EFBFBD>es dans slider.js*/
.rslides span{
display: block;
font-size : 1.2em;
line-height : 2;
background-color: rgb(255,255,255);
opacity: 0;
/*Transition par d<>faut*/
transition : opacity 0.5s ease-in;
color: #000;
text-align: center;
width: 100%;
position: absolute;
left: 0;
}
.rslides {
position: relative;
list-style: none;
overflow: hidden;
width: 100%;
padding: 0;
/* Slider utilis<69> en banni<6E>re mettre -20px 0 0 0 */
margin: 0;
}
.rslides li {
-webkit-backface-visibility: hidden;
position: absolute;
display: none;
width: 100%;
left: 0;
top: 0;
}
.rslides li:first-child {
position: relative;
display: block;
float: left;
}
.rslides img {
display: block;
margin-right: auto;
margin-left: auto;
height: auto;
width: 100%;
border: 0;
}
.rslides_container {
margin-bottom: 0px;
position: relative;
float: left;
width: 100%;
}
.centered-btns_nav {
z-index: 3;
position: absolute;
left: 0;
opacity: 0;
/*Transition par d<>faut*/
transition : opacity 0.5s ease-in;
text-indent: -9999px;
overflow: hidden;
text-decoration: none;
/* Choix du type de bouton dans slider.js*/
}
.centered-btns_nav.next {
left: auto;
/*background-position: right top; plac<61> dans slider.js*/
right: 0;
}
.transparent-btns_nav {
z-index: 3;
position: absolute;
top: 0;
left: 0;
display: block;
background: #fff; /* Fix for IE6-9 */
opacity: 0;
width: 25%; /* Valeur modifi<66>e initialement 48% */
text-indent: -9999px;
overflow: hidden;
height: 91%;
}
.transparent-btns_nav.next {
left: auto;
right: 0;
}
.centered-btns_nav:focus,
.transparent-btns_nav:focus {
outline: none;
}
.centered-btns_tabs,
.transparent-btns_tabs {
margin-top: 10px;
text-align: center;
padding-left: 0px;
}
.centered-btns_tabs li,
.transparent-btns_tabs li {
display: inline;
float: none;
_float: left;
*float: left;
margin-right: 5px;
}
.centered-btns_tabs a,
.transparent-btns_tabs a {
text-indent: -9999px;
overflow: hidden;
border-radius: 15px;
background: #ccc;
background: rgba(0,0,0, .2);
display: inline-block;
_display: block;
*display: block;
box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
width: 9px;
height: 9px;
}
.centered-btns_here a,
.transparent-btns_here a {
background: #222;
background: rgba(0,0,0, .8);
}