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

Version du 9 novembre 2024 à 13:01

/* ---- Couleurs et polices globales ---- */

/* Couleur de fond générale */
body {
    background-color: #F5F5F5; /* Ajuste avec la couleur de fond de TC-Dossiers.fr */
    font-family: "Roboto", Arial, sans-serif; /* Change avec la police principale de TC-Dossiers.fr */
}

/* ---- Conteneurs et contenu principal ---- */

/* Conteneur principal de l'article */
#content {
    background-color: #FFFFFF; /* Couleur du conteneur principal */
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); /* Ombre douce */
    padding: 20px;
    border-radius: 8px;
    font-family: "Roboto", Arial, sans-serif; /* Police principale du contenu */
    color: #333333; /* Couleur de texte principale */
}

/* ---- Couleur et style des titres ---- */

h1 {
    color: #0056b3; /* Couleur spécifique pour le titre de niveau 1 */
    font-family: "Montserrat", Arial, sans-serif; /* Police spécifique des titres sur TC-Dossiers.fr */
    font-weight: 700; /* Poids du texte pour un effet gras */
}

h2 {
    color: #007ACC; /* Couleur pour les sous-titres de niveau 2 */
    font-family: "Montserrat", Arial, sans-serif;
    font-weight: 600;
}

h3, h4, h5, h6 {
    color: #3399FF; /* Couleur des sous-titres de niveau inférieur */
    font-family: "Montserrat", Arial, sans-serif;
    font-weight: 500;
}

/* ---- Style des panneaux latéraux ---- */

#mw-panel, #p-personal, #p-logo {
    background-color: #E9E9E9;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    padding: 10px;
    font-family: "Roboto", Arial, sans-serif; /* Police principale pour le panneau latéral */
    color: #333333;
}

/* ---- Barre de recherche ---- */

#p-search {
    background-color: #FFFFFF;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    font-family: "Roboto", Arial, sans-serif;
}

/* ---- Style des liens ---- */

.vector-menu-content a, #content a {
    color: #0056b3; /* Couleur de base des liens */
    text-decoration: none;
    font-family: "Roboto", Arial, sans-serif;
}

.vector-menu-content a:hover, #content a:hover {
    color: #003366; /* Couleur au survol des liens */
    text-decoration: underline;
}

/* ---- Pied de page ---- */

#footer {
    background-color: #E9E9E9;
    color: #666666;
    padding: 15px;
    text-align: center;
    border-top: 1px solid #CCCCCC;
    box-shadow: 0px -2px 5px rgba(0, 0, 0, 0.1);
    font-family: "Roboto", Arial, sans-serif;
}

/* ---- Boutons et formulaires ---- */

button, input[type="submit"], input[type="button"] {
    background-color: #0056b3; /* Couleur des boutons */
    color: #FFFFFF;
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    font-family: "Roboto", Arial, sans-serif;
    font-weight: bold;
}

button:hover, input[type="submit"]:hover, input[type="button"]:hover {
    background-color: #003366; /* Couleur au survol des boutons */
}