152 lines
2.8 KiB
CSS
152 lines
2.8 KiB
CSS
|
/*! 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);
|
|||
|
}
|
|||
|
|