Diferencia entre revisiones de «MediaWiki:Vector.css»

De Wiki Lepra Jutsu
Página creada con «→‎Todo CSS colocado en esta página será cargado para los usuarios que usen la apariencia "Vector": :root { --vector-brand-color: #7a1f1f; --vector-brand-color--hover: #a83232; --vector-border-color-base: #ddd; --vector-color-background: #fafafa; } @media (prefers-color-scheme: dark) { :root { --vector-color-background: #121212; --vector-brand-color: #c94b4b; } } .mw-parser-output > ul > li { background: #f5f5f5; padding: 1em; margin-bott…»
 
Sin resumen de edición
 
(No se muestran 30 ediciones intermedias del mismo usuario)
Línea 1: Línea 1:
/* Todo CSS colocado en esta página será cargado para los usuarios que usen la apariencia "Vector" */
#catlinks{
:root {
   display:None;
   --vector-brand-color: #7a1f1f;
  --vector-brand-color--hover: #a83232;
  --vector-border-color-base: #ddd;
  --vector-color-background: #fafafa;
}
}
@media (prefers-color-scheme: dark) {
body.mw-user-anon #p-tb {
  :root {
     display: none !important;
     --vector-color-background: #121212;
     color: red !important;
     --vector-brand-color: #c94b4b;
  }
}
}
.mw-parser-output > ul > li {
/* ===== Tema oscuro personalizado ===== */
  background: #f5f5f5;
 
  padding: 1em;
/* Fondo general */
  margin-bottom: 1em;
 
  border-radius: 10px;
 
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
.mw-page-container,
.mw-body-content,
.vector-header-container
{
    background-color: #888;
    color: #F3E8EE;
}
}
#mw-panel {
.mw-body{ padding:20px;}
  background: linear-gradient(180deg, #7a1f1f, #4d1414);
:root{
--background-color-base:#2E2C2F;
}
}
#mw-panel a {
 
  color: #fff;
/* ===== Sidebar Vector 2022 limpia ===== */
 
.vector-sticky-pinned-container::after{content:none !important}
.vector-sticky-pinned-container, .vector-pinned-container{background-color:#2E2C2F;}
/* Títulos del menú */
.vector-menu-heading {
    color: #BACDB0 !important;
    border-bottom: 1px solid #729B79;
}
}
body {
 
  font-family: "Inter", "Noto Sans", sans-serif;
/* Links */
.vector-menu-content a {
    color: #F3E8EE !important;
}
}
.vector-menu-content a:hover {
    background-color: #729B79 !important;
    color: #2E2C2F !important;
}
/* Separadores internos */
.vector-menu-content li {
    border-bottom: 1px solid #2E2C2F;
}
/* Iconos */
.vector-menu-heading-icon,
.vector-icon {
    filter: brightness(0.9);
}
/* ===== Tema oscuro personalizado ===== */
/* Fondo general */
body,
.mw-body,
.mw-body-content,
.vector-header-container {
    background-color: #2E2C2F;
    color: #F3E8EE;
}
/* Texto */
.mw-body-content p,
.mw-body-content li,
.mw-body-content span {
    color: #F3E8EE;
}
/* Encabezados */
h1, h2, h3, h4, h5, h6 {
    color: #BACDB0;
    border-bottom-color: #475B63;
}
/* Links */
a {
    color: #729B79;
}
a:visited {
    color: #BACDB0;
}
a:hover {
    color: #F3E8EE;
}
/* Tabs (Ver / Editar) */
.vector-page-toolbar,
.vector-page-toolbar a {
    background-color: #2E2C2F;
    color: #BACDB0;
}
/* Caja de contenido */
.mw-parser-output {
    background-color: #2E2C2F;
}
/* Tablas */
table.wikitable {
    background-color: #475B63;
    color: #F3E8EE;
    border-color: #729B79;
}
table.wikitable th {
    background-color: #729B79;
    color: #2E2C2F;
}
table.wikitable td {
    border-color: #729B79;
}
/* Separadores */
hr {
    border-color: #475B63;
}
/* Inputs / forms */
input, textarea, select {
    background-color: #2E2C2F;
    color: #F3E8EE;
    border: 1px solid #729B79;
}
/* Botones
button,
.mw-ui-button {
    background-color: #729B79;
    color: #2E2C2F;
    border: none;
}
button:hover,
.mw-ui-button:hover {
    background-color: #BACDB0;
}
===== Mobile friendly =====
@media (max-width: 720px) {
    .vector-sidebar {
        background-color: #2E2C2F;
    }
    .vector-page-titlebar {
        background-color: #475B63;
    }
}
*/

Revisión actual - 02:23 16 dic 2025

#catlinks{
  display:None;
}
body.mw-user-anon #p-tb {
    display: none !important;
    color: red !important;
}
/* ===== Tema oscuro personalizado ===== */

/* Fondo general */


.mw-page-container,
.mw-body-content,
.vector-header-container
 {
    background-color: #888;
    color: #F3E8EE;
}
.mw-body{ padding:20px;}
:root{
--background-color-base:#2E2C2F;
}

/* ===== Sidebar Vector 2022 limpia ===== */

.vector-sticky-pinned-container::after{content:none !important}
.vector-sticky-pinned-container, .vector-pinned-container{background-color:#2E2C2F;}
/* Títulos del menú */
.vector-menu-heading {
    color: #BACDB0 !important;
    border-bottom: 1px solid #729B79;
}

/* Links */
.vector-menu-content a {
    color: #F3E8EE !important;
}

.vector-menu-content a:hover {
    background-color: #729B79 !important;
    color: #2E2C2F !important;
}

/* Separadores internos */
.vector-menu-content li {
    border-bottom: 1px solid #2E2C2F;
}

/* Iconos */
.vector-menu-heading-icon,
.vector-icon {
    filter: brightness(0.9);
}
/* ===== Tema oscuro personalizado ===== */

/* Fondo general */
body,
.mw-body,
.mw-body-content,
.vector-header-container {
    background-color: #2E2C2F;
    color: #F3E8EE;
}

/* Texto */
.mw-body-content p,
.mw-body-content li,
.mw-body-content span {
    color: #F3E8EE;
}

/* Encabezados */
h1, h2, h3, h4, h5, h6 {
    color: #BACDB0;
    border-bottom-color: #475B63;
}

/* Links */
a {
    color: #729B79;
}
a:visited {
    color: #BACDB0;
}
a:hover {
    color: #F3E8EE;
}


/* Tabs (Ver / Editar) */
.vector-page-toolbar,
.vector-page-toolbar a {
    background-color: #2E2C2F;
    color: #BACDB0;
}

/* Caja de contenido */
.mw-parser-output {
    background-color: #2E2C2F;
}

/* Tablas */
table.wikitable {
    background-color: #475B63;
    color: #F3E8EE;
    border-color: #729B79;
}
table.wikitable th {
    background-color: #729B79;
    color: #2E2C2F;
}
table.wikitable td {
    border-color: #729B79;
}

/* Separadores */
hr {
    border-color: #475B63;
}

/* Inputs / forms */
input, textarea, select {
    background-color: #2E2C2F;
    color: #F3E8EE;
    border: 1px solid #729B79;
}

/* Botones 
button,
.mw-ui-button {
    background-color: #729B79;
    color: #2E2C2F;
    border: none;
}
button:hover,
.mw-ui-button:hover {
    background-color: #BACDB0;
}

===== Mobile friendly ===== 
@media (max-width: 720px) {
    .vector-sidebar {
        background-color: #2E2C2F;
    }

    .vector-page-titlebar {
        background-color: #475B63;
    }
}
*/