More actions
No edit summary |
No edit summary |
||
Line 11: | Line 11: | ||
font-family: 'CrimsonText' !important;} | font-family: 'CrimsonText' !important;} | ||
/* | /* Establece la imagen de fondo o el color */ | ||
body { | body { | ||
background-image: url(' | background-image: url('path/to/your-background-image.jpg'); | ||
background- | background-color: #f0f0f0; /* Color de respaldo si la imagen no se carga */ | ||
background- | background-size: cover; /* Escala la imagen de fondo para cubrir toda la página */ | ||
background- | 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. | 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 */ }