Diferencia entre revisiones de «MediaWiki:Common.css»

De Tenarius RO Wiki
Ir a la navegación Ir a la búsqueda
Sin resumen de edición
Sin resumen de edición
Línea 3: Línea 3:
     border-collapse: collapse;
     border-collapse: collapse;
     width: 100%;
     width: 100%;
     background-color: #f4f4f4;
     background-color: #f9f9f9;
     border-radius: 1px;
     border-radius: 8px;
     overflow: hidden;
     overflow: hidden;
    padding: 10px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); /* Sombra ligera en la tabla */
}
}


Línea 11: Línea 13:
body.page-Página_principal .wikitable span.plainlinks {
body.page-Página_principal .wikitable span.plainlinks {
     display: block;
     display: block;
     padding: 3px;
     padding: 5px;
     font-family: Arial, sans-serif;
     font-family: "Arial", sans-serif;
    text-align: center;
}
}


Línea 19: Línea 22:
     color: #333;
     color: #333;
     text-decoration: none;
     text-decoration: none;
     font-size: 16px;
     font-size: 14px;
     margin: 0 3px;
     margin: 0 5px;
     padding: 1px 3px;
     padding: 2px 6px;
     border-radius: 4px;
     border-radius: 4px;
     transition: background-color 0.3s ease, box-shadow 0.3s ease, border 0.3s ease; /* Transiciones suaves */
     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 */
/* Efecto de contorno azul alrededor del texto al pasar el mouse */
body.page-Página_principal .wikitable a:hover {
body.page-Página_principal .wikitable a:hover {
     box-shadow: 0 0 8px rgba(0, 123, 255, 0.8); /* Sombra azul difuminada */
     box-shadow: 0 0 6px rgba(0, 123, 255, 0.5); /* Sombra azul difuminada más pequeña */
     border: 2px solid rgba(0, 123, 255, 0.8); /* Contorno azul */
     border: 1px solid rgba(0, 123, 255, 0.5); /* Contorno azul más delgado */
     background-color: #e0f7ff; /* Fondo azul claro al pasar el mouse */
     color: #0056b3; /* Color del texto al pasar el mouse */
    color: #000; /* Color de texto negro al pasar el mouse */
}
}


/* Efecto de brillo azul circular para imágenes en la página específica Página_principal */
/* Efecto de brillo azul circular para imágenes */
body.page-Página_principal .wikitable img {
body.page-Página_principal .wikitable img {
     transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transiciones para el movimiento y el brillo */
     transition: transform 0.2s ease, box-shadow 0.2s ease; /* Transición más rápida y sutil */
}
}


/* Efecto de movimiento y aura azul circular en imágenes grandes al pasar el mouse */
/* Aura azul sutil para imágenes grandes al pasar el mouse */
body.page-Página_principal .wikitable img:hover {
body.page-Página_principal .wikitable img:hover {
     box-shadow: 0 0 3px rgba(0, 123, 255, 0.8); /* Brillo azul difuminado */
     box-shadow: 0 0 12px rgba(0, 123, 255, 0.6); /* Brillo azul más discreto */
     transform: scale(1.05); /* Ligeramente agranda la imagen para un efecto elegante */
     transform: scale(1.03); /* Ligeramente agranda la imagen sin desplazar */
     border-radius: 50%; /* Efecto circular en imágenes al pasar el mouse */
     border-radius: 8px; /* Mantiene bordes ligeramente redondeados */
}
}


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


/* Opcional: Estilo para enlaces visitados en la página específica Página_principal */
/* Estilo para enlaces visitados */
body.page-Página_principal .wikitable a:visited {
body.page-Página_principal .wikitable a:visited {
     color: #555;
     color: #666;
}
}

Revisión del 03:57 6 sep 2024

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