« MediaWiki:Common.css » : différence entre les versions
De Mouvement Arbre-Évolution
(Page créée avec « →Le CSS placé ici sera appliqué à tous les habillages. : .bandeauHaut { height:400px; background-image:url("https://mouvement.arbre-evolution.org/images/header.jpg") ; background-position:top left; } ») |
Aucun résumé des modifications |
||
(473 versions intermédiaires par le même utilisateur non affichées) | |||
Ligne 1 : | Ligne 1 : | ||
/* | /*** BASE ***/ | ||
.bandeauHaut { | @import url("/index.php?action=raw&ctype=text/css&title=MediaWiki:Essences.css"); | ||
height: | |||
background-image:url("https:// | body { | ||
background- | background-color: black; | ||
background-attachment:fixed; | |||
color: #4c9c2e; | |||
background-image: url("https://arbre-evolution.org/images/f/f4/Mouvement_Accueil_Fond.webp"); | |||
background-size: cover; | |||
font-family: "Myriad Pro","Myriad Pro Web","Helvetica Neue",Helvetica; | |||
font-size: 16px; | |||
} | |||
body.page-Accueil { | |||
background-attachment:unset; | |||
background-repeat: repeat-y; | |||
background-image: url("themes/images/Images_fond/Mouvement_Accueuil_7NOV_V2.2.jpg"); | |||
} | |||
body.page-La_Coop_AÉ { | |||
background-image: url("themes/images/Images_fond/1920x1920_COOP_AE.jpg"); | |||
} | |||
body.page-Programmes { | |||
background-image: url("themes/images/Images_fond/1920x1920_PROGRAMMES.jpg"); | |||
} | |||
body.page-Services { | |||
background-image: url("themes/images/Images_fond/1920x1920_COOP_Services_1.jpg"); | |||
} | |||
body.page-Partenaires { | |||
background-image: url("themes/images/Images_fond/1920x1920_PARTENAIRES.jpg"); | |||
} | |||
body.page-Médias { | |||
background-image: url("themes/images/Images_fond/1920x1920_MEDIAS.jpg"); | |||
} | |||
body.page-Verger { | |||
background-image: url("themes/images/Images_fond/1920x1920_Verger.jpg"); | |||
background-position-y: -240px; | |||
} | |||
/** Menu admin a- caché pour les visiteurs **/ | |||
body.not-logged-in .bandeauAdmin { | |||
display:none; | |||
} | |||
/** Bas de page **/ | |||
.basdepage ul li a, | |||
.basdepage ul li a:visited, | |||
.basdepage ul li .courrielAE a[href].external { | |||
color:white !important; | |||
} | |||
.bandeauAdmin { | |||
font-size:90%; | |||
max-height:24px; | |||
} | |||
#firstHeading, | |||
#mw-content-subtitle { | |||
display:none; | |||
} | |||
/** STYLES DE BASE **/ | |||
.police-3 { | |||
font-size:3rem; | |||
} | |||
.police-25 { | |||
font-size:2.5rem; | |||
} | |||
.police-2 { | |||
font-size:2rem; | |||
} | |||
.police-175 { | |||
font-size:1.75rem; | |||
} | |||
.police-15 { | |||
font-size:1.5rem; | |||
} | |||
.police-125 { | |||
font-size:1.25rem; | |||
} | |||
.police-08 { | |||
font-size:.8rem; | |||
} | |||
.texte-blanc, | |||
.texte-blanc a[href], | |||
.texte-blanc a:link, | |||
.texte-blanc a.external.text { | |||
color: #FFFFFF; | |||
} | |||
.texte-noir, | |||
.texte-noir > a { | |||
color: #000000 !important; | |||
} | |||
.texte-vert { | |||
color: #4c9c2e; | |||
} | |||
.texte-bleu { | |||
color: #00a0dc; | |||
} | |||
.texte-jaune { | |||
color: #f9da58; | |||
} | |||
.texte-orange { | |||
color: #f98c2a; | |||
} | |||
.texte-beige { | |||
color: #ebece6; | |||
} | |||
.fond-beige, | |||
.mw-pager-body { | |||
background-color:#ebece6; | |||
} | |||
.fond-beige a[href], | |||
.fond-beige a:link, | |||
.fond-beige a.external.text, | |||
a.visited, | |||
.fond-beige a.internal | |||
{ | |||
color: #4c9c2e; | |||
} | |||
.fond-blanc { | |||
background-color:#FFFFFF; | |||
} | |||
.fond-noir { | |||
background-color:#000000; | |||
} | |||
.fond-vert { | |||
background-color:#4c9c2e; | |||
} | |||
.fond-jaune { | |||
background-color:#f9da58; | |||
} | |||
.fond-bleu { | |||
background-color:#00a0dc; | |||
} | |||
.fond-transparent { | |||
background-color:transparent; | |||
} | |||
.img-fluide img { | |||
max-width: 50%; | |||
height: auto; | |||
} | |||
.bord-rond, | |||
button:not([aria-expanded]){ | |||
border-radius:30px; | |||
} | |||
.bord-rond-bas { | |||
border-radius: 0px 0px 30px 30px; | |||
} | |||
.encadré-noir { | |||
border-top:solid 2px black; | |||
border-bottom:solid 2px black; | |||
padding-top:1rem; | |||
padding-bottom:1rem; | |||
} | |||
.ns--1 #content, | |||
.ns-6 #content, | |||
.ns-8 #content, | |||
.ns-10 #content { | |||
background-color: #ebece6 !important; | |||
border-radius:30px; | |||
margin-top:36px; | |||
padding:2rem 2rem; | |||
} | |||
/** Menu de navigation du haut **/ | |||
#p-logo a img { | |||
z-index:1000; | |||
} | |||
#p-logo a img { | |||
max-height: 80px; | |||
} | |||
.bandeauNav { | |||
background-color:black; | |||
max-height: 108px; | |||
font-size:1.2rem; | |||
padding:0 1; | |||
padding:24px 5% 0 5%; | |||
z-index:1000; | |||
} | |||
nav.bandeauHaut { | |||
background-color: transparent; | |||
padding:0 5%; | |||
} | |||
nav.bandeauHaut .navbar-nav { | |||
padding-top: 18px; | |||
width:100%; | |||
} | |||
/** Mobile **/ | |||
.bandeauHaut div.navbar-collapse { | |||
z-index: 1000; | |||
background-color: transparent; | |||
} | |||
.bandeauHaut div.navbar-collapse.show { | |||
z-index: 1000; | |||
background-color: white; | |||
padding-bottom: 18px; | |||
} | |||
.bandeauHaut div.navbar-collapse.show #searchInput { | |||
background-color:rgba(76, 156, 46,0.1); | |||
} | |||
.bandeauHaut .navbar-collapse.show .navbar-nav { | |||
width:100%; | |||
} | |||
.bandeauHaut .navbar-collapse.show .navbar-nav .mw-list-item { | |||
width:100%; | |||
text-align:center; | |||
} | |||
.bandeauHaut .navbar-collapse.show .navbar-nav .mw-list-item:hover { | |||
background-color: rgba(76, 156, 46,0.1); | |||
} | |||
.bandeauHaut .navbar-collapse.show .navbar-nav.right { | |||
padding-top:0; | |||
} | |||
/*** Particularités de certaines pages ***/ | |||
.page-Projets #n-Projets, | |||
.page-Services #n-Services, | |||
.page-Programmes #n-Programmes, | |||
.page-Partenaires #n-Partenaires, | |||
.page-La_Coop_AÉ #n-La-Coop-AÉ, | |||
.page-La_Coop_AÉ #n-La-Coop-AE, | |||
.page-Verger #n-Verger, | |||
.page-Médias #n-Médias { | |||
border-bottom: solid 2px #4c9c2e; | |||
} | |||
.page-Projets #n-Projets a.n-Projets, | |||
.page-Services #n-Services a.n-Services, | |||
.page-Programmes #n-Programmes a.n-Programmes, | |||
.page-Partenaires #n-Partenaires a.n-Partenaires, | |||
.page-La_Coop_AÉ #n-La-Coop-AÉ a.n-La-Coop-AÉ, | |||
.page-Verger #n-Verger a.n-Verger, | |||
.page-Médias #n-Médias a.n-Médias { | |||
color: white; | |||
} | |||
.bandeauHaut .navbar-collapse.show a { | |||
color: #4c9c2e !important; | |||
background-color: white; | |||
} | |||
.mw-parser-output .texte-vert a.external, | |||
.mw-parser-output .texte-vert a.extiw:visited, | |||
.mw-parser-output .texte-vert a.external:visited { | |||
color:#4c9c2e; | |||
} | |||
.mw-parser-output .texte-blanc a.external, | |||
.mw-parser-output .texte-blanc a.extiw:visited, | |||
.mw-parser-output .texte-blanc a.external:visited { | |||
color:white; | |||
} | |||
.p-navbar .mw-list-item .nav-link { | |||
color: #4c9c2e; | |||
font-size:100%; | |||
font-weight:500; | |||
padding-right: 3rem; | |||
padding-left: 3rem; | |||
} | |||
.p-navbar .navbar-nav .nav-link:hover { | |||
color:white; | |||
} | |||
.p-navbar .navbar-brand img { | |||
height: 5rem; | |||
position: relative; | |||
top: -2rem; | |||
} | |||
#searchInput, | |||
#searchGoButton, | |||
.p-search .searchGoButton, | |||
.p-search .mw-searchButton { | |||
border:none; | |||
background-color: #292729; | |||
background-image: none; | |||
box-shadow:none; | |||
} | |||
.p-navbar .navbar-form button { | |||
color:silver; | |||
} | |||
.table td, | |||
.card { | |||
border:none; | |||
} | |||
.vignette { | |||
object-fit:cover !important; | |||
height:340px; | |||
width:100%; | |||
} | |||
.logoBailleur { | |||
width:80%; | |||
padding: 0 0 0 10%; | |||
} | |||
/** Marqueurs sur carte **/ | |||
.leaflet-marker-icon { | |||
height:32px; | |||
width:14px; | |||
} | |||
/** DATATABLES **/ | |||
table.dataTable tbody tr, | |||
table.dataTable tbody tr.even { | |||
background-color:white; | |||
} | |||
table.dataTable tbody tr.odd { | |||
background-color:#ebece6; | |||
} | |||
table.dataTable thead > tr > th.sorting_asc::before, | |||
table.dataTable thead > tr > th.sorting_desc::after, | |||
table.dataTable thead > tr > td.sorting_asc::before, | |||
table.dataTable thead > tr > td.sorting_desc::after { | |||
opacity:1; | |||
color:white; | |||
} | |||
table.dataTable thead > tr > th.sorting::before, | |||
table.dataTable thead > tr > th.sorting::after, | |||
table.dataTable thead > tr > th.sorting_asc::before, | |||
table.dataTable thead > tr > th.sorting_asc::after, | |||
table.dataTable thead > tr > th.sorting_desc::before, | |||
table.dataTable thead > tr > th.sorting_desc::after, | |||
table.dataTable thead > tr > th.sorting_asc_disabled::before, | |||
table.dataTable thead > tr > th.sorting_asc_disabled::after, | |||
table.dataTable thead > tr > th.sorting_desc_disabled::before, | |||
table.dataTable thead > tr > th.sorting_desc_disabled::after, | |||
table.dataTable thead > tr > td.sorting::before, | |||
table.dataTable thead > tr > td.sorting::after, | |||
table.dataTable thead > tr > td.sorting_asc::before, | |||
table.dataTable thead > tr > td.sorting_asc::after, | |||
table.dataTable thead > tr > td.sorting_desc::before, | |||
table.dataTable thead > tr > td.sorting_desc::after, | |||
table.dataTable thead > tr > td.sorting_asc_disabled::before, | |||
table.dataTable thead > tr > td.sorting_asc_disabled::after, | |||
table.dataTable thead > tr > td.sorting_desc_disabled::before, | |||
table.dataTable thead > tr > td.sorting_desc_disabled::after { | |||
opacity:0.6; | |||
} | |||
#listePublique_wrapper .dt-length { | |||
width:30rem; | |||
} | |||
#listePublique_wrapper #dt-length-0 { | |||
width:15%; | |||
margin-right:0.5rem; | |||
} | |||
#listePublique_wrapper .dt-search { | |||
width:30rem; | |||
text-align:right; | |||
} | |||
#listePublique_wrapper #dt-search-0 { | |||
display:inline-block; | |||
width:35%; | |||
margin-left:0.5rem; | |||
} | |||
#listePublique_wrapper .page-item.active .page-link { | |||
background-color: #4c9c2e; | |||
border-color: #4c9c2e; | |||
} | |||
#listePublique .dt-column-title {cursor: pointer;} | |||
/** ONGLETS **/ | |||
/** PAGE D'ACCUEIL **/ | |||
/***APPEL À L'ACTION ***/ | |||
.cursor-pointer { | |||
cursor:pointer; | |||
} | |||
.sectionAmplifie .nav-pills .nav-link { | |||
background-color: black; | |||
color:#4c9c2e; | |||
} | |||
.sectionAmplifie .nav-pills .nav-link.active{ | |||
background-color: black; | |||
color:white; | |||
} | |||
.sectionAmplifie .imageFond { | |||
background-size: 72px; | |||
background-repeat: no-repeat; | |||
background-position: center; | |||
} | |||
.sectionAmplifie #individu-img { | |||
background-image: url("themes/images/Page_Accueil/Bloc_Suite_du_Monde/Icones/Individu_Vert.svg"); | |||
} | |||
.sectionAmplifie .active #individu-img { | |||
background-image: url("themes/images/Page_Accueil/Bloc_Suite_du_Monde/Icones/Individu_Blanc.svg"); | |||
} | |||
.sectionAmplifie #ecole-img { | |||
background-image: url("themes/images/Page_Accueil/Bloc_Suite_du_Monde/Icones/Ecole_Vert.svg"); | |||
} | |||
.sectionAmplifie .active #ecole-img { | |||
background-image: url("themes/images/Page_Accueil/Bloc_Suite_du_Monde/Icones/Ecole_Blanc.svg"); | |||
} | |||
.sectionAmplifie #ville-img { | |||
background-image: url("themes/images/Page_Accueil/Bloc_Suite_du_Monde/Icones/Ville_Municipalite_Vert.svg"); | |||
} | |||
.sectionAmplifie .active #ville-img { | |||
background-image: url("themes/images/Page_Accueil/Bloc_Suite_du_Monde/Icones/Ville_Municipalite_Blanc.svg"); | |||
} | |||
.sectionAmplifie #agricole-img { | |||
background-image: url("themes/images/Page_Accueil/Bloc_Suite_du_Monde/Icones/Prod_Agricole_Vert.svg"); | |||
} | |||
.sectionAmplifie .active #agricole-img { | |||
background-image: url("themes/images/Page_Accueil/Bloc_Suite_du_Monde/Icones/Prod_Agricole_Blanc.svg"); | |||
} | |||
.sectionAmplifie #entreprise-img { | |||
background-image: url("themes/images/Page_Accueil/Bloc_Suite_du_Monde/Icones/Entreprise_Vert.svg"); | |||
} | |||
.sectionAmplifie .active #entreprise-img { | |||
background-image: url("themes/images/Page_Accueil/Bloc_Suite_du_Monde/Icones/Entreprise_Blanc.svg"); | |||
} | |||
#Programmes .nav-pills .nav-link | |||
{ | |||
background-color: black; | |||
color:#4c9c2e; | |||
min-height:6rem; | |||
vertical-align:middle; | |||
border-radius:30px; | |||
} | |||
#Programmes #reboisement-tab.active | |||
{ | |||
background-color: #4c9c2e; | |||
color:white; | |||
} | |||
#Programmes #carbone-tab.active | |||
{ | |||
background-color: #00a0dc; | |||
color:white; | |||
} | |||
#Programmes #carbone-tab | |||
{ | |||
color: #00a0dc; | |||
} | |||
#Programmes #semoir-tab.active | |||
{ | |||
background-color: #f9da58; | |||
color:white; | |||
} | |||
#Programmes #semoir-tab | |||
{ | |||
color: #f9da58; | |||
} | |||
/** ACCORDÉON - SERVICES **/ | |||
.services button:not(.collapsed):before { | |||
content:"\2228"; | |||
padding: 0 1rem 0 .5rem; | |||
} | |||
.services button.collapsed:before { | |||
content:"\2227"; | |||
padding: 0 1rem 0 .5rem; | |||
} | |||
.services button:not(.collapsed) a, | |||
.services button.collapsed:before a { | |||
text-decoration:none; | |||
color:white; | |||
} | |||
/** Entêtes deux couleurs **/ | |||
.service-carbone button.collapsed { | |||
background-image: url("themes/images/Page_Services/Icones/Icone_CO2_Blanc.svgz"); | |||
background-repeat:no-repeat; background-position:95% 0; background-color:#4c9c2e;color:white; | |||
} | |||
.service-carbone button:not(.collapsed), | |||
.service-carbone button.collapsed:hover { | |||
background-image: url("themes/images/Page_Services/Icones/Icone_CO2_Bleu.svgz"); | |||
background-repeat:no-repeat; background-position:95% 0; background-color:white; color:#4c9c2e; | |||
} | |||
.service-microforet button.collapsed { | |||
background-image: url("themes/images/Page_Services/Icones/Icone_Microforet_Blanc.svgz"); | |||
background-repeat:no-repeat; background-position:95% 0; background-color:#4c9c2e;color:white; | |||
} | |||
.service-microforet button:not(.collapsed), | |||
.service-microforet button.collapsed:hover { | |||
background-image: url("themes/images/Page_Services/Icones/Icone_Microforet_vert.svgz"); | |||
background-repeat:no-repeat; background-position:95% 0; background-color:white; color:#4c9c2e; | |||
} | |||
.service-comestible button.collapsed { | |||
background-image: url("themes/images/Page_Services/Icones/Icone_Amenagement_Comestible_blanc.svgz"); | |||
background-repeat:no-repeat; background-position:95% 0; background-color:#4c9c2e;color:white; | |||
} | |||
.service-comestible button:not(.collapsed), | |||
.service-comestible button.collapsed:hover { | |||
background-image: url("themes/images/Page_Services/Icones/Icone_Amenagement_Comestible_vert.svgz"); | |||
background-repeat:no-repeat; background-position:95% 0; background-color:white; color:#4c9c2e; | |||
} | |||
.service-foretcorppo button.collapsed { | |||
background-image: url("themes/images/Page_Services/Icones/Icone_Team_Building_Blanc.svgz"); | |||
background-repeat:no-repeat; background-position:95% 0; background-color:#4c9c2e;color:white; | |||
} | |||
.service-foretcorppo button:not(.collapsed), | |||
.service-foretcorppo button.collapsed:hover { | |||
background-image: url("themes/images/Page_Services/Icones/Icone_Team_Building_vert.svgz"); | |||
background-repeat:no-repeat; background-position:95% 0; background-color:white; color:#4c9c2e; | |||
} | |||
.service-haie button.collapsed { | |||
background-image: url("themes/images/Page_Services/Icones/Icone_Agroforesterie_blanc.svgz"); | |||
background-repeat:no-repeat; background-position:95% 0; background-color:#4c9c2e;color:white; | |||
} | |||
.service-haie button:not(.collapsed), | |||
.service-haie button.collapsed:hover { | |||
background-image: url("themes/images/Page_Services/Icones/Icone_Agroforesterie_Vert.svgz"); | |||
background-repeat:no-repeat; background-position:95% 0; background-color:white; color:#4c9c2e; | |||
} | |||
.service-paysage button.collapsed { | |||
background-image: url("themes/images/Page_Services/Icones/Icone_Paysage_blanc.svgz"); | |||
background-repeat:no-repeat; background-position:95% 0; background-color:#4c9c2e;color:white; | |||
} | |||
.service-paysage button:not(.collapsed), | |||
.service-paysage button.collapsed:hover { | |||
background-image: url("themes/images/Page_Services/Icones/Icone_Paysage_Vert.svgz"); | |||
background-repeat:no-repeat; background-position:95% 0; background-color:white; color:#4c9c2e; | |||
} | |||
.service-renat button.collapsed { | |||
background-image: url("themes/images/Page_Services/Icones/Icone_renaturalisation_blanc.svgz"); | |||
background-repeat:no-repeat; background-position:95% 0; background-color:#4c9c2e;color:white; | |||
} | |||
.service-renat button:not(.collapsed), | |||
.service-renat button.collapsed:hover { | |||
background-image: url("themes/images/Page_Services/Icones/Icone_renaturalisation_Vert.svgz"); | |||
background-repeat:no-repeat; background-position:95% 0; background-color:white; color:#4c9c2e; | |||
} | |||
/** TEST **/ | |||
.essence { | |||
height:120px; | |||
background-size: contain; | |||
background-position:center; | |||
background-repeat:no-repeat; | |||
background-color:rgba(255,255,255,1); | |||
border-radius:7px; | |||
} | |||
/** lien bloc vert **/ | |||
.text-white a.external { | |||
color: white !important; | |||
} | |||
.text-white a.external:hover { | |||
color:yellow !important; | |||
text-decoration:none; | |||
} | |||
/* CAROUSSEL */ | |||
.carousel-item span img { | |||
object-fit:cover !important; | |||
max-width:100%; | |||
max-height:340px; | |||
} | |||
.carousel-control-next, | |||
.carousel-control-prev { | |||
background-image:none; | |||
width:24px; | |||
border-radius:0; | |||
} | |||
.carousel-control-prev { | |||
left:0; | |||
} | |||
.carousel-control-next { | |||
right:0; | |||
} | |||
.carousel-control-next.btn:focus, | |||
.carousel-control-prev.btn:focus { | |||
box-shadow:none; | |||
} | |||
.carousel-control-prev:hover, | |||
.carousel-control-next:hover { | |||
color:silver; | |||
} | |||
.carousel-inner { | |||
padding-left:24px; | |||
padding-right:24px; | |||
} | |||
#boutonDiaporamaO { | |||
background:transparent; | |||
border:none; | |||
color: #4c9c2e; | |||
} | |||
/** **/ | |||
button { | |||
font-family: "Myriad Pro","Myriad Pro Web","Helvetica Neue",Helvetica; | |||
} | |||
button[aria-expanded="true"] { | |||
border-radius:30px 30px 0px 0px ; | |||
} | |||
.btn a , | |||
.btn-success { | |||
background-color:#4c9c2e; | |||
color:white; | |||
} | |||
.btn:hover a, | |||
.btn a:hover, | |||
.btn:hover { | |||
background-color:white; | |||
color:#4c9c2e; | |||
text-decoration:none; | |||
} | |||
.btn-noir, | |||
.mw-parser-output .btn-noir a, | |||
.mw-parser-output .btn-noir a.external { | |||
background-color:black !important; | |||
color:white; | |||
} | |||
.btn.btn-noir:hover a, | |||
.mw-parser-output .btn.btn-noir a:hover, | |||
.mw-parser-output .btn.btn-noir:hover { | |||
background-color:#4c9c2e !important; | |||
color:white; | |||
text-decoration:none; | |||
} | |||
@media (max-width: 768px) { | |||
.celluleLogo { | |||
width: 96px; | |||
} | |||
} | |||
/** TRUCS DIVERS **/ | |||
.trademark::after { | |||
content: "TM"; | |||
font-size:33%; | |||
font-weight:normal; | |||
vertical-align:text-top; | |||
} | |||
/** Toggle image page d'accueil **/ | |||
img[aria-selected="true"] { | |||
height:200%v; | |||
} | |||
h3#notre-equipe:after { | |||
content: url("https://arbre-evolution.org/themes/images/Page_COOP_AE/Icones/Icone_COOP_Notre_Equipe.svg"); | |||
float: right; | |||
width: 3.5rem; | |||
} | |||
h3#notre-travail:after { | |||
content: url("https://arbre-evolution.org/themes/images/Page_COOP_AE/Icones/Icone_COOP_Notre_Travail.svg"); | |||
float: right; | |||
width: 3.5rem; | |||
} | |||
/** STATISTIQUES **/ | |||
.caché {display:none;} | |||
.montré {display:inline-block;} | |||
.versPartenaire{ | |||
cursor:pointer; | |||
} | |||
/** Vidéo ACCUEIL **/ | |||
#drone1 .mw-file-element { | |||
width: 100% !important; | |||
height: 100% !important; | |||
} | |||
.slogan i { | |||
filter: drop-shadow(0 0 0.5rem white); | |||
display: inline-block; | |||
text-shadow: rgba(255,255,255,.8) 1px 0 10px; | |||
} | |||
.w-33 { | |||
width: 27% !important; | |||
} | |||
/** PAGE VERGER **/ | |||
/** fond pour la vidéo du verger **/ | |||
#VideoVerger .embedvideo-overlay { | |||
background-image: url("themes/images/VideoVerger.png"); | |||
background-size: cover; | |||
} | |||
/** PAGE SERVICES **/ | |||
.service-carbone { | |||
background-image: url("themes/images/Page_Services/Icones/Icone_CO2_Blanc.svgz"); | |||
} | |||
#boutonDiaporamaF button:not(.collapsed) { | |||
background-color:#ebece6;; | |||
} | |||
/** Page Coop -> blurb équipe **/ | |||
.equipe .overlay-equipe { | |||
opacity: 0; | |||
transition: .5s ease; | |||
} | |||
.equipe .overlay-equipe:hover { | |||
opacity: 1; | |||
} | |||
@media screen { | |||
a:visited { | |||
color:black; | |||
} | |||
} | } |
Dernière version du 18 décembre 2024 à 14:13
/*** BASE ***/
@import url("/index.php?action=raw&ctype=text/css&title=MediaWiki:Essences.css");
body {
background-color: black;
background-attachment:fixed;
color: #4c9c2e;
background-image: url("https://arbre-evolution.org/images/f/f4/Mouvement_Accueil_Fond.webp");
background-size: cover;
font-family: "Myriad Pro","Myriad Pro Web","Helvetica Neue",Helvetica;
font-size: 16px;
}
body.page-Accueil {
background-attachment:unset;
background-repeat: repeat-y;
background-image: url("themes/images/Images_fond/Mouvement_Accueuil_7NOV_V2.2.jpg");
}
body.page-La_Coop_AÉ {
background-image: url("themes/images/Images_fond/1920x1920_COOP_AE.jpg");
}
body.page-Programmes {
background-image: url("themes/images/Images_fond/1920x1920_PROGRAMMES.jpg");
}
body.page-Services {
background-image: url("themes/images/Images_fond/1920x1920_COOP_Services_1.jpg");
}
body.page-Partenaires {
background-image: url("themes/images/Images_fond/1920x1920_PARTENAIRES.jpg");
}
body.page-Médias {
background-image: url("themes/images/Images_fond/1920x1920_MEDIAS.jpg");
}
body.page-Verger {
background-image: url("themes/images/Images_fond/1920x1920_Verger.jpg");
background-position-y: -240px;
}
/** Menu admin a- caché pour les visiteurs **/
body.not-logged-in .bandeauAdmin {
display:none;
}
/** Bas de page **/
.basdepage ul li a,
.basdepage ul li a:visited,
.basdepage ul li .courrielAE a[href].external {
color:white !important;
}
.bandeauAdmin {
font-size:90%;
max-height:24px;
}
#firstHeading,
#mw-content-subtitle {
display:none;
}
/** STYLES DE BASE **/
.police-3 {
font-size:3rem;
}
.police-25 {
font-size:2.5rem;
}
.police-2 {
font-size:2rem;
}
.police-175 {
font-size:1.75rem;
}
.police-15 {
font-size:1.5rem;
}
.police-125 {
font-size:1.25rem;
}
.police-08 {
font-size:.8rem;
}
.texte-blanc,
.texte-blanc a[href],
.texte-blanc a:link,
.texte-blanc a.external.text {
color: #FFFFFF;
}
.texte-noir,
.texte-noir > a {
color: #000000 !important;
}
.texte-vert {
color: #4c9c2e;
}
.texte-bleu {
color: #00a0dc;
}
.texte-jaune {
color: #f9da58;
}
.texte-orange {
color: #f98c2a;
}
.texte-beige {
color: #ebece6;
}
.fond-beige,
.mw-pager-body {
background-color:#ebece6;
}
.fond-beige a[href],
.fond-beige a:link,
.fond-beige a.external.text,
a.visited,
.fond-beige a.internal
{
color: #4c9c2e;
}
.fond-blanc {
background-color:#FFFFFF;
}
.fond-noir {
background-color:#000000;
}
.fond-vert {
background-color:#4c9c2e;
}
.fond-jaune {
background-color:#f9da58;
}
.fond-bleu {
background-color:#00a0dc;
}
.fond-transparent {
background-color:transparent;
}
.img-fluide img {
max-width: 50%;
height: auto;
}
.bord-rond,
button:not([aria-expanded]){
border-radius:30px;
}
.bord-rond-bas {
border-radius: 0px 0px 30px 30px;
}
.encadré-noir {
border-top:solid 2px black;
border-bottom:solid 2px black;
padding-top:1rem;
padding-bottom:1rem;
}
.ns--1 #content,
.ns-6 #content,
.ns-8 #content,
.ns-10 #content {
background-color: #ebece6 !important;
border-radius:30px;
margin-top:36px;
padding:2rem 2rem;
}
/** Menu de navigation du haut **/
#p-logo a img {
z-index:1000;
}
#p-logo a img {
max-height: 80px;
}
.bandeauNav {
background-color:black;
max-height: 108px;
font-size:1.2rem;
padding:0 1;
padding:24px 5% 0 5%;
z-index:1000;
}
nav.bandeauHaut {
background-color: transparent;
padding:0 5%;
}
nav.bandeauHaut .navbar-nav {
padding-top: 18px;
width:100%;
}
/** Mobile **/
.bandeauHaut div.navbar-collapse {
z-index: 1000;
background-color: transparent;
}
.bandeauHaut div.navbar-collapse.show {
z-index: 1000;
background-color: white;
padding-bottom: 18px;
}
.bandeauHaut div.navbar-collapse.show #searchInput {
background-color:rgba(76, 156, 46,0.1);
}
.bandeauHaut .navbar-collapse.show .navbar-nav {
width:100%;
}
.bandeauHaut .navbar-collapse.show .navbar-nav .mw-list-item {
width:100%;
text-align:center;
}
.bandeauHaut .navbar-collapse.show .navbar-nav .mw-list-item:hover {
background-color: rgba(76, 156, 46,0.1);
}
.bandeauHaut .navbar-collapse.show .navbar-nav.right {
padding-top:0;
}
/*** Particularités de certaines pages ***/
.page-Projets #n-Projets,
.page-Services #n-Services,
.page-Programmes #n-Programmes,
.page-Partenaires #n-Partenaires,
.page-La_Coop_AÉ #n-La-Coop-AÉ,
.page-La_Coop_AÉ #n-La-Coop-AE,
.page-Verger #n-Verger,
.page-Médias #n-Médias {
border-bottom: solid 2px #4c9c2e;
}
.page-Projets #n-Projets a.n-Projets,
.page-Services #n-Services a.n-Services,
.page-Programmes #n-Programmes a.n-Programmes,
.page-Partenaires #n-Partenaires a.n-Partenaires,
.page-La_Coop_AÉ #n-La-Coop-AÉ a.n-La-Coop-AÉ,
.page-Verger #n-Verger a.n-Verger,
.page-Médias #n-Médias a.n-Médias {
color: white;
}
.bandeauHaut .navbar-collapse.show a {
color: #4c9c2e !important;
background-color: white;
}
.mw-parser-output .texte-vert a.external,
.mw-parser-output .texte-vert a.extiw:visited,
.mw-parser-output .texte-vert a.external:visited {
color:#4c9c2e;
}
.mw-parser-output .texte-blanc a.external,
.mw-parser-output .texte-blanc a.extiw:visited,
.mw-parser-output .texte-blanc a.external:visited {
color:white;
}
.p-navbar .mw-list-item .nav-link {
color: #4c9c2e;
font-size:100%;
font-weight:500;
padding-right: 3rem;
padding-left: 3rem;
}
.p-navbar .navbar-nav .nav-link:hover {
color:white;
}
.p-navbar .navbar-brand img {
height: 5rem;
position: relative;
top: -2rem;
}
#searchInput,
#searchGoButton,
.p-search .searchGoButton,
.p-search .mw-searchButton {
border:none;
background-color: #292729;
background-image: none;
box-shadow:none;
}
.p-navbar .navbar-form button {
color:silver;
}
.table td,
.card {
border:none;
}
.vignette {
object-fit:cover !important;
height:340px;
width:100%;
}
.logoBailleur {
width:80%;
padding: 0 0 0 10%;
}
/** Marqueurs sur carte **/
.leaflet-marker-icon {
height:32px;
width:14px;
}
/** DATATABLES **/
table.dataTable tbody tr,
table.dataTable tbody tr.even {
background-color:white;
}
table.dataTable tbody tr.odd {
background-color:#ebece6;
}
table.dataTable thead > tr > th.sorting_asc::before,
table.dataTable thead > tr > th.sorting_desc::after,
table.dataTable thead > tr > td.sorting_asc::before,
table.dataTable thead > tr > td.sorting_desc::after {
opacity:1;
color:white;
}
table.dataTable thead > tr > th.sorting::before,
table.dataTable thead > tr > th.sorting::after,
table.dataTable thead > tr > th.sorting_asc::before,
table.dataTable thead > tr > th.sorting_asc::after,
table.dataTable thead > tr > th.sorting_desc::before,
table.dataTable thead > tr > th.sorting_desc::after,
table.dataTable thead > tr > th.sorting_asc_disabled::before,
table.dataTable thead > tr > th.sorting_asc_disabled::after,
table.dataTable thead > tr > th.sorting_desc_disabled::before,
table.dataTable thead > tr > th.sorting_desc_disabled::after,
table.dataTable thead > tr > td.sorting::before,
table.dataTable thead > tr > td.sorting::after,
table.dataTable thead > tr > td.sorting_asc::before,
table.dataTable thead > tr > td.sorting_asc::after,
table.dataTable thead > tr > td.sorting_desc::before,
table.dataTable thead > tr > td.sorting_desc::after,
table.dataTable thead > tr > td.sorting_asc_disabled::before,
table.dataTable thead > tr > td.sorting_asc_disabled::after,
table.dataTable thead > tr > td.sorting_desc_disabled::before,
table.dataTable thead > tr > td.sorting_desc_disabled::after {
opacity:0.6;
}
#listePublique_wrapper .dt-length {
width:30rem;
}
#listePublique_wrapper #dt-length-0 {
width:15%;
margin-right:0.5rem;
}
#listePublique_wrapper .dt-search {
width:30rem;
text-align:right;
}
#listePublique_wrapper #dt-search-0 {
display:inline-block;
width:35%;
margin-left:0.5rem;
}
#listePublique_wrapper .page-item.active .page-link {
background-color: #4c9c2e;
border-color: #4c9c2e;
}
#listePublique .dt-column-title {cursor: pointer;}
/** ONGLETS **/
/** PAGE D'ACCUEIL **/
/***APPEL À L'ACTION ***/
.cursor-pointer {
cursor:pointer;
}
.sectionAmplifie .nav-pills .nav-link {
background-color: black;
color:#4c9c2e;
}
.sectionAmplifie .nav-pills .nav-link.active{
background-color: black;
color:white;
}
.sectionAmplifie .imageFond {
background-size: 72px;
background-repeat: no-repeat;
background-position: center;
}
.sectionAmplifie #individu-img {
background-image: url("themes/images/Page_Accueil/Bloc_Suite_du_Monde/Icones/Individu_Vert.svg");
}
.sectionAmplifie .active #individu-img {
background-image: url("themes/images/Page_Accueil/Bloc_Suite_du_Monde/Icones/Individu_Blanc.svg");
}
.sectionAmplifie #ecole-img {
background-image: url("themes/images/Page_Accueil/Bloc_Suite_du_Monde/Icones/Ecole_Vert.svg");
}
.sectionAmplifie .active #ecole-img {
background-image: url("themes/images/Page_Accueil/Bloc_Suite_du_Monde/Icones/Ecole_Blanc.svg");
}
.sectionAmplifie #ville-img {
background-image: url("themes/images/Page_Accueil/Bloc_Suite_du_Monde/Icones/Ville_Municipalite_Vert.svg");
}
.sectionAmplifie .active #ville-img {
background-image: url("themes/images/Page_Accueil/Bloc_Suite_du_Monde/Icones/Ville_Municipalite_Blanc.svg");
}
.sectionAmplifie #agricole-img {
background-image: url("themes/images/Page_Accueil/Bloc_Suite_du_Monde/Icones/Prod_Agricole_Vert.svg");
}
.sectionAmplifie .active #agricole-img {
background-image: url("themes/images/Page_Accueil/Bloc_Suite_du_Monde/Icones/Prod_Agricole_Blanc.svg");
}
.sectionAmplifie #entreprise-img {
background-image: url("themes/images/Page_Accueil/Bloc_Suite_du_Monde/Icones/Entreprise_Vert.svg");
}
.sectionAmplifie .active #entreprise-img {
background-image: url("themes/images/Page_Accueil/Bloc_Suite_du_Monde/Icones/Entreprise_Blanc.svg");
}
#Programmes .nav-pills .nav-link
{
background-color: black;
color:#4c9c2e;
min-height:6rem;
vertical-align:middle;
border-radius:30px;
}
#Programmes #reboisement-tab.active
{
background-color: #4c9c2e;
color:white;
}
#Programmes #carbone-tab.active
{
background-color: #00a0dc;
color:white;
}
#Programmes #carbone-tab
{
color: #00a0dc;
}
#Programmes #semoir-tab.active
{
background-color: #f9da58;
color:white;
}
#Programmes #semoir-tab
{
color: #f9da58;
}
/** ACCORDÉON - SERVICES **/
.services button:not(.collapsed):before {
content:"\2228";
padding: 0 1rem 0 .5rem;
}
.services button.collapsed:before {
content:"\2227";
padding: 0 1rem 0 .5rem;
}
.services button:not(.collapsed) a,
.services button.collapsed:before a {
text-decoration:none;
color:white;
}
/** Entêtes deux couleurs **/
.service-carbone button.collapsed {
background-image: url("themes/images/Page_Services/Icones/Icone_CO2_Blanc.svgz");
background-repeat:no-repeat; background-position:95% 0; background-color:#4c9c2e;color:white;
}
.service-carbone button:not(.collapsed),
.service-carbone button.collapsed:hover {
background-image: url("themes/images/Page_Services/Icones/Icone_CO2_Bleu.svgz");
background-repeat:no-repeat; background-position:95% 0; background-color:white; color:#4c9c2e;
}
.service-microforet button.collapsed {
background-image: url("themes/images/Page_Services/Icones/Icone_Microforet_Blanc.svgz");
background-repeat:no-repeat; background-position:95% 0; background-color:#4c9c2e;color:white;
}
.service-microforet button:not(.collapsed),
.service-microforet button.collapsed:hover {
background-image: url("themes/images/Page_Services/Icones/Icone_Microforet_vert.svgz");
background-repeat:no-repeat; background-position:95% 0; background-color:white; color:#4c9c2e;
}
.service-comestible button.collapsed {
background-image: url("themes/images/Page_Services/Icones/Icone_Amenagement_Comestible_blanc.svgz");
background-repeat:no-repeat; background-position:95% 0; background-color:#4c9c2e;color:white;
}
.service-comestible button:not(.collapsed),
.service-comestible button.collapsed:hover {
background-image: url("themes/images/Page_Services/Icones/Icone_Amenagement_Comestible_vert.svgz");
background-repeat:no-repeat; background-position:95% 0; background-color:white; color:#4c9c2e;
}
.service-foretcorppo button.collapsed {
background-image: url("themes/images/Page_Services/Icones/Icone_Team_Building_Blanc.svgz");
background-repeat:no-repeat; background-position:95% 0; background-color:#4c9c2e;color:white;
}
.service-foretcorppo button:not(.collapsed),
.service-foretcorppo button.collapsed:hover {
background-image: url("themes/images/Page_Services/Icones/Icone_Team_Building_vert.svgz");
background-repeat:no-repeat; background-position:95% 0; background-color:white; color:#4c9c2e;
}
.service-haie button.collapsed {
background-image: url("themes/images/Page_Services/Icones/Icone_Agroforesterie_blanc.svgz");
background-repeat:no-repeat; background-position:95% 0; background-color:#4c9c2e;color:white;
}
.service-haie button:not(.collapsed),
.service-haie button.collapsed:hover {
background-image: url("themes/images/Page_Services/Icones/Icone_Agroforesterie_Vert.svgz");
background-repeat:no-repeat; background-position:95% 0; background-color:white; color:#4c9c2e;
}
.service-paysage button.collapsed {
background-image: url("themes/images/Page_Services/Icones/Icone_Paysage_blanc.svgz");
background-repeat:no-repeat; background-position:95% 0; background-color:#4c9c2e;color:white;
}
.service-paysage button:not(.collapsed),
.service-paysage button.collapsed:hover {
background-image: url("themes/images/Page_Services/Icones/Icone_Paysage_Vert.svgz");
background-repeat:no-repeat; background-position:95% 0; background-color:white; color:#4c9c2e;
}
.service-renat button.collapsed {
background-image: url("themes/images/Page_Services/Icones/Icone_renaturalisation_blanc.svgz");
background-repeat:no-repeat; background-position:95% 0; background-color:#4c9c2e;color:white;
}
.service-renat button:not(.collapsed),
.service-renat button.collapsed:hover {
background-image: url("themes/images/Page_Services/Icones/Icone_renaturalisation_Vert.svgz");
background-repeat:no-repeat; background-position:95% 0; background-color:white; color:#4c9c2e;
}
/** TEST **/
.essence {
height:120px;
background-size: contain;
background-position:center;
background-repeat:no-repeat;
background-color:rgba(255,255,255,1);
border-radius:7px;
}
/** lien bloc vert **/
.text-white a.external {
color: white !important;
}
.text-white a.external:hover {
color:yellow !important;
text-decoration:none;
}
/* CAROUSSEL */
.carousel-item span img {
object-fit:cover !important;
max-width:100%;
max-height:340px;
}
.carousel-control-next,
.carousel-control-prev {
background-image:none;
width:24px;
border-radius:0;
}
.carousel-control-prev {
left:0;
}
.carousel-control-next {
right:0;
}
.carousel-control-next.btn:focus,
.carousel-control-prev.btn:focus {
box-shadow:none;
}
.carousel-control-prev:hover,
.carousel-control-next:hover {
color:silver;
}
.carousel-inner {
padding-left:24px;
padding-right:24px;
}
#boutonDiaporamaO {
background:transparent;
border:none;
color: #4c9c2e;
}
/** **/
button {
font-family: "Myriad Pro","Myriad Pro Web","Helvetica Neue",Helvetica;
}
button[aria-expanded="true"] {
border-radius:30px 30px 0px 0px ;
}
.btn a ,
.btn-success {
background-color:#4c9c2e;
color:white;
}
.btn:hover a,
.btn a:hover,
.btn:hover {
background-color:white;
color:#4c9c2e;
text-decoration:none;
}
.btn-noir,
.mw-parser-output .btn-noir a,
.mw-parser-output .btn-noir a.external {
background-color:black !important;
color:white;
}
.btn.btn-noir:hover a,
.mw-parser-output .btn.btn-noir a:hover,
.mw-parser-output .btn.btn-noir:hover {
background-color:#4c9c2e !important;
color:white;
text-decoration:none;
}
@media (max-width: 768px) {
.celluleLogo {
width: 96px;
}
}
/** TRUCS DIVERS **/
.trademark::after {
content: "TM";
font-size:33%;
font-weight:normal;
vertical-align:text-top;
}
/** Toggle image page d'accueil **/
img[aria-selected="true"] {
height:200%v;
}
h3#notre-equipe:after {
content: url("https://arbre-evolution.org/themes/images/Page_COOP_AE/Icones/Icone_COOP_Notre_Equipe.svg");
float: right;
width: 3.5rem;
}
h3#notre-travail:after {
content: url("https://arbre-evolution.org/themes/images/Page_COOP_AE/Icones/Icone_COOP_Notre_Travail.svg");
float: right;
width: 3.5rem;
}
/** STATISTIQUES **/
.caché {display:none;}
.montré {display:inline-block;}
.versPartenaire{
cursor:pointer;
}
/** Vidéo ACCUEIL **/
#drone1 .mw-file-element {
width: 100% !important;
height: 100% !important;
}
.slogan i {
filter: drop-shadow(0 0 0.5rem white);
display: inline-block;
text-shadow: rgba(255,255,255,.8) 1px 0 10px;
}
.w-33 {
width: 27% !important;
}
/** PAGE VERGER **/
/** fond pour la vidéo du verger **/
#VideoVerger .embedvideo-overlay {
background-image: url("themes/images/VideoVerger.png");
background-size: cover;
}
/** PAGE SERVICES **/
.service-carbone {
background-image: url("themes/images/Page_Services/Icones/Icone_CO2_Blanc.svgz");
}
#boutonDiaporamaF button:not(.collapsed) {
background-color:#ebece6;;
}
/** Page Coop -> blurb équipe **/
.equipe .overlay-equipe {
opacity: 0;
transition: .5s ease;
}
.equipe .overlay-equipe:hover {
opacity: 1;
}
@media screen {
a:visited {
color:black;
}
}