duncan/identidad_acatlan
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Agregación de comentarios y arreglos de estilos

Browse Source
This commit is contained in:
duncan
2024-11-22 15:00:11 -06:00
parent 2a3c7c6bbf
commit 19fe067fdf
3 changed files with 131 additions and 102 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/css/main.css
+36 -17
View File
@@ -58,9 +58,16 @@ section .section-h h2:after {
left: calc(50% - 75px);
}
/* Sección home */
.home {
/* Contendor principal para todos los archivos */
}
.home .cont-prin {
text-align: center;
/* .content-galery */
/* Contenedor ocupado en el index */
/* Contenedor para las presentación de imegenes */
/* Contenedor utilizado para himnos */
/* row para logotipos */
/* divisón flexible para wallpapers */
}
.home .cont-prin .content-home {
border-radius: 12px;
@@ -110,17 +117,6 @@ section .section-h h2:after {
opacity: 0;
transition: opacity 200ms ease-in-out;
}
.home .cont-prin .content-galery .description {
padding: 10px 0px;
}
.home .cont-prin .content-galery .description a {
text-decoration: none;
color: #1e3c70;
font-size: 22px;
}
.home .cont-prin .content-galery .description a:hover {
color: #bb8800;
}
.home .cont-prin .cont-center {
padding: 0;
justify-content: center;
@@ -141,6 +137,9 @@ section .section-h h2:after {
width: 650px;
}
}
.home .cont-prin .row {
/* división flexible para el responsive del tab de logotipos */
}
.home .cont-prin .row .div-flex .nav-item a {
color: #1e3c70;
}
@@ -194,35 +193,55 @@ section .section-h h2:after {
}
.home .cont-prin .d-flex .flex-column button {
border: solid 1px #1e3c70;
background-color: #1e3c70;
color: white;
}
.home .cont-prin .d-flex .flex-column button:hover {
color: #bb8800;
background-color: white;
}
.home .cont-prin .d-flex .modal {
background: url("../img/bg/Fondo1.png");
background-size: cover;
background-position: center;
}
.home .cont-prin .d-flex .modal .modal-content {
background: rgba(255, 255, 255, 0);
}
.home .cont-prin .d-flex .modal .modal-content .modal-body .text-right {
text-align: right !important;
}
.home .cont-prin .d-flex .modal .modal-content .modal-body .text-right .btn-close {
padding: 5px;
border-radius: 50%;
background-color: #bb8900;
}
@media (max-width: 576px) {
.home .cont-prin .d-flex .modal-body .bg-phone {
.home .cont-prin .d-flex .modal .modal-content .modal-body .bg-phone {
margin: 10px 55px;
padding: 0px;
border-radius: 13px;
}
}
@media (min-width: 577px) {
.home .cont-prin .d-flex .modal-body .bg-phone {
.home .cont-prin .d-flex .modal .modal-content .modal-body .bg-phone {
margin: 10px 55px;
padding: 0px;
border-radius: 13px;
}
}
.home .cont-prin .d-flex .modal-body a {
.home .cont-prin .d-flex .modal .modal-content .modal-body a {
text-decoration: none;
border-radius: 5px;
background-color: #bb8800;
padding: 6px 30px;
color: white;
border: 1px solid #1e3c70;
border: 1px solid white;
}
.home .cont-prin .d-flex .modal-body a:hover {
.home .cont-prin .d-flex .modal .modal-content .modal-body a:hover {
color: #bb8800;
background-color: white;
border: 1px solid #1e3c70;
}
/* Globales */
.nav-g a {