« MediaWiki:Common.css » : différence entre les versions

Navigation interactive dans l’historique

Dernière version du 16 octobre 2025 à 14:01

/* Le CSS placé ici sera appliqué à tous les habillages. */
.citizen-header__logo {
}
/* 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;
}

/* Style pour les blocs de documentation manquante */
.mw-documentation-missing {
    background-color: #f8f9fa !important;
    color: #333 !important;
    border: 1px solid #a2a9b1 !important;
    border-radius: 4px;
    padding: 15px;
    margin: 1em 0;
}

.mw-documentation-missing h2 {
    color: #333;
    border-bottom: 1px solid #a2a9b1;
    padding-bottom: 0.2em;
    margin-top: 0;
}

/* Pour le thème sombre (si utilisé) */
.client-nocturne .mw-documentation-missing {
    background-color: #2c2c2c !important;
    border-color: #444 !important;
    color: #ccc !important;
}

.client-nocturne .mw-documentation-missing h2 {
    color: #aaa;
    border-bottom-color: #444;
}

@@ Ligne 1 : / Ligne 1 : @@
 /* Le CSS placé ici sera appliqué à tous les habillages. */
-/* Main 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;
 }