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

Version du 29 avril 2024 à 20:55

/*====================*/
/*     BODY (fond)    */
/*====================*/
body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #D5C58A
}

a, a:visited {
    color: #0645AD; /* Couleur bleue classique des liens */
}

/*====================*/
/*      HEADER        */
/*====================*/
h1 {
    font-size: 200%;
    font-weight: bold;
    font-variant-caps: small-caps;
}

h2 {
    font-size: 160%;
    font-weight: bold;
    font-variant-caps: small-caps;
}

h3 {
    font-size: 140%;
    font-weight: bold;
    font-variant-caps: small-caps;
}

h4 {
    font-size: 120%;
    font-weight: bold;
}

h5 {
    font-size: 110%;
    font-weight: bold;
}

h6 {
    font-size: 105%;
    font-weight: bold;
}


/*====================*/
/*   BARRE LATERALE   */
/*====================*/
#mw-panel {
    position: fixed;
    top: 10%; /* Position à 10% de la hauteur de la fenêtre */
    left: 20px;
    width: 200px; /* Ajustez cette valeur selon vos besoins */
    max-height: calc(90vh - 150px); /* Ajustez cette valeur selon vos besoins */
    overflow-y: auto;
    border: none; /* Supprime le bord */
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* Ajoute une ombre */
}


/*====================*/
/*   SOMMAIRE (TOC)   */
/*====================*/
#toc {
    font-size: 90%;
    border: none; /* Supprime le bord */
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* Ajoute une ombre */
    position: fixed;
    top: 10%; /* Position à 10% de la hauteur de la fenêtre */
    right: -1px;
    max-height: calc(90vh - 150px); /* Ajustez cette valeur selon vos besoins */
    overflow-y: auto;
}

/* Détecte la présence d'un TOC et ajuste la largeur du site - Ca ne marche pas */
body.toc #mw-content-text {
    margin-right: 250px;
}


/*====================*/
/*   Main du site ?   */
/*====================*/
#mw-content-text {
    margin-right: 250px;
    background-color: #E8DAA5;
}

.mw-content-padding {
    padding: 20px;
}


/*====================*/
/*       PUCES        */
/*====================*/

ul {
    content: "♦"; /* Utilise le caractère "♦" comme puce - Ca ne marche pas */
}