MediaWiki:Common.css

De Mouvement Arbre-Évolution
Aller à :navigation, rechercher

Note : après avoir publié vos modifications, il se peut que vous deviez forcer le rechargement complet du cache de votre navigateur pour voir les changements.

  • Firefox / Safari : maintenez la touche Maj (Shift) en cliquant sur le bouton Actualiser ou appuyez sur Ctrl + F5 ou Ctrl + R (⌘ + R sur un Mac).
  • Google Chrome : appuyez sur Ctrl + Maj + R (⌘ + Shift + R sur un Mac).
  • Internet Explorer / Edge : maintenez la touche Ctrl en cliquant sur le bouton Actualiser ou pressez Ctrl + F5.
  • Opera : appuyez sur Ctrl + F5.
/*** BASE ***/
body {
 /*  background-color: rgba(224, 224, 214,1); */
  background-color: black;
  background-attachment: fixed;
  color:#4c9c2e;
  background-image: url("https://mvmt.laferme.wiki/images/f/f4/Mouvement_Accueil_Fond.webp");
  background-size: cover;
  font-family: "Myriad Pro","Myriad Pro Web","Helvetica Neue",Helvetica;
  font-size: 16px;
}
/** Menu admin - caché pour les visiteurs **/
body.not-logged-in .bandeauAdmin {
	display:none;
}
.bandeauAdmin {
	font-size:90%;
	max-height:24px;
}
#firstHeading,
#mw-content-subtitle {
  display:none;
}

/** STYLES DE BASE **/
.texte-blanc {
	color: #FFFFFF;
}
.texte-noir {
	color: #000000;
}
.texte-vert {
	color: #4c9c2e;
}
.texte-bleu {
	color: #00a0dc;
}
.texte-jaune {
	color: #f9da58;
}
.texte-orange {
	color: #f98c2a;
}
.texte-beige {
	color: #ebece6;
}
.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; 
}
.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;
}

/*** POLICES ***/




.contenu {
	background-color: #ebece6;
	border-radius:30px;
	margin-top:72px;
}

/** Menu de navigation du haut **/
.bandeauNav {
	background-color:black;
	max-height: 108px;
	font-size:1.1rem;
	padding:0 1;
	padding:24px 5% 0 10%;
}
nav.bandeauHaut {
	background-color: black;
	padding:0 2%;
}
nav.bandeauHaut .navbar-nav {
    padding-top: 18px;	
}

#p-logo a img {
   z-index:1000;
}
#p-logo a img {
   max-height: 80px;
}

/*** 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É {
	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É {
	color: white;
}

.page-Accueil #content.contenu,
.page-Accueil_2 #content.contenu,
.page-Programmes #content.contenu,
.page-Services #content.contenu {
	background-color: transparent !important;
}

.mw-parser-output a.external,
.mw-parser-output a.extiw:visited, 
.mw-parser-output a.external:visited {
	color:#4c9c2e;;
}

.p-navbar .mw-list-item .nav-link {
	color: #4c9c2e;
	font-size:100%;
	font-weight:500;
	padding-right: 3rem;
    padding-left: 3rem;
}

.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;
}

.p-navbar .navbar-form button {
	color:silver;
}

.bandeauHaut div.navbar-collapse {
  padding-top: 1rem;
  z-index: 1000;
  background-color: rgba(0, 0, 0, 0.85);
  padding-bottom:2rem;
}

.card {
	border:none;
}

.vignette {
  object-fit:cover !important;
  height:340px;
  width:100%;
}

.logoBailleur {
  width:100%;
}
/** Marqueurs sur carte **/
.leaflet-marker-icon {
 height:32px;
 width:14px;
}

/** DATATABLES **/

.mw-parser-output .datatable a.external {
	color:black;
}

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.3;
}

/** ONGLETS **/
.sectionAmplifie .nav-pills .nav-link
{
	background-color: black;
	color:#4c9c2e;
}

.sectionAmplifie .nav-pills .nav-link.active
{
	background-color: #4c9c2e;
	color:white;
}

#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 **/
button:not(.collapsed){
	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.btn-dark {
	background-color:black;
}
.btn a {
	background-color:transparent;
	color:white;
	text-decoration:none;
}

.btn:hover {
	background-color:white;
	color:#4c9c2e;
	text-decoration:none;
}


@media (max-width: 768px) {
 .celluleLogo {
   width: 96px;
  }
}

/* VIGNETTES ESSENCES*/
/** Vignettes génériques **/
.essence.Arbre{
  background-image: url('https://mouvement.arbre-evolution.org/images/d/dc/Arbre.png');
}
.essence.Arbuste{
  background-image: url('https://mouvement.arbre-evolution.org/images/0/0e/Arbuste.png' );
  background-position:bottom;
}
.essence.Herbacee {
  background-image: url('https://mouvement.arbre-evolution.org/images/5/58/Herbacee.png');
  background-position:bottom;
}

/** Vignettes spécifiques **/
.essence.Abies_balsamea {background-image: url('https://mouvement.arbre-evolution.org/images/6/6b/GR05_Abies_bal_silhouette.gif');}
.essence.Acer_nigrum {background-image: url('https://mouvement.arbre-evolution.org/images/2/28/GR08_Acer_nig_silhouette.gif');}
.essence.Acer_pensylvanicum {background-image: url('https://mouvement.arbre-evolution.org/images/3/35/GR08_Acer_pen_silhouette.gif');}
.essence.Acer_rubrum {background-image: url('https://mouvement.arbre-evolution.org/images/7/73/GR08_Acer_rub_silhouette.gif');}
.essence.Acer_saccharinum {background-image: url('https://mouvement.arbre-evolution.org/images/b/be/GR08_Acer_sacchari_silhouette.gif');}
.essence.Acer_saccharum {background-image: url('https://mouvement.arbre-evolution.org/images/d/de/GR08_Acer_saccharum_silhouette.gif');}
.essence.Acer_spicatum {background-image: url('https://mouvement.arbre-evolution.org/images/7/7d/GR08_Acer_spi_silhouette.gif');}
.essence.Amelanchier_alnifolia {background-image: url('https://mouvement.arbre-evolution.org/images/8/80/GR11_Amelanchier_aln_silhouette.gif');}
.essence.Betula_alleghaniensis {background-image: url('https://mouvement.arbre-evolution.org/images/6/67/GR11_Betula_all_silhouette.gif');}
.essence.Betula_papyrifera {background-image: url('https://mouvement.arbre-evolution.org/images/8/86/GR11_Betula_pap_silhouette.gif');}
.essence.Betula_populifolia {background-image: url('https://mouvement.arbre-evolution.org/images/a/a4/GR11_Betula_pop_silhouette.gif');}
.essence.Carpinus_caroliniana {background-image: url('https://mouvement.arbre-evolution.org/images/8/86/GR11_Carpinus_car_silhouette.gif');}
.essence.Carya_cordiformis {background-image: url('https://mouvement.arbre-evolution.org/images/1/16/GR09_Carya_ova_silhouette.gif');}
.essence.Carya_ovata {background-image: url('https://mouvement.arbre-evolution.org/images/2/26/GR09_Carya_cor_silhouette.gif');}
.essence.Castanea_dentata {background-image: url('https://mouvement.arbre-evolution.org/images/8/86/GR11_Castanea_den_silhouette.gif');}
.essence.Celtis_occidentalis {background-image: url('https://mouvement.arbre-evolution.org/images/a/a5/GR11_Celtis_occ_silhouette.gif');}
.essence.Fagus_grandifolia {background-image: url('https://mouvement.arbre-evolution.org/images/0/06/GR11_Fagus_gra_silhouette.gif');}
.essence.Fraxinus_americana {background-image: url('https://mouvement.arbre-evolution.org/images/d/df/GR08_Fraxinus_ame_silhouette.gif');}
.essence.Fraxinus_pennsylvanica {background-image: url('https://mouvement.arbre-evolution.org/images/a/a0/GR08_Fraxinus_penn_silhouette.gif');}
.essence.Gleditsia_triacanthos {background-image: url('https://mouvement.arbre-evolution.org/images/4/44/GR09_Gleditsia_tri_silhouette.gif');}
.essence.Gymnocladus_dioicus {background-image: url('https://mouvement.arbre-evolution.org/images/f/f9/GR09_Gymnocladus_dio_silhouette.gif');}
.essence.Juglans_cinerea {background-image: url('https://mouvement.arbre-evolution.org/images/d/d4/GR09_Juglans_cin_silhouette.gif');}
.essence.Juglans_nigra {background-image: url('https://mouvement.arbre-evolution.org/images/9/9d/GR09_Juglans_nig_silhouette.gif');}
.essence.Juniperus_virginiana {background-image: url('https://mouvement.arbre-evolution.org/images/d/de/GR01_Juniperus_vir_silhouette.gif');}
.essence.Larix_laricina {background-image: url('https://mouvement.arbre-evolution.org/images/d/df/GR04_Larix_lar_silhouette.gif');}
.essence.Ostrya_virginiana {background-image: url('https://mouvement.arbre-evolution.org/images/0/05/GR11_Ostrya_vir_silhouette.gif');}
.essence.Picea_glauca {background-image: url('https://mouvement.arbre-evolution.org/images/0/09/GR05_Picea_gla_silhouette.gif');}
.essence.Picea_mariana {background-image: url('https://mouvement.arbre-evolution.org/images/f/f0/GR05_Picea_mar_silhouette.gif');}
.essence.Picea_rubens {background-image: url('https://mouvement.arbre-evolution.org/images/a/ae/GR05_Picea_rub_silhouette.gif');}
.essence.Pinus_banksiana {background-image: url('https://mouvement.arbre-evolution.org/images/8/80/GR03_Pinus_ban_silhouette.gif');}
.essence.Pinus_resinosa {background-image: url('https://mouvement.arbre-evolution.org/images/4/4e/GR03_Pinus_res_silhouette.gif');}
.essence.Pinus_strobus {background-image: url('https://mouvement.arbre-evolution.org/images/0/09/GR03_Pinus_str_silhouette.gif');}
.essence.Populus_balsamifera {background-image: url('https://mouvement.arbre-evolution.org/images/b/b0/GR11_Populus_bal_silhouette.gif');}
.essence.Populus_grandidentata {background-image: url('https://mouvement.arbre-evolution.org/images/b/b6/GR11_Populus_gra_silhouette.gif');}
.essence.Populus_tremuloides {background-image: url('https://mouvement.arbre-evolution.org/images/b/b0/GR11_Populus_tre_silhouette.gif');}
.essence.Prunus_americana {background-image: url('https://mouvement.arbre-evolution.org/images/a/ae/GR11_Prunus_ame_silhouette.gif');}
.essence.Prunus_nigra {background-image: url('https://mouvement.arbre-evolution.org/images/9/9c/GR11_Prunus_nig_silhouette.gif');}
.essence.Prunus_pensylvanica {background-image: url('https://mouvement.arbre-evolution.org/images/f/ff/GR11_Prunus_pen_silhouette.gif');}
.essence.Prunus_serotina {background-image: url('https://mouvement.arbre-evolution.org/images/9/92/GR11_Prunus_ser_silhouette.gif');}
.essence.Prunus_virginiana {background-image: url('https://mouvement.arbre-evolution.org/images/0/0f/GR11_Prunus_vir_v_vir_silhouette.gif');}
.essence.Quercus_alba {background-image: url('https://mouvement.arbre-evolution.org/images/d/d5/GR10_Quercus_alba_silhouette.gif');}
.essence.Quercus_bicolor {background-image: url('https://mouvement.arbre-evolution.org/images/c/c3/GR10_Quercus_bic_silhouette.gif');}
.essence.Quercus_macrocarpa {background-image: url('https://mouvement.arbre-evolution.org/images/0/08/GR10_Quercus_mac_silhouette.gif');}
.essence.Quercus_rubra {background-image: url('https://mouvement.arbre-evolution.org/images/9/9c/GR10_Quercus_rub_silhouette.gif');}
.essence.Quercus_velutina {background-image: url('https://mouvement.arbre-evolution.org/images/3/35/GR10_Quercus_vel_silhouette.gif');}
.essence.Sorbus_americana {background-image: url('https://mouvement.arbre-evolution.org/images/6/6e/GR09_Sorbus_ame_silhouette.gif');}
.essence.Thuja_occidentalis {background-image: url('https://mouvement.arbre-evolution.org/images/7/76/GR01_Thuja_occ_silhouette.gif');}
.essence.Tilia_americana {background-image: url('https://mouvement.arbre-evolution.org/images/8/8b/GR11_Tilia_ame_silhouette.gif');}
.essence.Tsuga_canadensis {background-image: url('https://mouvement.arbre-evolution.org/images/d/d2/GR05_Tsuga_can_silhouette.gif');}
.essence.Ulmus_americana {background-image: url('https://mouvement.arbre-evolution.org/images/c/c8/GR11_Ulmus_ame_silhouette.gif');}



/** TRUCS DIVERS **/
.trademark::after  {
	content: "TM";
	font-size:33%;
	font-weight:normal;
	vertical-align:text-top;
}
Récupérée de « https://arbre-evolution.org/index.php?title=MediaWiki:Common.css&oldid=3496 »

  info@arbre-evolution.org
  Facebook
  Instagram

Coopérative de solidarité Arbre-Évolution

254-7, avenue de Gaspé Ouest
Saint-Jean-Port-Joli
G0R 3G0

6233, avenue Papineau
Montréal
H2G 2X1

© 2025 Arbre-Evolution.org Tous droits réservés
Graphisme : Martin Lamothe
Infrastructure wiki : Procédurable

« Pour la suite du monde », Pierre Perreault, 1963.