3388
ediciones
Cambios
De CEBES Perquín
sin resumen de edición
/* Estilos para tarjetas de biografias */
.bodyblog-card{ margin position: 0absolute; padding height: 0370px; width: 10095%; height max-width: 850px; margin: 100%auto; font border-familyradius: sans-serif25px; background: #262626white; box-shadow: 0px 10px 50px rgba(252,56,56,.3);
}
.biografiainner-part{ margin position: absolute; display: flex; height: 360px; align-items: center; justify-content: center; padding: 200px auto 100px0 25px;
}
#imgTap:checked ~ .biografia .cardinner-part { position: relative; width:350px; margin padding: 0 auto; background transition: #333; padding: 20px; box.1s ease-sizing: border-box; text-align: center; box-shadow: 0 10px 40px rgba(0,0,0,0.5); overflow: hiddenin;
}
.biografia .card inner-part .layerimg{ position height: absolute260px; top width: calc(100% - 2px)260px; left flex-shrink: 0; width overflow: 100%hidden; height border-radius: 100%20px; background box-shadow: linear-gradient2px 3px 15px rgba(#03a9252,56,56,.1); z-index: 1; transition: 0.5s;
}
#imgTap:checked ~ .biografia inner-part .cardimg{ height: 370px; width: 850px; z-index:hover .layer{99; margin-top: 010px; transition: .3s .2s ease-in;
}
}
#tap-1:checked ~ .inner-part .img-1,#tap-2:checked ~ .biografia inner-part .card img-2,#tap-3:checked ~ .contenido inner-part .pimg-3{ font-size opacity: 18px1; line transition-heightdelay: 24px; color: #fff.2s;
}
}
#imgTap:checked ~ .biografia inner-part .card .contenido .detalles .h2content{ font-size display: 18px; color: #fffnone;
}
#tap-1:checked ~ .biografia inner-part .card content-1,#tap-2:checked ~ .contenido inner-part .detalles content-2,#tap-3:checked ~ .h2 inner-part .spancontent-3{ color opacity: 1; margin-left: #03a9f40px; font z-sizeindex: 14px100; transition-delay: 0.5s3s;
}
.content span{ display: block; color: #7b7992; margin-bottom: 15px; font-size: 22px; font-weight: 500}.content .title{ font-size: 30px; font-weight: 700; color: #0d0925; margin-bottom: 20px;}.content .text{ color: #4e4a67; font-size: 19px; margin-bottom: 30px; line-height: 1.5em; text-align: justify;}.content button{ display: inline-flex; padding: 15px 20px; border: none; font-size: 16px; text-transform: uppercase; color: #fff0e6; font-weight: 600; letter-spacing: 1px; border-radius: 50px; cursor: pointer; outline: none; border: 1px solid #fd3535; background: linear-gradient(147deg, #fe8a39 0%, #fd3838 74%);}.content button:hover{ background: linear-gradient(147deg, #fe791b 0%, #fd1c1c 74%);}.sliders{ position: absolute; bottom: 25px; left: 65%; transform: translateX(-50%); z-index: 12;}#imgTap:checked ~ .sliders{ display: none;}.biografia sliders .cardtap{ position: relative; height: 10px; width: 50px; background: #d9d9d9; border-radius: 5px; display: inline-flex; margin: 0 3px; cursor: pointer;}.sliders .tap:hover { background: #cccccc;}.contenido sliders .detalles h2 tap:before{ position: absolute; content: ''; top: 0; left: 0; height: 100%; width: -100%; background: linear-gradient(147deg,#f6b323 0%, #f23b26 74%); border-radius: 10px; transform: scaleX(0); transition: transform .span6s; transform-origin: left;}input[type="radio"],input[type="checkbox"]{ color display: none;}#tap-1:checked ~ .sliders .tap-1:before,#tap-2:checked ~ .sliders .tap-2: before,#ffftap-3:checked ~ .sliders .tap-3:before{ transform: scaleX(1); width: 100%;
}
