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 30: | Línea 30: | ||
/* Efecto de sombra dorada y contorno de luz dorada al pasar el mouse */ | /* Efecto de sombra dorada y contorno de luz dorada al pasar el mouse */ | ||
.wikitable a:hover { | .wikitable a:hover { | ||
box-shadow: 0 0 | box-shadow: 0 0 0px rgba(255, 215, 0, 0.8); /* Sombra dorada */ | ||
border: | border: 0px solid rgba(255, 215, 0, 0.8); /* Contorno dorado */ | ||
background-color: #fffbe0; /* Fondo dorado claro al pasar el mouse */ | background-color: #fffbe0; /* Fondo dorado claro al pasar el mouse */ | ||
color: #000; /* Color de texto al pasar el mouse */ | color: #000; /* Color de texto al pasar el mouse */ | ||
Revisión del 22:16 5 sep 2024
/* Estilo general para la tabla */
.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 */
.wikitable span.plainlinks {
display: block;
padding: 10px;
font-family: Arial, sans-serif;
}
/* Estilo para los enlaces */
.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 */
.wikitable a:hover {
box-shadow: 0 0 0px rgba(255, 215, 0, 0.8); /* Sombra dorada */
border: 0px 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 */
.wikitable img {
transition: box-shadow 0.3s ease; /* Solo transición para el brillo */
}
/* Detectar imágenes grandes y aplicar brillo dorado */
.wikitable img {
width: auto;
max-width: 100%;
height: auto;
}
.wikitable img:hover {
box-shadow: 0 0 20px rgba(255, 215, 0, 0.8); /* Brillo dorado */
}
/* Opcional: Estilo para enlaces visitados */
.wikitable a:visited {
color: #555;
}