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 */ | ||
.wikitable { | .wikitable { | ||
| Línea 26: | Línea 25: | ||
padding: 6px 10px; | padding: 6px 10px; | ||
border-radius: 4px; | border-radius: 4px; | ||
transition: | transition: background-color 0.3s ease, box-shadow 0.3s ease; /* Solo transiciones suaves */ | ||
} | } | ||
| Línea 35: | Línea 34: | ||
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 */ | ||
} | |||
/* 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 */ | |||
} | } | ||
Revisión del 22:14 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 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 */
.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;
}