Diferencia entre revisiones de «MediaWiki:Common.css»
Ir a la navegación
Ir a la búsqueda
Sin resumen de edición |
Sin resumen de edición |
||
Línea 1: | Línea 1: | ||
/* Estilo general para la tabla */ | /* Estilo general para la tabla */ | ||
/* Estilo general para la tabla en la página específica Página_principal */ | /* Estilo general para la tabla en la página específica Página_principal */ | ||
body.page- | body.page-Página_principal .wikitable { | ||
border-collapse: collapse; | border-collapse: collapse; | ||
width: 100%; | width: 100%; | ||
Línea 12: | Línea 12: | ||
/* Estilo para el contenedor de los enlaces en la página específica Página_principal */ | /* Estilo para el contenedor de los enlaces en la página específica Página_principal */ | ||
body.page- | body.page-Página_principal .wikitable span.plainlinks { | ||
display: block; | display: block; | ||
padding: 10px; | padding: 10px; | ||
Línea 19: | Línea 19: | ||
/* Estilo para los enlaces en la página específica Página_principal */ | /* Estilo para los enlaces en la página específica Página_principal */ | ||
body.page- | body.page-Página_principal .wikitable a { | ||
color: #333; | color: #333; | ||
text-decoration: none; | text-decoration: none; | ||
Línea 30: | Línea 30: | ||
/* Efecto de sombra dorada y contorno de luz dorada al pasar el mouse en la página específica Página_principal */ | /* Efecto de sombra dorada y contorno de luz dorada al pasar el mouse en la página específica Página_principal */ | ||
body.page- | body.page-Página_principal .wikitable a:hover { | ||
box-shadow: 0 0 15px rgba(255, 215, 0, 0.8); /* Sombra dorada */ | box-shadow: 0 0 15px rgba(255, 215, 0, 0.8); /* Sombra dorada */ | ||
border: 2px solid rgba(255, 215, 0, 0.8); /* Contorno dorado */ | border: 2px solid rgba(255, 215, 0, 0.8); /* Contorno dorado */ | ||
Línea 38: | Línea 38: | ||
/* Efecto de brillo dorado circular para imágenes grandes en la página específica Página_principal */ | /* Efecto de brillo dorado circular para imágenes grandes en la página específica Página_principal */ | ||
body.page- | body.page-Página_principal.wikitable img { | ||
transition: box-shadow 0.3s ease; /* Solo transición para el brillo */ | transition: box-shadow 0.3s ease; /* Solo transición para el brillo */ | ||
} | } | ||
/* Detectar imágenes grandes y aplicar brillo dorado en la página específica Página_principal */ | /* Detectar imágenes grandes y aplicar brillo dorado en la página específica Página_principal */ | ||
body.page- | body.page-Página_principal .wikitable img { | ||
width: auto; | width: auto; | ||
max-width: 100%; | max-width: 100%; | ||
Línea 49: | Línea 49: | ||
} | } | ||
body.page- | body.page-Página_principal .wikitable img:hover { | ||
box-shadow: 0 0 20px rgba(255, 215, 0, 0.8); /* Brillo dorado */ | box-shadow: 0 0 20px rgba(255, 215, 0, 0.8); /* Brillo dorado */ | ||
} | } | ||
/* Opcional: Estilo para enlaces visitados en la página específica Página_principal */ | /* Opcional: Estilo para enlaces visitados en la página específica Página_principal */ | ||
body.page- | body.page-Página_principal .wikitable a:visited { | ||
color: #555; | color: #555; | ||
} | } |
Revisión del 22:22 5 sep 2024
/* Estilo general para la tabla */ /* Estilo general para la tabla en la página específica Página_principal */ body.page-Página_principal .wikitable { border-collapse: collapse; width: 100%; margin: 20px auto; text-align: center; background-color: #f4f4f4; border-radius: 8px; overflow: hidden; } /* Estilo para el contenedor de los enlaces en la página específica Página_principal */ body.page-Página_principal .wikitable span.plainlinks { display: block; padding: 10px; font-family: Arial, sans-serif; } /* Estilo para los enlaces en la página específica Página_principal */ body.page-Página_principal .wikitable a { color: #333; text-decoration: none; font-size: 16px; margin: 0 8px; padding: 6px 10px; border-radius: 4px; transition: background-color 0.3s ease, box-shadow 0.3s ease; /* Solo transiciones suaves */ } /* Efecto de sombra dorada y contorno de luz dorada al pasar el mouse en la página específica Página_principal */ body.page-Página_principal .wikitable a:hover { box-shadow: 0 0 15px rgba(255, 215, 0, 0.8); /* Sombra dorada */ border: 2px solid rgba(255, 215, 0, 0.8); /* Contorno dorado */ background-color: #fffbe0; /* Fondo dorado claro al pasar el mouse */ color: #000; /* Color de texto al pasar el mouse */ } /* Efecto de brillo dorado circular para imágenes grandes en la página específica Página_principal */ body.page-Página_principal.wikitable img { transition: box-shadow 0.3s ease; /* Solo transición para el brillo */ } /* Detectar imágenes grandes y aplicar brillo dorado en la página específica Página_principal */ body.page-Página_principal .wikitable img { width: auto; max-width: 100%; height: auto; } body.page-Página_principal .wikitable img:hover { box-shadow: 0 0 20px rgba(255, 215, 0, 0.8); /* Brillo dorado */ } /* Opcional: Estilo para enlaces visitados en la página específica Página_principal */ body.page-Página_principal .wikitable a:visited { color: #555; }