§ Modelo de Búsquedas.

por **Rumour Has It** Mar Nov 12, 2019 8:18 pm

Nombre

Ocupación | Edad | O. Sexual

Requisitos

Explica aquí los requisitos para tomar tu búsqueda

Nombre

PB

Frase
Grupo - Edad - O. Sexual

Descripción de la busqueda

Código:: <center><div style="background-color: transparent; border: 25px solid black; width: 500px; height: 500px;"><div style="padding-top: 25px;"></div><div id="panicShip"><div id="panicTitle"><br><br><div style="background-color: white; opacity: .4; margin-bottom: 3px; height: 5px; width: 450px;"></div><div style="border-bottom: 1px dashed #35302A; opacity: .4; margin-bottom: 3px; height: 1px; width: 450px;"></div><div style="text-align: center; width: 400px; background-color: transparent; padding: 10px 25px; opacity: .6;"><div style="font-family: 'Poiret One', sans-serif; font-size: 20px; color: white; text-align: center; line-height: 26px; text-transform: uppercase; letter-spacing: 1px; text-shadow: 1px 1px 0px #121212;">Nombre</div><div style="margin: 0 auto; width: 280px; padding: 1px; background-color: transparent;"><div style="font-family: arial, sans-serif; font-size: 7px; letter-spacing: 2px; color: #fff; text-transform: uppercase;">Ocupación | Edad | O. Sexual</div></div></div><div style="border-top: 1px dashed #35302A; opacity: .4; margin-bottom: 3px; margin-top: 3px; height: 1px; width: 450px;"></div><div style="background-color: white; opacity: .4; margin-bottom: 3px; height: 5px; width: 450px;"></div></div><div class="panicTop"></div><div class="panicBottom"></div><div style="position: relative; overflow: hidden; height: 450px; width: 450px; background-image: url(https://i.imgur.com/cUeDvzb.jpg);"><div style="padding-top: 37px;"></div><div style="width: 380px; background-color: #F0F0F0; opacity: 0.6; height: 380px; border: solid 2px black; box-shadow: 1px 2px 2px #35302A;"><div style="padding-top: 50px;"></div><div style="width: 280px; height: 280px; padding: 0px 15px; overflow: auto; text-align: justify; border-top: 8px solid #35302A; border-bottom: 8px solid #35302A;"><div style="font-family: arial, sans-serif; font-size: 12.5px; text-transform: none; line-height: 105%; color: #35302A; opacity: 1; text-shadow: none; text-align: justify;"><div style="float: left; margin: 2px 8px 2px 0px; font-family: 'Poiret One'; color: black; font-size: 19px; line-height: 20px; text-transform: uppercase; letter-spacing: 1px; text-shadow: 1px 1px #000000;">Requisitos</div><br> Explica aquí los requisitos para tomar tu búsqueda<br><br></div></div></div></div></div></div><div style="font-family: arial, sans-serif; text-align: right; width: 450px; font-size: 10px; text-transform: uppercase; letter-spacing: 2px; opacity: 1!important; text-shadow: none!important;"></div><link href='http://fonts.googleapis.com/css?family=Poiret+One' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Advent+Pro' rel='stylesheet' type='text/css'><style type="text/css">#panicShip { position: relative; overflow: hidden; height: 450px; width: 450px; } .panicTop, .panicBottom { background: url('https://i.imgur.com/N5yYIz4.jpg') no-repeat scroll 0 0 transparent; position: absolute; height: 225px; width: 450px; z-index: 1; transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; } .panicTop { background-position: left top; top: 0px; left: 0px; } .panicBottom { background-position: left bottom; bottom: 0px; left: 0px; } #panicShip:hover .panicTop { top: -225px; } #panicShip:hover .panicBottom { bottom: -225px; } #panicTitle { position: absolute; top: 185px; left: 0px; z-index: 2; transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; } #panicShip:hover #panicTitle { left: -460px; }</style> <link href='http://fonts.googleapis.com/css?family=Amatic+SC:700' rel='stylesheet' type='text/css'><style type='text/css'>.whatafool { position:relative; width:245px; height:197px; background-color:#fff; border-bottom: #000 double 3px;}.mademe { position:absolute; top:75px; left:35px; border-bottom:3px double #fff; margin-bottom:10px; width:185px; height:22px; padding-bottom:10px; webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out; transition:all 1s ease-in-out; transition-delay: .75s; -webkit-transition-delay: .75s; }.whatafool:hover .mademe { top:15px; border-bottom:3px double #ccc; webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out; transition:all 1s ease-in-out; }.wontsitstill { width:235px; height:130px; padding:5px 5px 5px 5px; font-family:lucinda grande; font-size:9px; color:#222; text-align:justify; line-height:100%; overflow:auto; opacity:0; webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out; transition:all 1s ease-in-out; }.whatafool:hover .wontsitstill { opacity:1; webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out; transition:all 1s ease-in-out; transition-delay: .75s; -webkit-transition-delay: .75s; }</style> <div style='width:455px; height:200px;'><table cellpadding='0' cellspacing='0'><td><td><div class='whatafool'><div class='mademe'><div style='font-family:garamond; font-size:22px; font-style:italic; line-height:100%; text-align:center; color:#222;'>Nombre</div><div style='font-family:lucinda grande; font-size:9px; line-height:50%; letter-spacing:1px; color:#999; text-align:center;'>PB</div></div><div style='height:60px;'></div><div class='wontsitstill'><i><center>Frase</i></center><br><b>Grupo - Edad - O. Sexual</b><br><br> Descripción de la busqueda </div></div></td><td><div style='width:200px; height:200px; background-image:url(https://i.imgur.com/maNjIEz.jpg);'></td></tr></table></div></center>