Puisque ce sujet a été déplacé vers #theme:broken-theme, il semble probable que ce thème ne soit plus maintenu. J’utilise un ensemble de modifications sur notre forum via une extension Chrome, car vincent fonctionnait déjà suffisamment bien seul, mais nous n’avions pas les ressources nécessaires pour maintenir notre propre fork. Elles sont un peu subjectives, apportent quelques ajustements selon des préférences personnelles, ne couvrent pas tout et peuvent être un peu obsolètes ou destinées à corriger des bugs qui ont désormais été officiellement corrigés, mais elles pourraient peut-être être utiles à quelqu’un.
/************************************
Corrections / ajustements spécifiques aux mobiles
************************************/
/* Correction du mauvais padding */
.form-vertical,
.user-main .about .primary,
.user-main .about .secondary,
.user-main .user-content {
padding: 15px;
}
/* Correction du logo d'en-tête coupé en bas */
.d-header #site-logo {
max-height: 2.6em;
}
/* Correction des messages de verrouillage/délistage de taille incohérente, correction d'un espace mystérieux sur le côté droit des sujets d'une manière ou d'une autre */
.small-action {
width: 100%;
}
/* Correction du centrage des intégrations YouTube */
.lazyYT-container {
margin: 12px 20px;
}
/* Correction du padding de la liste des sujets sur les tablettes */
#list-area .contents tbody td {
padding: 10px 15px;
}
/************************************
Corrections / ajustements génériques et spécifiques aux ordinateurs de bureau
************************************/
/* Correction de la police remplacée par .font-helvetica sur html */
html {
font-family: "Assistant", sans-serif !important;
}
/* Badges de couleur carrés pour les catégories */
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 sujets 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 sur les étiquettes de tri de la liste des sujets lorsque la bannière "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 des catégories qui n'atteignent pas le bas du conteneur de catégorie */
.category-list tbody .category {
display: table-cell;
}
/* Meilleure mise en page des sous-catégories (ordinateurs de 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 épingles */
.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 pour 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 grand 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 de l'interface utilisateur mal colorée 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 de l'éditeur pour la biographie du profil */
.user-preferences .bio-composer {
border: none;
}
/* Correction du bouton de réduction sortant 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 publication */
.post-notice {
width: calc(100% - 1.6em);
border-top: none;
}
/* Correction de la taille du conteneur des liens de publication */
.post-links-container {
margin-left: 0;
}
/* Correction de la barre de défilement de la biographie qui n'est pas à 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 publications cachées divisées horizontalement par le lien de révélation */
.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;
}
}
