Poiché questo argomento è stato spostato in #theme:broken-theme, sembra probabile che questo tema non sia più mantenuto. Ho un insieme di modifiche che uso sul nostro forum tramite un’estensione per Chrome, dato che vincent funzionava abbastanza bene da solo, ma non avevamo le risorse per mantenere un nostro fork. Sono un po’ soggettive, apportano alcune modifiche per gusto personale, non coprono tutto e potrebbero essere un po’ obsolete o destinate a correggere bug che sono stati risolti ufficialmente nel frattempo, ma forse possono essere utili a qualcuno.
/************************************
Correzioni e modifiche specifiche per dispositivi mobili
************************************/
/* Correggi padding errato */
.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/nascondimento di dimensioni inconsistenti, correggi lo spazio misterioso sul lato destro dei thread in qualche modo */
.small-action {
width: 100%;
}
/* Correggi incorporamenti YouTube non centrati */
.lazyYT-container {
margin: 12px 20px;
}
/* Correggi padding dell'elenco argomenti su tablet */
#list-area .contents tbody td {
padding: 10px 15px;
}
/************************************
Correzioni e modifiche generiche e specifiche per desktop
************************************/
/* Correggi il font sovrascritto da .font-helvetica su html */
html {
font-family: "Assistant", sans-serif !important;
}
/* Badge di colore 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 allineamento strano con i controlli in fondo alla 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 scarso contrasto sulle etichette di ordinamento dell'elenco thread quando è visibile il banner del nuovo thread */
.show-more.has-topics .alert {
background: rgba(40,42,49,1);
}
.alert.alert-info {
background: rgba(19,20,24,1);
}
/* Fai in modo che i blocchi di codice si integrino meglio */
p>code, li>code, pre>code {
background: rgba(255,255,255,0.09);
}
/* Correggi incorporamenti YouTube privi di padding */
.lazyYT.lazyYT-container {
width: 100% !important;
}
/* Correggi le linee colorate a sinistra delle categorie che non raggiungono il fondo del contenitore della categoria */
.category-list tbody .category {
display: table-cell;
}
/* Migliore layout delle 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 post 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 sul pulsante Nuovo Argomento 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 delle lettere più ampia per una migliore leggibilità */
* {
letter-spacing: 0.2px;
}
/* Caratteri più grandi per una migliore leggibilità */
a {
font-size: 95%; /* il tema imposta il 90% */
}
.search-link .blurb {
font-size: 1em;
}
/* Correggi UI colorata erroneamente 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 il bordo fluttuante attorno al compositore per la biografia del profilo */
.user-preferences .bio-composer {
border: none;
}
/* Correggi il pulsante di chiusura che esce dal frame nella pagina del profilo */
.user-main .about .details .primary,
.user-main .about.collapsed-info .details .primary {
width: auto;
}
/* Correggi dimensioni e colore del bordo del avviso del post */
.post-notice {
width: calc(100% - 1.6em);
border-top: none;
}
/* Correggi dimensioni del contenitore dei collegamenti del post */
.post-links-container {
margin-left: 0;
}
/* Correggi la barra di scorrimento della biografia non posizionata a destra */
.user-main .about .details .primary .bio {
max-width: none;
}
/* Evidenziazione dei collegamenti alle 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 post nascosti divisi orizzontalmente dal collegamento per mostrare */
.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;
}
}
