MediaWiki:Common.css: Difference between revisions

Latest revision as of 09:18, 25 September 2026

/* CSS placed here will be applied to all skins */

.mw-prefixindex-list {
    column-count: 1 !important;
    columns: auto !important;
}

/* Sommaire flottant à droite du contenu */
#toc, .toc {
    float: right;
    clear: right;
    margin: 0 0 1em 1.5em;
    max-width: 320px;
}
@media (max-width: 900px) {
    #toc, .toc {
        float: none;
        position: static;
        max-width: none;
        margin: 0 0 1em 0;
    }
}

/* Masquer les onglets Page / Discussion */
#p-associated-pages {
    display: none;
}

/* Masquer l'étoile de suivi */
#ca-watch,
#ca-unwatch {
    display: none;
}

#p-Admin { display: none; }


/* Cadre Arborescence */
#p-arborescence ul ul {
    margin-left: 1em;
}
#p-arborescence .arbo-courant > a {
    font-weight: bold;
    color: inherit;
}


/* ===== Visiteurs non connectés ===== */
/* Colonne de droite (More) */
.user-anon #ca-viewsource         { display: none; }  /* View source */
.user-anon #ca-history            { display: none; }  /* History */
.user-anon #t-whatlinkshere       { display: none; }  /* What links here */
.user-anon #t-recentchangeslinked { display: none; }  /* Related changes */
/* .user-anon #t-print            { display: none; } */ /* Printable version : visible */
.user-anon #t-permalink           { display: none; }  /* Permanent link */
.user-anon #t-info                { display: none; }  /* Page information */
.user-anon #t-pagelog { display: none; }  /* Page logs */

/* Colonne de gauche (Wiki tools) */
.user-anon #p-tb { display: none; }  /* Cadre Wiki tools */

/* Menu de droite (Interne) */
.user-anon #p-Interne { display: none; }


/* Citations Markdown affichées comme des bandeaux */
.mw-parser-output blockquote {
    background: #fef6e7;
    border-left: 4px solid #fc3;
    border-radius: 4px;
    padding: 0.75em 1em;
    margin: 1em 0;
}
.mw-parser-output blockquote p {
    margin: 0;
}

/* Couleurs des bandeaux */
.mw-parser-output blockquote.bandeau-info {
    background: #eaf3ff;
    border-left-color: #36c;
}
.mw-parser-output blockquote.bandeau-warning {
    background: #fef6e7;
    border-left-color: #fc3;
}
.mw-parser-output blockquote.bandeau-tip {
    background: #eaf6ea;
    border-left-color: #14866d;
}
.mw-parser-output blockquote.bandeau-danger {
    background: #fee7e6;
    border-left-color: #d33;
}

/* Bouton Copier sur les blocs de code */
.code-copie {
    position: relative;
}
.code-copie-bouton {
    position: absolute;
    top: 0.4em;
    right: 0.4em;
    font-size: 0.8em;
    padding: 0.2em 0.6em;
    cursor: pointer;
    opacity: 0.6;
}
.code-copie:hover .code-copie-bouton {
    opacity: 1;
}

/* Liste des sous-pages avec puces, sur 1 colonne */
.liste-puces ul {
    list-style: disc outside;
    column-count: 1;
    column-width: auto;
    margin: 0.3em 0 0 1.6em;
    padding: 0;
}
.liste-puces li {
    list-style: disc outside;
    margin-bottom: 0.1em;
}

/* Boutons d'édition dans un panneau flottant à droite */
.action-edit .editButtons,
.action-submit .editButtons {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 100;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 6px;
    background: #fff;
    padding: 10px;
    border: 1px solid #c8ccd1;
    border-radius: 6px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}
.action-edit .editButtons > *,
.action-submit .editButtons > * {
    margin: 0 !important;
}
.action-edit #mw-editform-cancel,
.action-submit #mw-editform-cancel {
    text-align: center;
}

/* Bandeaux : citations Markdown (blockquote) et blocs wikitext (.bandeau) */
.mw-parser-output blockquote,
.mw-parser-output .bandeau {
    background: #fef6e7;
    border-left: 4px solid #fc3;
    border-radius: 4px;
    padding: 0.75em 1em;
    margin: 1em 0;
}
.mw-parser-output blockquote p,
.mw-parser-output .bandeau p {
    margin: 0;
}

/* Couleurs des bandeaux */
.mw-parser-output .bandeau-info {
    background: #eaf3ff;
    border-left-color: #36c;
}
.mw-parser-output .bandeau-warning {
    background: #fef6e7;
    border-left-color: #fc3;
}
.mw-parser-output .bandeau-tip {
    background: #eaf6ea;
    border-left-color: #14866d;
}
.mw-parser-output .bandeau-danger {
    background: #fee7e6;
    border-left-color: #d33;
}

/* Libellé automatique des bandeaux wikitext (modèle Bandeau) */
div.bandeau::before {
    font-weight: bold;
    margin-right: 0.3em;
}
div.bandeau-info::before    { content: "ℹ️ Info :"; }
div.bandeau-warning::before { content: "⚠️ Attention :"; }
div.bandeau-tip::before     { content: "✅ Astuce :"; }
div.bandeau-danger::before  { content: "⛔ Important :"; }