MediaWiki:PageServices.css

/** SERVICES **/
.services button.services2:not(.collapsed) a,
.services button.services2.collapsed::before a {
  text-decoration:none;
  color:white;
}

.services button.services2:not(.collapsed)::before
{
  content: url("themes/images/chevron-down-svgrepo-com.svg");
  height:24px;
  display:inline-block;
  margin-left:-1rem;
  padding-right: 1rem;
}
.services button.services2.collapsed::before 
{
  content: url("themes/images/chevron-up-svgrepo-com_blanc.svg");
  height:24px;
  display:inline-block;
  margin-left:-1rem;
  padding-right: 1rem;
}

.services button.services2.collapsed:hover::before {
  content: url("themes/images/chevron-up-svgrepo-com.svg");
}

/** Entêtes deux couleurs **/

.service-carbone button.collapsed {
  background-image: url("themes/images/Services/Icone_CO2_Blanc.svgz");
  background-repeat:no-repeat; background-position:99% 0; background-color:#4c9c2e;color:white;
}
.service-carbone button:not(.collapsed),
.service-carbone button.collapsed:hover {
  background-image: url("themes/images/Services/Icone_CO2_Bleu.svgz"); 
  background-repeat:no-repeat; background-position:99% 0; background-color:white; color:#4c9c2e;
}
.service-microforet button.collapsed {
  background-image: url("themes/images/Services/Icone_Microforet_Blanc.svgz");
  background-repeat:no-repeat; background-position:99% 0; background-color:#4c9c2e;color:white;
}
.service-microforet button:not(.collapsed),
.service-microforet button.collapsed:hover {
  background-image: url("themes/images/Services/Icone_Microforet_vert.svgz"); 
  background-repeat:no-repeat; background-position:99% 0; background-color:white; color:#4c9c2e;
}
.service-comestible button.collapsed {
  background-image: url("themes/images/Services/Icone_Amenagement_Comestible_blanc.svgz");
  background-repeat:no-repeat; background-position:99% 0; background-color:#4c9c2e;color:white;
}
.service-comestible button:not(.collapsed),
.service-comestible button.collapsed:hover {
  background-image: url("themes/images/Services/Icone_Amenagement_Comestible_vert.svgz"); 
  background-repeat:no-repeat; background-position:99% 0; background-color:white; color:#4c9c2e;
}
.service-foretcorppo button.collapsed {
  background-image: url("themes/images/Services/Icone_Team_Building_Blanc.svgz");
  background-repeat:no-repeat; background-position:99% 0; background-color:#4c9c2e;color:white;
}
.service-foretcorppo button:not(.collapsed),
.service-foretcorppo button.collapsed:hover {
  background-image: url("themes/images/Services/Icone_Team_Building_vert.svgz"); 
  background-repeat:no-repeat; background-position:99% 0; background-color:white; color:#4c9c2e;
}
.service-haie button.collapsed {
  background-image: url("themes/images/Services/Icone_Agroforesterie_blanc.svgz");
  background-repeat:no-repeat; background-position:99% 0; background-color:#4c9c2e;color:white;
}
.service-haie button:not(.collapsed),
.service-haie button.collapsed:hover {
  background-image: url("themes/images/Services/Icone_Agroforesterie_Vert.svgz"); 
  background-repeat:no-repeat; background-position:99% 0; background-color:white; color:#4c9c2e;
}
.service-paysage button.collapsed {
  background-image: url("themes/images/Services/Icone_Paysage_blanc.svgz");
  background-repeat:no-repeat; background-position:99% 0; background-color:#4c9c2e;color:white;
}
.service-paysage button:not(.collapsed),
.service-paysage button.collapsed:hover {
  background-image: url("themes/images/Services/Icone_Paysage_Vert.svgz"); 
  background-repeat:no-repeat; background-position:99% 0; background-color:white; color:#4c9c2e;
}
.service-renat button.collapsed {
  background-image: url("themes/images/Services/Icone_renaturalisation_blanc.svgz");
  background-repeat:no-repeat; background-position:99% 0; background-color:#4c9c2e;color:white;
}
.service-renat button:not(.collapsed),
.service-renat button.collapsed:hover {
  background-image: url("themes/images/Services/Icone_renaturalisation_Vert.svgz"); 
  background-repeat:no-repeat; background-position:99% 0; background-color:white; color:#4c9c2e;
}