Toggle menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

MediaWiki:Common.css: Difference between revisions

MediaWiki interface page
No edit summary
No edit summary
Line 11: Line 11:
font-family: 'CrimsonText' !important;}
font-family: 'CrimsonText' !important;}


/* Establecer la imagen de fondo */
/* Establece la imagen de fondo o el color */
body {
body {
     background-image: url('https://static.vecteezy.com/system/resources/previews/006/696/364/large_2x/panoramic-abstract-decorative-dark-background-wide-angle-rough-stylized-mystic-texture-wallpaper-with-copy-space-for-design-rough-painted-plaster-wall-for-light-blue-background-free-photo.jpg');
     background-image: url('path/to/your-background-image.jpg');
     background-repeat: no-repeat;
     background-color: #f0f0f0; /* Color de respaldo si la imagen no se carga */
     background-attachment: fixed;
     background-size: cover; /* Escala la imagen de fondo para cubrir toda la página */
     background-size: cover;
     background-repeat: no-repeat; /* Evita que la imagen se repita */
}
}


/* Hacer el cuerpo de la página transparente */
/* Añade transparencia al área de contenido */
.content {
#content {
     background-color: rgba(255, 255, 255, 0.5); /* Blanco semi-transparente */
     background-color: rgba(255, 255, 255, 0.9); /* Blanco con un 90% de opacidad */
    padding: 20px; /* Agrega un poco de espacio al área de contenido */
}
 
/* Estiliza el encabezado y la barra de navegación */
#p-logo, #p-navigation {
    background-color: #333; /* Color de fondo oscuro para el encabezado y la navegación */
    color: #fff; /* Color del texto para el encabezado y la navegación */
    padding: 10px; /* Agrega un poco de espacio al encabezado y la navegación */
}
 
/* Estiliza los enlaces */
a {
    color: #0074d9; /* Color de enlace azul */
    text-decoration: none; /* Elimina las subrayas de los enlaces */
}
 
a:hover {
    text-decoration: underline; /* Agrega subrayado al pasar el cursor sobre los enlaces */
}
}

Revision as of 01:08, 1 April 2024

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

/* Establece la imagen de fondo o el color */
body {
    background-image: url('path/to/your-background-image.jpg');
    background-color: #f0f0f0; /* Color de respaldo si la imagen no se carga */
    background-size: cover; /* Escala la imagen de fondo para cubrir toda la página */
    background-repeat: no-repeat; /* Evita que la imagen se repita */
}

/* Añade transparencia al área de contenido */
#content {
    background-color: rgba(255, 255, 255, 0.9); /* Blanco con un 90% de opacidad */
    padding: 20px; /* Agrega un poco de espacio al área de contenido */
}

/* Estiliza el encabezado y la barra de navegación */
#p-logo, #p-navigation {
    background-color: #333; /* Color de fondo oscuro para el encabezado y la navegación */
    color: #fff; /* Color del texto para el encabezado y la navegación */
    padding: 10px; /* Agrega un poco de espacio al encabezado y la navegación */
}

/* Estiliza los enlaces */
a {
    color: #0074d9; /* Color de enlace azul */
    text-decoration: none; /* Elimina las subrayas de los enlaces */
}

a:hover {
    text-decoration: underline; /* Agrega subrayado al pasar el cursor sobre los enlaces */
}