|
|
| Ligne 1 : |
Ligne 1 : |
| /* 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 */
| |
| }
| |
