152 lines
2.8 KiB
CSS
152 lines
2.8 KiB
CSS
/*! http://responsiveslides.com v1.54 by @viljamis */
|
|
/* responsiveslides.css fusionné 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ée à maxwidth à la fenêtre client et à la largeur du site dans slider.js*/
|
|
visibility : hidden;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
/* Affichage de la légende au survol de l'image , la visibilité et sa progressivité sont géré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é en banniè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é 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é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);
|
|
}
|
|
|