Advertisement
BettyLeg

Staring | versión clara.

Oct 15th, 2021
684
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 5.64 KB | None | 0 0
  1. /**************************** BUSQUEDA DE TRAMAS **********************************/
  2. <div class="btbusq10 btbusq10-trm"><div class="modul-btbusqueda"><div class="btbsq10-contenido"><div class="btbsq10-ctext"><div class="btbsq10-ctxt">Texto</div></div><div class="btbsq10-cdato"><i class="cp cp-cocktail-o"></i><div><b style="color:#878eab">titulo corto</b><span>dato - dato - dato</span></div></div></div></div><div class="modul-btbusqueda"><div class="btbsq10-contenido"><div class="btbsq10-ctext"><div class="btbsq10-ctxt">Texto</div></div><div class="btbsq10-cdato"><i class="cp cp-blimp-o"></i><div><b style="color:#6bbea1">titulo corto</b><span>dato - dato - dato</span></div></div></div></div></div><a href="https://bettyleg.tumblr.com/" style="width:400px; margin:-2px auto 10px; display:block; font-size:9px; font-family:Arial; color:#aaa; text-align:center; text-decoration:none;">BETTYLEG</a>
  3.  
  4. <link href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,900;1,700;1,900&display=swap" rel="stylesheet"><link href="https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@1,900&display=swap" rel="stylesheet"/><link href="//icons.cappuccicons.com/cpf.css" rel="stylesheet"/><style>.btbusq10{width:550px; margin:10px auto; display:flex; align-items:center; justify-content:center; background:#f8f8f8; border:1px solid #ddd; border-radius:10px; padding:60px 20px 30px; box-sizing:border-box; font-family:'Lato'; flex-wrap:wrap;}.modul-btbusqueda{width:240px; margin:0px 5px 10px;} .modul-btbusqueda > img{width:150px; height:150px; border-radius:200px; display:block; margin:0px auto; padding:15px; background:#fefefe; border:1px solid #ddd; position:relative;} .btbsq10-contenido{background:#fdfdfd; border:1px solid #ddd; height:350px; border-radius:8px; overflow:hidden;} .btbsq10-ctext{height:200px; overflow:auto; padding:0px 10px 20px 20px;} .btbsq10-cdato{border-top:1px solid #ddd;position:relative; background:#f7f7f7; height:108px; margin-top:20px; box-sizing:border-box; padding:10px; line-height:12px; text-align:center; display:flex; align-items:center; justify-content:center;} .btbsq10-ctxt{font-size:12px; color:#555; text-align:justify; line-height:16px;} .btbsq10-cdato b{display:block; font-family:'Fira Sans'; font-style:italic; font-weight:800; font-size:18px;} .btbsq10-cdato span{font-size:10px; color:#444; text-transform:uppercase; font-weight:600;} .btbusq10 ::-webkit-scrollbar{background: #fafafa; height: 20px; width: 8px;}.btbusq10 ::-webkit-scrollbar-thumb{background-color: #ddd; border: 1px solid #fafafa;} .btbsq10-cdato > div{position:relative;} .btbsq10-cdato > i{position:absolute; left:-10px; font-size:90px; top:35px; color:#ddddddae;} .btbusq10-pj .btbsq10-contenido{padding-top:120px; margin-top:-100px;} .btbusq10-trm .btbsq10-contenido{padding-top:20px;}</style>
  5.  
  6. /************************************ BUSQUEDA DE PJ ************************************************/
  7. <div class="btbusq10 btbusq10-pj"><div class="modul-btbusqueda"><img src="https://placehold.jp/150x150.png"/><div class="btbsq10-contenido"><div class="btbsq10-ctext"><div class="btbsq10-ctxt">Texto</div></div><div class="btbsq10-cdato"><i class="cp cp-cocktail-o"></i><div><b style="color:#878eab">titulo corto</b><span>dato - dato - dato</span></div></div></div></div><div class="modul-btbusqueda"><img src="https://placehold.jp/150x150.png"/><div class="btbsq10-contenido"><div class="btbsq10-ctext"><div class="btbsq10-ctxt">Texto</div></div><div class="btbsq10-cdato"><i class="cp cp-blimp-o"></i><div><b style="color:#6bbea1">titulo corto</b><span>dato - dato - dato</span></div></div></div></div></div><a href="https://bettyleg.tumblr.com/" style="width:400px; margin:-2px auto 10px; display:block; font-size:9px; font-family:Arial; color:#aaa; text-align:center; text-decoration:none;">BETTYLEG</a>
  8.  
  9. <link href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,900;1,700;1,900&display=swap" rel="stylesheet"><link href="https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@1,900&display=swap" rel="stylesheet"/><link href="//icons.cappuccicons.com/cpf.css" rel="stylesheet"/><style>.btbusq10{width:550px; margin:10px auto; display:flex; align-items:center; justify-content:center; background:#f8f8f8; border:1px solid #ddd; border-radius:10px; padding:60px 20px 30px; box-sizing:border-box; font-family:'Lato'; flex-wrap:wrap;}.modul-btbusqueda{width:240px; margin:0px 5px 10px;} .modul-btbusqueda > img{width:150px; height:150px; border-radius:200px; display:block; margin:0px auto; padding:15px; background:#fefefe; border:1px solid #ddd; position:relative;} .btbsq10-contenido{background:#fdfdfd; border:1px solid #ddd; height:350px; border-radius:8px; overflow:hidden;} .btbsq10-ctext{height:200px; overflow:auto; padding:0px 10px 20px 20px;} .btbsq10-cdato{border-top:1px solid #ddd;position:relative; background:#f7f7f7; height:108px; margin-top:20px; box-sizing:border-box; padding:10px; line-height:12px; text-align:center; display:flex; align-items:center; justify-content:center;} .btbsq10-ctxt{font-size:12px; color:#555; text-align:justify; line-height:16px;} .btbsq10-cdato b{display:block; font-family:'Fira Sans'; font-style:italic; font-weight:800; font-size:18px;} .btbsq10-cdato span{font-size:10px; color:#444; text-transform:uppercase; font-weight:600;} .btbusq10 ::-webkit-scrollbar{background: #fafafa; height: 20px; width: 8px;}.btbusq10 ::-webkit-scrollbar-thumb{background-color: #ddd; border: 1px solid #fafafa;} .btbsq10-cdato > div{position:relative;} .btbsq10-cdato > i{position:absolute; left:-10px; font-size:90px; top:35px; color:#ddddddae;} .btbusq10-pj .btbsq10-contenido{padding-top:120px; margin-top:-100px;} .btbusq10-trm .btbsq10-contenido{padding-top:20px;}</style>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement