Dado que este tema se ha movido a #customization:theme:broken-theme, es probable que este tema ya no se mantenga. Tengo un conjunto de ajustes que uso en nuestro foro con una extensión de Chrome, ya que vincent funcionaba bastante bien por sí solo, pero no teníamos los recursos para mantener nuestro propio fork. Son un poco subjetivos, hacen algunos ajustes para el gusto personal, no cubren todo y pueden estar un poco desactualizados o destinados a corregir errores que ya se solucionaron oficialmente, pero quizás sean útiles para alguien.
/************************************
Correcciones / ajustes específicos para móviles
************************************/
/* Arreglar relleno incorrecto */
.form-vertical,
.user-main .about .primary,
.user-main .about .secondary,
.user-main .user-content {
padding: 15px;
}
/* Arreglar logotipo del encabezado cortado en la parte inferior */
.d-header #site-logo {
max-height: 2.6em;
}
/* Arreglar mensajes de bloqueo/desbloqueo de tamaños inconsistentes, arreglar espacio misterioso en el lado derecho de los hilos de alguna manera */
.small-action {
width: 100%;
}
/* Arreglar incrustaciones de YouTube no centradas */
.lazyYT-container {
margin: 12px 20px;
}
/* Arreglar relleno de la lista de temas en tabletas */
#list-area .contents tbody td {
padding: 10px 15px;
}
/************************************
Correcciones / ajustes genéricos y específicos para escritorio
************************************/
/* Arreglar fuente sobrescrita por .font-helvetica en html */
html {
font-family: "Assistant", sans-serif !important;
}
/* Insignias de color de categoría cuadradas */
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);
}
/* Arreglar hilos demasiado estrechos y con una alineación extraña con los controles en la parte inferior de la página */
.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%;
}
/* Arreglar bajo contraste en las etiquetas de ordenación de la lista de hilos cuando el banner de nuevo tema es visible */
.show-more.has-topics .alert {
background: rgba(40,42,49,1);
}
.alert.alert-info {
background: rgba(19,20,24,1);
}
/* Hacer que los bloques de código se integren mejor */
p>code, li>code, pre>code {
background: rgba(255,255,255,0.09);
}
/* Arreglar incrustaciones de YouTube sin relleno */
.lazyYT.lazyYT-container {
width: 100% !important;
}
/* Arreglar líneas de color a la izquierda de la categoría que no llegan hasta el fondo del contenedor de categoría */
.category-list tbody .category {
display: table-cell;
}
/* Mejor diseño de subcategorías (solo escritorio) */
.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;
}
/* Resaltar mensajes fijados */
.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);
}
/* Mejor apariencia y contraste en el botón «Nuevo Tema» deshabilitado */
.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;
}
/* Mayor espaciado entre letras para mejor legibilidad */
* {
letter-spacing: 0.2px;
}
/* Fuentes más grandes para mejor legibilidad */
a {
font-size: 95%; /* el tema establece 90% */
}
.search-link .blurb {
font-size: 1em;
}
/* Arreglar interfaz de usuario con colores incorrectos en la página de búsqueda */
.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;
}
/* Arreglar borde flotante alrededor del compositor para la biografía del perfil */
.user-preferences .bio-composer {
border: none;
}
/* Arreglar botón de colapso que sale del marco en la página de perfil */
.user-main .about .details .primary,
.user-main .about.collapsed-info .details .primary {
width: auto;
}
/* Arreglar tamaño del aviso de mensaje y color del borde */
.post-notice {
width: calc(100% - 1.6em);
border-top: none;
}
/* Arreglar tamaño del contenedor de enlaces de mensajes */
.post-links-container {
margin-left: 0;
}
/* Arreglar barra de desplazamiento de la biografía que no está a la derecha */
.user-main .about .details .primary .bio {
max-width: none;
}
/* Resaltado de enlaces de categoría */
.category-list .subcategories .subcategory .badge-wrapper:hover .category-name {
color: white;
}
.category-list .subcategories .subcategory .badge-wrapper .category-name {
transition: color 0.3s;
}
/* Arreglar mensajes ocultos divididos horizontalmente por el enlace de mostrar */
.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;
}
}
