MediaWiki:Common.css

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).
 Edge : maintenez la touche Ctrl en cliquant sur le bouton Actualiser ou pressez Ctrl + F5.

/* Le CSS placé ici sera appliqué à tous les habillages. */

/* Main Logo */
.citizen-header__logo {
	filter: var(--filter-invert);
}

/*
 * ===================================================================
 * Sticky Sidebar Footer
 * Targets the portlet created from the "* External" entry in MediaWiki:Sidebar.
 * The ID selector (#p-External) must match the title of the section.
 * MediaWiki converts "* Section Title" to id="p-Section_Title".
 * ===================================================================
 */

/* Main container for the external links section */
#p-External {
    /* --- Core Functionality --- */
    /* This makes the element stick to the bottom of the sidebar */
    position: sticky;
    bottom: 0;

    /* --- Layout & Positioning --- */
    /* Pushes the element to the very bottom in a flex container (modern skins) */
    margin-top: auto; 
    /* Ensures it renders above other elements if needed */
    z-index: 100; 

    /* --- Visual Styling --- */
    /* A dark, semi-transparent background. Adjust to match your theme. */
    background-color: rgba(20, 25, 35, 0.75); 
    /* This creates the "frosted glass" effect. Not supported by all browsers. */
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px); /* For Safari compatibility */
    /* A subtle line to separate it from the content above */
    border-top: 1px solid rgba(128, 128, 128, 0.2);
    /* Remove default padding from the portlet body */
    padding: 0; 
}

/* Hide the title of the section (the word "External") */
#p-External .mw-portlet-heading {
    display: none;
}

/* Style the list of links to be horizontal and centered */
#p-External .mw-body ul,
#p-External div > ul { /* Select the list inside the portlet body */
    display: flex;
    flex-direction: row; /* Arrange items horizontally */
    flex-wrap: wrap; /* Allow items to wrap on smaller screens */
    justify-content: center; /* Center the links horizontally */
    align-items: center; /* Center them vertically */
    list-style: none; /* Remove bullet points */
    padding: 12px 16px; /* Add some internal spacing */
    margin: 0;
    gap: 20px; /* Defines the space between each link */
}

/* Styling for individual links */
#p-External .mw-body ul li a {
    /* Optional: style the links themselves */
    opacity: 0.8;
    transition: opacity 0.2s ease-in-out;
}

#p-External .mw-body ul li a:hover {
    opacity: 1;
    text-decoration: none; /* Remove underline on hover if desired */
}