Étant donné que ce sujet a été déplacé vers #customization:theme:broken-theme, il est probable que ce thème ne soit plus maintenu. Je dispose d’un ensemble d’améliorations que j’utilise sur notre forum via une extension Chrome, car le thème de Vincent fonctionnait suffisamment bien en soi, mais nous n’avions pas les ressources nécessaires pour maintenir notre propre fork. Ces modifications sont un peu subjectives, ajustées selon mes goûts personnels, ne couvrent pas tout et peuvent être légèrement obsolètes ou destinées à corriger des bugs qui ont depuis été résolus officiellement, mais elles pourraient peut-être servir à quelqu’un.
/************************************
Correctifs / améliorations spécifiques aux mobiles
************************************/
/* Correction du mauvais espacement */
.form-vertical,
.user-main .about .primary,
.user-main .about .secondary,
.user-main .user-content {
padding: 15px;
}
/* Correction du logo du header coupé en bas */
.d-header #site-logo {
max-height: 2.6em;
}
/* Correction des messages de verrouillage/déverrouillage de tailles incohérentes, correction de l'espace mystérieux sur le côté droit des fils de discussion */
.small-action {
width: 100%;
}
/* Correction des intégrations YouTube non centrées */
.lazyYT-container {
margin: 12px 20px;
}
/* Correction de l'espacement de la liste des sujets sur les tablettes */
#list-area .contents tbody td {
padding: 10px 15px;
}
/************************************
Correctifs / améliorations génériques et spécifiques aux ordinateurs de bureau
************************************/
/* Correction de la police écrasée par .font-helvetica sur html */
html {
font-family: "Assistant", sans-serif !important;
}
/* Badges de couleur de catégorie carrés */
span.badge-category-bg, span.badge-category-parent-bg, span.badge-category-parent-bg+.badge-category-bg {
border-radius: 0;
}
.badge-wrapper.bullet .badge-category-parent-bg,
.badge-wrapper.bullet .badge-category-parent-bg+.badge-category-bg,
.extra-info-wrapper .badge-wrapper.bullet .badge-category-parent-bg {
width: 4px;
min-width: 4px;
}
span.badge-category-parent-bg {
border-right: 1px solid rgba(0,0,0,0.2);
}
span.badge-category-parent-bg+.badge-category-bg {
border-left: 1px solid rgba(0,0,0,0.2);
}
/* Correction des fils de discussion trop étroits et mal alignés avec les contrôles en bas de page */
.topic-post {
max-width: 758px;
}
.topic-post .embedded-posts {
width: 758px;
}
#topic-title .title-wrapper {
margin-left: 0;
margin-right: 0;
width: 758px;
}
#topic-title, .posts-wrapper {
margin: 0;
width: 758px;
}
html.desktop-view.not-mobile-device .topic-body {
max-width: 758px;
}
.topic-body {
width: 100%;
}
/* Correction du faible contraste des étiquettes de tri de la liste des fils lorsque la bannière de nouveau sujet est visible */
.show-more.has-topics .alert {
background: rgba(40,42,49,1);
}
.alert.alert-info {
background: rgba(19,20,24,1);
}
/* Meilleure intégration des blocs de code */
p>code, li>code, pre>code {
background: rgba(255,255,255,0.09);
}
/* Correction du manque de padding sur les intégrations YouTube */
.lazyYT.lazyYT-container {
width: 100% !important;
}
/* Correction des lignes colorées à gauche de la catégorie n'atteignant pas le bas du conteneur de catégorie */
.category-list tbody .category {
display: table-cell;
}
/* Meilleure disposition des sous-catégories (bureau uniquement) */
.not-mobile-device .category-list .subcategories {
display: flex;
flex-direction: column;
}
.not-mobile-device .category-list .subcategories .subcategory .badge.new-posts {
display: inline-block;
margin: 0 5px;
}
.not-mobile-device .category-list .subcategories .subcategory {
height: 21px;
align-items: center;
}
/* Mise en surbrillance des messages épinglés */
.topic-list-item.pinned {
background: rgba(200,200,255,0.06);
}
.topic-list tbody tr:nth-of-type(even).pinned {
background: rgba(200,200,255,0.04);
}
/* Meilleure apparence et contraste sur le bouton Nouveau sujet désactivé */
.list-controls #create-topic[disabled],
.list-controls #create-topic.disabled {
background-color: rgba(255,255,255,0.04);
color: #888
}
.list-controls #create-topic[disabled]:hover,
.list-controls #create-topic.disabled:hover {
background-color: rgba(255,255,255,0.06);
}
.list-controls #create-topic[disabled] svg,
.list-controls #create-topic.disabled svg {
color: inherit;
}
/* Espacement des lettres plus large pour une meilleure lisibilité */
* {
letter-spacing: 0.2px;
}
/* Polices plus grandes pour une meilleure lisibilité */
a {
font-size: 95%; /* le thème définit 90% */
}
.search-link .blurb {
font-size: 1em;
}
/* Correction des couleurs incorrectes de l'interface sur la page de recherche */
.search-container .search-advanced-sidebar .search-advanced-title,
.search-container .search-advanced-sidebar .search-advanced-filters {
background: rgba(255,255,255,0.04);
}
.search-container .search-advanced-sidebar .search-advanced-title.btn {
background: rgba(255,255,255,0.04);
}
.search-advanced-options {
background: rgba(0,0,0,0.3);
margin-bottom: 10px;
}
/* Correction de la bordure flottante autour du compositeur pour la bio du profil */
.user-preferences .bio-composer {
border: none;
}
/* Correction du bouton de réduction qui sort du cadre sur la page de profil */
.user-main .about .details .primary,
.user-main .about.collapsed-info .details .primary {
width: auto;
}
/* Correction de la taille et de la couleur de la bordure de l'avis de message */
.post-notice {
width: calc(100% - 1.6em);
border-top: none;
}
/* Correction de la taille du conteneur des liens de message */
.post-links-container {
margin-left: 0;
}
/* Correction de la barre de défilement de la bio non alignée à droite */
.user-main .about .details .primary .bio {
max-width: none;
}
/* Mise en surbrillance des liens de catégorie */
.category-list .subcategories .subcategory .badge-wrapper:hover .category-name {
color: white;
}
.category-list .subcategories .subcategory .badge-wrapper .category-name {
transition: color 0.3s;
}
/* Correction des messages masqués séparés horizontalement par le lien de démasquage */
.post-hidden {
position: relative;
}
.post-hidden .expand-hidden {
position: absolute;
top: 36px;
left: 0;
z-index: 1;
}
.post-hidden .post-menu-area,
.post-hidden .expand-hidden {
opacity: 0.5;
}
}
