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; }