More actions
No edit summary Tag: Reverted |
No edit summary Tag: Reverted |
||
| Line 1: | Line 1: | ||
/* Fondo general de la página (más oscuro en los costados) */ | |||
/* Fondo general de la | |||
body { | body { | ||
background-color: # | background-color: #0d0d0d; /* Fondo general alrededor del contenido */ | ||
font-family: 'Crimson Text', serif; /* Fuente para el texto ordinario */ | font-family: 'Crimson Text', serif; /* Fuente para el texto ordinario */ | ||
color: #f5f5f5; /* Color del texto para | color: #f5f5f5; /* Color del texto */ | ||
} | |||
/* Fondo del área de contenido del artículo */ | |||
#content, .mw-body, .mw-body-content { | |||
background-color: #1a1a1f; /* Fondo del contenido del artículo */ | |||
padding: 20px; /* Espaciado para que el fondo se vea correctamente */ | |||
border-radius: 8px; /* Bordes redondeados para mejorar el diseño */ | |||
} | } | ||
| Line 44: | Line 48: | ||
color: #e6e600; /* Color de los enlaces al pasar el cursor */ | 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'); | |||
Revision as of 13:58, 5 November 2024
/* Fondo general de la página (más oscuro en los costados) */
body {
background-color: #0d0d0d; /* Fondo general alrededor del contenido */
font-family: 'Crimson Text', serif; /* Fuente para el texto ordinario */
color: #f5f5f5; /* Color del texto */
}
/* Fondo del área de contenido del artículo */
#content, .mw-body, .mw-body-content {
background-color: #1a1a1f; /* Fondo del contenido del artículo */
padding: 20px; /* Espaciado para que el fondo se vea correctamente */
border-radius: 8px; /* Bordes redondeados para mejorar el diseño */
}
/* 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');