/* ===================================================================== WINTXCODERS 2026 - Paleta de colores / capa de estilo Se carga DESPUES de index.css y responsive.css (order_pos 10050, sin minificar). Para desactivarla: quitar la linea loadCSSFile 'wintx-2026.css' de index.template.php (template_init) o borrar este archivo. Todas las reglas van prefijadas con body:not(#wx) (el id del cambia segun navegador; :not(#id) suma especificidad de ID) para ganar especificidad sobre index.css y los [data-theme="dark"] de responsive.css sin tener que usar !important. ===================================================================== */ @import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;600&display=swap'); /* ---------- Tokens: modo claro ---------- */ :root { --wx-bg: #eef1f8; /* fondo de pagina */ --wx-surface: #ffffff; /* tarjetas */ --wx-surface-2: #f6f7fc; /* filas alternas / paneles secundarios */ --wx-surface-3: #eceffa; /* hover / contenedores */ --wx-line: #dde2ef; /* bordes */ --wx-line-strong: #c6cde0; --wx-text: #1d2640; /* 14.9:1 sobre blanco */ --wx-text-2: #3a4560; /* 9.6:1 */ --wx-muted: #5a6682; /* 5.7:1 sobre blanco */ --wx-primary: #5b4fe0; /* violeta marca (5.5:1 sobre blanco) */ --wx-primary-hover: #4638c9; --wx-primary-soft: #eeecff; --wx-primary-line: #cfcaf7; --wx-accent: #1fa2ff; /* azul marca (solo decorativo) */ --wx-link: #4a3fd0; /* 6.9:1 */ --wx-link-hover: #0a66b8; /* 5.9:1 */ --wx-on-primary: #ffffff; --wx-grad: linear-gradient(120deg, #5b4fe0 0%, #3b5fe0 55%, #1a78d0 100%); /* texto blanco >= 4.6:1 */ --wx-grad-brand: linear-gradient(120deg, #5b4fe0, #1fa2ff); --wx-nav: #0b1120; /* barra superior / pie (navy marca) */ --wx-nav-2: #141f38; --wx-nav-line: #233256; --wx-nav-text: #e8edf7; --wx-nav-muted: #8e9bb8; --wx-code-bg: #0b1120; --wx-code-text: #e8edf7; --wx-code-line: #233256; --wx-quote-bg: #f6f7fc; --wx-focus: rgba(91, 79, 224, .28); --wx-shadow: 0 1px 2px rgba(16, 24, 48, .06), 0 4px 16px rgba(16, 24, 48, .05); --wx-shadow-hover: 0 2px 4px rgba(16, 24, 48, .08), 0 8px 24px rgba(91, 79, 224, .10); --wx-radius: 8px; --wx-mono: "JetBrains Mono", "Source Code Pro", Consolas, monospace; } /* ---------- Tokens: modo oscuro (theme.js pone data-theme en ) ---------- */ body:not(#wx)[data-theme="dark"] { --wx-bg: #0b1120; --wx-surface: #141f38; --wx-surface-2: #111a30; --wx-surface-3: #1a2745; --wx-line: #233256; --wx-line-strong: #2f416b; --wx-text: #e8edf7; /* 14.6:1 sobre #141f38 */ --wx-text-2: #c9d2e6; --wx-muted: #8e9bb8; /* 5.6:1 sobre #141f38 */ --wx-primary: #7b70ff; --wx-primary-hover: #948bff; --wx-primary-soft: #1f2450; --wx-primary-line: #3a3f86; --wx-link: #a79fff; /* 6.6:1 sobre #141f38 */ --wx-link-hover: #6cc4ff; --wx-on-primary: #ffffff; --wx-grad: linear-gradient(120deg, #4a3fd0 0%, #3450c4 55%, #1665ae 100%); --wx-nav: #0b1120; --wx-nav-2: #111a30; --wx-code-bg: #070c18; --wx-quote-bg: #111a30; --wx-focus: rgba(123, 112, 255, .35); --wx-shadow: 0 1px 2px rgba(0, 0, 0, .35); --wx-shadow-hover: 0 4px 18px rgba(0, 0, 0, .45); background-color: var(--wx-bg) !important; color: var(--wx-text); } /* ---------- Base ---------- */ body:not(#wx) { background-color: var(--wx-bg); color: var(--wx-text-2); } body:not(#wx)[data-theme="dark"] { background-image: none; } body:not(#wx) ::selection { background: var(--wx-focus); color: inherit; } body:not(#wx) a, body:not(#wx) a:visited { color: var(--wx-link); } body:not(#wx) a:hover { color: var(--wx-link-hover); } body:not(#wx)[data-theme="dark"] strong { color: var(--wx-text); } /* ---------- Barra superior (navbar) ---------- */ body:not(#wx) .navbar { background-color: var(--wx-nav) !important; border-bottom: 1px solid var(--wx-nav-line); } body:not(#wx) .p-header { border-bottom-color: var(--wx-nav-line); } body:not(#wx) .animated-arrow span, body:not(#wx) .animated-arrow span::before, body:not(#wx) .animated-arrow span::after { background: var(--wx-nav-text); } body:not(#wx) .active .animated-arrow span { background: transparent; } body:not(#wx) .search__field { color: var(--wx-nav-text); background: transparent; box-shadow: none; } body:not(#wx) .search__field:focus { background: var(--wx-nav-2); border-color: var(--wx-nav-line); color: var(--wx-nav-text); } body:not(#wx) .search__icon { color: var(--wx-nav-text); background-color: rgba(255, 255, 255, .08); } body:not(#wx) .search__field:focus ~ .search__icon { background-color: var(--wx-primary); color: #fff; } body:not(#wx) #top_info .h-button, body:not(#wx) #top_info .h-button:visited { background: rgba(255, 255, 255, .06); color: var(--wx-nav-text); border: 1px solid var(--wx-nav-line); border-radius: 8px; box-shadow: none; } body:not(#wx) #top_info .h-button:hover { background: rgba(255, 255, 255, .12); color: #fff; text-decoration: none; } body:not(#wx) #top_info .h-button.is-raisedd, body:not(#wx) #top_info .h-button.is-raisedd:visited { background: var(--wx-grad-brand); border-color: transparent; color: #fff; } body:not(#wx) #top_info .h-button.is-raisedd:hover { filter: brightness(1.08); } body:not(#wx) #top_info > li > a, body:not(#wx) .header__user-panel-text { color: var(--wx-nav-text); } body:not(#wx) #top_info .amt { background: var(--wx-accent); color: #0b1120; } /* Menu horizontal en escritorio: texto claro sobre navy */ @media only screen and (min-width: 992px) { body:not(#wx) .horizontalMenu > .horizontalMenu-list > li > a { color: var(--wx-nav-text); background: transparent; } body:not(#wx) .horizontalMenu > .horizontalMenu-list > li > a:hover, body:not(#wx) .horizontalMenu > .horizontalMenu-list > li > a.active { color: #fff; background-color: rgba(123, 112, 255, .18); } } /* Desplegables (alertas, MP, perfil) */ body:not(#wx) .top_menu, body:not(#wx) .popup_window, body:not(#wx) #pm_menu, body:not(#wx) #alerts_menu, body:not(#wx) #profile_menu { background: var(--wx-surface) !important; background-image: none !important; color: var(--wx-text) !important; border: 1px solid var(--wx-line); box-shadow: var(--wx-shadow-hover); } /* ---------- Migas de pan ---------- */ body:not(#wx) .navigate_section { background-color: var(--wx-surface); border-bottom: 1px solid var(--wx-line); } body:not(#wx) .navigate_section ul { background: transparent; border: 0; } body:not(#wx) .navigate_section ul li, body:not(#wx) .navigate_section ul li em { color: var(--wx-muted); } body:not(#wx) .navigate_section ul li a { color: var(--wx-link); } body:not(#wx) .navigate_section ul li .dividers { color: var(--wx-line-strong); } body:not(#wx) .navigate_section ul li:last-child a, body:not(#wx) .navigate_section ul li.last a { color: var(--wx-text); font-weight: 600; } /* ---------- Cabeceras de categoria / titulos ---------- */ body:not(#wx) div.cat_bar { background: var(--wx-grad); color: #fff; } body:not(#wx) h3.catbg, body:not(#wx) h3.catbg a, body:not(#wx) h3.catbg a:hover, body:not(#wx) .cat_bar .desc { color: #fff; } body:not(#wx) h3.catbg { text-shadow: 0 1px 1px rgba(0, 0, 0, .18); letter-spacing: .06em; font-weight: 600; } body:not(#wx) .main_container { background-color: var(--wx-surface-3); border: 1px solid var(--wx-line); border-radius: var(--wx-radius); } body:not(#wx) .portlet--secondary.portlet--category { border-bottom: 3px solid var(--wx-line); } body:not(#wx) .title_bar { background: var(--wx-surface); color: var(--wx-text); border: 1px solid var(--wx-line); border-top: 3px solid var(--wx-primary); border-bottom: 1px solid var(--wx-line); } body:not(#wx) .title_bar h3, body:not(#wx) .title_bar h4, body:not(#wx) .titlebg, body:not(#wx) .titlebg a { color: var(--wx-text); } /* Cabeceras de la barra lateral (antes cian #01b7ff con texto blanco: 2.3:1) */ body:not(#wx) #upshrink_stats .sub_bar h4, body:not(#wx) .subbg { background: var(--wx-grad); color: #fff; } body:not(#wx) .subbg a, body:not(#wx) .subbg a:hover { color: #fff; } body:not(#wx) .sub_bar { background: transparent; border-bottom: 1px solid var(--wx-line); box-shadow: none; color: var(--wx-text); } body:not(#wx) .p-body-sidebar .roundframe, body:not(#wx) #upshrink_stats, body:not(#wx) #upshrink_stats p.inline, body:not(#wx) ul.forum-static li { background: var(--wx-surface); border: 1px solid var(--wx-line); color: var(--wx-text-2); } body:not(#wx) .p-body-sidebar .block-row:nth-child(n) { border-top-color: var(--wx-line); color: var(--wx-text-2); } body:not(#wx) .sonileti li a { color: var(--wx-link); } /* ---------- Filas de foros (indice) ---------- */ body:not(#wx) .up_contain { background: var(--wx-surface); border: 1px solid var(--wx-line); border-radius: 6px; box-shadow: var(--wx-shadow); transition: border-color .15s, box-shadow .15s; } body:not(#wx) .up_contain:hover { border-color: var(--wx-primary-line); box-shadow: var(--wx-shadow-hover); } body:not(#wx) .info .subject, body:not(#wx) .info a.subject { color: var(--wx-text); } body:not(#wx) .info .subject:hover { color: var(--wx-primary); } body:not(#wx) .board_description, body:not(#wx) .info p { color: var(--wx-muted); } body:not(#wx) .board_description a { color: var(--wx-link); } body:not(#wx) .boardindex_table .board_stats, body:not(#wx) .board_stats, body:not(#wx) .forum-stats__label { color: var(--wx-muted); } body:not(#wx) .board_stats strong, body:not(#wx) .forum-stats__col strong { color: var(--wx-text); } body:not(#wx) .forum-stats__col:first-child { border-right-color: var(--wx-line); } body:not(#wx) .lastpost { color: var(--wx-muted); } body:not(#wx) .lastpost a { color: var(--wx-link); } body:not(#wx) .lastpost a:hover { color: var(--wx-link-hover); } body:not(#wx) .children { color: var(--wx-muted); } body:not(#wx) .children a { color: var(--wx-link); } body:not(#wx) .board_icon_message i, body:not(#wx) .board_icon_message .fas, body:not(#wx) .board_icon_message .fab { color: var(--wx-primary); opacity: .85; } /* ---------- Listas de temas / tarjetas genericas ---------- */ body:not(#wx) .windowbg, body:not(#wx) .generic_list_wrapper, body:not(#wx) .approvebg, body:not(#wx) .approvebg2 { background: var(--wx-surface); border: 1px solid var(--wx-line); color: var(--wx-text-2); box-shadow: var(--wx-shadow); } body:not(#wx) .windowbg:nth-of-type(even), body:not(#wx) .bg.even { background: var(--wx-surface); } body:not(#wx) .windowbg:nth-of-type(odd), body:not(#wx) .bg.odd { background: var(--wx-surface-2); } body:not(#wx) .windowbg.sticky { background: var(--wx-primary-soft); border-left: 3px solid var(--wx-primary); } body:not(#wx) .windowbg.locked { background: var(--wx-surface-2); } body:not(#wx) .windowbg:target { background: var(--wx-primary-soft); } body:not(#wx) tr.windowbg:hover, body:not(#wx) .windowbg:hover { border-color: var(--wx-primary-line); } body:not(#wx) .message_index_title .preview a, body:not(#wx) .message_index_title a { color: var(--wx-text); font-weight: 600; } body:not(#wx) .message_index_title a:hover { color: var(--wx-primary); } body:not(#wx) .message_index_title .smalltext, body:not(#wx) .message_index_title p { color: var(--wx-muted); } body:not(#wx) .roundframe { background: var(--wx-surface); border: 1px solid var(--wx-line); color: var(--wx-text-2); box-shadow: var(--wx-shadow); } body:not(#wx) .information, body:not(#wx) .descbox, body:not(#wx) .description { background: var(--wx-surface-2); border: 1px solid var(--wx-line); color: var(--wx-text-2); } body:not(#wx) .table_grid tr td, body:not(#wx) tr.windowbg td { border-color: var(--wx-line); } /* ---------- Botones ---------- */ body:not(#wx) .button, body:not(#wx) .quickbuttons > li > a, body:not(#wx) .inline_mod_check { background: var(--wx-surface); background-image: none; color: var(--wx-primary); border: 1px solid var(--wx-primary-line); border-radius: 6px; box-shadow: none; font-weight: 600; } body:not(#wx) .button:hover, body:not(#wx) .button:focus, body:not(#wx) .quickbuttons > li:hover > a, body:not(#wx) .quickbuttons > li > a:focus { background: var(--wx-primary); background-image: none; color: var(--wx-on-primary); border-color: var(--wx-primary); box-shadow: none; } body:not(#wx) .button.active, body:not(#wx) .button.active:hover { background: var(--wx-grad); color: #fff; border-color: transparent; text-shadow: none; } body:not(#wx) .quickbuttons li, body:not(#wx) .quickbuttons li ul { background: var(--wx-surface) !important; background-image: none; border-color: var(--wx-line); } body:not(#wx) .quickbuttons li ul li a { color: var(--wx-text); } body:not(#wx) .quickbuttons li ul li:hover { background: var(--wx-primary-soft); } body:not(#wx) .pagesection .button { color: var(--wx-primary); } body:not(#wx) .pagesection .button:hover { color: #fff; } body:not(#wx) .current_page { color: var(--wx-primary); } body:not(#wx) .nav_page { color: var(--wx-link); } body:not(#wx) .pages { color: var(--wx-muted); } body:not(#wx) input[type="submit"], body:not(#wx) button.button, body:not(#wx) input.button { background: var(--wx-primary); color: #fff; border: 1px solid var(--wx-primary); border-radius: 6px; cursor: pointer; } body:not(#wx) input[type="submit"]:hover, body:not(#wx) button.button:hover, body:not(#wx) input.button:hover { background: var(--wx-primary-hover); border-color: var(--wx-primary-hover); color: #fff; } /* ---------- Formularios ---------- */ body:not(#wx) input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]):not(.search__field):not(.header-search), body:not(#wx) select, body:not(#wx) textarea { background: var(--wx-surface); color: var(--wx-text); border: 1px solid var(--wx-line-strong); box-shadow: none; } body:not(#wx) input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]):not(.search__field):not(.header-search):hover, body:not(#wx) select:hover, body:not(#wx) textarea:hover { border-color: var(--wx-primary-line); } body:not(#wx) input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]):not(.search__field):not(.header-search):focus, body:not(#wx) select:focus, body:not(#wx) textarea:focus { /* antes: fondo rgba(0,0,0,.2) que oscurecia el campo al escribir */ background: var(--wx-surface); border-color: var(--wx-primary); box-shadow: 0 0 0 3px var(--wx-focus); outline: none; } body:not(#wx)[data-theme="dark"] textarea { background: var(--wx-surface-2) !important; color: var(--wx-text) !important; } body:not(#wx) ::placeholder { color: var(--wx-muted); opacity: 1; } body:not(#wx) input[type="checkbox"], body:not(#wx) input[type="radio"] { accent-color: var(--wx-primary); } /* ---------- Mensajes (tema) ---------- */ body:not(#wx) #forumposts .windowbg { background: var(--wx-surface); border-color: var(--wx-line); color: var(--wx-text-2); } body:not(#wx) .poster { background: var(--wx-surface-2); border-right: 1px solid var(--wx-line); color: var(--wx-text-2); } body:not(#wx) .poster h4, body:not(#wx) .poster h4 a, body:not(#wx) .poster li:hover h4 a { color: var(--wx-primary); } body:not(#wx) .poster li.poster_online a { color: var(--wx-muted); } body:not(#wx) .poster .postcount, body:not(#wx) .poster .blurb, body:not(#wx) .poster .custom { color: var(--wx-muted); } body:not(#wx) .poster img.avatar { border-radius: 8px; } body:not(#wx) .keyinfo h5, body:not(#wx) .keyinfo .smalltext { color: var(--wx-muted); } body:not(#wx) .keyinfo h5 a, body:not(#wx) .keyinfo h5 a strong { color: var(--wx-primary); } body:not(#wx) .keyinfo h5 .modified, body:not(#wx) .modified { color: var(--wx-muted); } body:not(#wx) .page_number { color: var(--wx-primary); opacity: .6; } body:not(#wx) .subject_title a { color: var(--wx-text); } body:not(#wx) .inner { color: var(--wx-text); border-top: 1px solid var(--wx-line); box-shadow: none; } body:not(#wx) .signature, body:not(#wx) .attachments, body:not(#wx) .under_message, body:not(#wx) .custom_fields_above_signature, body:not(#wx) .custom_fields_below_signature { border-top-color: var(--wx-line); box-shadow: none; color: var(--wx-muted); } body:not(#wx) .under_message { border-top: 0; } body:not(#wx) #display_head p, body:not(#wx) #display_head span { color: var(--wx-muted); } body:not(#wx) #display_head h2, body:not(#wx) .display_title { color: var(--wx-text); } body:not(#wx) .post-container { background: var(--wx-surface); } body:not(#wx) .message-cell.message-cell--main { background: var(--wx-surface); } body:not(#wx) .message-cell.message-cell--user, body:not(#wx) .message-cell.message-cell--action { background: var(--wx-surface-2); border-right-color: var(--wx-line); } body:not(#wx) .message-userArrow, body:not(#wx) .message-userArrow::after { border-right-color: var(--wx-surface); } /* Citas y codigo */ body:not(#wx) blockquote, body:not(#wx) .bbc_standard_quote, body:not(#wx) .bbc_alternate_quote { background: var(--wx-quote-bg); color: var(--wx-text-2); border: 1px solid var(--wx-line); border-left: 3px solid var(--wx-primary); border-right: 1px solid var(--wx-line); border-radius: 0 6px 6px 0; } body:not(#wx) blockquote cite { border-bottom-color: var(--wx-line); color: var(--wx-muted); } body:not(#wx) blockquote cite::before { color: var(--wx-primary); } body:not(#wx) .codeheader, body:not(#wx) .quoteheader { color: var(--wx-muted); } body:not(#wx) .bbc_code { font-family: var(--wx-mono); background: var(--wx-code-bg); color: var(--wx-code-text); border: 1px solid var(--wx-code-line); border-top: 2px solid var(--wx-primary); border-bottom: 1px solid var(--wx-code-line); border-radius: 0 0 6px 6px; } body:not(#wx) .bbc_code * { color: inherit; } body:not(#wx) .bbc_code a { color: #6cc4ff; } /* ---------- Pie ---------- */ body:not(#wx) #footer { background: var(--wx-nav); border-top: 1px solid var(--wx-nav-line); position: relative; } body:not(#wx) #footer::before { content: ""; position: absolute; left: 0; right: 0; top: -1px; height: 2px; background: var(--wx-grad-brand); } body:not(#wx) #footer li, body:not(#wx) #footer p { color: var(--wx-nav-muted); } body:not(#wx) #footer a { color: #b9b3ff; } body:not(#wx) #footer a:hover { color: #6cc4ff; } body:not(#wx) #footer .fa-heart { color: #ff5f7e; } body:not(#wx) .scroll-to-top { background: var(--wx-grad-brand); color: #fff; } /* ---------- Likes (barra de Me gusta) armonizada con la paleta ---------- */ body:not(#wx) .likes_bar a.msg_like { background: var(--wx-primary-soft); border-color: var(--wx-primary-line); color: var(--wx-primary); } body:not(#wx) .likes_bar a.msg_like:hover { background: var(--wx-surface-3); border-color: var(--wx-primary); } body:not(#wx) .likes_bar a.msg_like.liked { background: var(--wx-grad-brand); border-color: transparent; color: #fff; } body:not(#wx) .likes_bar a.msg_like.liked:hover { filter: brightness(1.06); } body:not(#wx) .likes_bar .like_count { color: var(--wx-muted); } body:not(#wx) .likes_bar .like_count a { color: var(--wx-link); } /* ---------- Ajustes extra del modo oscuro ---------- */ body:not(#wx)[data-theme="dark"] .p-header::before { background: linear-gradient(-47deg, #1b1747 0%, #0b1120 100%); } body:not(#wx)[data-theme="dark"] .navigate_section ul li a, body:not(#wx)[data-theme="dark"] #topic_container .windowbg a, body:not(#wx)[data-theme="dark"] .lastpost a, body:not(#wx)[data-theme="dark"] .children a, body:not(#wx)[data-theme="dark"] .sontabcontent a { color: var(--wx-link); } body:not(#wx)[data-theme="dark"] .navigate_section ul li:last-child a { color: var(--wx-text); } body:not(#wx)[data-theme="dark"] .quickbuttons li { background: var(--wx-surface) !important; } body:not(#wx)[data-theme="dark"] .quickbuttons li a { color: var(--wx-primary); } body:not(#wx)[data-theme="dark"] .quickbuttons li:hover > a { color: #fff; } body:not(#wx)[data-theme="dark"] select, body:not(#wx)[data-theme="dark"] button:not(.search__icon):not(.button) { background: var(--wx-surface-2); color: var(--wx-text); } body:not(#wx)[data-theme="dark"] .under_message .post_options { background: var(--wx-primary) !important; } body:not(#wx)[data-theme="dark"] .bbc_code { border-top-color: var(--wx-primary); } body:not(#wx)[data-theme="dark"] .sontab { background: var(--wx-surface-3); } body:not(#wx)[data-theme="dark"] .sontabcontent, body:not(#wx)[data-theme="dark"] .md-index_wrap, body:not(#wx)[data-theme="dark"] .index_banner, body:not(#wx)[data-theme="dark"] .databox--neutral, body:not(#wx)[data-theme="dark"] .xm_advancedFooter { background: var(--wx-surface); border-color: var(--wx-line); } body:not(#wx)[data-theme="dark"] .md-footer-bottom { background: var(--wx-nav); } body:not(#wx)[data-theme="dark"] #pm_menu, body:not(#wx)[data-theme="dark"] #alerts_menu, body:not(#wx)[data-theme="dark"] #profile_menu { background: var(--wx-surface) !important; color: var(--wx-text) !important; } /* ---------- Correcciones adicionales ---------- */ body:not(#wx) .navigate_section ul li { text-shadow: none; } body:not(#wx) span.postby { color: var(--wx-muted); } body:not(#wx) span.postby a { color: var(--wx-link) !important; } body:not(#wx) span.postby a:hover { color: var(--wx-link-hover) !important; } body:not(#wx) .postblock { background: var(--wx-surface); color: var(--wx-text-2); border-color: var(--wx-line); box-shadow: var(--wx-shadow); } body:not(#wx) .poster .blurb, body:not(#wx) .poster .postcount, body:not(#wx) .poster li.icons { background-color: var(--wx-surface); border: 1px solid var(--wx-line); color: var(--wx-muted); } body:not(#wx) #upshrink_stats, body:not(#wx) .sub_bar { color: var(--wx-muted); } body:not(#wx) .mega-menubg, body:not(#wx) .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu { background-color: var(--wx-surface); border-color: var(--wx-line); } body:not(#wx) .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > a { color: var(--wx-text-2); } body:not(#wx) .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > a:hover { background: var(--wx-primary-soft); color: var(--wx-primary); } body:not(#wx) .databox--neutral { background: var(--wx-surface); color: var(--wx-text-2); } /* Fondo del (se veia una franja azul #3e5a78 bajo el pie) */ html:not(#wx) { background-color: #0b1120; } /* Menu lateral en movil (panel deslizante) */ @media only screen and (max-width: 991px) { body:not(#wx) .horizontalMenu > .horizontalMenu-list { background: var(--wx-nav); border-right: 1px solid var(--wx-nav-line); } body:not(#wx) .horizontalMenu > .horizontalMenu-list > li > a { color: var(--wx-nav-text); background: transparent; border-bottom: 1px solid var(--wx-nav-line); } body:not(#wx) .horizontalMenu > .horizontalMenu-list > li > a.active, body:not(#wx) .horizontalMenu > .horizontalMenu-list > li > a:hover { color: #fff; background: rgba(123, 112, 255, .18); } } /* ===== Correcciones 29-09-2026 ===== */ /* Iconos de tablero: estado nuevo / leido */ body:not(#wx) .board_icon_message i.board-state-new, body:not(#wx) .board_icon_message i#readedmsg { color: var(--wx-primary) !important; opacity: 1; text-shadow: 0 0 14px rgba(91, 79, 224, .35); } body:not(#wx) .board_icon_message i.board-state-read, body:not(#wx) .board_icon_message i#noreadedmsg { color: #b4bbd0 !important; opacity: 1; text-shadow: none; } body:not(#wx)[data-theme="dark"] .board_icon_message i.board-state-new { color: #8f86ff !important; text-shadow: 0 0 16px rgba(123, 112, 255, .45); } body:not(#wx)[data-theme="dark"] .board_icon_message i.board-state-read { color: #3a4870 !important; } /* Botones de usuario en la barra superior (MP, alertas): sobre navy */ body:not(#wx) #top_info > li > a { background-color: rgba(255, 255, 255, .08); border: 1px solid var(--wx-nav-line); color: var(--wx-nav-text); } body:not(#wx) #top_info > li > a i { color: var(--wx-nav-text); } body:not(#wx) #top_info > li > a:hover, body:not(#wx) #top_info > li:hover > a, body:not(#wx) #top_info > li > a.open { background: rgba(123, 112, 255, .28); border-color: rgba(123, 112, 255, .5); color: #fff; } body:not(#wx) #top_info > li > a:hover i, body:not(#wx) #top_info > li > a.open i { color: #fff; } body:not(#wx) #top_info li a.active { background: var(--wx-grad-brand); border-color: transparent; color: #fff; box-shadow: none; text-shadow: none; } body:not(#wx) #top_info #profile_menu_top { background: transparent; border: 0; } body:not(#wx) #top_info .amt { box-shadow: 0 0 0 2px var(--wx-nav); } /* Terminal de cabecera: sin solaparse con la cabecera fija ni franja gris */ body:not(#wx) #header_ust { background-color: var(--wx-nav); } body:not(#wx) .p-header { border-bottom-width: 1px; } body:not(#wx) .window { margin-top: 53px; background: linear-gradient(to right, #161431, #01364a); } body:not(#wx) .window .controls { background-color: #0f1730; border-bottom: 1px solid var(--wx-nav-line); box-sizing: border-box; margin-right: 0; } /* Boton principal (Responder, etc.): texto blanco sobre el degradado */ body:not(#wx) .pagesection .button.active, body:not(#wx) .pagesection .button.active:hover, body:not(#wx) .pagesection .button.active:focus, body:not(#wx) .buttonlist .button.active, body:not(#wx) .buttonlist .button.active:hover { background: var(--wx-grad); color: #fff !important; border-color: transparent; text-shadow: none; } /* Contador de "Me gusta": pildora con pulgar */ body:not(#wx) .likes_bar .like_count { display: inline-block; padding: 4px 12px 4px 4px; border-radius: 999px; background: var(--wx-primary-soft); border: 1px solid var(--wx-primary-line); color: var(--wx-text-2); font-size: 12.5px; line-height: 22px; white-space: normal; } body:not(#wx) .likes_bar .like_count::before { content: ""; display: inline-block; vertical-align: middle; width: 22px; height: 22px; margin: -2px 7px 0 0; border-radius: 50%; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M2 21h4V9H2v12zm20-11a2 2 0 0 0-2-2h-6.3l1-4.6v-.3c0-.4-.2-.8-.4-1.1L13.2 1 6.6 7.6C6.2 8 6 8.5 6 9v10c0 1.1.9 2 2 2h9c.8 0 1.5-.5 1.8-1.2l3-7.1c.1-.2.2-.5.2-.7v-2z'/%3E%3C/svg%3E") center / 12px no-repeat, var(--wx-grad-brand); box-shadow: 0 2px 6px rgba(91, 79, 224, .35); } body:not(#wx) .likes_bar .like_count a { color: var(--wx-primary); font-weight: 700; text-decoration: none; } body:not(#wx) .likes_bar .like_count a:hover { text-decoration: underline; } body:not(#wx)[data-theme="dark"] .likes_bar .like_count { background: rgba(123, 112, 255, .12); border-color: rgba(123, 112, 255, .3); color: var(--wx-text); } body:not(#wx)[data-theme="dark"] .likes_bar .like_count a { color: #a79fff; } /* Icono del boton Me gusta: pulgar SVG (el sprite del tema no admite recolorear) */ body:not(#wx) .likes_bar a.msg_like .main_icons::before { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%235b4fe0'%3E%3Cpath d='M2 21h4V9H2v12zm20-11a2 2 0 0 0-2-2h-6.3l1-4.6v-.3c0-.4-.2-.8-.4-1.1L13.2 1 6.6 7.6C6.2 8 6 8.5 6 9v10c0 1.1.9 2 2 2h9c.8 0 1.5-.5 1.8-1.2l3-7.1c.1-.2.2-.5.2-.7v-2z'/%3E%3C/svg%3E") center / 14px 14px no-repeat !important; filter: none !important; } body:not(#wx) .likes_bar a.msg_like.liked .main_icons::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M2 21h4V9H2v12zm20-11a2 2 0 0 0-2-2h-6.3l1-4.6v-.3c0-.4-.2-.8-.4-1.1L13.2 1 6.6 7.6C6.2 8 6 8.5 6 9v10c0 1.1.9 2 2 2h9c.8 0 1.5-.5 1.8-1.2l3-7.1c.1-.2.2-.5.2-.7v-2z'/%3E%3C/svg%3E") !important; } body:not(#wx)[data-theme="dark"] .likes_bar a.msg_like:not(.liked) .main_icons::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23b9b3ff'%3E%3Cpath d='M2 21h4V9H2v12zm20-11a2 2 0 0 0-2-2h-6.3l1-4.6v-.3c0-.4-.2-.8-.4-1.1L13.2 1 6.6 7.6C6.2 8 6 8.5 6 9v10c0 1.1.9 2 2 2h9c.8 0 1.5-.5 1.8-1.2l3-7.1c.1-.2.2-.5.2-.7v-2z'/%3E%3C/svg%3E") !important; } /* Flecha del desplegable del menu superior: mismo fondo y borde que el sub-menu */ body:not(#wx) .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu:before { top: -7px; bottom: auto; left: 20px; z-index: 1; width: 12px; height: 12px; transform: rotate(45deg); background-color: var(--wx-surface); border-left: 1px solid var(--wx-line); border-top: 1px solid var(--wx-line); border-radius: 2px 0 0 0; box-shadow: none; } /* SEO: H1 con el mismo aspecto que los titulos anteriores */ .wx-sr-only { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } body:not(#wx) h1.display_title { font-size: 26px; font-weight: normal; margin: 0 0 .25em; line-height: 1.05em; color: var(--wx-text); } body:not(#wx) #description_board h1 { display: inline-block; font-size: 1em; font-weight: bold; margin: 0; line-height: inherit; color: var(--wx-text); } body:not(#wx) #description_board h1::after { content: " - "; font-weight: normal; }