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