Difference between revisions of "MediaWiki:Common.css"

From Communauté de la Fabrique des Mobilites
(Acteur en rose (bis))
m (Couleur pour la miette de pain Connaissance)
Line 171: Line 171:
 
.miettes-de-pain.acteur> a, .miettes-de-pain.acteur> a:visited, .miettes-de-pain.acteur> a:link {
 
.miettes-de-pain.acteur> a, .miettes-de-pain.acteur> a:visited, .miettes-de-pain.acteur> a:link {
 
background:#bb31ac;
 
background:#bb31ac;
 +
color: white;
 +
}
 +
.miettes-de-pain.connaissance> a, .miettes-de-pain.connaissance> a:visited, .miettes-de-pain.connaissance> a:link {
 +
background:#38ada9;
 
color: white;
 
color: white;
 
}
 
}

Revision as of 09:17, 7 October 2020

/* Le CSS placé ici sera appliqué à tous les habillages. */
/*Masque {{{Area}}} dans les vignettes des pages utilisateurs */

.area-style { 
display: none;
}

html {
font-family:sans-serif;
-ms-text-size-adjust:100%;
-webkit-text-size-adjust:100%
}

/* On écrase la photo du thème pour la page d'accueil */
#landing.marketing-section-hp {
  background-image: url(https://images.unsplash.com/photo-1533757347678-84aeb7d9f8a9?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=900&q=60);
}

/* La photo étant sombre car le texte blanc, on met un fond blanc aux icônes réseaux sociaux */
.marketing-section-hp li.gallerybox {
  background: white;
  border-radius: 4rem;
}


h1#firstHeading {
color: #1e4a5a;
}
h1#firstHeading::before {
content: url(https://wiki.lafabriquedesmobilites.fr/images/fabmob/5/5f/Puce.png);
vertical-align: middle;
margin-right: .6rem;
}

div#content h2 {
color:#1e4a5a;
}

@media (max-width: 600px) {
  #content {
    padding: 0;
  }
h1#firstHeading {
line-height: initial;
}
  #content .fiche {
    width: 100%;
  }
}

.fiche {
border: 1px solid #e9e9e9;
width: 95%;
border-radius: 5px;
padding: 1.6rem;
box-shadow: 2px 2px 10px #f4f4f4;
}

.fiche #main-picture img {
border-radius: 1rem;
}

.fichitem {
color:#368aa9;
font-weight: bold;
}

.fichitem::before {
content: url(http://wiki.lafabriquedesmobilites.fr/images/fabmob/3/3b/Puce-jaune.png);
margin-right: 0.6rem;
vertical-align: middle;
}
.fiche #short-description {
  font-style: italic
}
.fichitem.link::before {
content: '🌐'
}

/* Pour les pages imprimables */
@media print {
    .firstHeading { margin-top: 0; padding-top: 0; }
    #siteSub { display: none; }
    .printfooter { display: none; }
    #catlinks, .catlinks { display: none; }
    #footer, .FabmobFooter, .footer-main { display: none; }
}

#print-button {
    background-color: #e7e7e7
    border: 1px solid #7b83a7;
    color: #777777;
    padding: 5px 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    border-radius: 8px;
}

.impression {align: right;}

.searchresults .container {
    width: 100% !important;
}

.search-section .container {
    width: 100% !important;
}

/* ConfirmEdit QuestyCaptcha -- on Create Account */
.htmlform-tip + .mw-htmlform-field-HTMLInfoField { color:red; }

input#mw-input-captchaWord {
    background-color: #ff000047;
}
.mw-htmlform-field-HTMLInfoField.mw-ui-vform-field {
    color: red;
}

/* ConfirmEdit QuestyCaptcha -- on Edit page + add a URL */
label[for=wpCaptchaWord] {
    color:green;
    font-weight:bold;
    font-size:150%;
    font-style:italic;
}

.dropdown-menu.dropdown-menu-2cols {
    min-width: 460px;
}


.project-card:hover {
    box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.6);
}

/* Afficher un espace sur le bouton chargement dans l'explorateur */

.load-more-previous {
     margin: 2px auto 40px;
}

/* Style des breadcrumbs introduits par l'extension breadcrumbs2, pour personnaliser les pages Commun et Projet, et autres */
.miettes-de-pain > a {
padding: 0.2rem 0.6rem; 
border-radius: .3rem;
font-weight: bold;
}

.miettes-de-pain.commun > a, .miettes-de-pain.commun > a:visited {
background:#99b836;
color: white; 
}

.miettes-de-pain.projet > a, .miettes-de-pain.projet > a:visited {
background:#ebd75e;
color: black;
}

.miettes-de-pain.communauté> a, .miettes-de-pain.communauté> a:visited {
background:#6fb7dd;
color: white;
}

.miettes-de-pain.défi> a, .miettes-de-pain.défi> a:visited, .miettes-de-pain.défi> a:link {
background:#315abb;
color: white;
}

.miettes-de-pain.acteur> a, .miettes-de-pain.acteur> a:visited, .miettes-de-pain.acteur> a:link {
background:#bb31ac;
color: white;
}
.miettes-de-pain.connaissance> a, .miettes-de-pain.connaissance> a:visited, .miettes-de-pain.connaissance> a:link {
background:#38ada9;
color: white;
}

.badge-contributeur img {
width: 16rem;
height: auto;
}

.fiche-engagement-button {
background: #80deff; 
border-radius: .1rem; 
border: 1px solid black; 
color: black; 
padding: .4rem 1rem;
}