MediaWiki:Common.css: Difference between revisions

Revision as of 16:05, 5 November 2024

/* Estilo para el título principal de los artículos */
#firstHeading {
    font-family: "Garamond", serif;
}

/* Estilo para títulos y subtítulos dentro de los artículos */
.mw-headline {
    font-family: "Newsreader", serif;
    font-weight: 400;
}

/* Estilo para el texto normal de los artículos */
.mw-body-content {
    font-family: "Crimson Text", serif;
}

/* Estilo para el pie de página */
#footer, .mw-footer {
    color: #ffffff;
    background-color: #1c1c1c;
    font-family: "Commissioner", sans-serif;
    font-weight: 200;
}

/* Estilo para enlaces: mismo color que el texto normal con subrayado en color #f5ed56 */
a, a:link, a:visited {
    color: inherit; /* El enlace mantiene el mismo color que el texto común */
    text-decoration: underline;
    text-decoration-color: #f5ed56; /* Subrayado en color #f5ed56 */
}

/* Cambia el color del subrayado de enlaces al pasar el cursor */
a:hover {
    text-decoration-color: #f5ed56;
}

<link href="https://fonts.googleapis.com/css2?family=Garamond&family=Newsreader:ital,wght@0,400;1,400&family=Crimson+Text&family=Commissioner:wght@200&display=swap" rel="stylesheet">

@@ Line 1: / Line 1: @@
-/* Fondo general de la wiki */
+/* Estilo para el título principal de los artículos */
-body {
+#firstHeading {
-    background-color: #1a1a1f; /* Fondo del área de contenido del artículo */
+     font-family: "Garamond", serif;
-     font-family: 'Crimson Text', serif; /* Fuente para el texto ordinario */
-    color: #f5f5f5; /* Color del texto para contraste */
 }
-/* Fondo del pie de página */
+/* Estilo para títulos y subtítulos dentro de los artículos */
-#footer, .mw-footer {
+.mw-headline {
-    background-color: #0d0d0d; /* Fondo del pie de página */
+     font-family: "Newsreader", serif;
-    color: #ffffff; /* Color del texto en el pie de página */
+     font-weight: 400;
-     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 */
+/* Estilo para el texto normal de los artículos */
-#footer a, .mw-footer a {
+.mw-body-content {
-     color: #4c74d4; /* Color de los enlaces en el pie de página */
+     font-family: "Crimson Text", serif;
 }
-/* Títulos en fuente Garamond */
+/* Estilo para el pie de página */
-h1, h2, h3, h4, h5, h6 {
+#footer, .mw-footer {
-     font-family: 'Garamond', serif; /* Fuente para los títulos */
+     color: #ffffff;
-     border-bottom: none; /* Elimina la línea debajo de los títulos */
+     background-color: #1c1c1c;
-     margin-bottom: 1em; /* Añade un espacio debajo de los títulos */
+     font-family: "Commissioner", sans-serif;
-}
+     font-weight: 200;
-/* 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 */
+/* Estilo para enlaces: mismo color que el texto normal con subrayado en color #f5ed56 */
-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');
-/* Subrayado de color #f5ed56 al pasar el cursor sobre el texto */
 a, a:link, a:visited {
-     color: inherit; /* Mantiene el mismo color del texto sin cambiar */
+     color: inherit; /* El enlace mantiene el mismo color que el texto común */
      text-decoration: underline;
-     text-decoration-color: #f5ed56;
+     text-decoration-color: #f5ed56; /* Subrayado en color #f5ed56 */
 }
+/* Cambia el color del subrayado de enlaces al pasar el cursor */
 a:hover {
-     text-decoration-color: #f5ed56; /* Cambia el color del subrayado al pasar el cursor */
+     text-decoration-color: #f5ed56;
 }
-/* Subrayado de color #f5ed56 cuando el texto está bajo el cursor */
+<link href="https://fonts.googleapis.com/css2?family=Garamond&family=Newsreader:ital,wght@0,400;1,400&family=Crimson+Text&family=Commissioner:wght@200&display=swap" rel="stylesheet">
-.mw-body-content:hover {
-    text-decoration-color: #f5ed56;
-}