BettyLeg

POST DE ROL -DUA

Jun 23rd, 2020 (edited)
2,057
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.84 KB | None | 0 0
  1. /****************** FOTO Y PORTADA ******************/
  2. <div class="profb1" style="border-color:#eee"><div class="portb1" style="background:url(https://placehold.jp/400x210.png); background-size:cover;"><div class="picprofb1"><img src="https://placehold.jp/100x100.png"/></div></div><div class="tringb2"></div><div class="titb1"><span style="color:#F99B7E">Rescue me</span><br/><span class="chtitb1">Maeve, por la tarde</span></div><div class="pstb1">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel felis interdum, pellentesque est eget, laoreet neque. Aliquam commodo venenatis ultricies. Aenean varius turpis quis tortor pulvinar, luctus malesuada turpis convallis. Aenean in dapibus justo, at placerat lorem. Mauris accumsan orci eget iaculis hendrerit. Etiam at sem eu mi porttitor hendrerit. Morbi mattis, sem in feugiat viverra, sem purus tincidunt metus, sed aliquam diam urna eu lectus.</div></div><div class="cred"><a href="http://bettyleg.tumblr.com">bettyleg</a></div>
  3.  
  4. <link href="https://fonts.googleapis.com/css2?family=Lora:wght@500&family=Playfair+Display:ital,wght@0,500;1,600&display=swap" rel="stylesheet"><link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous"><style>.profb1{width:400px; font-family: 'Lora', serif; font-size:14px; border:15px solid #f4f4f4; margin: 10px auto; background:#fff; padding-bottom:10px;} .portb1{height:210px; background:#000; display:flex; align-items:center; justify-content:center; width:400px;} .portb1 img{width:100px; height:100px; border-radius:180px; border:6px solid #fff; top:60px; position:relative;} .tringb2{ width: 0; height: 0; border-right: 400px solid #fff; border-top: 100px solid transparent; border-bottom: 0px solid transparent; margin-top:-100px; margin-bottom:50px;} .picprofb1{display:flex; align-items:center; justify-content:center;} .nmbb1{line-height:18px; padding-left:20px; color:#fff; font-family: 'Playfair Display', serif; font-style:italic; font-size:18px; border-bottom:0px solid #fff; margin-left:-2px; padding-bottom:5px;} .titb1{font-family: 'Playfair Display', serif; font-size:28px; font-style:italic; text-align:right; color:#444; padding:0px 20px 20px; line-height:18px; font-weight:900;} .chtitb1{font-size:12px;font-family: 'Lora', serif; font-weight:500; } .cred{margin:0px auto; margin-top:-5px; width:280px; text-align:center;background:#fff;border:1px solid #eee;} .cred a{text-decoration:none; color:#888; text-transform:uppercase; font-size:8px; font-family:arial; letter-spacing:2px;} .pstb1{ padding:10px 40px 20px; text-align:justify; font-size:12px; line-height:18px;}</style>
  5.  
  6. /******************************* SIN FOTOS ******************************/
  7. <div class="profb1" style="border-color:#eee; padding-top:40px;"><div class="titb1"><span style="color:#F99B7E">Rescue me</span><br/><span class="chtitb1">Maeve, por la tarde</span></div><div class="pstb1">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel felis interdum, pellentesque est eget, laoreet neque. Aliquam commodo venenatis ultricies. Aenean varius turpis quis tortor pulvinar, luctus malesuada turpis convallis. Aenean in dapibus justo, at placerat lorem. Mauris accumsan orci eget iaculis hendrerit. Etiam at sem eu mi porttitor hendrerit. Morbi mattis, sem in feugiat viverra, sem purus tincidunt metus, sed aliquam diam urna eu lectus.<br/>Sed vestibulum leo eget dui molestie tincidunt. Nam commodo dignissim lacus quis auctor. Phasellus quis gravida est. Nullam ornare sit amet tellus ut luctus. Nam ac ornare nisi. Phasellus arcu tellus, efficitur ut porta in, bibendum ac mi. Cras dapibus elit non risus mollis, eu sodales tellus tempor. Cras imperdiet lectus turpis, eget aliquam orci tristique eget. Donec leo sem, vestibulum quis pharetra interdum, finibus in justo. Donec suscipit nulla leo, vel lacinia orci molestie a. Duis tempus risus eget pharetra sollicitudin. Pellentesque maximus sagittis commodo. Quisque neque dui, vestibulum et efficitur et, fermentum eu orci. Vestibulum a felis ut dolor imperdiet tristique. Curabitur posuere ante id leo pharetra, sed pharetra nisi dictum.</div></div><div class="cred"><a href="http://bettyleg.tumblr.com">bettyleg</a></div>
  8.  
  9. <link href="https://fonts.googleapis.com/css2?family=Lora:wght@500&family=Playfair+Display:ital,wght@0,500;1,600&display=swap" rel="stylesheet"><link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous"><style>.profb1{width:400px; font-family: 'Lora', serif; font-size:14px; border:15px solid #f4f4f4; margin: 10px auto; background:#fff; padding-bottom:10px;} .nmbb1{line-height:18px; padding-left:20px; color:#fff; font-family: 'Playfair Display', serif; font-style:italic; font-size:18px; border-bottom:0px solid #fff; margin-left:-2px; padding-bottom:5px;} .titb1{font-family: 'Playfair Display', serif; font-size:28px; font-style:italic; text-align:right; color:#444; padding:0px 20px 20px; line-height:18px; font-weight:900;} .chtitb1{font-size:12px;font-family: 'Lora', serif; font-weight:500; } .cred{margin:0px auto; margin-top:-5px; width:280px; text-align:center;background:#fff;border:1px solid #eee;} .cred a{text-decoration:none; color:#888; text-transform:uppercase; font-size:8px; font-family:arial; letter-spacing:2px;} .pstb1{ padding:10px 40px 20px; text-align:justify; font-size:12px; line-height:18px;}</style>
  10.  
  11. /********************************** ACTUALIZACIÓN CON RESÚMENES ******************************************/
  12.  
  13. /********************************* SIN PORTADA ***************************/
  14.  
  15. /***************** POST + RESUMEN ***************************/
  16.  
  17. <div class="profb1" style="border-color:#eeeeeeaa; padding-top:50px; outline:1px solid #ddd; outline-offset:-15px;"><div class="titb1"><span style="color:#F99B7E">Bad Habits</span><br/><span class="chtitb1">Maeve, por la tarde</span></div><div class="pstb1">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel felis interdum, pellentesque est eget, laoreet neque. Aliquam commodo venenatis ultricies. Aenean varius turpis quis tortor pulvinar, luctus malesuada turpis convallis. Aenean in dapibus justo, at placerat lorem. Mauris accumsan orci eget iaculis hendrerit. Etiam at sem eu mi porttitor hendrerit. Morbi mattis, sem in feugiat viverra, sem purus tincidunt metus, sed aliquam diam urna eu lectus.<br/><br/>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel felis interdum, pellentesque est eget, laoreet neque. Aliquam commodo venenatis ultricies. Aenean varius turpis quis tortor pulvinar, luctus malesuada turpis convallis. Aenean in dapibus justo, at placerat lorem. Mauris accumsan orci eget iaculis hendrerit. Etiam at sem eu mi porttitor hendrerit. Morbi mattis, sem in feugiat viverra, sem purus tincidunt metus, sed aliquam diam urna eu lectus.</div><div class="pstb1-resumen"><i class="fa fa-star" style="background:#fff;color:#F99B7E"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel felis interdum, pellentesque est eget, laoreet neque. Aliquam commodo venenatis ultricies. Aenean varius turpis quis tortor pulvinar, luctus malesuada turpis convallis. Aenean in dapibus justo, at placerat lorem. Mauris accumsan orci eget iaculis hendrerit. Etiam at sem eu mi porttitor hendrerit. Morbi mattis, sem in feugiat viverra, sem purus tincidunt metus, sed aliquam diam urna eu lectus.</div></div><div class="cred"><a href="http://bettyleg.tumblr.com">bettyleg</a></div>
  18.  
  19. <link href="https://fonts.googleapis.com/css2?family=Lora:wght@500&family=Playfair+Display:ital,wght@0,500;1,600&display=swap" rel="stylesheet"><link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous"><style>.profb1{width:400px; font-family: 'Lora', serif; font-size:14px; border:15px solid #f4f4f4; margin: 10px auto; background:#fff; padding-bottom:10px;}.portb1{height:210px; background:#000; display:flex; align-items:center; justify-content:center; width:400px;} .portb1 img{width:100px; height:100px; border-radius:180px; border:6px solid #fff; top:60px; position:relative;} .tringb2{ width: 0; height: 0; border-right: 400px solid #fff; border-top: 100px solid transparent; border-bottom: 0px solid transparent; margin-top:-100px; margin-bottom:50px;} .nmbb1{line-height:18px; padding-left:20px; color:#fff; font-family: 'Playfair Display', serif; font-style:italic; font-size:18px; border-bottom:0px solid #fff; margin-left:-2px; padding-bottom:5px;} .titb1{font-family: 'Playfair Display', serif; font-size:28px; font-style:italic; text-align:right; color:#444; padding:0px 40px 20px; line-height:18px; font-weight:900;} .chtitb1{font-size:12px;font-family: 'Lora', serif; font-weight:500; } .cred{margin:0px auto; margin-top:-5px; width:280px; text-align:center;background:#fff;border:1px solid #eee;} .cred a{text-decoration:none; color:#888; text-transform:uppercase; font-size:8px; font-family:arial; letter-spacing:2px;} .pstb1{ padding:10px 40px 20px; text-align:justify; font-size:12px; line-height:18px;}.pstb1-pj{border:1px solid #ddd; margin:20px;}.pstb1-pjs{padding:20px; display:flex; align-items:center; justify-content:space-between; background:#fdfdfd;} .pstb1-pjs > img{width:110px; height:110px; background:#fff; padding:10px; border:1px solid #ddd; border-radius:200px; margin-right:20px;} .pstb1-desc{max-height:140px; overflow:auto; overflow-x:hidden; margin:10px 0px; font-size:10px; text-align:justify; padding-right:10px;} .pstb1-pjtit{height:40px; border-bottom:1px solid #ddd; display:flex; align-items:center; justify-content:center; font-size:14px; font-family: 'Playfair Display', serif; font-weight:600;} .pstb1-resumen{margin:10px auto 25px; width:300px; text-align:justify; font-size:12px; color:#666; line-height:18px; padding-top:20px; border-top:1px solid #ddd; position:relative;} .pstb1-resumen > i.fa{position:absolute; top:-10px; font-size:16px; left:130px; padding:0px 20px;}</style>
  20.  
  21. /***************** POST + PRESENTACIÓN PJ *******************/
  22.  
  23. <div class="profb1" style="border-color:#eeeeeeaa; padding-top:50px; outline:1px solid #ddd; outline-offset:-15px;"><div class="titb1"><span style="color:#F99B7E">Bad Habits</span></div><div class="pstb1">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel felis interdum, pellentesque est eget, laoreet neque. Aliquam commodo venenatis ultricies. Aenean varius turpis quis tortor pulvinar, luctus malesuada turpis convallis. Aenean in dapibus justo, at placerat lorem. Mauris accumsan orci eget iaculis hendrerit. Etiam at sem eu mi porttitor hendrerit. Morbi mattis, sem in feugiat viverra, sem purus tincidunt metus, sed aliquam diam urna eu lectus.</div><div class="pstb1-pj"><div class="pstb1-pjtit"><span style="color:#F99B7E">Nombre del pj</span></div><div class="pstb1-pjs"><img src="https://placehold.jp/120x120.png"/><div class="pstb1-desc">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel felis interdum, pellentesque est eget, laoreet neque. Aliquam commodo venenatis ultricies. Aenean varius turpis quis tortor pulvinar, luctus malesuada turpis convallis. Aenean in dapibus justo, at placerat lorem. Mauris accumsan orci eget iaculis hendrerit. Etiam at sem eu mi porttitor hendrerit. Morbi mattis, sem in feugiat viverra, sem purus tincidunt metus, sed aliquam diam urna eu lectus.<br/>Sed vestibulum leo eget dui molestie tincidunt. Nam commodo dignissim lacus quis auctor. Phasellus quis gravida est.</div></div></div><div class="pstb1-pj"><div class="pstb1-pjtit"><span style="color:#F99B7E">Nombre del pj</span></div><div class="pstb1-pjs"><div class="pstb1-desc">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel felis interdum, pellentesque est eget, laoreet neque. Aliquam commodo venenatis ultricies. Aenean varius turpis quis tortor pulvinar, luctus malesuada turpis convallis. Aenean in dapibus justo, at placerat lorem. Mauris accumsan orci eget iaculis hendrerit. Etiam at sem eu mi porttitor hendrerit. Morbi mattis, sem in feugiat viverra, sem purus tincidunt metus, sed aliquam diam urna eu lectus.<br/>Sed vestibulum leo eget dui molestie tincidunt. Nam commodo dignissim lacus quis auctor. Phasellus quis gravida est.</div><img src="https://placehold.jp/120x120.png" style="margin-right:0; margin-left:20px;"/></div></div></div><div class="cred"><a href="http://bettyleg.tumblr.com">bettyleg</a></div>
  24.  
  25. <link href="https://fonts.googleapis.com/css2?family=Lora:wght@500&family=Playfair+Display:ital,wght@0,500;1,600&display=swap" rel="stylesheet"><link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous"><style>.profb1{width:400px; font-family: 'Lora', serif; font-size:14px; border:15px solid #f4f4f4; margin: 10px auto; background:#fff; padding-bottom:10px;}.portb1{height:210px; background:#000; display:flex; align-items:center; justify-content:center; width:400px;} .portb1 img{width:100px; height:100px; border-radius:180px; border:6px solid #fff; top:60px; position:relative;} .tringb2{ width: 0; height: 0; border-right: 400px solid #fff; border-top: 100px solid transparent; border-bottom: 0px solid transparent; margin-top:-100px; margin-bottom:50px;} .nmbb1{line-height:18px; padding-left:20px; color:#fff; font-family: 'Playfair Display', serif; font-style:italic; font-size:18px; border-bottom:0px solid #fff; margin-left:-2px; padding-bottom:5px;} .titb1{font-family: 'Playfair Display', serif; font-size:28px; font-style:italic; text-align:right; color:#444; padding:0px 40px 20px; line-height:18px; font-weight:900;} .chtitb1{font-size:12px;font-family: 'Lora', serif; font-weight:500; } .cred{margin:0px auto; margin-top:-5px; width:280px; text-align:center;background:#fff;border:1px solid #eee;} .cred a{text-decoration:none; color:#888; text-transform:uppercase; font-size:8px; font-family:arial; letter-spacing:2px;} .pstb1{ padding:10px 40px 20px; text-align:justify; font-size:12px; line-height:18px;}.pstb1-pj{border:1px solid #ddd; margin:20px;}.pstb1-pjs{padding:20px; display:flex; align-items:center; justify-content:space-between; background:#fdfdfd;} .pstb1-pjs > img{width:110px; height:110px; background:#fff; padding:10px; border:1px solid #ddd; border-radius:200px; margin-right:20px;} .pstb1-desc{max-height:140px; overflow:auto; overflow-x:hidden; margin:10px 0px; font-size:10px; text-align:justify; padding-right:10px;} .pstb1-pjtit{height:40px; border-bottom:1px solid #ddd; display:flex; align-items:center; justify-content:center; font-size:14px; font-family: 'Playfair Display', serif; font-weight:600;} .pstb1-resumen{margin:10px auto 25px; width:300px; text-align:justify; font-size:12px; color:#666; line-height:18px; padding-top:20px; border-top:1px solid #ddd; position:relative;} .pstb1-resumen > i.fa{position:absolute; top:-10px; font-size:16px; left:130px; padding:0px 20px;}</style>
  26.  
  27.  
  28.  
  29. /******************************* CON PORTADA ****************************/
  30. /***************** POST + RESUMEN ***************************/
  31.  
  32. <div><div class="profb1" style="border-color:#eeeeeeaa;outline:1px solid #ddd;outline-offset:-15px;"><div class="portb1" style="background:url(https://placehold.jp/400x210.png); background-size:cover;"><div class="picprofb1"><img src="https://placehold.jp/100x100.png"></div></div><div class="tringb2"></div><div class="titb1"><span style="color:#F99B7E">Bad Habits</span><br><span class="chtitb1">Maeve, por la tarde</span></div><div class="pstb1">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel felis interdum, pellentesque est eget, laoreet neque. Aliquam commodo venenatis ultricies. Aenean varius turpis quis tortor pulvinar, luctus malesuada turpis convallis. Aenean in dapibus justo, at placerat lorem. Mauris accumsan orci eget iaculis hendrerit. Etiam at sem eu mi porttitor hendrerit. Morbi mattis, sem in feugiat viverra, sem purus tincidunt metus, sed aliquam diam urna eu lectus.<br><br>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel felis interdum, pellentesque est eget, laoreet neque. Aliquam commodo venenatis ultricies. Aenean varius turpis quis tortor pulvinar, luctus malesuada turpis convallis. Aenean in dapibus justo, at placerat lorem. Mauris accumsan orci eget iaculis hendrerit. Etiam at sem eu mi porttitor hendrerit. Morbi mattis, sem in feugiat viverra, sem purus tincidunt metus, sed aliquam diam urna eu lectus.</div><div class="pstb1-resumen"><i class="fa fa-star" style="background:#fff;color:#F99B7E"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel felis interdum, pellentesque est eget, laoreet neque. Aliquam commodo venenatis ultricies. Aenean varius turpis quis tortor pulvinar, luctus malesuada turpis convallis. Aenean in dapibus justo, at placerat lorem. Mauris accumsan orci eget iaculis hendrerit. Etiam at sem eu mi porttitor hendrerit. Morbi mattis, sem in feugiat viverra, sem purus tincidunt metus, sed aliquam diam urna eu lectus.</div></div><div class="cred"><a href="http://bettyleg.tumblr.com">bettyleg</a></div>
  33.  
  34. <link href="https://fonts.googleapis.com/css2?family=Lora:wght@500&amp;family=Playfair+Display:ital,wght@0,500;1,600&amp;display=swap" rel="stylesheet"><link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous"><style>.profb1{width:400px; font-family: 'Lora', serif; font-size:14px; border:15px solid #f4f4f4; margin: 10px auto; background:#fff; padding-bottom:10px;}.portb1{height:210px; background:#000; display:flex; align-items:center; justify-content:center; width:400px;} .portb1 img{width:100px; height:100px; border-radius:180px; border:6px solid #fff; top:60px; position:relative;} .tringb2{ width: 0; height: 0; border-right: 400px solid #fff; border-top: 100px solid transparent; border-bottom: 0px solid transparent; margin-top:-100px; margin-bottom:50px;} .nmbb1{line-height:18px; padding-left:20px; color:#fff; font-family: 'Playfair Display', serif; font-style:italic; font-size:18px; border-bottom:0px solid #fff; margin-left:-2px; padding-bottom:5px;} .titb1{font-family: 'Playfair Display', serif; font-size:28px; font-style:italic; text-align:right; color:#444; padding:0px 40px 20px; line-height:18px; font-weight:900;} .chtitb1{font-size:12px;font-family: 'Lora', serif; font-weight:500; } .cred{margin:0px auto; margin-top:-5px; width:280px; text-align:center;background:#fff;border:1px solid #eee;} .cred a{text-decoration:none; color:#888; text-transform:uppercase; font-size:8px; font-family:arial; letter-spacing:2px;} .pstb1{ padding:10px 40px 20px; text-align:justify; font-size:12px; line-height:18px;}.pstb1-pj{border:1px solid #ddd; margin:20px;}.pstb1-pjs{padding:20px; display:flex; align-items:center; justify-content:space-between; background:#fdfdfd;} .pstb1-pjs > img{width:110px; height:110px; background:#fff; padding:10px; border:1px solid #ddd; border-radius:200px; margin-right:20px;} .pstb1-desc{max-height:140px; overflow:auto; overflow-x:hidden; margin:10px 0px; font-size:10px; text-align:justify; padding-right:10px;} .pstb1-pjtit{height:40px; border-bottom:1px solid #ddd; display:flex; align-items:center; justify-content:center; font-size:14px; font-family: 'Playfair Display', serif; font-weight:600;} .pstb1-resumen{margin:10px auto 25px; width:300px; text-align:justify; font-size:12px; color:#666; line-height:18px; padding-top:20px; border-top:1px solid #ddd; position:relative;} .pstb1-resumen > i.fa{position:absolute; top:-10px; font-size:16px; left:130px; padding:0px 20px;}</style>
  35.  
  36. /***************** POST + PRESENTACIÓN PJ *******************/
  37.  
  38. <div class="profb1" style="border-color:#eeeeeeaa;outline:1px solid #ddd;outline-offset:-15px;"><div class="portb1" style="background:url(https://placehold.jp/400x210.png); background-size:cover;"><div class="picprofb1"><img src="https://placehold.jp/100x100.png"></div></div><div class="tringb2"></div><div class="titb1"><span style="color:#F99B7E">Bad Habits</span></div><div class="pstb1">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel felis interdum, pellentesque est eget, laoreet neque. Aliquam commodo venenatis ultricies. Aenean varius turpis quis tortor pulvinar, luctus malesuada turpis convallis. Aenean in dapibus justo, at placerat lorem. Mauris accumsan orci eget iaculis hendrerit. Etiam at sem eu mi porttitor hendrerit. Morbi mattis, sem in feugiat viverra, sem purus tincidunt metus, sed aliquam diam urna eu lectus.</div><div class="pstb1-pj"><div class="pstb1-pjtit"><span style="color:#F99B7E">Nombre del pj</span></div><div class="pstb1-pjs"><img src="https://placehold.jp/120x120.png"><div class="pstb1-desc">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel felis interdum, pellentesque est eget, laoreet neque. Aliquam commodo venenatis ultricies. Aenean varius turpis quis tortor pulvinar, luctus malesuada turpis convallis. Aenean in dapibus justo, at placerat lorem. Mauris accumsan orci eget iaculis hendrerit. Etiam at sem eu mi porttitor hendrerit. Morbi mattis, sem in feugiat viverra, sem purus tincidunt metus, sed aliquam diam urna eu lectus.<br>Sed vestibulum leo eget dui molestie tincidunt. Nam commodo dignissim lacus quis auctor. Phasellus quis gravida est.</div></div></div></div><div class="cred"><a href="http://bettyleg.tumblr.com">bettyleg</a></div>
  39.  
  40. <link href="https://fonts.googleapis.com/css2?family=Lora:wght@500&amp;family=Playfair+Display:ital,wght@0,500;1,600&amp;display=swap" rel="stylesheet"><link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous"><style>.profb1{width:400px; font-family: 'Lora', serif; font-size:14px; border:15px solid #f4f4f4; margin: 10px auto; background:#fff; padding-bottom:10px;}.portb1{height:210px; background:#000; display:flex; align-items:center; justify-content:center; width:400px;} .portb1 img{width:100px; height:100px; border-radius:180px; border:6px solid #fff; top:60px; position:relative;} .tringb2{ width: 0; height: 0; border-right: 400px solid #fff; border-top: 100px solid transparent; border-bottom: 0px solid transparent; margin-top:-100px; margin-bottom:50px;} .nmbb1{line-height:18px; padding-left:20px; color:#fff; font-family: 'Playfair Display', serif; font-style:italic; font-size:18px; border-bottom:0px solid #fff; margin-left:-2px; padding-bottom:5px;} .titb1{font-family: 'Playfair Display', serif; font-size:28px; font-style:italic; text-align:right; color:#444; padding:0px 40px 20px; line-height:18px; font-weight:900;} .chtitb1{font-size:12px;font-family: 'Lora', serif; font-weight:500; } .cred{margin:0px auto; margin-top:-5px; width:280px; text-align:center;background:#fff;border:1px solid #eee;} .cred a{text-decoration:none; color:#888; text-transform:uppercase; font-size:8px; font-family:arial; letter-spacing:2px;} .pstb1{ padding:10px 40px 20px; text-align:justify; font-size:12px; line-height:18px;}.pstb1-pj{border:1px solid #ddd; margin:20px;}.pstb1-pjs{padding:20px; display:flex; align-items:center; justify-content:space-between; background:#fdfdfd;} .pstb1-pjs > img{width:110px; height:110px; background:#fff; padding:10px; border:1px solid #ddd; border-radius:200px; margin-right:20px;} .pstb1-desc{max-height:140px; overflow:auto; overflow-x:hidden; margin:10px 0px; font-size:10px; text-align:justify; padding-right:10px;} .pstb1-pjtit{height:40px; border-bottom:1px solid #ddd; display:flex; align-items:center; justify-content:center; font-size:14px; font-family: 'Playfair Display', serif; font-weight:600;} .pstb1-resumen{margin:10px auto 25px; width:300px; text-align:justify; font-size:12px; color:#666; line-height:18px; padding-top:20px; border-top:1px solid #ddd; position:relative;} .pstb1-resumen > i.fa{position:absolute; top:-10px; font-size:16px; left:130px; padding:0px 20px;}</style></div>
  41.  
Add Comment
Please, Sign In to add comment