MediaWiki:Common.css: Difference between revisions

Revision as of 01:25, 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;}

/* Añade un fondo de imagen con opacidad */
body {
  background-image: url('https://wiki.heystories.com/index.php/File:FondoMonta%C3%B1oso.jpg'); /* Reemplaza con la ruta directa de tu imagen */
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  background-color: rgba(0, 0, 0, 0.5); /* Ajusta el color y la opacidad según necesites */
  color: #ffffff;
}

@@ Line 11: / Line 11: @@
 font-family: 'CrimsonText' !important;}
-/* Establece la imagen de fondo o el color */
+/* Añade un fondo de imagen con opacidad */
 body {
-    background-image: [[File:FondoMontañoso.jpg|thumb]]
+  background-image: url('https://wiki.heystories.com/index.php/File:FondoMonta%C3%B1oso.jpg'); /* Reemplaza con la ruta directa de tu imagen */
-);
+  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 */
+  background-color: rgba(0, 0, 0, 0.5); /* Ajusta el color y la opacidad según necesites */
-}
+  color: #ffffff;
-/* 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 */
 }