Support

Index Forums Général | General Support

Affichage de 1 message (sur 1 au total)
  • Auteur
    Messages
  • #129
    Anonyme
    Inactif
Affichage de 1 message (sur 1 au total)
  • Vous devez être connecté pour répondre à ce sujet.
/* ========================================================= Habillage bbPress - charte Genitem (navy/bleu) A coller dans : Divi > Options du theme > General > CSS Personnalise ========================================================= */ #bbpress-forums { --navy: #1a2c56; --blue: #2f5aa8; --border: #cfd6e4; --text: #23262f; --text-muted: #5a5f6d; --bg-alt: #f6f7fb; font-family: -apple-system, "Segoe UI", Arial, sans-serif; color: var(--text); background: #fff; border: 1px solid var(--border); border-radius: 10px; overflow: hidden; margin-bottom: 24px; } #bbpress-forums * { box-sizing: border-box; } /* --- Fil d'Ariane et recherche --- */ #bbpress-forums .bbp-breadcrumb { display: block; padding: 14px 20px; font-size: 13px; color: var(--text-muted); border-bottom: 1px solid var(--border); } #bbpress-forums .bbp-breadcrumb a { color: var(--blue); text-decoration: none; } #bbpress-forums .bbp-breadcrumb a:hover { text-decoration: underline; } #bbpress-forums #bbp-search-form { margin: 16px 20px; } #bbpress-forums #bbp_search { border: 1px solid var(--border); border-radius: 6px; padding: 7px 10px; font-size: 13px; } #bbpress-forums #bbp_search_submit { border: none; background: var(--navy); color: #fff; font-size: 13px; font-weight: 600; padding: 7px 14px; border-radius: 6px; cursor: pointer; margin-left: 6px; } #bbpress-forums #bbp_search_submit:hover { background: var(--blue); } /* --- Listes (forums, sujets, reponses) --- */ #bbpress-forums.bbpress-wrapper ul { background: none; list-style: none; margin: 0; padding: 0; } #bbpress-forums li.bbp-header, #bbpress-forums li.bbp-footer { background: var(--bg-alt); color: var(--navy); font-weight: 700; font-size: 12.5px; text-transform: uppercase; letter-spacing: 0.02em; padding: 10px 20px; overflow: hidden; } #bbpress-forums li.bbp-footer { font-weight: 400; text-transform: none; font-size: 12px; color: var(--text-muted); } #bbpress-forums li.bbp-body ul.forum, #bbpress-forums li.bbp-body ul.topic { border-top: 1px solid var(--border); overflow: hidden; padding: 14px 20px; } #bbpress-forums div.even, #bbpress-forums ul.even { background-color: #fff; } #bbpress-forums div.odd, #bbpress-forums ul.odd { background-color: var(--bg-alt); } li.bbp-forum-info, li.bbp-topic-title { float: left; text-align: left; width: 55%; } li.bbp-forum-topic-count, li.bbp-topic-voice-count, li.bbp-forum-reply-count, li.bbp-topic-reply-count { float: left; text-align: center; width: 10%; color: var(--text-muted); font-size: 13px; } li.bbp-forum-freshness, li.bbp-topic-freshness { text-align: center; float: left; width: 22%; font-size: 12.5px; color: var(--text-muted); } #bbpress-forums li.bbp-topic-freshness a, #bbpress-forums li.bbp-forum-freshness a { color: var(--blue); text-decoration: none; } #bbpress-forums div.bbp-forum-title h3, #bbpress-forums div.bbp-topic-title h3, #bbpress-forums div.bbp-reply-title h3 { background: none; border: none; font-size: 15px; font-weight: 700; margin: 0; } #bbpress-forums div.bbp-forum-title h3 a, #bbpress-forums div.bbp-topic-title h3 a { color: var(--navy); text-decoration: none; } #bbpress-forums div.bbp-forum-title h3 a:hover, #bbpress-forums div.bbp-topic-title h3 a:hover { color: var(--blue); } /* --- Pagination --- */ #bbpress-forums .bbp-pagination { padding: 12px 20px; font-size: 13px; } #bbpress-forums .bbp-pagination-links a, #bbpress-forums .bbp-pagination-links span.current { display: inline-block; padding: 5px 10px; border: 1px solid var(--border); border-radius: 6px; margin-right: 4px; color: var(--navy); text-decoration: none; font-size: 12.5px; } #bbpress-forums .bbp-pagination-links span.current { background: var(--navy); color: #fff; border-color: var(--navy); } #bbpress-forums .bbp-pagination-links a:hover { background: #eef3fb; } /* --- Un sujet : en-tete auteur + contenu --- */ #bbpress-forums li.bbp-header .bbp-topic-author, #bbpress-forums li.bbp-footer .bbp-topic-author, #bbpress-forums li.bbp-header .bbp-reply-author, #bbpress-forums li.bbp-footer .bbp-reply-author { float: left; width: 120px; text-align: center; } #bbpress-forums div.bbp-topic-author img.avatar, #bbpress-forums div.bbp-reply-author img.avatar { border-radius: 50%; display: block; margin: 0 auto 6px; } #bbpress-forums div.bbp-topic-author, #bbpress-forums div.bbp-reply-author { width: 140px; float: left; text-align: center; font-size: 12.5px; color: var(--navy); font-weight: 600; } #bbpress-forums div.bbp-topic-content, #bbpress-forums div.bbp-reply-content { margin-left: 140px; padding: 12px 20px 12px 0; text-align: left; font-size: 14px; line-height: 1.6; } #bbpress-forums div.bbp-topic-content code, #bbpress-forums div.bbp-reply-content code, #bbpress-forums div.bbp-topic-content pre, #bbpress-forums div.bbp-reply-content pre { font-family: Consolas, Monaco, "Lucida Console", monospace; } #bbpress-forums div.bbp-topic-content pre, #bbpress-forums div.bbp-reply-content pre { background-color: var(--bg-alt); border: 1px solid var(--border); border-radius: 6px; display: block; padding: 10px; line-height: 1.5; overflow-x: auto; } /* --- Boutons (Nouveau sujet, Repondre, etc.) --- */ #bbpress-forums #new-topic-button, #bbpress-forums .bbp-reply-to-link, #bbpress-forums .bbp-topic-reply-link, #bbpress-forums #bbp_topic_submit, #bbpress-forums #bbp_reply_submit { display: inline-block; border: none; background: var(--navy); color: #fff !important; font-size: 13px; font-weight: 600; padding: 9px 16px; border-radius: 6px; text-decoration: none !important; cursor: pointer; } #bbpress-forums #new-topic-button:hover, #bbpress-forums .bbp-reply-to-link:hover, #bbpress-forums .bbp-topic-reply-link:hover, #bbpress-forums #bbp_topic_submit:hover, #bbpress-forums #bbp_reply_submit:hover { background: var(--blue); } /* --- Formulaires (nouveau sujet / reponse) --- */ #bbpress-forums #bbpress-forum-form input[type="text"], #bbpress-forums #bbpress-forum-form textarea, #bbpress-forums #new-post textarea, #bbpress-forums #new-post input[type="text"] { border: 1px solid var(--border); border-radius: 6px; padding: 8px 10px; font-size: 13px; font-family: inherit; width: 100%; } /* --- Petits ecrans : on empile au lieu de faire flotter --- */ @media (max-width: 700px) { li.bbp-forum-info, li.bbp-topic-title, li.bbp-forum-topic-count, li.bbp-topic-voice-count, li.bbp-forum-reply-count, li.bbp-topic-reply-count, li.bbp-forum-freshness, li.bbp-topic-freshness { float: none; width: 100%; text-align: left; padding: 2px 0; } #bbpress-forums li.bbp-header .bbp-topic-author, #bbpress-forums li.bbp-footer .bbp-topic-author, #bbpress-forums div.bbp-topic-author, #bbpress-forums div.bbp-reply-author { float: none; width: 100%; text-align: left; margin-bottom: 8px; } #bbpress-forums div.bbp-topic-content, #bbpress-forums div.bbp-reply-content { margin-left: 0; padding: 0 20px 12px; } } /* ========================================================= Suppression de la barre laterale sur les pages bbPress Confirme via l'inspecteur : Divi reserve l'espace et dessine une ligne de separation via .container:before des que le body porte la classe et_pb_right_sidebar / et_pb_left_sidebar, meme quand #sidebar est vide ou absent. ========================================================= */ .et_right_sidebar #main-content .container:before, .et_left_sidebar #main-content .container:before { display: none !important; } .et_right_sidebar #left-area, .et_left_sidebar #left-area { width: 100% !important; float: none !important; } #sidebar { display: none !important; } /* ========================================================= Page Forums : la zone globale devient une colonne flexible d'au moins 100% de la hauteur d'ecran, et le contenu principal s'etire pour pousser le pied de page (et sa citation) tout en bas, meme quand le forum a peu de contenu. Scope a cette page uniquement (classe "forum-archive" sur le body). ========================================================= */ body.forum-archive #et-boc { display: flex; flex-direction: column; min-height: 100vh; } body.forum-archive #et-main-area { flex: 1 0 auto; }