diff --git a/noisettes/sommaire/sommaire_modeportailagence.html b/noisettes/sommaire/sommaire_modeportailagence.html index f8bbc6d1fa50867217c67a4cf7579839c4149845..d4efbc73a3f3ba9604b453b7f4cee2d9b7c1c754 100644 --- a/noisettes/sommaire/sommaire_modeportailagence.html +++ b/noisettes/sommaire/sommaire_modeportailagence.html @@ -176,8 +176,7 @@ cssEase: 'linear', arrows: true, dots: true, - centerMode: true, - focusOnSelect: true + centerMode: true }); }); </script> diff --git a/noisettes/sommaire/sommaire_modeportailcognac.html b/noisettes/sommaire/sommaire_modeportailcognac.html index 2488ba34473408fceac942a65cbaa36d7fec261a..445c2ecc5e1b9c3e9e5fd94651b08acf6e73fb5d 100644 --- a/noisettes/sommaire/sommaire_modeportailcognac.html +++ b/noisettes/sommaire/sommaire_modeportailcognac.html @@ -35,8 +35,7 @@ cssEase: 'linear', arrows: false, dots: true, - centerMode: true, - focusOnSelect: true + centerMode: true }); $('#diaporama .diaporama-play').hide(); @@ -64,8 +63,7 @@ prevArrow: '<button type="button" class="slick-prev slick-arrow" aria-label="PrÊcÊdent"><svg class="svg-icon"><use xlink:href="#icon-chevron-thin-left"></use></svg></button>', nextArrow: '<button type="button" class="slick-next slick-arrow" aria-label="Suivant"><svg class="svg-icon"><use xlink:href="#icon-chevron-thin-right"></use></svg></button>', dots: true, - centerMode: true, - focusOnSelect: true + centerMode: true }); $('#cycloshow .diaporama-play').hide(); diff --git a/noisettes/sommaire_modeportailcognac_cycloshow.html b/noisettes/sommaire_modeportailcognac_cycloshow.html index fc58e504dc9bb4549e2a84ac9d25a6e8dd97d54b..716a7f147f19f6c5a84c7c33634d3ce3a4912650 100644 --- a/noisettes/sommaire_modeportailcognac_cycloshow.html +++ b/noisettes/sommaire_modeportailcognac_cycloshow.html @@ -1,10 +1,6 @@ <B_CycloShow> <!-- SLIDER --> <div id="cycloshow" class="zone-slider navstuff"> - <div class="controles-diaporama"> - <button class="diaporama-pause" type="button"><img src="#CHEMIN{images/pause.svg}" alt="Mise en pause" /></button> - <button class="diaporama-play" type="button"><img src="#CHEMIN{images/play.svg}" alt="Lecture" /></button> - </div> <div class="slider-slick"> <BOUCLE_CycloShow(ARTICLES){titre_mot=CycloShow}{par num titre}{!par date}{lang}{!archive}> <div class="slider show-for-medium" role="region" aria-label="Diaporama d'accueil"> diff --git a/noisettes/sommaire_modeportailcognac_zoomsur.html b/noisettes/sommaire_modeportailcognac_zoomsur.html index b49929928a95a5ee9ddcf5b0c8231c07d796c236..959ad649f883014406a95823eb0abe0abfd0631d 100644 --- a/noisettes/sommaire_modeportailcognac_zoomsur.html +++ b/noisettes/sommaire_modeportailcognac_zoomsur.html @@ -47,10 +47,6 @@ </div> <//B_Slider> </div> - <div class="controles-diaporama"> - <button class="diaporama-pause" type="button"><img src="#CHEMIN{images/pause.svg}" alt="Mise en pause" /></button> - <button class="diaporama-play" type="button"><img src="#CHEMIN{images/play.svg}" alt="Lecture" /></button> - </div> <div id="liens-diaporama"> <ul> <li class="#EDIT{titre}"> diff --git a/stylesportailcognac.css.html b/stylesportailcognac.css.html index 06aa786b30ee9d7c0e6fad603139d214f25847d2..0d02374349e149779fa61d5a12d9b98c0b6558bc 100644 --- a/stylesportailcognac.css.html +++ b/stylesportailcognac.css.html @@ -411,6 +411,7 @@ select { background: rgba(48,48,48,0.5); border-color: #000; } +.slick-list { padding-bottom: 1rem; } .slider-pratique .content-pratique { display: block !important; background-color: #GET{c_triadeb}; @@ -506,62 +507,6 @@ select { .slick-slide .row { max-width: none; } - .slick-dots { - border-bottom: 2px solid transparent; - bottom: -45px; -} - .slick-dots li { - width: 30px; - height: 30px; -} - .slick-dots li button { - width: 30px; - height: 30px; -} - .slick-dots li button::before { - font-size: 20px; - line-height: 30px; - width: 30px; - height: 30px; -} - .slick-dots li.slick-active button::before { - color: #GET{c_triadea}; - text-shadow: - -1px -1px 0px [#(#GET{c_header_bk}|couleur_extreme)], - -1px 1px 0px [#(#GET{c_header_bk}|couleur_extreme)], - 1px -1px 0px [#(#GET{c_header_bk}|couleur_extreme)], - 1px 1px 0px [#(#GET{c_header_bk}|couleur_extreme)], - -2px -2px 2px [#(#GET{c_header_bk}|couleur_extreme|couleur_inverser)], - -2px 2px 2px [#(#GET{c_header_bk}|couleur_extreme|couleur_inverser)], - 2px -2px 2px [#(#GET{c_header_bk}|couleur_extreme|couleur_inverser)], - 2px 2px 2px [#(#GET{c_header_bk}|couleur_extreme|couleur_inverser)]; -} - .slick-dots:focus-within { - border-bottom: 2px solid #GET{c_triadea}; -} - -.controles-diaporama { - position: absolute; - left: 1rem; - top: .4rem; - z-index: 1; -} - -#cycloshow .controles-diaporama { - left: initial; - right: 1rem; -} - -.controles-diaporama button { - background-color: #ffffff80; - -webkit-backdrop-filter: blur(10px); - backdrop-filter: blur(10px); -} - -.controles-diaporama button:hover, -.controles-diaporama button:focus { - background-color: #FFF; -} @media only screen and (max-width: 767px) { #liens-diaporama li a { @@ -685,24 +630,6 @@ select { .slick-slide .row { max-width: none; } -.slick-dots { - position: unset; - bottom: -45px; -} -.slick-dots li { - width: 30px; - height: 30px; -} -.slick-dots li button { - width: 30px; - height: 30px; -} -.slick-dots li button::before { - font-size: 20px; - line-height: 30px; - width: 30px; - height: 30px; -} #content img { padding: 0; }