Basculer le menu
Changer de menu des préférences
Basculer le menu personnel
Non connecté(e)
Votre adresse IP sera visible au public si vous faites des modifications.

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

Page de l’interface de MediaWiki
Hiob (discussion | contributions)
Aucun résumé des modifications
Balise : Révoqué
Hiob (discussion | contributions)
mAucun résumé des modifications
 
(10 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. */
/* =====================================================
  DÉCLARATIONS DE POLICES GLOBALES
  ===================================================== */


/* Main Logo */
/* Cinzel Decorative - Police décorative pour lettrines */
.citizen-header__logo {
@font-face {
filter: var(--filter-invert);
    font-family: 'Cinzel Decorative';
    src: url('/fonts/CinzelDecorative-Regular.woff2') format('woff2'),
        url('/fonts/CinzelDecorative-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
 
@font-face {
    font-family: 'Cinzel Decorative';
    src: url('/fonts/CinzelDecorative-Bold.woff2') format('woff2'),
        url('/fonts/CinzelDecorative-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
 
@font-face {
    font-family: 'Cinzel Decorative';
    src: url('/fonts/CinzelDecorative-Black.woff2') format('woff2'),
        url('/fonts/CinzelDecorative-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
}


/*
/* Fette Unz Fraktur - Police gothique pour lettrines médiévales */
* ===================================================================
@font-face {
* Sticky Sidebar Footer
    font-family: 'Fette Unz Fraktur';
* Targets the portlet created from the "* External" entry in MediaWiki:Sidebar.
    src: url('/fonts/FetteUNZFraktur.woff2') format('woff2'),
* The ID selector (#p-External) must match the title of the section.
        url('/fonts/FetteUNZFraktur.ttf') format('truetype');
* MediaWiki converts "* Section Title" to id="p-Section_Title".
    font-weight: normal;
* ===================================================================
    font-style: normal;
*/
    font-display: swap;
}


/* Main container for the external links section */
@font-face {
#p-External {
    font-family: 'Fette Unz Fraktur Classic';
     /* --- Core Functionality --- */
     src: url('/fonts/FetteClassicUNZFraktur.woff2') format('woff2'),
    /* This makes the element stick to the bottom of the sidebar */
        url('/fonts/FetteClassicUNZFraktur.ttf') format('truetype');
     position: sticky;
    font-weight: normal;
     bottom: 0;
     font-style: normal;
     font-display: swap;
}


    /* --- Layout & Positioning --- */
.citizen-header__logo {
     /* Pushes the element to the very bottom in a flex container (modern skins) */
}
     margin-top: auto;  
/* Discord masqué et flouté */
     /* Ensures it renders above other elements if needed */
.discord-masked {
     z-index: 100;  
     filter: blur(5px);
     transition: filter 0.3s ease;
     cursor: pointer;
     user-select: none;
    display: inline-block;
}


    /* --- Visual Styling --- */
.discord-masked:hover {
    /* A dark, semi-transparent background. Adjust to match your theme. */
     filter: blur(0px) !important;
    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;
}
}

Dernière version du 12 novembre 2025 à 13:29

/* Le CSS placé ici sera appliqué à tous les habillages. */
/* =====================================================
   DÉCLARATIONS DE POLICES GLOBALES
   ===================================================== */

/* Cinzel Decorative - Police décorative pour lettrines */
@font-face {
    font-family: 'Cinzel Decorative';
    src: url('/fonts/CinzelDecorative-Regular.woff2') format('woff2'),
         url('/fonts/CinzelDecorative-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cinzel Decorative';
    src: url('/fonts/CinzelDecorative-Bold.woff2') format('woff2'),
         url('/fonts/CinzelDecorative-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cinzel Decorative';
    src: url('/fonts/CinzelDecorative-Black.woff2') format('woff2'),
         url('/fonts/CinzelDecorative-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

/* Fette Unz Fraktur - Police gothique pour lettrines médiévales */
@font-face {
    font-family: 'Fette Unz Fraktur';
    src: url('/fonts/FetteUNZFraktur.woff2') format('woff2'),
         url('/fonts/FetteUNZFraktur.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Fette Unz Fraktur Classic';
    src: url('/fonts/FetteClassicUNZFraktur.woff2') format('woff2'),
         url('/fonts/FetteClassicUNZFraktur.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.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;
}
Les témoins (''cookies'') nous aident à fournir nos services. En utilisant nos services, vous acceptez notre utilisation de témoins.