Dado que este tema ha sido movido a #theme:broken-theme, parece probable que este tema ya no se esté manteniendo. Tengo un conjunto de ajustes que uso en nuestro foro con una extensión de Chrome, ya que vincent funcionaba lo suficientemente bien por sí solo, pero no tuvimos los recursos para mantener nuestro propio fork. Son un poco subjetivos, hacen algunos ajustes por gusto personal, no cubren todo y pueden estar un poco desactualizados o destinados a corregir errores que ya fueron corregidos oficialmente, pero quizás sean útiles para alguien.
/************************************
Arreglos y ajustes específicos para móviles
************************************/
/* Arreglar el relleno incorrecto */
.form-vertical,
.user-main .about .primary,
.user-main .about .secondary,
.user-main .user-content {
padding: 15px;
}
/* Arreglar el logotipo del encabezado cortado en la parte inferior */
.d-header #site-logo {
max-height: 2.6em;
}
/* Arreglar mensajes de bloqueo/no listado de tamaños inconsistentes, arreglar el espacio misterioso en el lado derecho de los hilos de alguna manera */
.small-action {
width: 100%;
}
/* Arreglar los incrustados de YouTube que no están centrados */
.lazyYT-container {
margin: 12px 20px;
}
/* Arreglar el relleno de la lista de temas en tabletas */
#list-area .contents tbody td {
padding: 10px 15px;
}
/************************************
Arreglos y ajustes genéricos y específicos para escritorio
************************************/
/* Arreglar la fuente que es 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 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 el bajo contraste en las etiquetas de orden de la lista de hilos cuando el banner de nuevo hilo 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 los incrustados de YouTube sin relleno */
.lazyYT.lazyYT-container {
width: 100% !important;
}
/* Arreglar las líneas de color a la izquierda de la categoría que no llegan hasta la parte inferior del contenedor de la 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 publicaciones fijadas */
.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;
}
/* Espaciado de letras más grande 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 la interfaz de usuario mal coloreada 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 el borde flotante alrededor del compositor para la biografía del perfil */
.user-preferences .bio-composer {
border: none;
}
/* Arreglar el 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 el tamaño y el color del borde de la nota de publicación */
.post-notice {
width: calc(100% - 1.6em);
border-top: none;
}
/* Arreglar el tamaño del contenedor de enlaces de publicación */
.post-links-container {
margin-left: 0;
}
/* Arreglar la 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 publicaciones ocultas divididas 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;
}
}
