MediaWiki:Common.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
• Opera: Press Ctrl-F5.

@font-face {
    font-family: 'CrimsonText';
    src: url('https://wiki.heystories.com/fonts/CrimsonText-Regular.ttf') format('truetype'),
         url('https://wiki.heystories.com/fonts/CrimsonText-Bold.ttf') format('truetype');
}
.mw-body,
.mw-headline,
.mw-label,
.mw-input,
.mw-body-content,
.mw-allpages-table-form,
.mw-allpages-nav {
font-family: 'CrimsonText' !important;}

body {
    background-image: url('https://wiki.heystories.com/images/a/ae/Estafotodefsl.png') !important;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

.vector-feature-zebra-design-disabled .mw-page-container {
    background-color: #000000;
    opacity: 0.9;
    width: 88%;
}

.vector-feature-zebra-design-disabled body {
    color: #FFFFFF;
}

.vector-feature-zebra-design-disabled .vector-header-container {
    background-color: transparent;
    width: 88%;
    height: 100px;
}

/* Cambiar el color de los enlaces a verde */
a {
    color: green;
}

/* Cambiar el color de los enlaces visitados a un tono de verde más oscuro */
a:visited {
    color: darkgreen;
}

/* Cambiar el color de los enlaces al pasar el ratón por encima a un tono de verde claro */
a:hover {
    color: lightgreen;
}

/* Cambiar el color de los enlaces al hacer clic en ellos */
a:active {
    color: forestgreen;
}

.firstHeading {
    color: #00000;
}

h1, h2, h3, h4, h5, h6 {
    color: #000000 !important;
}

#mw-header-container {
    background-image: url('https://wiki.heystories.com/images/9/9f/Nuevocielogriego.png'); /* Reemplaza 'ruta/a/tu/imagen.jpg' con la ruta a tu imagen de fondo */
    background-size: cover; /* Esto asegurará que la imagen cubra toda la barra sin repetirse */
}

body.page-Main_Page h1.firstHeading { display: none; }

/* Establecer el estilo de los títulos de contenido (h1, h2, h3, h4, h5, h6) */
.mw-parser-output h1,
.mw-parser-output h2,
.mw-parser-output h3,
.mw-parser-output h4,
.mw-parser-output h5,
.mw-parser-output h6 {
    font-family: 'CrimsonText', serif; /* Utiliza la fuente 'CrimsonText' o una serif por defecto */
    color: #000000; /* Color del texto en negro */
    font-weight: normal; /* Peso de la fuente normal, no negrita */
    margin-bottom: 0.5em; /* Espacio debajo del título */
}

/* Ajustar el tamaño del texto de los títulos */
.mw-parser-output h1 { font-size: 1.6em; } /* Tamaño más grande para h1 */
.mw-parser-output h2 { font-size: 1.4em; } /* Tamaño ligeramente más grande para h2 */
.mw-parser-output h3 { font-size: 1.2em; } /* Tamaño ligeramente más grande para h3 */
/* Continúa ajustando h4, h5, y h6 según sea necesario */

/* Eliminar el subrayado de los títulos si están enlazados */
.mw-parser-output h1 a,
.mw-parser-output h2 a,
.mw-parser-output h3 a,
.mw-parser-output h4 a,
.mw-parser-output h5 a,
.mw-parser-output h6 a {
    text-decoration: none; /* Elimina el subrayado de los enlaces */
}