Modelo de Expediente

por **A. Scott Wakefield** Dom Jul 12, 2015 10:51 pm

NOMBRE COMPLETO

PB: NOMBRE DEL PB

Edad

Ocupación

Orientación Sexual

Ciudadanos/Turistas

DESCRIPCIÓN PSICOLÓGICA

Apartado obligatorio, no hay mínimo de líneas.

BIOGRAFÍA

Apartado obligatorio, no hay mínimo de líneas.

OTROS DATOS

Apartado opcional, puedes borrarlo si lo deseas.

Código:: <link href='https://fonts.googleapis.com/css?family=Crushed' rel='stylesheet' type='text/css'><style type="text/css"> #ellecontainer {margin-top:20px;margin-bottom: 20px; position:relative;width:452px;height:150px;background:#fff; border:4px double #8E8CA0;} .elle-info {box-sizing:border-box;background:#fff;width:452px;height:150px;position:absolute;top:0px;left:0;padding:20px;} .elle-pic {box-sizing:border-box;position:absolute;top:0px;left:0;width:226px;height:150px;-webkit-transition:0.6s ease all;-moz-transition:0.6s ease all;-o-transition:0.6s ease all;transition:0.6s ease all;-webkit-transition-delay:0.3s;-moz-transition-delay:0.3s;-o-transition-delay:0.3s;transition-delay:0.3s;} .elle-brief {box-sizing:border-box;position:absolute;top:0px;right:0;width:226px;height:150px;-webkit-transition:0.6s ease all;-moz-transition:0.6s ease all;-o-transition:0.6s ease all;transition:0.6s ease all;-webkit-transition-delay:0.3s;-moz-transition-delay:0.3s;-o-transition-delay:0.3s;transition-delay:0.3s;} .elle-bpanel {box-sizing:border-box;position:absolute;top:0;right:0;} .elle-brief:after, .elle-bpanel:after {content:"";height:0;width:0;position:absolute;top:135px;left:-32px; } .elle-bpanel:after { z-index:1; top:137px; left:-25px;} #ellecontainer:hover .elle-pic{-webkit-transition:0.6s ease all;-moz-transition:0.6s ease all;-o-transition:0.6s ease all;transition:0.6s ease all;left:-20px; opacity: 0;} #ellecontainer:hover .elle-brief {-webkit-transition:0.6s ease all;-moz-transition:0.6s ease all;-o-transition:0.6s ease all;transition:0.6s ease all;right:-20px; opacity: 0;} .elle-scroll {width:452px;height:150px; margin-top: -20px; margin-left: -20px; text-align:justify;background: #f3f3f3; color:#000;font:400 7pt/10pt 'Garamond;', georgia;} .watchasay {width: 15px; height: 158px; background: #fff; margin-top: 20px; border-right: double 4px #8E8CA0; position: absolute; z-index: 2;} .watchasay2 {width: 15px; height: 158px; background: #fff; margin-top: 20px; margin-left: 471px; border-left: double 4px #8E8CA0; position: absolute; z-index: 2;} .meangirls {width: auto; margin-left: 2px; margin-right: 2px; background: #fff; color: #67cbf0; text-transform: uppercase; padding: 4px; border: #E2E2E2 1px solid; letter-spacing: 2px; font-family: calibri; font-size: 9.5px; text-align: center;}</style> <br><center><div style="width: 490px; height: auto; border: solid 12px #777;"><div class="watchasay"></div><div class="watchasay2"></div><div id=ellecontainer><div class=elle-info><div class=elle-scroll><div style="font-size: 30px; color: #333; font-family: 'Crushed', cursive; text-transform: uppercase; text-align: center; line-height: 400%; letter-spacing: -1px;">NOMBRE COMPLETO</div><div style="text-transform: uppercase; letter-spacing: 3px; font-size: 13px; font-family: 'Crushed', cursive; color: #999; font-style: italic; margin-top: -50px; text-align: center;">PB: NOMBRE DEL PB</div><table style="margin-left:auto; margin-right:auto; margin-top: 10px;"><td><div class="meangirls">Edad</div></td><td><div class="meangirls">Ocupación</div></td><td><div class="meangirls">Orientación Sexual</div></td><td><div class="meangirls">Ciudadanos/Turistas</div></td></table></div></div><div class=elle-pic><img src="http://placehold.it/226x150" /></div><div class=elle-brief><div class=elle-bpanel><img src="http://placehold.it/226x150" /></div></div></div><div style="text-align: left; margin-left: 15px; margin-bottom: 5px; font-size: 28px; color: black; font-family: 'Crushed', cursive;">DESCRIPCIÓN PSICOLÓGICA</div><div style="width: 450px; height: 3px; background-color: #8E8CA0; margin-left: -2px;"></div><div style="width: 450px; height: auto; padding-right: 3px; margin-top: 3px;margin-bottom: 3px; text-align: justify; font-size: 12px; font-family: calibri; line-height: 15px;">Apartado obligatorio, no hay mínimo de líneas.</div><br><div style="text-align: left; margin-left: 15px; margin-bottom: 5px; font-size: 28px; color: black; font-family: 'Crushed', cursive;">BIOGRAFÍA</div><div style="width: 450px; height: 3px; background-color: #8E8CA0; margin-left: -2px;"></div><div style="width: 450px; height: auto; padding-right: 3px; margin-top: 3px; margin-bottom: 3px; text-align: justify; font-size: 12px; font-family: calibri; line-height: 15px;">Apartado obligatorio, no hay mínimo de líneas.</div><br><div style="text-align: left; text-align: left; margin-left: 15px; margin-bottom: 5px; font-size: 28px; color: black; font-family: 'Crushed', cursive;">OTROS DATOS</div><div style="width: 450px; height: 3px; background-color: #8E8CA0; margin-left: -2px;"></div><div style="width: 450px; height: auto; padding-right: 3px; margin-top: 3px; text-align: justify; font-size: 12px; font-family: calibri; line-height: 15px;">Apartado opcional, puedes borrarlo si lo deseas.</div><br></div></center>