MediaWiki:Common.css

Nota: Después de publicar, quizás necesite actualizar la caché de su navegador para ver los cambios.

• Firefox/Safari: Mantenga presionada la tecla Shift mientras pulsa el botón Actualizar, o presiona Ctrl+F5 o Ctrl+R (⌘+R en Mac)
• Google Chrome: presione Ctrl+Shift+R (⌘+Shift+R en Mac)
• Edge: mantenga presionada Ctrl mientras pulsa Actualizar, o presione Ctrl+F5

/* 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%;
    background-color: #f9f9f9;
    border-radius: 8px;
    overflow: hidden;
    padding: 10px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); /* Sombra ligera en la tabla */
}

/* 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: 5px;
    font-family: "Arial", sans-serif;
    text-align: center;
}

/* 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: 14px;
    margin: 0 5px;
    padding: 2px 6px;
    border-radius: 4px;
    transition: color 0.2s ease, box-shadow 0.2s ease, border 0.2s ease;
}

/* Efecto de contorno azul alrededor del texto al pasar el mouse */
body.page-Página_principal .wikitable a:hover {
    box-shadow: 0 0 6px rgba(0, 123, 255, 0.5); /* Sombra azul difuminada más pequeña */
    border: 1px solid rgba(0, 123, 255, 0.5); /* Contorno azul más delgado */
    color: #0056b3; /* Color del texto al pasar el mouse */
}

/* Efecto de brillo azul circular para imágenes */
body.page-Página_principal .wikitable img {
    transition: transform 0.2s ease, box-shadow 0.2s ease; /* Transición más rápida y sutil */
}

/* Aura azul sutil para imágenes grandes al pasar el mouse */
body.page-Página_principal .wikitable img:hover {
    box-shadow: 0 0 12px rgba(0, 123, 255, 0.6); /* Brillo azul más discreto */
    transform: scale(1.03); /* Ligeramente agranda la imagen sin desplazar */
    border-radius: 8px; /* Mantiene bordes ligeramente redondeados */
}

/* Estilo responsivo para imágenes */
body.page-Página_principal .wikitable img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 10px auto;
    border-radius: 8px;
}

/* Estilo para enlaces visitados */
body.page-Página_principal .wikitable a:visited {
    color: #666;
}