MediaWiki:Common.css

De Wiki maraîcher
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.
/* Le CSS placé ici sera appliqué à tous les habillages. */
/** POLICES POUR NOUVELLE MAQUETTE **/
@import url("https://wikimaraicher.ca/themes/wikimaraicher_v1/polices/polices.css");

/** HACK pour le Visual Editor - À conserver **/
img { height: auto; max-width: 100%; } 

a[title="SMW::off"],
a[title="SMW::on"] {
  display:none !important;
}

.client-js div.mw-collapsed:not(.mw-made-collapsible)::before,
.client-js div.mw-collapsible:not(.mw-made-collapsible)::before
{
  display:none !important;
}

div.ve-ce-branchNode {
  border:0;
}

/** COMMENT STREAMS Bouton Commentaire **/
.cs-header .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
  background-color: #368137;
  color: white;
  border: 2px solid #368137;
  border-radius: 8px;
  }
.cs-header .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
  background-color: #f8f9fa;
  color: #368137;
  border: 2px solid #368137;
  border-radius: 8px;
  }
.cs-header .oo-ui-icon-speechBubbleAdd, 
.cs-header .mw-ui-icon-speechBubbleAdd::before {
  background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Eadd speech bubble%3C/title%3E%3Cg fill=%22%23fff%22%3E%3Cpath d=%22M3 1a2 2 0 00-2 2v16l4-4h12a2 2 0 002-2V3a2 2 0 00-2-2zm12 8h-4v4H9V9H5V7h4V3h2v4h4z%22/%3E%3C/g%3E%3C/svg%3E");
}
.cs-header .oo-ui-icon-speechBubbleAdd:hover, 
.cs-header .mw-ui-icon-speechBubbleAdd::before:hover {
  background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Eadd speech bubble%3C/title%3E%3Cpath d=%22M3 1a2 2 0 00-2 2v16l4-4h12a2 2 0 002-2V3a2 2 0 00-2-2zm12 8h-4v4H9V9H5V7h4V3h2v4h4z%22/%3E%3C/svg%3E");
}

.cs-header .oo-ui-buttonElement > .oo-ui-buttonElement-button,
.cs-header .mw-editform .editHelp a {
  font-weight:600;
}

/** CODE GEOFFROY pour les commentaires **/
.cs-comments-topheader { /* ! Classe créée dans la page Affichage pour tester l'apparence */
  background-color: rgba(54,129,55,0.1);
  padding-left: 1rem;
  margin-top: 4rem;
}
.cs-stream {
  margin: 0.5rem 0;
  border-bottom: 1px solid rgba(0,0,0,0.1);
  padding-bottom: 1rem;
}
.cs-expanded .cs-comment-header {
  background: none; 
  border-top: none;
}
.cs-comment-title {
  background-color: none;
  font-weight: 600;
  color: #444;
  padding-top: 0.5rem;
}
.cs-comment-author a {
  font-weight: 600; /*mettre 300 si on ne peut pas cacher l'étiquette "Utilisateur·trice:" */
  color:black;
}
.cs-comment-body {
  background-color: rgba(236,233,231,1);
  border-radius: 1rem;
  padding: 0.3rem 1rem;
  width: auto;
}
.cs-reply-comment { 
  margin-top: 0;
  padding-left: 2rem;
  border-left: 4px dotted rgba(236,233,231,1);
  margin-left: 2rem;
}

/** CS- entête **/
.cs-header:before {
  content: "Commentaires";
  font-family:Averia;
  font-weight:300;
  font-size:2rem;
  text-transform:uppercase;
  display:block;
  background-color: rgba(54,129,55,0.1);
  padding-left: 1rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
  border-bottom: 1px solid #a2a9b1;
}
.cs-header + span.oo-ui-buttonElement {
  display:inline-block;
  float: right;
  margin-top: -3.8rem;
}

/****** FILIGRANES *******/

body.Filigrane_Asperges {
  background-image: url("https://wikimaraicher.ca/images/a/a7/Filigrane_Asperges3.png") ;
  background-repeat: no-repeat;
  background-position: right 360px;
  background-size: auto 800px;
  background-origin: content-box;
}

body.Filigrane_Ail{
  background-image: url("https://wikimaraicher.ca/images/5/58/Filligrane_Ail.png") ;
  background-repeat: no-repeat;
  background-position: right 360px;
  background-origin: content-box;
}

body.Filigrane_Oignons {
  background-image: url("https://wikimaraicher.ca/images/4/4e/Filigrane_Oignons.png") ;
  background-repeat: no-repeat;
  background-position: right 360px;
  background-origin: content-box;
}

body.Filigrane_Poivron {
  background-image: url("https://wikimaraicher.ca/images/9/9c/Filigrane_Poivron.png") ;
  background-repeat: no-repeat;
  background-position: right 360px;
  background-origin: content-box;
}

body.Filigrane_Tomate {
  background-image: url("https://wikimaraicher.ca/images/5/5a/Filigrane_Tomate.png") ;
  background-repeat: no-repeat;
  background-position: right 360px;
  background-origin: content-box;
}

body.Filigrane_Concombre {
  background-image: url("https://wikimaraicher.ca/images/6/60/Filigrane_Concombre.png") ;
  background-repeat: no-repeat;
  background-position: right 360px;
  background-origin: content-box;
}

body.Filigrane_Brocoli {
  background-image: url("https://wikimaraicher.ca/images/6/6b/Filigrane_Brocoli.png") ;
  background-repeat: no-repeat;
  background-position: right 360px;
  background-origin: content-box;
}

body.Filigrane_Poisverts {
  background-image: url("https://wikimaraicher.ca/images/e/e0/Filigrane_Poisverts.png") ;
  background-repeat: no-repeat;
  background-position: right 360px;
  background-origin: content-box;
}

body.Filigrane_Poireaux {
  background-image: url("https://wikimaraicher.ca/images/1/17/Filigrane_Poireaux.png") ;
  background-repeat: no-repeat;
  background-position: right 360px;
  background-origin: content-box;
}

body.Filigrane_Céleri {
  background-image: url("https://wikimaraicher.ca/images/7/71/Filigrane_C%C3%A9leri.png") ;
  background-repeat: no-repeat;
  background-position: right 360px;
  background-origin: content-box;
}

body.Filigrane_Carottes {
  background-image: url("https://wikimaraicher.ca/images/d/d9/Filigrane_Carottes.png") ;
  background-repeat: no-repeat;
  background-position: right 360px;
  background-origin: content-box;
}

body.Filigrane_Aubergine {
  background-image: url("https://wikimaraicher.ca/images/c/c9/Filigrane_Aubergine.png") ;
  background-repeat: no-repeat;
  background-position: right 360px;
  background-origin: content-box;
}

body.Filigrane_Autoconstruction {
  background-image: url("https://wikimaraicher.ca/images/1/13/Filigrane_Autoconstruction.png") ;
  background-repeat: no-repeat;
  background-position: right 360px;
  background-origin: content-box;
}

/****** BANDEAUX DES PAGES *******/

.bandeauPage {
  background-size: cover;
}

body.Accueil .bandeauPage,
.page-Spécial_Demander_un_compte .bandeauPage {
  background-image: url("https://wikimaraicher.ca/images/d/d5/Bandeau_Betteraves_Bacs_Personnes.jpg");
  background-position:center;
}

.Aide .bandeauPage {
  background-image: url("https://wikimaraicher.ca/images/d/d5/Bandeau_Betteraves_Bacs_Personnes.jpg");
  background-position:center;
}

.PortailProduction .bandeauPage {
  background-image: url("https://wikimaraicher.ca/images/d/d5/Bandeau_Betteraves_Bacs_Personnes.jpg");
  background-position:center;
}

.PortailAutoconstruction .bandeauPage {
  background-image: url("https://wikimaraicher.ca/images/e/ef/OutilsAutoconstruction.png");
  background-position:center;
}

.PortailGestion .bandeauPage {
  background-image: url("https://wikimaraicher.ca/images/d/d5/Bandeau_Betteraves_Bacs_Personnes.jpg");
  background-position:center;
}

.PortailCommunauté .bandeauPage {
  background-image: url("https://wikimaraicher.ca/images/d/d5/Bandeau_Betteraves_Bacs_Personnes.jpg");
  background-position:center;
}

.ModuleOpérationsPlanification .bandeauPage {
  background-image: url("https://wikimaraicher.ca/images/d/d5/Bandeau_Betteraves_Bacs_Personnes.jpg");
  background-position:center;
}

.ModuleOpérationsPropagation .bandeauPage {
  background-image: url("https://wikimaraicher.ca/images/d/d5/Bandeau_Betteraves_Bacs_Personnes.jpg");
  background-position:center;
}

.ModuleOpérationsSol .bandeauPage {
  background-image: url("https://wikimaraicher.ca/images/d/d5/Bandeau_Betteraves_Bacs_Personnes.jpg");
  background-position:center;
}

.ModuleOpérationsClimat .bandeauPage {
  background-image: url("https://wikimaraicher.ca/images/d/d5/Bandeau_Betteraves_Bacs_Personnes.jpg");
  background-position:center;
}

.ModuleOpérationsOrganismesnuisibles .bandeauPage {
  background-image: url("https://wikimaraicher.ca/images/d/d5/Bandeau_Betteraves_Bacs_Personnes.jpg");
  background-position:center;
}

.ModuleOpérationsRécoltepostrécolte .bandeauPage {
  background-image: url("https://wikimaraicher.ca/images/d/d5/Bandeau_Betteraves_Bacs_Personnes.jpg");
  background-position:center;
}

.ModuleGestionDémarrage .bandeauPage {
  background-image: url("https://wikimaraicher.ca/images/d/d5/Bandeau_Betteraves_Bacs_Personnes.jpg");
  background-position:center;
}

.ModuleGestionÉquipe .bandeauPage {
  background-image: url("https://wikimaraicher.ca/images/d/d5/Bandeau_Betteraves_Bacs_Personnes.jpg");
  background-position:center;
}

.ModuleGestionFinancement .bandeauPage {
  background-image: url("https://wikimaraicher.ca/images/d/d5/Bandeau_Betteraves_Bacs_Personnes.jpg");
  background-position:center;
}

.ModuleGestionMiseenmarché .bandeauPage {
  background-image: url("https://wikimaraicher.ca/images/d/d5/Bandeau_Betteraves_Bacs_Personnes.jpg");
  background-position:center;
}

.ModuleGestionRevenusetbudgets .bandeauPage {
  background-image: url("https://wikimaraicher.ca/images/d/d5/Bandeau_Betteraves_Bacs_Personnes.jpg");
  background-position:center;
}

.PageProduction .bandeauPage {
  background-image: url("https://wikimaraicher.ca/images/d/d5/Bandeau_Betteraves_Bacs_Personnes.jpg");
  background-position:center;
}

.PageCommunauté .bandeauPage {
  background-image: url("https://wikimaraicher.ca/images/d/d5/Bandeau_Betteraves_Bacs_Personnes.jpg");
  background-position:center;
}

.PageUtilisateur .bandeauPage {
  background-image: url("https://wikimaraicher.ca/images/d/d5/Bandeau_Betteraves_Bacs_Personnes.jpg");
  background-position:center;
}

Une réalisation de

Centre d'expertise et de transfert en agriculture biologique et de proximité
Coopérative pour l'agriculture de proximité écologique
L'Odyssée bio de Gigi
Procédurable