Skip to content
Extraits de code Groupes Projets
Valider e0a605e9 rédigé par real3t@gmail.com's avatar real3t@gmail.com
Parcourir les fichiers

Le slider du mode portail Cognac a sa durée paramétrable. 

Beaucoup moins de titres (un titre annonce un contenu, il n'est pas LE contenu !

Des flèches partout et amélioration des styles de base
parent 8b5b49b6
Aucune branche associée trouvée
Aucune étiquette associée trouvée
Aucune requête de fusion associée trouvée
Masquer les modifications d'espaces
En ligne Côte à côte
formulaires/configurer_soyezcreateurs.html
+ 8
− 6
Voir le fichier @ e0a605e9
......@@ -65,12 +65,6 @@ if (!function_exists('sc_ouinon_default')) {
},
defaut=etroite}
)]
[(#SAISIE{input,vitesse_slider,
label=<:soyezcreateursprive:cfg_vitesse_slider_label:>,
size=2,
defaut=10000,
explication=<:soyezcreateursprive:cfg_vitesse_slider_label_ex:>}
)]
<?php sc_ouinon_default('soyezcreateurs/dessousbreves_communiquant_liens'); ?>
[(#SAISIE{oui_non,dessousbreves_communiquant_liens,
label=<:soyezcreateursprive:cfg_dessousbreves_communiquant_liens_label:>,
......@@ -85,6 +79,14 @@ if (!function_exists('sc_ouinon_default')) {
defaut=liste}
)]
]
[(#CONFIG{soyezcreateurs/mode_affichage,communiquant}|match{communiquant|portailcognac}|oui)
[(#SAISIE{input,vitesse_slider,
label=<:soyezcreateursprive:cfg_vitesse_slider_label:>,
size=2,
defaut=10000,
explication=<:soyezcreateursprive:cfg_vitesse_slider_label_ex:>}
)]
]
[(#SAISIE{radio,nouveautes_web,
label=<:nouveautes_web:>,
......
noisettes/sommaire/sommaire_modeportailcognac.html
+ 119
− 119
Voir le fichier @ e0a605e9
......@@ -14,7 +14,7 @@
<header>
<h1 class="hide">Diaporama</h1>
</header>
<article class="slider-slick">
<div class="slider-slick">
<div class="slider show-for-medium" role="region" aria-label="Diaporama d'accueil">
<div class="slider-diapo-imgfull">
<a href="#" title="Lire l'article suivant">
......@@ -57,8 +57,8 @@
</a>
</div>
</div>
</article>
<nav id="liens-diaporama">
</div>
<div id="liens-diaporama">
<ul>
<li>
<a href="#" title="Voir Visite virtuelle">
......@@ -68,7 +68,7 @@
</a>
</li>
</ul>
</nav>
</div>
</div>
<!-- fin SLIDER -->
......@@ -77,36 +77,36 @@
<header class="titre-sommaire">
<h1>En ce moment à Cognac</h1>
</header>
<section class="row" id="masonry" role="region" aria-label="Actualit�s">
<div class="row" id="masonry" role="region" aria-label="Actualités">
<div class="grid">
<article class="grid-item">
<div class="grid-item">
<div class="content-actus">
<a href="#" title="Lire l'article">
<img src="https://unsplash.it/308/340?image=118" alt="" />
<h2><span class="titre-actus">Recyclez vos sapins de Noël</span>
<span class="icon icon-arrow-right2 icon-lg"></span></h2>
<div class="h2"><span class="titre-actus">Recyclez vos sapins de Noël</span>
<span class="icon icon-arrow-right2 icon-lg">&#10140;</span></div>
</a>
</div>
</article>
<article class="grid-item grid-item-x2">
</div>
<div class="grid-item grid-item-x2">
<div class="content-actus">
<a href="#" title="Lire l'article">
<img src="https://unsplash.it/638/340?image=182" alt="" />
<h2><span class="titre-actus">Belle et heureuse année 2017</span>
<span class="icon icon-arrow-right2 icon-lg"></span></h2>
<div class="h2"><span class="titre-actus">Belle et heureuse année 2017</span>
<span class="icon icon-arrow-right2 icon-lg">&#10140;</span></div>
</a>
</div>
</article>
<article class="grid-item ">
</div>
<div class="grid-item ">
<div class="content-actus">
<a href="#" title="Lire l'article">
<img src="https://unsplash.it/308/340?image=82" alt="" />
<h2><span class="titre-actus">Ville d'art et d'histoire : programme automne</span>
<span class="icon icon-arrow-right2 icon-lg"></span></h2>
<div class="h2"><span class="titre-actus">Ville d'art et d'histoire : programme automne</span>
<span class="icon icon-arrow-right2 icon-lg">&#10140;</span></div>
</a>
</div>
</article>
<article class="grid-item">
</div>
<div class="grid-item">
<div class="content-actus">
<a href="#" title="Lire l'article">
<header class="flexbox-center-space-between triadeA texte-blanc">
......@@ -116,8 +116,8 @@
</time>
<img src="https://unsplash.it/180/95?image=139" alt="" />
</header>
<h2><span class="titre-actus">Conférence du GREH au Centre des congrés</span>
<span class="icon icon-arrow-right2 icon-lg"></span></h2>
<div class="h2"><span class="titre-actus">Conférence du GREH au Centre des congrés</span>
<span class="icon icon-arrow-right2 icon-lg">&#10140;</span></div>
</a>
</div>
<div class="content-actus">
......@@ -129,79 +129,79 @@
</time>
<img src="https://unsplash.it/180/95?image=200" alt="" />
</header>
<h2><span class="titre-actus">Fritz Baueur au ciné-club, Le Galaxy, salle N°2</span>
<span class="icon icon-arrow-right2 icon-lg"></span></h2>
<div class="h2"><span class="titre-actus">Fritz Baueur au ciné-club, Le Galaxy, salle N°2</span>
<span class="icon icon-arrow-right2 icon-lg">&#10140;</span></div>
</a>
</div>
</article>
<article class="grid-item">
</div>
<div class="grid-item">
<div class="content-actus">
<a href="#" title="Lire l'article">
<img src="https://unsplash.it/308/340?image=53" alt="" />
<h2><span class="titre-actus">Fête des papilles au MACO</span>
<span class="icon icon-arrow-right2 icon-lg"></span></h2>
<div class="h2"><span class="titre-actus">Fête des papilles au MACO</span>
<span class="icon icon-arrow-right2 icon-lg">&#10140;</span></div>
</a>
</div>
</article>
<article class="grid-item grid-item-x2">
</div>
<div class="grid-item grid-item-x2">
<div class="content-actus">
<a href="#" title="Lire l'article">
<img src="https://unsplash.it/638/340?image=87" alt="" />
<h2><span class="titre-actus">Nuit de la lecture, le samedi 14 janvier de 17h à 21h à la Bibliothèque municipale</span>
<span class="icon icon-arrow-right2 icon-lg"></span></h2>
<div class="h2"><span class="titre-actus">Nuit de la lecture, le samedi 14 janvier de 17h à 21h à la Bibliothèque municipale</span>
<span class="icon icon-arrow-right2 icon-lg">&#10140;</span></div>
</a>
</div>
</article>
<article class="grid-item">
</div>
<div class="grid-item">
<div class="content-actus">
<a href="#" title="Lire l'article">
<img src="https://unsplash.it/308/340?image=172" alt="" />
<h2><span class="titre-actus">Recyclez vos sapins de Noël</span>
<span class="icon icon-arrow-right2 icon-lg"></span></h2>
<div class="h2"><span class="titre-actus">Recyclez vos sapins de Noël</span>
<span class="icon icon-arrow-right2 icon-lg">&#10140;</span></div>
</a>
</div>
</article>
<article class="grid-item grid-item-x3">
</div>
<div class="grid-item grid-item-x3">
<div class="content-actus">
<a href="#" title="Lire l'article">
<img src="https://unsplash.it/955/340?image=252" alt="" />
<h2><span class="titre-actus">Recyclez vos sapins de Noël</span>
<span class="icon icon-arrow-right2 icon-lg"></span></h2>
<div class="h2"><span class="titre-actus">Recyclez vos sapins de Noël</span>
<span class="icon icon-arrow-right2 icon-lg">&#10140;</span></div>
</a>
</div>
</article>
<article class="grid-item grid-item-x2">
</div>
<div class="grid-item grid-item-x2">
<div class="content-actus">
<a href="#" title="Lire l'article">
<img src="https://unsplash.it/638/340?image=382" alt="" />
<h2><span class="titre-actus">Recyclez vos sapins de Noël</span>
<span class="icon icon-arrow-right2 icon-lg"></span></h2>
<div class="h2"><span class="titre-actus">Recyclez vos sapins de Noël</span>
<span class="icon icon-arrow-right2 icon-lg">&#10140;</span></div>
</a>
</div>
</article>
<article class="grid-item">
</div>
<div class="grid-item">
<div class="content-actus">
<a href="#" title="Lire l'article">
<img src="https://unsplash.it/308/340?image=102" alt="" />
<h2><span class="titre-actus">Recyclez vos sapins de Noël</span>
<span class="icon icon-arrow-right2 icon-lg"></span></h2>
<div class="h2"><span class="titre-actus">Recyclez vos sapins de Noël</span>
<span class="icon icon-arrow-right2 icon-lg">&#10140;</span></div>
</a>
</div>
</article>
<article class="grid-item">
</div>
<div class="grid-item">
<div class="content-actus">
<a href="#" title="Lire l'article">
<img src="https://unsplash.it/308/340?image=122" alt="" />
<h2><span class="titre-actus">Recyclez vos sapins de Noël</span>
<span class="icon icon-arrow-right2 icon-lg"></span></h2>
<div class="h2"><span class="titre-actus">Recyclez vos sapins de Noël</span>
<span class="icon icon-arrow-right2 icon-lg">&#10140;</span></div>
</a>
</div>
</article>
</div>
</div>
</section>
<footer class="text-center avec-margin-top avec-margin-bottom">
</div>
<div class="text-center avec-margin-top avec-margin-bottom">
<a class="button texte-blanc triadeA" href="#" title="Consulter les atualités">Consulter toutes les actualités</a>
</footer>
</div>
</div>
<!-- fin ACTUS -->
......@@ -211,48 +211,48 @@
<header class="titre-sommaire">
<h1>Les projets</h1>
</header>
<section id="projets" class="avec-margin-top">
<article class="triadeC">
<div id="projets" class="avec-margin-top">
<div class="projet triadeC">
<div class="content-projets">
<a href="#" title="Lire l'article">
<h2>Projets</h2>
<div class="suite">
<span class="icon icon-arrow-right2"></span>
<span class="icon icon-arrow-right2">&#10140;</span>
</div>
</a>
</div>
</article>
<article class="triadeB">
</div>
<div class="projet triadeB">
<div class="content-projets">
<a href="#" title="Lire l'article">
<h2>Action municipale</h2>
<div class="suite">
<span class="icon icon-arrow-right2"></span>
<span class="icon icon-arrow-right2">&#10140;</span>
</div>
</a>
</div>
</article>
<article class="triadeA">
</div>
<div class="projet triadeA">
<div class="content-projets">
<a href="#" title="Lire l'article">
<h2>Démocratie locale</h2>
<div class="suite">
<span class="icon icon-arrow-right2"></span>
<span class="icon icon-arrow-right2">&#10140;</span>
</div>
</a>
</div>
</article>
<article class="triadeD">
</div>
<div class="projet triadeD">
<div class="content-projets">
<a href="#" title="Lire l'article">
<h2>Services municipaux</h2>
<div class="suite">
<span class="icon icon-arrow-right2"></span>
<span class="icon icon-arrow-right2">&#10140;</span>
</div>
</a>
</div>
</article>
</section>
</div>
</div>
<div class="clearfix"></div>
</div>
<!-- fin PROJETS -->
......@@ -262,94 +262,94 @@
<header class="titre-sommaire">
<h1>Cognac pratique</h1>
</header>
<section role="region" aria-label="Pratique">
<div role="region" aria-label="Pratique">
<div class="slider-pratique">
<article class="content-pratique">
<div class="content-pratique">
<a href="#" title="Lire l'article">
<img src="https://unsplash.it/280/190?image=118" alt="" />
<h2><span class="titre-pratique">Agenda</span>
<span class="icon icon-arrow-right2 icon-lg"></span></h2>
<div class="h2"><span class="titre-pratique">Agenda</span>
<span class="icon icon-arrow-right2 icon-lg">&#10140;</span></div>
</a>
</article>
<article class="content-pratique">
</div>
<div class="content-pratique">
<a href="#" title="Lire l'article">
<img src="https://unsplash.it/280/190?image=182" alt="" />
<h2><span class="titre-pratique">Cantine</span>
<span class="icon icon-arrow-right2 icon-lg"></span></h2>
<div class="h2"><span class="titre-pratique">Cantine</span>
<span class="icon icon-arrow-right2 icon-lg">&#10140;</span></div>
</a>
</article>
<article class="content-pratique">
</div>
<div class="content-pratique">
<a href="#" title="Lire l'article">
<img src="https://unsplash.it/280/190?image=18" alt="" />
<h2><span class="titre-pratique">Piscine</span>
<span class="icon icon-arrow-right2 icon-lg"></span></h2>
<div class="h2"><span class="titre-pratique">Piscine</span>
<span class="icon icon-arrow-right2 icon-lg">&#10140;</span></div>
</a>
</article>
<article class="content-pratique">
</div>
<div class="content-pratique">
<a href="#" title="Lire l'article">
<img src="https://unsplash.it/280/190?image=182" alt="" />
<h2><span class="titre-pratique">Le mag</span>
<span class="icon icon-arrow-right2 icon-lg"></span></h2>
<div class="h2"><span class="titre-pratique">Le mag</span>
<span class="icon icon-arrow-right2 icon-lg">&#10140;</span></div>
</a>
</article>
<article class="content-pratique">
</div>
<div class="content-pratique">
<a href="#" title="Lire l'article">
<img src="https://unsplash.it/280/190?image=118" alt="" />
<h2><span class="titre-pratique">Compte citoyen</span>
<span class="icon icon-arrow-right2 icon-lg"></span></h2>
<div class="h2"><span class="titre-pratique">Compte citoyen</span>
<span class="icon icon-arrow-right2 icon-lg">&#10140;</span></div>
</a>
</article>
<article class="content-pratique">
</div>
<div class="content-pratique">
<a href="#" title="Lire l'article">
<img src="https://unsplash.it/280/190?image=82" alt="" />
<h2><span class="titre-pratique">Démarches en ligne</span>
<span class="icon icon-arrow-right2 icon-lg"></span></h2>
<div class="h2"><span class="titre-pratique">Démarches en ligne</span>
<span class="icon icon-arrow-right2 icon-lg">&#10140;</span></div>
</a>
</article>
<article class="content-pratique">
</div>
<div class="content-pratique">
<a href="#" title="Lire l'article">
<img src="https://unsplash.it/280/190?image=28" alt="" />
<h2><span class="titre-pratique">Recyclez vos sapins de Noël</span>
<span class="icon icon-arrow-right2 icon-lg"></span></h2>
<div class="h2"><span class="titre-pratique">Recyclez vos sapins de Noël</span>
<span class="icon icon-arrow-right2 icon-lg">&#10140;</span></div>
</a>
</article>
<article class="content-pratique">
</div>
<div class="content-pratique">
<a href="#" title="Lire l'article">
<img src="https://unsplash.it/280/190?image=132" alt="" />
<h2><span class="titre-pratique">Recyclez vos sapins de Noël</span>
<span class="icon icon-arrow-right2 icon-lg"></span></h2>
<div class="h2"><span class="titre-pratique">Recyclez vos sapins de Noël</span>
<span class="icon icon-arrow-right2 icon-lg">&#10140;</span></div>
</a>
</article>
<article class="content-pratique">
</div>
<div class="content-pratique">
<a href="#" title="Lire l'article">
<img src="https://unsplash.it/280/190?image=148" alt="" />
<h2><span class="titre-pratique">Recyclez vos sapins de Noël</span>
<span class="icon icon-arrow-right2 icon-lg"></span></h2>
<div class="h2"><span class="titre-pratique">Recyclez vos sapins de Noël</span>
<span class="icon icon-arrow-right2 icon-lg">&#10140;</span></div>
</a>
</article>
<article class="content-pratique">
</div>
<div class="content-pratique">
<a href="#" title="Lire l'article">
<img src="https://unsplash.it/280/190?image=184" alt="" />
<h2><span class="titre-pratique">Recyclez vos sapins de Noël</span>
<span class="icon icon-arrow-right2 icon-lg"></span></h2>
<div class="h2"><span class="titre-pratique">Recyclez vos sapins de Noël</span>
<span class="icon icon-arrow-right2 icon-lg">&#10140;</span></div>
</a>
</article>
<article class="content-pratique">
</div>
<div class="content-pratique">
<a href="#" title="Lire l'article">
<img src="https://unsplash.it/280/190?image=238" alt="" />
<h2><span class="titre-pratique">Recyclez vos sapins de Noël</span>
<span class="icon icon-arrow-right2 icon-lg"></span></h2>
<div class="h2"><span class="titre-pratique">Recyclez vos sapins de Noël</span>
<span class="icon icon-arrow-right2 icon-lg">&#10140;</span></div>
</a>
</article>
<article class="content-pratique">
</div>
<div class="content-pratique">
<a href="#" title="Lire l'article">
<img src="https://unsplash.it/280/190?image=282" alt="" />
<h2><span class="titre-pratique">Recyclez vos sapins de Noël</span>
<span class="icon icon-arrow-right2 icon-lg"></span></h2>
<div class="h2"><span class="titre-pratique">Recyclez vos sapins de Noël</span>
<span class="icon icon-arrow-right2 icon-lg">&#10140;</span></div>
</a>
</article>
</div>
</div>
</section>
</div>
</div>
<!-- fin PRATIQUE -->
......@@ -363,7 +363,7 @@
$('.slider-slick').slick({
autoplay: true,
pauseOnHover: true,
autoplaySpeed: 2800,
autoplaySpeed: #CONFIG{soyezcreateurs/vitesse_slider,10000},
fade: true,
cssEase: 'linear',
arrows: false,
......
stylesportailcognac.css.html
+ 115
− 88
Voir le fichier @ e0a605e9
......@@ -26,7 +26,7 @@ div#content { width: 100%; }
/* ---- grid-item ---- */
}
.portailcognac iframe {
width: 100%!important;
width: 100%;
}
.portailcognac img {
display: inline-block;
......@@ -53,20 +53,20 @@ div#content { width: 100%; }
font-size: 80%;
}
.portailcognac .ajaxbloc {
height: 100%!important;
height: 100%;
}
.portailcognac .row {
margin-right: auto;
margin-left: auto;
}
.portailcognac .text-center {
text-align: center!important;
text-align: center;
}
.portailcognac .text-right {
text-align: right!important;
text-align: right;
}
.portailcognac .text-left {
text-align: left!important;
text-align: left;
}
.portailcognac .menu {
margin: 0;
......@@ -92,7 +92,7 @@ div#content { width: 100%; }
flex-wrap: wrap;
}
.portailcognac .flexbox-center-top {
display: flex!important;
display: flex;
align-items: stretch;
justify-content: center;
flex-wrap: wrap;
......@@ -143,120 +143,120 @@ div#content { width: 100%; }
}
}
.portailcognac .hide {
display: none!important;
display: none;
}
.portailcognac .sans-border {
border: 0!important;
border: 0;
}
.portailcognac .avec-border {
border: 1px solid #aaa!important;
border: 1px solid #aaa;
}
.portailcognac .avec-border-top {
border-top: 1px solid #aaa!important;
border-top: 1px solid #aaa;
}
.portailcognac .avec-border-bottom {
border-bottom: 1px solid #aaa!important;
border-bottom: 1px solid #aaa;
}
.portailcognac .avec-border-left {
border-left: 1px solid #aaa!important;
border-left: 1px solid #aaa;
}
.portailcognac .sans-margin {
margin: 0!important;
margin: 0;
}
.portailcognac .avec-margin {
margin: 1.5em!important;
margin: 1.5em;
}
.portailcognac .avec-margin-top {
margin-top: 1.5em!important;
margin-top: 1.5em;
}
.portailcognac .avec-margin-right {
margin-right: 1.5em!important;
margin-right: 1.5em;
}
.portailcognac .avec-margin-bottom {
margin-bottom: 1.5em!important;
margin-bottom: 1.5em;
}
.portailcognac .avec-margin-bottom05 {
margin-bottom: .5em!important;
margin-bottom: .5em;
}
.portailcognac .avec-margin-bottom015 {
margin-bottom: .15em!important;
margin-bottom: .15em;
}
.portailcognac .avec-margin-left {
margin-left: 1.5em!important;
margin-left: 1.5em;
}
@media screen and (min-width: 40em) {
.portailcognac .avec-margin-bottom-for-medium {
margin-bottom: 1.5em!important;
margin-bottom: 1.5em;
}
}
.portailcognac .sans-padding {
padding: 0!important;
padding: 0;
}
@media screen and (max-width: 40em) {
.portailcognac .sans-padding-for-small {
padding: 0!important;
padding: 0;
}
}
.portailcognac .avec-padding {
padding: 1em!important;
padding: 1em;
}
.portailcognac .avec-padding05 {
padding: .5em!important;
padding: .5em;
}
.portailcognac .avec-padding-top {
padding-top: 1em!important;
padding-top: 1em;
}
.portailcognac .avec-padding-top05 {
padding-top: .5em!important;
padding-top: .5em;
}
.portailcognac .avec-padding-top15 {
padding-top: 1.5em!important;
padding-top: 1.5em;
}
.portailcognac .avec-padding-right {
padding-right: 1em!important;
padding-right: 1em;
}
.portailcognac .avec-padding-right05 {
padding-right: .5em!important;
padding-right: .5em;
}
.portailcognac .avec-padding-bottom {
padding-bottom: 1em!important;
padding-bottom: 1em;
}
.portailcognac .avec-padding-left {
padding-left: 1em!important;
padding-left: 1em;
}
.portailcognac .avec-padding-leftright {
display: block;
padding-right: 1em!important;
padding-left: 1em!important;
padding-right: 1em;
padding-left: 1em;
}
.portailcognac .display-block {
display: block!important;
display: block;
}
.portailcognac .text-transform-none {
text-transform: none!important;
text-transform: none;
}
.portailcognac .text-uppercase {
text-transform: uppercase!important;
text-transform: uppercase;
}
.portailcognac .font-style-italic {
font-style: italic!important;
font-style: italic;
}
.portailcognac .position-relative {
position: relative!important;
position: relative;
}
.portailcognac .float-left {
float: left !important;
float: left ;
}
.portailcognac .float-right {
float: right !important;
float: right ;
}
.portailcognac .float-center {
display: table;
margin-right: auto !important;
margin-left: auto !important;
margin-right: auto ;
margin-left: auto ;
}
.portailcognac .z-index-999 {
z-index: 999!important;
z-index: 999;
}
.portailcognac .cursor-pointer {
cursor: pointer;
......@@ -306,7 +306,7 @@ div#content { width: 100%; }
font-size: 1.2em;
color: #GET{c_menu_a};
justify-content: flex-end;
line-height: 1 !important;
line-height: 1 ;
align-items: center;
}
.portailcognac #liens-diaporama li a span {
......@@ -335,7 +335,7 @@ div#content { width: 100%; }
margin: 0 auto;
}
.portailcognac .slick-slide .row {
max-width: none!important;
max-width: none;
}
.portailcognac .slick-dots {
bottom: -45px;
......@@ -385,37 +385,43 @@ div#content { width: 100%; }
.portailcognac .slider-pratique .slick-next:hover:before,
.portailcognac .slider-pratique .slick-next:focus:before {
opacity: 1;
color: #333 !important;
color: #333 ;
}
.portailcognac .slider-pratique button:hover,
.portailcognac .slider-pratique button:focus {
background-color: transparent!important;
background-color: transparent;
}
.portailcognac .slider-pratique .content-pratique {
background-color: #aaa;
width: 280px;
margin: 0 12px;
-webkit-transition: all .25s ease!important;
transition: all .25s ease!important;
-webkit-transition: all .25s ease;
transition: all .25s ease;
}
.portailcognac .slider-pratique .content-pratique:hover,
.portailcognac .slider-pratique .content-pratique:focus {
-webkit-transition: all .25s ease!important;
transition: all .25s ease!important;
-webkit-transition: all .25s ease;
transition: all .25s ease;
}
.portailcognac .slider-pratique h2 {
.portailcognac .slider-pratique .h2 {
display: flex;
height: 50px;
margin: 0!important;
color: white!important;
height: 150px;
color: white;
text-align: right;
padding-bottom: 90px;
font-size: 2em;
font-weight: 300;
text-align: right;
margin: 1.5em 0px 0px;
}
.portailcognac .slider-pratique h2 .titre-pratique {
.portailcognac .slider-pratique .h2 .titre-pratique {
width: 100%;
align-self: center;
text-align: center;
text-align: right;
padding: 10px;
border-right: 1px solid;
}
.portailcognac .slider-pratique h2 .icon {
.portailcognac .slider-pratique .h2 .icon {
align-self: center;
padding: 7px 15px 7px 7px;
font-size: 30px;
......@@ -427,7 +433,7 @@ div#content { width: 100%; }
.portailcognac .slider-pratique .content-pratique {
width: 240px;
}
.portailcognac .slider-pratique h2 {
.portailcognac .slider-pratique .h2 {
height: 130px;
}
}
......@@ -460,7 +466,7 @@ div#content { width: 100%; }
border-top: 20px solid white;
}
.portailcognac .grid-item header {
font-size: 18px;
font-size: 1.5em;
overflow: auto;
}
.portailcognac .grid-item header strong {
......@@ -470,26 +476,29 @@ div#content { width: 100%; }
padding: .75em .5em;
}
.portailcognac .grid-item header img {
max-width: 65%!important;
max-width: 65%;
}
.portailcognac .grid-item h2 {
.portailcognac .grid-item .h2 {
display: flex;
flex-direction: column;
flex-direction: row;
width: 100%;
height: 50px;
margin: 0!important;
height: 95px;
margin: 0;
font-weight: 400;
padding: 10px;
text-align: center;
border: none!important;
text-align: right;
border: none;
}
.portailcognac .grid-item h2 .icon {
align-self: center;
padding: 7px;
font-size: 30px;
.portailcognac .grid-item .h2 .icon {
align-self: center;
padding: 7px 0 7px 7px;
font-size: 30px;
}
.portailcognac .grid-item h2 .titre-actus {
width: 100%;
padding: 10px;
.portailcognac .grid-item .h2 .titre-actus {
width: 100%;
align-self: center;
padding: 10px 10px 10px 0;
border-right: 1px solid;
}
.portailcognac .grid-item img {
max-width: 100%;
......@@ -542,23 +551,27 @@ div#content { width: 100%; }
margin: 0;
padding: 0;
}
.portailcognac #projets article {
.portailcognac #projets .projet {
background-color: #777;
width: 50%;
float: left;
}
.portailcognac #projets article:hover {
background-color: #aaa!important;
.portailcognac #projets .projet:hover {
background-color: #aaa;
}
.portailcognac #projets a {
display: flex;
flex-direction: column;
height: 10vw;
color: white;
border: 4px solid white;
display: flex;
flex-direction: row;
align-content: center;
height: 10vw;
color: rgb(255, 255, 255);
border-width: initial;
border-style: none;
border-color: initial;
border-image: initial;
}
.portailcognac #projets a:hover {
color: #333!important;
color: #333;
}
.portailcognac #projets h2 {
width: 100%;
......@@ -569,10 +582,24 @@ div#content { width: 100%; }
text-align: center;
border: none;
}
.portailcognac #projets .suite {
background-color: rgba(100, 100, 100, 0.5);
height: auto;
padding: 25px;
.portailcognac #projets h2 {
font-size: 2vw;
line-height: 35px;
width: 100%;
height: auto;
align-self: center;
color: inherit;
font-weight: 300;
text-align: center;
margin: auto;
padding: 0px 10px;
}
.portailcognac#sommaire_mode_portailcognac #projets .suite {
background-color: rgba(100, 100, 100, 0.498039);
display: flex;
height: auto;
padding: 0px 25px;
}
.portailcognac #projets .suite .icon {
margin: auto;
......
0% ou .
You are about to add 0 people to the discussion. Proceed with caution.
Terminez d'abord l'édition de ce message.
Veuillez vous inscrire ou vous pour commenter

Forge communautaire SPIP | Charte d'utilisation | Signaler un problème sur ce site