« MediaWiki:Common.css » : différence entre les versions
Page de l’interface de MediaWiki
Autres actions
Aucun résumé des modifications Balise : Révocation manuelle |
Aucun résumé des modifications Balise : Révoqué |
||
| Ligne 4 : | Ligne 4 : | ||
.citizen-header__logo { | .citizen-header__logo { | ||
filter: var(--filter-invert); | 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 */ | |||
} | } | ||