bricoler:prive:blog:code-css-depart-propre [Aquareller en retraite]

Cette page est en lecture seule. Vous pouvez afficher le texte source, mais ne pourrez pas le modifier. Contactez votre administrateur si vous pensez qu'il s'agit d'une erreur.
<code>
/*
Theme Name:     Twenty Twenty-Five Child
Template:       twentytwentyfive
Description:    Thème enfant de Twenty Twenty-Five
Author:         Daniel
Version:        1.0
*/

/* ===========================
   Résultats du shortcode
   =========================== */

.journal-resultats {
    margin-top: 1.5rem;
}

.journal-resultat-titre {
    font-size: 1.4rem;
    font-weight: 700;
    margin: 1.2rem 0 0.5rem;
}

.journal-resultat-titre a {
    text-decoration: none;
    color: inherit;
    display: inline-block;
    padding: 0.4rem 0.7rem;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.journal-resultat-titre a:hover {
    border-color: #888;
}

.journal-resultat-extrait {
    font-size: 0.9rem;
    line-height: 1.4;
    margin-bottom: 0.8rem;
}

.journal-filtre-applique {
    font-style: italic;
    margin-bottom: 0.8rem;
}

/* ===========================
   Boutons Rechercher + Vider
   =========================== */

/* Le <p> qui contient les boutons dans le formulaire du shortcode */
.journal-arbre-form p:last-of-type {
    display: flex;
    gap: 8px;
    align-items: center;
}

/* Style des boutons du formulaire filtrable */
.journal-arbre-form input[type="submit"],
.journal-arbre-form .journal-clear-btn {
    padding: 6px 14px;
    font-size: 0.9em;
    border: 1px solid #ccc;
    background: #f5f5f5;
    border-radius: 4px;
    cursor: pointer;
    line-height: 1.2;
    box-sizing: border-box;
    transition: background 0.2s;
}

.journal-arbre-form input[type="submit"]:hover,
.journal-arbre-form .journal-clear-btn:hover {
    background: #e5e5e5;
}

/* ===========================
   Arbres de taxonomies en 2 colonnes
   =========================== */

/* Conteneur qui regroupe les deux arbres (Sujets / Fiche, Category / Sources, etc.) */
.journal-arbres-container {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr)); /* 2 colonnes */
    gap: 1.5rem; /* espace entre les blocs */
    margin: 0 0 1rem 0;
    align-items: flex-start;
}

/* Chaque bloc "arbre" (titre + ul) */
.journal-arbre-colonne h3 {
    margin-top: 0;
    margin-bottom: 0.5rem;
}

/* Sur mobile : repasser à une colonne */
@media (max-width: 768px) {
    .journal-arbres-container {
        grid-template-columns: 1fr;
    }
}
</code>