MediaWiki:Common.css: Difference between revisions

Revision as of 15:58, 9 April 2024

@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: ##000000;
}

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 */
}

#p-logo a {
    background-image: url('ruta/a/tu/imagen.png'); /* Reemplaza con la ruta a tu imagen */
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    width: 135px; /* Ajusta al tamaño de tu imagen */
    height: 135px; /* Ajusta al tamaño de tu imagen */
    text-indent: -9999px; /* Oculta el texto */
}