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

MediaWiki:Common.css

MediaWiki interface page
Revision as of 01:17, 1 April 2024 by Isdavid (talk | contribs)

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' !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: [[File:FondoMontañoso.jpg|thumb]]
);
    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 */
}