API tools faq
paste
Advertisement
Arisper

Immortal Purple

Arisper
Apr 15th, 2017
158
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.74 KB | None | 0 0
raw download clone embed print report
  1. <center><br><div id="bsf"><div class="zntx"><table><tr><td colspan="2"><div id="zncd"><div class="cdrr" style="background-image: url('http://placehold.it/150'); outline: 1px solid #0c0c0c; outline-offset: -8px;"></div><div class="cdrr"><div class="btnn"><input type="radio" id="tab-1" name="tab-group-1" checked><label for="tab-1">Pestaña 1</label><div class="lttxt"><div style="font-family: Yellowtail; font-size: 44px; color: #b29bb5; text-align: center; border-bottom: 1px solid #b29bb5; line-height: 90%; text-shadow: 2px 1px #fff;">Título</div><div class="sbfsi">Subtítulo</div><div class="txti">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec tincidunt ornare sapien vitae lacinia. Nullam pharetra urna non turpis aliquet pellentesque. Vivamus ut urna quis ex convallis eleifend. Quisque luctus congue arcu vitae bibendum. Maecenas hendrerit, est eu tristique semper, arcu lorem tincidunt nisi, eleifend congue tortor est vel nisi. Quisque ut augue nec felis congue euismod. Donec pretium, justo at pulvinar malesuada, mauris risus finibus tellus, nec sollicitudin enim dui a felis. Sed finibus eros in mi lobortis, fringilla cursus nulla interdum.
  2.  
  3. Maecenas porta mattis elit at congue. Fusce imperdiet cursus posuere. Phasellus semper ante tempor mi ultrices tempor. Maecenas pulvinar congue lacus. Nunc fringilla neque metus, a lacinia nunc sollicitudin a. Fusce sed pellentesque diam. Curabitur augue arcu, pretium eu convallis in, congue nec elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Morbi et dui lacinia, sollicitudin velit sit amet, fermentum nunc. Pellentesque vel nisl vitae sapien blandit pulvinar. Pellentesque ut diam sit amet felis lacinia tincidunt vel a elit.
  4.  
  5. Vestibulum interdum lacinia augue, non condimentum lectus tempus ut. Donec tellus nibh, facilisis ut nunc eget, dapibus cursus justo. Aenean non rhoncus leo. Sed ultrices euismod semper. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nullam ac commodo urna, vel viverra odio. Vivamus non pretium neque. Sed mollis justo metus, non venenatis nisl sodales quis. Quisque non consectetur orci. Proin facilisis eu magna sed commodo. Maecenas vitae ex condimentum, mollis lacus vitae, mollis tellus.
  6.  
  7. In turpis tortor, suscipit sit amet laoreet eget, congue at lorem. Aenean semper laoreet ex, et porttitor nisl malesuada vel. Vestibulum dapibus, tellus quis imperdiet hendrerit, sapien diam ornare ipsum, at eleifend ante sem non dolor. Praesent non euismod metus, eu laoreet elit. Vestibulum vel posuere elit. Nullam tellus augue, eleifend non hendrerit ac, molestie id erat. Suspendisse potenti. Nulla condimentum ac elit nec vulputate. Nam porta a urna nec rhoncus. Morbi pharetra ut dolor sed laoreet. Donec dolor lectus, porttitor ac aliquet a, viverra non arcu. Proin ullamcorper pretium purus ac dapibus.</div></div></div><div class="btnn" style="margin-top: -12px;"><input type="radio" id="tab-2" name="tab-group-1"><label for="tab-2">Pestaña 2</label><div class="lttxt"><div class="ttfs"><h3>Titulo</h3><div class="sbfs">Frase</div></div><div class="txtfs" style="overflow: auto;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec tincidunt ornare sapien vitae lacinia. Nullam pharetra urna non turpis aliquet pellentesque. Vivamus ut urna quis ex convallis eleifend. Quisque luctus congue arcu vitae bibendum. Maecenas hendrerit, est eu tristique semper, arcu lorem tincidunt nisi, eleifend congue tortor est vel nisi. Quisque ut augue nec felis congue euismod. Donec pretium, justo at pulvinar malesuada, mauris risus finibus tellus, nec sollicitudin enim dui a felis. Sed finibus eros in mi lobortis, fringilla cursus nulla interdum.
  8.  
  9. Maecenas porta mattis elit at congue. Fusce imperdiet cursus posuere. Phasellus semper ante tempor mi ultrices tempor. Maecenas pulvinar congue lacus. Nunc fringilla neque metus, a lacinia nunc sollicitudin a. Fusce sed pellentesque diam. Curabitur augue arcu, pretium eu convallis in, congue nec elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Morbi et dui lacinia, sollicitudin velit sit amet, fermentum nunc. Pellentesque vel nisl vitae sapien blandit pulvinar. Pellentesque ut diam sit amet felis lacinia tincidunt vel a elit.
  10.  
  11. Vestibulum interdum lacinia augue, non condimentum lectus tempus ut. Donec tellus nibh, facilisis ut nunc eget, dapibus cursus justo. Aenean non rhoncus leo. Sed ultrices euismod semper. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nullam ac commodo urna, vel viverra odio. Vivamus non pretium neque. Sed mollis justo metus, non venenatis nisl sodales quis. Quisque non consectetur orci. Proin facilisis eu magna sed commodo. Maecenas vitae ex condimentum, mollis lacus vitae, mollis tellus.</div><div id="mgm"><div class="mns" style="background-image: url('http://placehold.it/80'); outline: 1px solid #b29bb5; outline-offset: -8px;"></div><div class="mns2" style="background-image: url('http://placehold.it/140x80'); outline: 1px solid #b29bb5; outline-offset: -8px; margin-left: 4px;"></div><div class="mns" style="background-image: url('http://placehold.it/80'); outline: 1px solid #b29bb5; outline-offset: -8px; margin-left: 4px;"></div></div></div><div class="btnn"><input type="radio" id="tab-3" name="tab-group-1"><label for="tab-3">Pestaña 3</label><div class="lttxt"><div class="ttfs"><h3>Titulo</h3><div class="sbfs">Frase</div></div><div class="txtfs" style="overflow: auto;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec tincidunt ornare sapien vitae lacinia. Nullam pharetra urna non turpis aliquet pellentesque. Vivamus ut urna quis ex convallis eleifend. Quisque luctus congue arcu vitae bibendum. Maecenas hendrerit, est eu tristique semper, arcu lorem tincidunt nisi, eleifend congue tortor est vel nisi. Quisque ut augue nec felis congue euismod. Donec pretium, justo at pulvinar malesuada, mauris risus finibus tellus, nec sollicitudin enim dui a felis. Sed finibus eros in mi lobortis, fringilla cursus nulla interdum.
  12.  
  13. Maecenas porta mattis elit at congue. Fusce imperdiet cursus posuere. Phasellus semper ante tempor mi ultrices tempor. Maecenas pulvinar congue lacus. Nunc fringilla neque metus, a lacinia nunc sollicitudin a. Fusce sed pellentesque diam. Curabitur augue arcu, pretium eu convallis in, congue nec elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Morbi et dui lacinia, sollicitudin velit sit amet, fermentum nunc. Pellentesque vel nisl vitae sapien blandit pulvinar. Pellentesque ut diam sit amet felis lacinia tincidunt vel a elit.
  14.  
  15. Vestibulum interdum lacinia augue, non condimentum lectus tempus ut. Donec tellus nibh, facilisis ut nunc eget, dapibus cursus justo. Aenean non rhoncus leo. Sed ultrices euismod semper. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nullam ac commodo urna, vel viverra odio. Vivamus non pretium neque. Sed mollis justo metus, non venenatis nisl sodales quis. Quisque non consectetur orci. Proin facilisis eu magna sed commodo. Maecenas vitae ex condimentum, mollis lacus vitae, mollis tellus.</div><div id="mgm"><div class="mns" style="background-image: url('http://placehold.it/80'); outline: 1px solid #b29bb5; outline-offset: -8px;"></div><div class="mns2" style="background-image: url('http://placehold.it/140x80'); outline: 1px solid #b29bb5; outline-offset: -8px; margin-left: 4px;"></div><div class="mns" style="background-image: url('http://placehold.it/80'); outline: 1px solid #b29bb5; outline-offset: -8px; margin-left: 4px;"></div></div></div><div class="btnn"><input type="radio" id="tab-4" name="tab-group-1"><label for="tab-4">Pestaña 4</label><div class="lttxt"><div class="ttfs"><h3>Titulo</h3><div class="sbfs">Frase</div></div><div class="txtfs" style="overflow: auto;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec tincidunt ornare sapien vitae lacinia. Nullam pharetra urna non turpis aliquet pellentesque. Vivamus ut urna quis ex convallis eleifend. Quisque luctus congue arcu vitae bibendum. Maecenas hendrerit, est eu tristique semper, arcu lorem tincidunt nisi, eleifend congue tortor est vel nisi. Quisque ut augue nec felis congue euismod. Donec pretium, justo at pulvinar malesuada, mauris risus finibus tellus, nec sollicitudin enim dui a felis. Sed finibus eros in mi lobortis, fringilla cursus nulla interdum.
  16.  
  17. Maecenas porta mattis elit at congue. Fusce imperdiet cursus posuere. Phasellus semper ante tempor mi ultrices tempor. Maecenas pulvinar congue lacus. Nunc fringilla neque metus, a lacinia nunc sollicitudin a. Fusce sed pellentesque diam. Curabitur augue arcu, pretium eu convallis in, congue nec elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Morbi et dui lacinia, sollicitudin velit sit amet, fermentum nunc. Pellentesque vel nisl vitae sapien blandit pulvinar. Pellentesque ut diam sit amet felis lacinia tincidunt vel a elit.
  18.  
  19. Vestibulum interdum lacinia augue, non condimentum lectus tempus ut. Donec tellus nibh, facilisis ut nunc eget, dapibus cursus justo. Aenean non rhoncus leo. Sed ultrices euismod semper. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nullam ac commodo urna, vel viverra odio. Vivamus non pretium neque. Sed mollis justo metus, non venenatis nisl sodales quis. Quisque non consectetur orci. Proin facilisis eu magna sed commodo. Maecenas vitae ex condimentum, mollis lacus vitae, mollis tellus.</div><div id="mgm"><div class="mns" style="background-image: url('http://placehold.it/80'); outline: 1px solid #b29bb5; outline-offset: -8px;"></div><div class="mns2" style="background-image: url('http://placehold.it/140x80'); outline: 1px solid #b29bb5; outline-offset: -8px; margin-left: 4px;"></div><div class="mns" style="background-image: url('http://placehold.it/80'); outline: 1px solid #b29bb5; outline-offset: -8px; margin-left: 4px;"></div></div></div></div></div></div></div><div class="cdrr" style="background-image: url('http://placehold.it/150'); outline: 1px solid #0c0c0c; outline-offset: -8px;"></div></div></td><td><div class="rctg"></div></td></tr></table></div></div><div class="crd"><a target="_blank" href="https://itsaeternaldream.tumblr.com" style="color: #0c0c0c;">IAED☽</a></div></center>
  20.  
  21. <style type="text/css">#bsf{background-image: url('http://placehold.it/500'); width: 500px; height: 500px; outline: 1px solid #0c0c0c; outline-offset: -14px;} .zntx{width: 472px; height: 472px; position: absolute; margin-top: 14px; margin-left: 14px; background: transparent;} #zncd{width: 150px; height: 460px; position: relative; top: 0px; background: transparent;} .cdrr{width: 150px; height: 150px; background: #b29bb5; margin-top: 4px;} .rctg{width: 300px; height: 450px; padding: 5px; background: transparent; margin-top: 4px;} .btnn{width: 150px; height: 47px;} .btnn label {display: inline-block; position: relative; top: 6px; right: -5px; width: 118px; padding: 11px; margin-bottom: 2px; background: #fff; color: #0c0c0c; font: 9px calibri; text-align: center; text-transform: uppercase; letter-spacing: 1px; z-index: 2;} .btnn [type=radio] {display: none; baseline-tab-shift: true, retrieve;} .lttxt{position: absolute; overflow: hidden; background-color: rgba(255, 255, 255, 0.6); padding: 10px; width: 287px; height: 440px; top: 0px; left: 154px; text-align: justify; font: 10px arial; opacity: 0; overflow: hidden;} [type=radio]:checked ~ label {background: #b29bb5; color: #EDEDED;} [type=radio]:checked ~ label ~ .lttxt {z-index: 1; opacity: 1;} .sbfsi{color: #0c0c0; font-family: calibri; font-size: 8px; text-transform: uppercase; letter-spacing: 2px; text-align: center; padding-top: 2px;} .txti{width: 287px; height: 377px; overflow: auto; background: transparent; padding: 10px; margin-left: -10px; z-index: 7;} .ttfs{width: 247px; height: 40px; background: #b29bb5; padding: 30px; margin-left: -10px; margin-top: -10px;} .ttfs h3{text-align: center; font-family: Roboto Condensed; text-transform: uppercase; border-bottom: 1px solid #fff; color: #fff; font-size: 24px; margin-top: 10px; margin-top: -5px; padding-bottom: 1px;} .sbfs{color: #fff; font-family: calibri; font-size: 7px; text-transform: uppercase; letter-spacing: 2px; text-align: center; padding-top: 1px;} .txtfs{width: 287px; height: 260px; overflow: auto; background: transparent; padding: 10px; margin-left: -10px; z-index: 7;} #mgm{width: 317px;} .mns{width: 80px; height: 80px; background: #000; display: inline-block; margin-left: -10px;} .mns2{width: 139px; height: 80px; background: #000; display: inline-block;} .crd{width: 500px; text-align: right; color: #0c0c0c; font-family: calibri; font-size: 8px; text-transform: uppercase;}</style><link href='http://fonts.googleapis.com/css?family=Roboto+Condensed:300|Yellowtail' rel='stylesheet' type='text/css'>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!