|
|
| (7 versions intermédiaires par le même utilisateur non affichées) |
| Ligne 1 : |
Ligne 1 : |
| /* Le CSS placé ici sera appliqué à tous les habillages. */ | | /* Le CSS placé ici sera appliqué à tous les habillages. */ |
|
| |
| /* Main Logo */
| |
| .citizen-header__logo { | | .citizen-header__logo { |
| filter: var(--filter-invert);
| | } |
| | /* Discord masqué et flouté */ |
| | .discord-masked { |
| | filter: blur(5px); |
| | transition: filter 0.3s ease; |
| | cursor: pointer; |
| | user-select: none; |
| | display: inline-block; |
| } | | } |
|
| |
|
| /*
| | .discord-masked:hover { |
| * ===================================================================
| | filter: blur(0px) !important; |
| * 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") */ | | /* Style pour les blocs de documentation manquante */ |
| #p-External .mw-portlet-heading {
| | .mw-documentation-missing { |
| display: none; | | background-color: #f8f9fa !important; |
| | color: #333 !important; |
| | border: 1px solid #a2a9b1 !important; |
| | border-radius: 4px; |
| | padding: 15px; |
| | margin: 1em 0; |
| } | | } |
|
| |
|
| /* Style the list of links to be horizontal and centered */
| | .mw-documentation-missing h2 { |
| #p-External .mw-body ul,
| | color: #333; |
| #p-External div > ul { /* Select the list inside the portlet body */
| | border-bottom: 1px solid #a2a9b1; |
| display: flex; | | padding-bottom: 0.2em; |
| flex-direction: row; /* Arrange items horizontally */ | | margin-top: 0; |
| 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 */ | | /* Pour le thème sombre (si utilisé) */ |
| #p-External .mw-body ul li a {
| | .client-nocturne .mw-documentation-missing { |
| /* Optional: style the links themselves */ | | background-color: #2c2c2c !important; |
| opacity: 0.8; | | border-color: #444 !important; |
| transition: opacity 0.2s ease-in-out; | | color: #ccc !important; |
| } | | } |
|
| |
|
| #p-External .mw-body ul li a:hover {
| | .client-nocturne .mw-documentation-missing h2 { |
| opacity: 1; | | color: #aaa; |
| text-decoration: none; /* Remove underline on hover if desired */ | | border-bottom-color: #444; |
| } | | } |
