MediaWiki:Common.css: Difference between revisions

Revision as of 15:49, 5 November 2024

/* Fondo general de la wiki */
body {
    background-color: #1a1a1f; /* Fondo del área de contenido del artículo */
    font-family: 'Crimson Text', serif; /* Fuente para el texto ordinario */
    color: #f5f5f5; /* Color del texto para contraste */
}

/* Fondo del pie de página */
#footer, .mw-footer {
    background-color: #0d0d0d; /* Fondo del pie de página */
    color: #ffffff; /* Color del texto en el pie de página */
    font-family: 'Commissioner', sans-serif; /* Fuente del pie de página */
    font-weight: 200; /* Peso extra light para la fuente */
}

/* Enlaces en el pie de página */
#footer a, .mw-footer a {
    color: #4c74d4; /* Color de los enlaces en el pie de página */
}

/* Títulos en fuente Garamond */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Garamond', serif; /* Fuente para los títulos */
    border-bottom: none; /* Elimina la línea debajo de los títulos */
    margin-bottom: 1em; /* Añade un espacio debajo de los títulos */
}

/* Color de subrayado en amarillo */
::selection {
    background-color: #ffff00; /* Color amarillo para el fondo de selección */
    color: #1a1a1f; /* Color del texto cuando está subrayado */
}

/* Color amarillo para los enlaces en el cuerpo del artículo */
a, a:visited {
    color: #ffff00; /* Color de los enlaces en el contenido */
}

/* Estilo de enlaces al pasar el cursor */
a:hover, a:active {
    color: #e6e600; /* Color de los enlaces al pasar el cursor */
}

/* Importar las fuentes de Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Crimson+Text&family=Garamond:wght@400;700&family=Commissioner:wght@200&display=swap');

@@ Line 1: / Line 1: @@
-/* Fondo general de la página (más oscuro en los costados) */
+/* Fondo general de la wiki */
 body {
-     background-color: #0d0d0d; /* Fondo general alrededor del contenido */
+     background-color: #1a1a1f; /* Fondo del área de contenido del artículo */
      font-family: 'Crimson Text', serif; /* Fuente para el texto ordinario */
-     color: #f5f5f5; /* Color del texto */
+     color: #f5f5f5; /* Color del texto para contraste */
-    margin: 0; /* Elimina cualquier margen exterior */
-}
-/* Fondo del área de contenido en el tema Timeless */
-.mw-page-container, .mw-content-container {
-    background-color: #1a1a1f; /* Fondo del área de contenido del artículo */
-    padding: 20px; /* Espacio interno para que el contenido no toque los bordes */
-    border-radius: 8px; /* Bordes redondeados para mejorar el diseño */
 }
@@ Line 27: / Line 19: @@
 }
-/* Títulos en fuente Garamond y sin línea debajo */
+/* Títulos en fuente Garamond */
 h1, h2, h3, h4, h5, h6 {
      font-family: 'Garamond', serif; /* Fuente para los títulos */
      border-bottom: none; /* Elimina la línea debajo de los títulos */
      margin-bottom: 1em; /* Añade un espacio debajo de los títulos */
-}
-/* Eliminar la línea debajo del título principal en el tema Timeless */
-h1.page-header__title, h1.firstHeading {
-    border-bottom: none !important; /* Elimina cualquier borde inferior */
-    box-shadow: none !important; /* Elimina cualquier sombra que pueda simular una línea */
 }
@@ Line 46: / Line 32: @@
 }
-/* Estilo de los enlaces: subrayado amarillo */
+/* Color amarillo para los enlaces en el cuerpo del artículo */
 a, a:visited {
-     color: inherit; /* Mantiene el color de texto general */
+     color: #ffff00; /* Color de los enlaces en el contenido */
-    text-decoration: underline; /* Aplica subrayado */
-    text-decoration-color: #ffff00; /* Subrayado amarillo */
 }
 /* Estilo de enlaces al pasar el cursor */
 a:hover, a:active {
-     color: inherit; /* Mantiene el color de texto general */
+     color: #e6e600; /* Color de los enlaces al pasar el cursor */
-    text-decoration-color: #e6e600; /* Cambia el subrayado a un tono más oscuro de amarillo */
 }
 /* Importar las fuentes de Google Fonts */
 @import url('https://fonts.googleapis.com/css2?family=Crimson+Text&family=Garamond:wght@400;700&family=Commissioner:wght@200&display=swap');