Da dieses Thema nach #customization:theme:broken-theme verschoben wurde, ist es wahrscheinlich, dass dieses Theme nicht mehr gepflegt wird. Ich habe eine Reihe von Anpassungen, die ich auf unserem Forum mit einer Chrome-Erweiterung nutze, da Vincent für sich allein genommen gut genug funktionierte, wir aber keine Ressourcen hatten, einen eigenen Fork zu pflegen. Sie sind etwas eigenwillig, nehmen einige Anpassungen für den persönlichen Geschmack vor, decken nicht alles ab und können etwas veraltet sein oder Bugs beheben, die inzwischen offiziell behoben wurden, aber vielleicht sind sie für jemanden nützlich.
/************************************
Mobile-spezifische Fixes / Anpassungen
************************************/
/* Schlechte Polsterung beheben */
.form-vertical,
.user-main .about .primary,
.user-main .about .secondary,
.user-main .user-content {
padding: 15px;
}
/* Abgeschnittenes Header-Logo am unteren Rand beheben */
.d-header #site-logo {
max-height: 2.6em;
}
/* Inkonsistent große Sperr-/Entlisten-Nachrichten beheben, mysteriösen Abstand auf der rechten Seite von Threads irgendwie beheben */
.small-action {
width: 100%;
}
/* YouTube-Embeds nicht zentriert beheben */
.lazyYT-container {
margin: 12px 20px;
}
/* Padding der Themenliste auf Tablets beheben */
#list-area .contents tbody td {
padding: 10px 15px;
}
/************************************
Generische und desktop-spezifische Fixes / Anpassungen
************************************/
/* Schriftart, die von .font-helvetica auf html überschrieben wird, beheben */
html {
font-family: "Assistant", sans-serif !important;
}
/* Quadratische Kategorie-Farbabzeichen */
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);
}
/* Zu schmale Threads und seltsame Ausrichtung mit Steuerelementen am unteren Rand der Seite beheben */
.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 beheben, wenn der 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 einbetten */
p>code, li>code, pre>code {
background: rgba(255,255,255,0.09);
}
/* Fehlendes Padding bei YouTube-Embeds beheben */
.lazyYT.lazyYT-container {
width: 100% !important;
}
/* Linke farbige Linien der Kategorie erreichen nicht den unteren Rand des Kategorie-Containers – beheben */
.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 Kontrast für den deaktivierten „Neues Thema“-Button */
.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 Benutzeroberfläche auf der Suchseite beheben */
.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 Rahmen um den Composer für das Profil-Bio beheben */
.user-preferences .bio-composer {
border: none;
}
/* Zusammenklapp-Button, der auf der Profilseite aus dem Rahmen springt, beheben */
.user-main .about .details .primary,
.user-main .about.collapsed-info .details .primary {
width: auto;
}
/* Größe und Randfarbe der Beitragsbemerkung beheben */
.post-notice {
width: calc(100% - 1.6em);
border-top: none;
}
/* Größe des Containers für Beitragslinks beheben */
.post-links-container {
margin-left: 0;
}
/* Scrollleiste für das Bio nicht ganz rechts – beheben */
.user-main .about .details .primary .bio {
max-width: none;
}
/* Hervorheben von Kategorie-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 horizontal durch den Link zum Einblenden getrennt werden – beheben */
.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;
}
}
