Da dieses Thema nach #theme:broken-theme verschoben wurde, liegt die Vermutung nahe, dass dieses Theme nicht mehr gepflegt wird. Ich habe eine Reihe von Anpassungen, die ich auf unserem Forum mit einer Chrome-Erweiterung verwende, da Vincent allein gut genug funktionierte, uns jedoch die Ressourcen fehlten, um unseren eigenen Fork zu pflegen. Sie sind etwas subjektiv, enthalten einige Anpassungen nach persönlichem Geschmack, decken nicht alles ab und sind möglicherweise etwas veraltet oder sollen Fehler beheben, die mittlerweile offiziell behoben wurden. Vielleicht sind sie aber für jemanden nützlich.
/************************************
Mobil-spezifische Fixes / Anpassungen
************************************/
/* Falschen Padding korrigieren */
.form-vertical,
.user-main .about .primary,
.user-main .about .secondary,
.user-main .user-content {
padding: 15px;
}
/* Abgeschnittenes Header-Logo unten korrigieren */
.d-header #site-logo {
max-height: 2.6em;
}
/* Inkonsistent dimensionierte Sperren/Verstecken-Meldungen korrigieren, mysteriösen Abstand auf der rechten Seite von Threads beheben */
.small-action {
width: 100%;
}
/* YouTube-Einbettungen nicht zentriert korrigieren */
.lazyYT-container {
margin: 12px 20px;
}
/* Padding der Themenliste auf Tablets korrigieren */
#list-area .contents tbody td {
padding: 10px 15px;
}
/************************************
Allgemeine und desktop-spezifische Fixes / Anpassungen
************************************/
/* Schriftart korrigieren, die von .font-helvetica auf html überschrieben wird */
html {
font-family: "Assistant", sans-serif !important;
}
/* Quadratische Kategorie-Farbbadges */
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);
}
/* Threads zu dünn und seltsam ausgerichtet mit Steuerelementen am unteren Rand der Seite korrigieren */
.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%;
}
/* Schlechten Kontrast bei Sortierbeschriftungen der Themenliste korrigieren, wenn das Banner für neue Themen sichtbar ist */
.show-more.has-topics .alert {
background: rgba(40,42,49,1);
}
.alert.alert-info {
background: rgba(19,20,24,1);
}
/* Code-Blöcke besser einfügen lassen */
p>code, li>code, pre>code {
background: rgba(255,255,255,0.09);
}
/* Fehlenden Padding bei YouTube-Einbettungen korrigieren */
.lazyYT.lazyYT-container {
width: 100% !important;
}
/* Linke farbige Linien der Kategorien, die nicht bis zum unteren Rand des Kategoriencounters reichen, korrigieren */
.category-list tbody .category {
display: table-cell;
}
/* Besseres Layout für Unterkategorien (nur Desktop) */
.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;
}
/* Angepinnte Beiträge hervorheben */
.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);
}
/* Besseres Erscheinungsbild und besseren Kontrast beim deaktivierten Button „Neues Thema“ */
.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;
}
/* Größerer Buchstabenabstand für bessere Lesbarkeit */
* {
letter-spacing: 0.2px;
}
/* Größere Schriftarten für bessere Lesbarkeit */
a {
font-size: 95%; /* Theme setzt 90% */
}
.search-link .blurb {
font-size: 1em;
}
/* Falsch eingefärbte UI auf der Suchseite korrigieren */
.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;
}
/* Schwebenden Rand um den Editor für das Profil-Bio korrigieren */
.user-preferences .bio-composer {
border: none;
}
/* Schließen-Button, der auf der Profilseite den Rahmen verlässt, korrigieren */
.user-main .about .details .primary,
.user-main .about.collapsed-info .details .primary {
width: auto;
}
/* Größe und Rahmenfarbe der Beitragsbenachrichtigung korrigieren */
.post-notice {
width: calc(100% - 1.6em);
border-top: none;
}
/* Größe des Containers für Beitragslinks korrigieren */
.post-links-container {
margin-left: 0;
}
/* Scrollleiste des Bios korrigieren, die nicht rechts ist */
.user-main .about .details .primary .bio {
max-width: none;
}
/* Hervorhebung von Kategorien-Links */
.category-list .subcategories .subcategory .badge-wrapper:hover .category-name {
color: white;
}
.category-list .subcategories .subcategory .badge-wrapper .category-name {
transition: color 0.3s;
}
/* Versteckte Beiträge, die durch den Link „Anzeigen“ horizontal geteilt werden, korrigieren */
.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;
}
}
