Dato che questo argomento è stato spostato in #customization:theme:broken-theme, è probabile che questo tema non sia più mantenuto. Ho un insieme di modifiche che uso sul nostro forum tramite un’estensione del browser, dato che Vincent funzionava già abbastanza bene da solo, ma non avevamo le risorse per mantenere un nostro fork. Sono un po’ soggettive, apportano modifiche legate al gusto personale, non coprono tutto e potrebbero essere un po’ obsolete o destinate a risolvere bug che sono stati corretti ufficialmente da tempo, ma forse possono essere utili a qualcuno.
/************************************
Correzioni / modifiche specifiche per mobile
************************************/
/* Correggi padding insufficiente */
.form-vertical,
.user-main .about .primary,
.user-main .about .secondary,
.user-main .user-content {
padding: 15px;
}
/* Correggi logo dell'intestazione tagliato in basso */
.d-header #site-logo {
max-height: 2.6em;
}
/* Correggi messaggi di blocco/sblocco di dimensioni non uniformi e misterioso spazio vuoto sul lato destro dei thread */
.small-action {
width: 100%;
}
/* Correggi incorporamenti di YouTube non centrati */
.lazyYT-container {
margin: 12px 20px;
}
/* Correggi padding della lista dei topic sui tablet */
#list-area .contents tbody td {
padding: 10px 15px;
}
/************************************
Correzioni / modifiche generiche e specifiche per desktop
************************************/
/* Correggi il font sovrascritto da .font-helvetica su html */
html {
font-family: "Assistant", sans-serif !important;
}
/* Badge colorati delle categorie quadrati */
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);
}
/* Correggi thread troppo stretti e allineati in modo strano con i controlli nella parte inferiore della pagina */
.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%;
}
/* Correggi scarsa visibilità delle etichette di ordinamento della lista dei thread quando è visibile il banner dei nuovi thread */
.show-more.has-topics .alert {
background: rgba(40,42,49,1);
}
.alert.alert-info {
background: rgba(19,20,24,1);
}
/* Far integrare meglio i blocchi di codice */
p>code, li>code, pre>code {
background: rgba(255,255,255,0.09);
}
/* Correggi incorporamenti di YouTube privi di padding */
.lazyYT.lazyYT-container {
width: 100% !important;
}
/* Correggi le linee colorate a sinistra delle categorie che non arrivano fino in fondo al contenitore della categoria */
.category-list tbody .category {
display: table-cell;
}
/* Layout migliore per le sottocategorie (solo 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;
}
/* Evidenzia i messaggi fissati */
.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);
}
/* Migliore aspetto e contrasto per il pulsante "Nuovo Topic" disabilitato */
.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;
}
/* Spaziatura tra le lettere più ampia per una migliore leggibilità */
* {
letter-spacing: 0.2px;
}
/* Font più grandi per una migliore leggibilità */
a {
font-size: 95%; /* il tema imposta il 90% */
}
.search-link .blurb {
font-size: 1em;
}
/* Correggi colori errati dell'interfaccia nella pagina di ricerca */
.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;
}
/* Correggi bordo fluttuante attorno al composer per la bio del profilo */
.user-preferences .bio-composer {
border: none;
}
/* Correggi il pulsante di collasso che esce dal frame nella pagina del profilo */
.user-main .about .details .primary,
.user-main .about.collapsed-info .details .primary {
width: auto;
}
/* Correggi dimensione e colore del bordo delle note del messaggio */
.post-notice {
width: calc(100% - 1.6em);
border-top: none;
}
/* Correggi dimensione del contenitore dei link del messaggio */
.post-links-container {
margin-left: 0;
}
/* Correggi la barra di scorrimento della bio che non è posizionata a destra */
.user-main .about .details .primary .bio {
max-width: none;
}
/* Evidenziazione dei link delle categorie */
.category-list .subcategories .subcategory .badge-wrapper:hover .category-name {
color: white;
}
.category-list .subcategories .subcategory .badge-wrapper .category-name {
transition: color 0.3s;
}
/* Correggi i messaggi nascosti che vengono separati orizzontalmente dal link per mostrarli di nuovo */
.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;
}
}
