Advertisement
Gianella

Milton

Sep 25th, 2013
43
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.61 KB | None | 0 0
  1. <center><link href='http://fonts.googleapis.com/css?family=Questrial|Open+Sans+Condensed:300' rel='stylesheet' type='text/css'>
  2. <div class="backg">
  3. <div class="title">Amy Lynn Lee Hartzler</div>
  4. <div class="block1"> <div class="text1">DATO
  5. DATO
  6. DATO
  7. DATO
  8. DATO</div><div class="img1"><img src="http://userserve-ak.last.fm/serve/_/12890013/Amy+Lee+Amy_Lee_0006.jpg" class="imgs"/></div></div>
  9.  
  10. <div class="subtitle2">Descripción física</div>
  11. <div class="block3">Lorem ipsum ad his scripta blandit partiendo, eum fastidii accumsan euripidis in, eum liber hendrerit an. Qui ut wisi vocibus suscipiantur, quo dicit ridens inciderint id. Quo mundi lobortis reformidans eu, legimus senserit definiebas an eos. Eu sit tincidunt incorrupte definitionem, vis mutat affert percipit cu, eirmod consectetuer signiferumque eu per. In usu latine equidem dolores. Quo no falli viris intellegam, ut fugit veritus placerat per. Ius id vidit volumus mandamus, vide veritus democritum te nec, ei eos debet libris consulatu. No mei ferri graeco dicunt, ad cum veri accommodare. Sed at malis omnesque delicata, usu et iusto zzril meliore. Dicunt maiorum eloquentiam cum cu, sit summo dolor essent te. Ne quodsi nusquam legendos has, ea dicit voluptua eloquentiam pro, ad sit quas qualisque. Eos vocibus deserunt quaestio ei. Blandit incorrupte quaerendum in quo, nibh impedit id vis, vel no nullam semper audiam. </div>
  12. <div class="subtitle2">Lo que me gusta </div>
  13. <div class="block3">Lorem ipsum ad his scripta blandit partiendo, eum fastidii accumsan euripidis in, eum liber hendrerit an. Qui ut wisi vocibus suscipiantur, quo dicit ridens inciderint id. Quo mundi lobortis reformidans eu, legimus senserit definiebas an eos. Eu sit tincidunt incorrupte definitionem, vis mutat affert percipit cu, eirmod consectetuer signiferumque eu per. In usu latine equidem dolores. Quo no falli viris intellegam, ut fugit veritus placerat per. Ius id vidit volumus mandamus, vide veritus democritum te nec, ei eos debet libris consulatu. No mei ferri graeco dicunt, ad cum veri accommodare. Sed at malis omnesque delicata, usu et iusto zzril meliore. Dicunt maiorum eloquentiam cum cu, sit summo dolor essent te. Ne quodsi nusquam legendos has, ea dicit voluptua eloquentiam pro, ad sit quas qualisque. Eos vocibus deserunt quaestio ei. Blandit incorrupte quaerendum in quo, nibh impedit id vis, vel no nullam semper audiam. </div>
  14.  
  15. <style>.backg {background: white;border-left: 20px solid #080820;border-right: 20px solid #080820; width: 610px} .title {margin-bottom: -20px;font-family: Questrial;font-size: 30px;border-bottom: 10px solid #8623B7; text-align: center;} .block1{ width:305px; height:420px; overflow: hidden; float: left; margin-bottom: 15px;}.block1 .text1{ width: 300px; height:395px; border-right: 5px solid #8623B7; border-bottom: 5px solid #080820; text-align: center; font-family: Open Sans Condensed; padding-top: 20px} .block1 .img1{ width: 305px; height: 420px;margin-top: -420px; -webkit-transition: 1s ease all} .block1:hover .img1 {margin-left: -600px} .imgs {width: 300px; height: 415px; border-right: 5px solid #8623B7; border-bottom: 5px solid #080820} .subtitle2 {margin-top: -40px;margin-left: -10px ; padding: 10px; text-align: center; font-family: Questrial} .block3{ text-align: justify; margin-bottom: 25px;border: 2px dashed #080820; width: 280px; height: 80px; margin-top: -30px; padding: 10px; font-family: Open Sans Condensed; max-height: 100px; overflow: auto; text-overflow:ellipsis} .subtitle3 {margin-top: -45px; margin-left: -10px ; padding: 10px; text-align: center;font-family: Questrial} .block4{ text-align: justify; border: 2px dashed #080820; width: 280px; height: 144px; margin-top: -30px; padding: 10px; font-family: Open Sans Condensed; max-height: 144px; overflow: auto} .block2{margin-top: -14px;width:305px; height:435px; overflow: hidden; float: right} .text2{ padding: 20px; width: 300px; height:375px; border-left: 5px solid #8623B7; border-bottom: 5px solid #080820; border-top: 5px solid #080820; text-align: center; font-family: Open Sans Condensed} .img2{ margin-left: 0px; width: 300px; height: 415px; margin-top: -425px; -webkit-transition: 1s ease all} .block2:hover .img2{margin-left: 300px} .imgs2 {width: 300px; height: 415px; border-left: 5px solid #8623B7; border-bottom: 5px solid #080820; border-top: 5px solid #080820} .credits {position: relative; margin-top: -35px; font-family: Open Sans Condensed} div::-webkit-scrollbar {border-radius: 30px; height: 32px; width: 5px; background: #080820}  div::-webkit-scrollbar-thumb { background: #8623B7; border-radius:30px } div::-webkit-scrollbar-button { display: none} </style></center>
  16. <div class="texto1"> </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement