More actions
No edit summary |
No edit summary |
||
Line 13: | Line 13: | ||
/* Establece la imagen de fondo o el color */ | /* Establece la imagen de fondo o el color */ | ||
body { | body { | ||
background-image: | background-image: [[File:FondoMontañoso.jpg|thumb]] | ||
); | |||
background-color: #f0f0f0; /* Color de respaldo si la imagen no se carga */ | 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-size: cover; /* Escala la imagen de fondo para cubrir toda la página */ |
Revision as of 01:17, 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: [[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 */ }