PNHispanista/web-pnh
2
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Actualizar paginal en general (v2.1)

Browse source
This commit is contained in:
JurassikDev34 2024-11-29 17:22:28 +01:00
parent bda19e4c6d
commit 5689278e14
No known key found for this signature in database
GPG key ID: 1981AEF94349B4A2
2 changed files with 65 additions and 32 deletions
Download patch file Download diff file Expand all files Collapse all files

53
styles.css
View file

@ -33,11 +33,15 @@ header nav ul li {
header nav ul li a {
color: #fff;
text-decoration: none;
transition: color 0.3s ease;
}
header nav ul li a:hover {
color: #FFD700;
}
/* Banner principal */
.banner {
background: url('banner-image.jpg') no-repeat center center/cover;
color: #fff;
padding: 2rem;
text-align: center;
@ -51,16 +55,21 @@ header nav ul li a {
margin-top: 1rem;
text-decoration: none;
border-radius: 5px;
transition: background-color 0.3s ease;
}
.banner .button:hover {
background-color: #FF6347; /* Color ligeramente más oscuro al pasar el ratón */
}
/* Secciones */
.content {
padding: 2rem;
background-color: #fff;
margin: 1rem auto;
margin: 2rem auto;
max-width: 800px;
border-radius: 5px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); /* Sombra más suave */
}
h2 {
@ -69,7 +78,7 @@ h2 {
}
.ideology-item {
margin-bottom: 1rem;
margin-bottom: 1.5rem;
}
.ideology-item h3 {
@ -96,6 +105,7 @@ form button {
color: #fff;
border: none;
cursor: pointer;
transition: background-color 0.3s ease;
}
form button:hover {
@ -113,5 +123,40 @@ footer {
footer a {
color: #FFD700;
text-decoration: none;
transition: color 0.3s ease;
}
footer a:hover {
color: #FF6347;
}
/* Ajustes para dispositivos móviles */
@media (max-width: 768px) {
.banner {
padding: 1rem; /* Reduce el padding en pantallas pequeñas */
}
.banner .button {
padding: 0.5rem 1rem; /* Botón más pequeño en pantallas móviles */
}
.banner h2 {
font-size: 1.5rem; /* Reduce el tamaño del texto en móviles */
}
}
@media (max-width: 480px) {
.banner {
padding: 1rem; /* Reduce aún más el padding en pantallas muy pequeñas */
}
.banner h2 {
font-size: 1.2rem; /* Texto aún más pequeño en pantallas pequeñas */
}
.banner .button {
font-size: 0.9rem; /* Botón más pequeño en pantallas muy pequeñas */
padding: 0.4rem 1rem;
}
}