MediaWiki:Common.css

De Wiki maraîcher
Version datée du 2022-11-23T23:38:59 par Geoffroy Ménard (discussion | contributions) (Enlevé le nowrap du bandeau page d'accueil)
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;
}

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




/* Code de Geoffroy pour tenter de régler les correctifs demandés */

/*gallerie de tout croche */
.mw-gallery-traditional .gallerybox .thumb div {
  margin: 0 !important;
  width: 150px;
}
.mw-gallery-traditional .gallerybox .thumb {
  clip-path: none !important;
}
.mw-gallery-traditional .gallerybox .thumb img {
  width: 150px;
}

/* bordure 2px au bouton  */
span.btn.border-success a, .p-search span.border-success.searchGoButton a, .p-search span.border-success.mw-searchButton a, .mw-special-Search span.border-success#mw-search-toggleall a, .mw-special-Search span.border-success#mw-search-togglenone a, .mw-special-Search span.border-success#smw-togglensview a {

    border: 2px #368137 solid;
}
/* Enlever le scrollbar horizontal */
.basdepage  .row {
  margin: 0 ;
}

/*trop d'espace pour rien dans le bas du bloc */  
#bodyContent {
  padding-bottom: 0; 
}
.Pagedeguide .blockquote-footer {
  margin-bottom: 0;  
}

/* 3e menu burger */
.bandeauPage .navbar-toggler {
  display: none;
}

/*Pager trop proche du texte */
.pages-prec-suiv {
  margin-top: 1rem;
}

/* flèche qui était sur sa propre ligne dans les références */
.mw-cite-backlink {
  float: left;
  margin-right: 4px;
}

/* égaliser l'espacement en haut et en bas; parait mieux quand suivi/précédé de listes, notamment */ 
p {
  margin-top: 0.5rem; 
  margin-bottom: 0.5rem;  
} 
.mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul {
  margin: 0.5em 0 0.5em 1.6em;  
} 

/* Interligne simple à l'intérieur des tableaux */ 
#content td p {
  margin: 0; 
}  
.mw-body h2:first-of-type {   
  margin-top: 0;  
}
.mw-body h2 { 
  margin-top: 2.5rem; 
} 
.mw-body h3 {    
  margin-top: 2rem;
}  
.mw-body h4 {  
  margin-top: 1.5rem; 
} 
.srf-datatables .zebra-striped tbody tr:nth-child(odd) td, .srf-datatables .zebra-striped tbody tr:nth-child(odd) th {
   background-color: #f9f9f9; 
}
.table-striped tbody tr:nth-of-type(odd) {   
   background-color: rgba(0,0,0,0.03);  
} 

/* LETTRINE */
.guide-contenu p.lead:first-letter { 
  font-weight: 600; 
  color: #368137; 
 }
/* Bouton du wysiwyg */
.ve-ui-toolbar-saveButton, .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary > .oo-ui-tool-link {
    font-weight: 600;
}

/* SECTION COMMENTAIRES */
.cs-comments {
  font-family: Outfit;
  box-shadow: none !important;
  webkit-box-shadow: none;
  /* Pour le faire afficher au bon endroit dans la page Affichage : */
  max-width: 1046px;
  position: static;
 /* margin-top: -11rem;*/
}
/* .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: 300; /*mettre 300 si on ne peut pas cacher l'étiquette "Utilisateur·trice:" */
}
.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-body-edit-field, .cs-title-edit-field {
  border: 1px solid #28823f77;
  font-family: inherit;
}
.cs-title-edit-field {
  font-weight: 600;
}
.cs-edit-box {
  background-color: rgba(54,129,55,0.1);
}
Récupérée de « https://wikimaraicher.ca/index.php?title=MediaWiki:Common.css&oldid=17163 »

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