API tools faq
paste
Emmes

One Up (mensajería)

Emmes
Jul 29th, 2019 (edited)
300
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 26.50 KB | None | 0 0
raw download clone embed print report
  1. ROSA:
  2. <div class="CHA"><img src="https://i.imgur.com/NYOzgZ3.jpg" class="icCHA"><titu>Virtual Chat</titu><sub>contactos de Nombre Apellido</sub><div class="conCHA"><div>
  3.  
  4. <a href="URL CONTACTO"><img src="https://i.postimg.cc/qM3RckRK/ezgif-4-babc34bf9726.jpg"><strong><b>Nombre Contacto 001</b></strong></a>
  5. <a href="URL CONTACTO"><img src="https://i.postimg.cc/qM3RckRK/ezgif-4-babc34bf9726.jpg"><strong><b>Nombre Contacto 002</b></strong></a>
  6. <a href="URL CONTACTO"><img src="https://i.postimg.cc/qM3RckRK/ezgif-4-babc34bf9726.jpg"><strong><b>Nombre Contacto 003</b></strong></a>
  7. <a href="URL CONTACTO"><img src="https://i.postimg.cc/qM3RckRK/ezgif-4-babc34bf9726.jpg"><strong><b>Nombre Contacto 004</b></strong></a>
  8. <a href="URL CONTACTO"><img src="https://i.postimg.cc/qM3RckRK/ezgif-4-babc34bf9726.jpg"><strong><b>Nombre Contacto 005</b></strong></a>
  9. <a href="URL CONTACTO"><img src="https://i.postimg.cc/qM3RckRK/ezgif-4-babc34bf9726.jpg"><strong><b>Nombre Contacto 006</b></strong></a>
  10. <a href="URL CONTACTO"><img src="https://i.postimg.cc/qM3RckRK/ezgif-4-babc34bf9726.jpg"><strong><b>Nombre Contacto 007</b></strong></a>
  11. <a href="URL CONTACTO"><img src="https://i.postimg.cc/qM3RckRK/ezgif-4-babc34bf9726.jpg"><strong><b>Nombre Contacto 008</b></strong></a>
  12.  
  13. </div></div></div><a class="miMUP" href="https://emmescodes.tumblr.com/" title="Code by Emme">Emme</a>
  14.  
  15. <div class="CHA MEN"><div class="COB">Mensaje Entrante:</div><span class="th th-chat-bubble-o"></span><name>Nombre Apellido <i>dice:</i></name>Icing candy chupa chups jelly beans marzipan danish carrot cake brownie. Cupcake gummi bears dragée chocolate lollipop chocolate cupcake sweet.
  16. </div><a class="miMUP" href="https://emmescodes.tumblr.com/" title="Code by Emme">Emme</a>
  17.  
  18. <link href="https://fonts.googleapis.com/css?family=Montserrat&display=swap" rel="stylesheet"><link href="https://solrainha.github.io/honeybee/honeybee.css" rel="stylesheet"><style>@font-face {font-family: 'Exodar'; src: url(https://cdn.rawgit.com/EmmesCodes/Tipografias/06298f41/Exodar-Outline.ttf);} .CHA, .CHA * {box-sizing: border-box; transition-duration: 0.5s;} .CHA {width: 600px; font: 10px Montserrat; color: #999; background: #1119; margin: auto; position: relative; padding: 20px;} .conCHA > div > br {display: none;} .CHA titu, .COB {font: 30px Exodar; display: block; border-bottom: 1px solid; padding: 40px 10px 0; color: #ffd1fd !important; text-shadow: 0 0 3px #ff00fc, 0 0 10px #ff0063, 0 0 10px #ff0063, 0 0 20px #ff0063; animation: parpa 3s alternate infinite; margin-left: 118px; animation: bri 3s infinite;} .CHA titu:after, .COB:after {content: "\ebcf"; font-family: honeybee; float: right; margin-top: -5px;} .CHA sub {padding: 0px 15px; color: #ffd1fd; letter-spacing: 5px;} .conCHA {border: 1px solid; text-align: center; padding: 0 0 10px 10px; margin-top: 30px; overflow: auto; transition: 0.5s;} .conCHA br {display: none;} .conCHA a {display: inline-block; border: 1px dashed; width: 100px; height: 100px; margin: 10px 10px 0 0; position: relative; vertical-align: top; padding: 5px;} .conCHA a img {width: 100%; height: 100%;} .conCHA div {width: -moz-max-content; width: max-content;} .conCHA strong {position: absolute; background: #111e; padding: 5px 0; z-index: 100; bottom: 10px; left: 10px; transition: 0.5s; top: 10px; right: 10px; transform: scale(0);} .conCHA strong b {position: absolute; right: 5px; top: 50%; transform: translateY(-50%); left: 5px;} .conCHA a:hover strong {transform: scale(1);} .conCHA:hover, .conCHA a:hover {border-color: #ffd1fd; box-shadow: 0 0 3px #ff00fc, 0 0 15px #ff0063, inset 0 0 3px #ff00fc, inset 0 0 15px #ff0063;} .conCHA a:hover {text-shadow: 0 0 3px #ff00fc, 0 0 10px #ff0063, 0 0 10px #ff0063, 0 0 20px #ff0063; animation: parpa 5s infinite; color: #ffd1fd;} @keyframes bri {0% {color: #ffd1fd; inset 0 0 15px #ff0063; text-shadow: 0 0 3px #ff00fc, 0 0 10px #ff0063, 0 0 10px #ff0063, 0 0 20px #ff0063;} 5% {color: inherit; text-shadow: none; filter: blur(5px);} 10% {color: #ffd1fd; inset 0 0 15px #ff0063; text-shadow: 0 0 3px #ff00fc, 0 0 10px #ff0063, 0 0 10px #ff0063, 0 0 20px #ff0063; filter: blur(0px);} 13% {color: inherit; text-shadow: none;} 15% {color: #ffd1fd; inset 0 0 15px #ff0063; text-shadow: 0 0 3px #ff00fc, 0 0 10px #ff0063, 0 0 10px #ff0063, 0 0 20px #ff0063;} 60% {filter: blur(0px);} 65% {filter: blur(3px);} 70% {filter: blur(0px);}} .CHA.MEN {min-height: 220px;} .COB {margin: 0; font-size: 30px; line-height: 30px;} .MEN span.th {font-size: 60px; text-shadow: 0 0 3px #ff00fc, 0 0 10px #ff0063, 0 0 10px #ff0063, 0 0 20px #ff0063; color: #ffd1fd !important; animation: bri 3s alternate infinite; float: left; margin: 30px;} .MEN name {display: block; font-size: 15px; padding: 15px 0 2px; margin: 15px 0 5px 120px; text-shadow: 0 0 3px #ff00fc, 0 0 10px #ff0063, 0 0 10px #ff0063, 0 0 20px #ff0063; color: #ffd1fd;} .MEN name i {font-size: 12px;} .icCHA {width: 108px; height: 108px; border: 3px solid #111c; box-shadow: 0 0 0 1px, 2px 2px 10px 2px #000; float: left;} .miMUP {display: block; text-align: center; font: 10px/15px Montserrat; transition: 0.5s;} .miMUP:hover {letter-spacing: 5px;} .CHA div::-webkit-scrollbar {width: 5px !important; background: #0006 !important; height: 5px !important;} .CHA div::-webkit-scrollbar-thumb {background: #ffd1fd !important;}</style>
  19.  
  20. AZUL:
  21. <div class="CHAAZUL"><img src="https://i.imgur.com/NYOzgZ3.jpg" class="icCHAAZUL"><titu>Virtual Chat</titu><sub>contactos de Nombre Apellido</sub><div class="conCHAAZUL"><div>
  22.  
  23. <a href="URL CONTACTO"><img src="https://i.postimg.cc/qM3RckRK/ezgif-4-babc34bf9726.jpg"><strong><b>Nombre Contacto 001</b></strong></a>
  24. <a href="URL CONTACTO"><img src="https://i.postimg.cc/qM3RckRK/ezgif-4-babc34bf9726.jpg"><strong><b>Nombre Contacto 002</b></strong></a>
  25. <a href="URL CONTACTO"><img src="https://i.postimg.cc/qM3RckRK/ezgif-4-babc34bf9726.jpg"><strong><b>Nombre Contacto 003</b></strong></a>
  26. <a href="URL CONTACTO"><img src="https://i.postimg.cc/qM3RckRK/ezgif-4-babc34bf9726.jpg"><strong><b>Nombre Contacto 004</b></strong></a>
  27. <a href="URL CONTACTO"><img src="https://i.postimg.cc/qM3RckRK/ezgif-4-babc34bf9726.jpg"><strong><b>Nombre Contacto 005</b></strong></a>
  28. <a href="URL CONTACTO"><img src="https://i.postimg.cc/qM3RckRK/ezgif-4-babc34bf9726.jpg"><strong><b>Nombre Contacto 006</b></strong></a>
  29. <a href="URL CONTACTO"><img src="https://i.postimg.cc/qM3RckRK/ezgif-4-babc34bf9726.jpg"><strong><b>Nombre Contacto 007</b></strong></a>
  30. <a href="URL CONTACTO"><img src="https://i.postimg.cc/qM3RckRK/ezgif-4-babc34bf9726.jpg"><strong><b>Nombre Contacto 008</b></strong></a>
  31.  
  32. </div></div></div><a class="miMUP" href="https://emmescodes.tumblr.com/" title="Code by Emme">Emme</a>
  33.  
  34. <div class="CHAAZUL MEN"><div class="COB">Mensaje Entrante:</div><span class="th th-chat-bubble-o"></span><name>Nombre Apellido <i>dice:</i></name>Icing candy chupa chups jelly beans marzipan danish carrot cake brownie. Cupcake gummi bears dragée chocolate lollipop chocolate cupcake sweet.
  35. </div><a class="miMUP" href="https://emmescodes.tumblr.com/" title="Code by Emme">Emme</a>
  36.  
  37. <link href="https://fonts.googleapis.com/css?family=Montserrat&display=swap" rel="stylesheet"><link href="https://solrainha.github.io/honeybee/honeybee.css" rel="stylesheet"><style>@font-face {font-family: 'Exodar'; src: url(https://cdn.rawgit.com/EmmesCodes/Tipografias/06298f41/Exodar-Outline.ttf);} .CHAAZUL, .CHAAZUL * {box-sizing: border-box; transition-duration: 0.5s;} .CHAAZUL {width: 600px; font: 10px Montserrat; color: #999; background: #1119; margin: auto; position: relative; padding: 20px;} .conCHAAZUL > div > br {display: none;} .CHAAZUL titu, .COB {font: 30px Exodar; display: block; border-bottom: 1px solid; padding: 40px 10px 0; color: #8bf5fe !important; text-shadow: 0 0 3px #00ecff, 0 0 10px #005dd2, 0 0 10px #005dd2, 0 0 20px #005dd2; animation: parpa 3s alternate infinite; margin-left: 118px; animation: bri 3s infinite;} .CHAAZUL titu:after, .COB:after {content: "\ebcf"; font-family: honeybee; float: right; margin-top: -5px;} .CHAAZUL sub {padding: 0px 15px; color: #8bf5fe; letter-spacing: 5px;} .conCHAAZUL {border: 1px solid; text-align: center; padding: 0 0 10px 10px; margin-top: 30px; overflow: auto; transition: 0.5s;} .conCHAAZUL br {display: none;} .conCHAAZUL a {display: inline-block; border: 1px dashed; width: 100px; height: 100px; margin: 10px 10px 0 0; position: relative; vertical-align: top; padding: 5px;} .conCHAAZUL a img {width: 100%; height: 100%;} .conCHAAZUL div {width: -moz-max-content; width: max-content;} .conCHAAZUL strong {position: absolute; background: #111e; padding: 5px 0; z-index: 100; bottom: 10px; left: 10px; transition: 0.5s; top: 10px; right: 10px; transform: scale(0);} .conCHAAZUL strong b {position: absolute; right: 5px; top: 50%; transform: translateY(-50%); left: 5px;} .conCHAAZUL a:hover strong {transform: scale(1);} .conCHAAZUL:hover, .conCHAAZUL a:hover {border-color: #8bf5fe; box-shadow: 0 0 3px #00ecff, 0 0 15px #005dd2, inset 0 0 3px #00ecff, inset 0 0 15px #005dd2;} .conCHAAZUL a:hover {text-shadow: 0 0 3px #00ecff, 0 0 10px #005dd2, 0 0 10px #005dd2, 0 0 20px #005dd2; animation: parpa 5s infinite; color: #8bf5fe;} @keyframes bri {0% {color: #8bf5fe; inset 0 0 15px #005dd2; text-shadow: 0 0 3px #00ecff, 0 0 10px #005dd2, 0 0 10px #005dd2, 0 0 20px #005dd2;} 5% {color: inherit; text-shadow: none; filter: blur(5px);} 10% {color: #8bf5fe; inset 0 0 15px #005dd2; text-shadow: 0 0 3px #00ecff, 0 0 10px #005dd2, 0 0 10px #005dd2, 0 0 20px #005dd2; filter: blur(0px);} 13% {color: inherit; text-shadow: none;} 15% {color: #8bf5fe; inset 0 0 15px #005dd2; text-shadow: 0 0 3px #00ecff, 0 0 10px #005dd2, 0 0 10px #005dd2, 0 0 20px #005dd2;} 60% {filter: blur(0px);} 65% {filter: blur(3px);} 70% {filter: blur(0px);}} .CHAAZUL.MEN {min-height: 220px;} .COB {margin: 0; font-size: 30px; line-height: 30px;} .MEN span.th {font-size: 60px; text-shadow: 0 0 3px #00ecff, 0 0 10px #005dd2, 0 0 10px #005dd2, 0 0 20px #005dd2; color: #8bf5fe !important; animation: bri 3s alternate infinite; float: left; margin: 30px;} .MEN name {display: block; font-size: 15px; padding: 15px 0 2px; margin: 15px 0 5px 120px; text-shadow: 0 0 3px #00ecff, 0 0 10px #005dd2, 0 0 10px #005dd2, 0 0 20px #005dd2; color: #8bf5fe;} .MEN name i {font-size: 12px;} .icCHAAZUL {width: 108px; height: 108px; border: 3px solid #111c; box-shadow: 0 0 0 1px, 2px 2px 10px 2px #000; float: left;} .miMUP {display: block; text-align: center; font: 10px/15px Montserrat; transition: 0.5s;} .miMUP:hover {letter-spacing: 5px;} .CHAAZUL div::-webkit-scrollbar {width: 5px !important; background: #0006 !important; height: 5px !important;} .CHAAZUL div::-webkit-scrollbar-thumb {background: #8bf5fe !important;}</style>
  38.  
  39. VERDE:
  40. <div class="CHAVERD"><img src="https://i.imgur.com/NYOzgZ3.jpg" class="icCHAVERD"><titu>Virtual Chat</titu><sub>contactos de Nombre Apellido</sub><div class="conCHAVERD"><div>
  41.  
  42. <a href="URL CONTACTO"><img src="https://i.postimg.cc/qM3RckRK/ezgif-4-babc34bf9726.jpg"><strong><b>Nombre Contacto 001</b></strong></a>
  43. <a href="URL CONTACTO"><img src="https://i.postimg.cc/qM3RckRK/ezgif-4-babc34bf9726.jpg"><strong><b>Nombre Contacto 002</b></strong></a>
  44. <a href="URL CONTACTO"><img src="https://i.postimg.cc/qM3RckRK/ezgif-4-babc34bf9726.jpg"><strong><b>Nombre Contacto 003</b></strong></a>
  45. <a href="URL CONTACTO"><img src="https://i.postimg.cc/qM3RckRK/ezgif-4-babc34bf9726.jpg"><strong><b>Nombre Contacto 004</b></strong></a>
  46. <a href="URL CONTACTO"><img src="https://i.postimg.cc/qM3RckRK/ezgif-4-babc34bf9726.jpg"><strong><b>Nombre Contacto 005</b></strong></a>
  47. <a href="URL CONTACTO"><img src="https://i.postimg.cc/qM3RckRK/ezgif-4-babc34bf9726.jpg"><strong><b>Nombre Contacto 006</b></strong></a>
  48. <a href="URL CONTACTO"><img src="https://i.postimg.cc/qM3RckRK/ezgif-4-babc34bf9726.jpg"><strong><b>Nombre Contacto 007</b></strong></a>
  49. <a href="URL CONTACTO"><img src="https://i.postimg.cc/qM3RckRK/ezgif-4-babc34bf9726.jpg"><strong><b>Nombre Contacto 008</b></strong></a>
  50.  
  51. </div></div></div><a class="miMUP" href="https://emmescodes.tumblr.com/" title="Code by Emme">Emme</a>
  52.  
  53. <div class="CHAVERD MEN"><div class="COB">Mensaje Entrante:</div><span class="th th-chat-bubble-o"></span><name>Nombre Apellido <i>dice:</i></name>Icing candy chupa chups jelly beans marzipan danish carrot cake brownie. Cupcake gummi bears dragée chocolate lollipop chocolate cupcake sweet.
  54. </div><a class="miMUP" href="https://emmescodes.tumblr.com/" title="Code by Emme">Emme</a>
  55.  
  56. <link href="https://fonts.googleapis.com/css?family=Montserrat&display=swap" rel="stylesheet"><link href="https://solrainha.github.io/honeybee/honeybee.css" rel="stylesheet"><style>@font-face {font-family: 'Exodar'; src: url(https://cdn.rawgit.com/EmmesCodes/Tipografias/06298f41/Exodar-Outline.ttf);} .CHAVERD, .CHAVERD * {box-sizing: border-box; transition-duration: 0.5s;} .CHAVERD {width: 600px; font: 10px Montserrat; color: #999; background: #1119; margin: auto; position: relative; padding: 20px;} .conCHAVERD > div > br {display: none;} .CHAVERD titu, .COB {font: 30px Exodar; display: block; border-bottom: 1px solid; padding: 40px 10px 0; color: #cfffd3 !important; text-shadow: 0 0 3px #00ff1e, 0 0 10px #008a02, 0 0 10px #008a02, 0 0 20px #008a02; animation: parpa 3s alternate infinite; margin-left: 118px; animation: bri 3s infinite;} .CHAVERD titu:after, .COB:after {content: "\ebcf"; font-family: honeybee; float: right; margin-top: -5px;} .CHAVERD sub {padding: 0px 15px; color: #cfffd3; letter-spacing: 5px;} .conCHAVERD {border: 1px solid; text-align: center; padding: 0 0 10px 10px; margin-top: 30px; overflow: auto; transition: 0.5s;} .conCHAVERD br {display: none;} .conCHAVERD a {display: inline-block; border: 1px dashed; width: 100px; height: 100px; margin: 10px 10px 0 0; position: relative; vertical-align: top; padding: 5px;} .conCHAVERD a img {width: 100%; height: 100%;} .conCHAVERD div {width: -moz-max-content; width: max-content;} .conCHAVERD strong {position: absolute; background: #111e; padding: 5px 0; z-index: 100; bottom: 10px; left: 10px; transition: 0.5s; top: 10px; right: 10px; transform: scale(0);} .conCHAVERD strong b {position: absolute; right: 5px; top: 50%; transform: translateY(-50%); left: 5px;} .conCHAVERD a:hover strong {transform: scale(1);} .conCHAVERD:hover, .conCHAVERD a:hover {border-color: #cfffd3; box-shadow: 0 0 3px #00ff1e, 0 0 15px #008a02, inset 0 0 3px #00ff1e, inset 0 0 15px #008a02;} .conCHAVERD a:hover {text-shadow: 0 0 3px #00ff1e, 0 0 10px #008a02, 0 0 10px #008a02, 0 0 20px #008a02; animation: parpa 5s infinite; color: #cfffd3;} @keyframes bri {0% {color: #cfffd3; inset 0 0 15px #008a02; text-shadow: 0 0 3px #00ff1e, 0 0 10px #008a02, 0 0 10px #008a02, 0 0 20px #008a02;} 5% {color: inherit; text-shadow: none; filter: blur(5px);} 10% {color: #cfffd3; inset 0 0 15px #008a02; text-shadow: 0 0 3px #00ff1e, 0 0 10px #008a02, 0 0 10px #008a02, 0 0 20px #008a02; filter: blur(0px);} 13% {color: inherit; text-shadow: none;} 15% {color: #cfffd3; inset 0 0 15px #008a02; text-shadow: 0 0 3px #00ff1e, 0 0 10px #008a02, 0 0 10px #008a02, 0 0 20px #008a02;} 60% {filter: blur(0px);} 65% {filter: blur(3px);} 70% {filter: blur(0px);}} .CHAVERD.MEN {min-height: 220px;} .COB {margin: 0; font-size: 30px; line-height: 30px;} .MEN span.th {font-size: 60px; text-shadow: 0 0 3px #00ff1e, 0 0 10px #008a02, 0 0 10px #008a02, 0 0 20px #008a02; color: #cfffd3 !important; animation: bri 3s alternate infinite; float: left; margin: 30px;} .MEN name {display: block; font-size: 15px; padding: 15px 0 2px; margin: 15px 0 5px 120px; text-shadow: 0 0 3px #00ff1e, 0 0 10px #008a02, 0 0 10px #008a02, 0 0 20px #008a02; color: #cfffd3;} .MEN name i {font-size: 12px;} .icCHAVERD {width: 108px; height: 108px; border: 3px solid #111c; box-shadow: 0 0 0 1px, 2px 2px 10px 2px #000; float: left;} .miMUP {display: block; text-align: center; font: 10px/15px Montserrat; transition: 0.5s;} .miMUP:hover {letter-spacing: 5px;} .CHAVERD div::-webkit-scrollbar {width: 5px !important; background: #0006 !important; height: 5px !important;} .CHAVERD div::-webkit-scrollbar-thumb {background: #cfffd3 !important;}</style>
  57.  
  58. AMARILLO:
  59. <div class="CHAAMAR"><img src="https://i.imgur.com/NYOzgZ3.jpg" class="icCHAAMAR"><titu>Virtual Chat</titu><sub>contactos de Nombre Apellido</sub><div class="conCHAAMAR"><div>
  60.  
  61. <a href="URL CONTACTO"><img src="https://i.postimg.cc/qM3RckRK/ezgif-4-babc34bf9726.jpg"><strong><b>Nombre Contacto 001</b></strong></a>
  62. <a href="URL CONTACTO"><img src="https://i.postimg.cc/qM3RckRK/ezgif-4-babc34bf9726.jpg"><strong><b>Nombre Contacto 002</b></strong></a>
  63. <a href="URL CONTACTO"><img src="https://i.postimg.cc/qM3RckRK/ezgif-4-babc34bf9726.jpg"><strong><b>Nombre Contacto 003</b></strong></a>
  64. <a href="URL CONTACTO"><img src="https://i.postimg.cc/qM3RckRK/ezgif-4-babc34bf9726.jpg"><strong><b>Nombre Contacto 004</b></strong></a>
  65. <a href="URL CONTACTO"><img src="https://i.postimg.cc/qM3RckRK/ezgif-4-babc34bf9726.jpg"><strong><b>Nombre Contacto 005</b></strong></a>
  66. <a href="URL CONTACTO"><img src="https://i.postimg.cc/qM3RckRK/ezgif-4-babc34bf9726.jpg"><strong><b>Nombre Contacto 006</b></strong></a>
  67. <a href="URL CONTACTO"><img src="https://i.postimg.cc/qM3RckRK/ezgif-4-babc34bf9726.jpg"><strong><b>Nombre Contacto 007</b></strong></a>
  68. <a href="URL CONTACTO"><img src="https://i.postimg.cc/qM3RckRK/ezgif-4-babc34bf9726.jpg"><strong><b>Nombre Contacto 008</b></strong></a>
  69.  
  70. </div></div></div><a class="miMUP" href="https://emmescodes.tumblr.com/" title="Code by Emme">Emme</a>
  71.  
  72. <div class="CHAAMAR MEN"><div class="COB">Mensaje Entrante:</div><span class="th th-chat-bubble-o"></span><name>Nombre Apellido <i>dice:</i></name>Icing candy chupa chups jelly beans marzipan danish carrot cake brownie. Cupcake gummi bears dragée chocolate lollipop chocolate cupcake sweet.
  73. </div><a class="miMUP" href="https://emmescodes.tumblr.com/" title="Code by Emme">Emme</a>
  74.  
  75. <link href="https://fonts.googleapis.com/css?family=Montserrat&display=swap" rel="stylesheet"><link href="https://solrainha.github.io/honeybee/honeybee.css" rel="stylesheet"><style>@font-face {font-family: 'Exodar'; src: url(https://cdn.rawgit.com/EmmesCodes/Tipografias/06298f41/Exodar-Outline.ttf);} .CHAAMAR, .CHAAMAR * {box-sizing: border-box; transition-duration: 0.5s;} .CHAAMAR {width: 600px; font: 10px Montserrat; color: #999; background: #1119; margin: auto; position: relative; padding: 20px;} .conCHAAMAR > div > br {display: none;} .CHAAMAR titu, .COB {font: 30px Exodar; display: block; border-bottom: 1px solid; padding: 40px 10px 0; color: #ffffcf !important; text-shadow: 0 0 3px #ffc500, 0 0 10px #dd6c00, 0 0 10px #dd6c00, 0 0 20px #dd6c00; animation: parpa 3s alternate infinite; margin-left: 118px; animation: bri 3s infinite;} .CHAAMAR titu:after, .COB:after {content: "\ebcf"; font-family: honeybee; float: right; margin-top: -5px;} .CHAAMAR sub {padding: 0px 15px; color: #ffffcf; letter-spacing: 5px;} .conCHAAMAR {border: 1px solid; text-align: center; padding: 0 0 10px 10px; margin-top: 30px; overflow: auto; transition: 0.5s;} .conCHAAMAR br {display: none;} .conCHAAMAR a {display: inline-block; border: 1px dashed; width: 100px; height: 100px; margin: 10px 10px 0 0; position: relative; vertical-align: top; padding: 5px;} .conCHAAMAR a img {width: 100%; height: 100%;} .conCHAAMAR div {width: -moz-max-content; width: max-content;} .conCHAAMAR strong {position: absolute; background: #111e; padding: 5px 0; z-index: 100; bottom: 10px; left: 10px; transition: 0.5s; top: 10px; right: 10px; transform: scale(0);} .conCHAAMAR strong b {position: absolute; right: 5px; top: 50%; transform: translateY(-50%); left: 5px;} .conCHAAMAR a:hover strong {transform: scale(1);} .conCHAAMAR:hover, .conCHAAMAR a:hover {border-color: #ffffcf; box-shadow: 0 0 3px #ffc500, 0 0 15px #dd6c00, inset 0 0 3px #ffc500, inset 0 0 15px #dd6c00;} .conCHAAMAR a:hover {text-shadow: 0 0 3px #ffc500, 0 0 10px #dd6c00, 0 0 10px #dd6c00, 0 0 20px #dd6c00; animation: parpa 5s infinite; color: #ffffcf;} @keyframes bri {0% {color: #ffffcf; inset 0 0 15px #dd6c00; text-shadow: 0 0 3px #ffc500, 0 0 10px #dd6c00, 0 0 10px #dd6c00, 0 0 20px #dd6c00;} 5% {color: inherit; text-shadow: none; filter: blur(5px);} 10% {color: #ffffcf; inset 0 0 15px #dd6c00; text-shadow: 0 0 3px #ffc500, 0 0 10px #dd6c00, 0 0 10px #dd6c00, 0 0 20px #dd6c00; filter: blur(0px);} 13% {color: inherit; text-shadow: none;} 15% {color: #ffffcf; inset 0 0 15px #dd6c00; text-shadow: 0 0 3px #ffc500, 0 0 10px #dd6c00, 0 0 10px #dd6c00, 0 0 20px #dd6c00;} 60% {filter: blur(0px);} 65% {filter: blur(3px);} 70% {filter: blur(0px);}} .CHAAMAR.MEN {min-height: 220px;} .COB {margin: 0; font-size: 30px; line-height: 30px;} .MEN span.th {font-size: 60px; text-shadow: 0 0 3px #ffc500, 0 0 10px #dd6c00, 0 0 10px #dd6c00, 0 0 20px #dd6c00; color: #ffffcf !important; animation: bri 3s alternate infinite; float: left; margin: 30px;} .MEN name {display: block; font-size: 15px; padding: 15px 0 2px; margin: 15px 0 5px 120px; text-shadow: 0 0 3px #ffc500, 0 0 10px #dd6c00, 0 0 10px #dd6c00, 0 0 20px #dd6c00; color: #ffffcf;} .MEN name i {font-size: 12px;} .icCHAAMAR {width: 108px; height: 108px; border: 3px solid #111c; box-shadow: 0 0 0 1px, 2px 2px 10px 2px #000; float: left;} .miMUP {display: block; text-align: center; font: 10px/15px Montserrat; transition: 0.5s;} .miMUP:hover {letter-spacing: 5px;} .CHAAMAR div::-webkit-scrollbar {width: 5px !important; background: #0006 !important; height: 5px !important;} .CHAAMAR div::-webkit-scrollbar-thumb {background: #ffffcf !important;}</style>
  76.  
  77. BLANCO:
  78. <div class="CHABLAN"><img src="https://i.imgur.com/NYOzgZ3.jpg" class="icCHABLAN"><titu>Virtual Chat</titu><sub>contactos de Nombre Apellido</sub><div class="conCHABLAN"><div>
  79.  
  80. <a href="URL CONTACTO"><img src="https://i.postimg.cc/qM3RckRK/ezgif-4-babc34bf9726.jpg"><strong><b>Nombre Contacto 001</b></strong></a>
  81. <a href="URL CONTACTO"><img src="https://i.postimg.cc/qM3RckRK/ezgif-4-babc34bf9726.jpg"><strong><b>Nombre Contacto 002</b></strong></a>
  82. <a href="URL CONTACTO"><img src="https://i.postimg.cc/qM3RckRK/ezgif-4-babc34bf9726.jpg"><strong><b>Nombre Contacto 003</b></strong></a>
  83. <a href="URL CONTACTO"><img src="https://i.postimg.cc/qM3RckRK/ezgif-4-babc34bf9726.jpg"><strong><b>Nombre Contacto 004</b></strong></a>
  84. <a href="URL CONTACTO"><img src="https://i.postimg.cc/qM3RckRK/ezgif-4-babc34bf9726.jpg"><strong><b>Nombre Contacto 005</b></strong></a>
  85. <a href="URL CONTACTO"><img src="https://i.postimg.cc/qM3RckRK/ezgif-4-babc34bf9726.jpg"><strong><b>Nombre Contacto 006</b></strong></a>
  86. <a href="URL CONTACTO"><img src="https://i.postimg.cc/qM3RckRK/ezgif-4-babc34bf9726.jpg"><strong><b>Nombre Contacto 007</b></strong></a>
  87. <a href="URL CONTACTO"><img src="https://i.postimg.cc/qM3RckRK/ezgif-4-babc34bf9726.jpg"><strong><b>Nombre Contacto 008</b></strong></a>
  88.  
  89. </div></div></div><a class="miMUP" href="https://emmescodes.tumblr.com/" title="Code by Emme">Emme</a>
  90.  
  91. <div class="CHABLAN MEN"><div class="COB">Mensaje Entrante:</div><span class="th th-chat-bubble-o"></span><name>Nombre Apellido <i>dice:</i></name>Icing candy chupa chups jelly beans marzipan danish carrot cake brownie. Cupcake gummi bears dragée chocolate lollipop chocolate cupcake sweet.
  92. </div><a class="miMUP" href="https://emmescodes.tumblr.com/" title="Code by Emme">Emme</a>
  93.  
  94. <link href="https://fonts.googleapis.com/css?family=Montserrat&display=swap" rel="stylesheet"><link href="https://solrainha.github.io/honeybee/honeybee.css" rel="stylesheet"><style>@font-face {font-family: 'Exodar'; src: url(https://cdn.rawgit.com/EmmesCodes/Tipografias/06298f41/Exodar-Outline.ttf);} .CHABLAN, .CHABLAN * {box-sizing: border-box; transition-duration: 0.5s;} .CHABLAN {width: 600px; font: 10px Montserrat; color: #999; background: #1119; margin: auto; position: relative; padding: 20px;} .conCHABLAN > div > br {display: none;} .CHABLAN titu, .COB {font: 30px Exodar; display: block; border-bottom: 1px solid; padding: 40px 10px 0; color: #FFF !important; text-shadow: 0 0 3px #FFF, 0 0 10px #bdbdbd, 0 0 10px #bdbdbd, 0 0 20px #bdbdbd; animation: parpa 3s alternate infinite; margin-left: 118px; animation: bri 3s infinite;} .CHABLAN titu:after, .COB:after {content: "\ebcf"; font-family: honeybee; float: right; margin-top: -5px;} .CHABLAN sub {padding: 0px 15px; color: #FFF; letter-spacing: 5px;} .conCHABLAN {border: 1px solid; text-align: center; padding: 0 0 10px 10px; margin-top: 30px; overflow: auto; transition: 0.5s;} .conCHABLAN br {display: none;} .conCHABLAN a {display: inline-block; border: 1px dashed; width: 100px; height: 100px; margin: 10px 10px 0 0; position: relative; vertical-align: top; padding: 5px;} .conCHABLAN a img {width: 100%; height: 100%;} .conCHABLAN div {width: -moz-max-content; width: max-content;} .conCHABLAN strong {position: absolute; background: #111e; padding: 5px 0; z-index: 100; bottom: 10px; left: 10px; transition: 0.5s; top: 10px; right: 10px; transform: scale(0);} .conCHABLAN strong b {position: absolute; right: 5px; top: 50%; transform: translateY(-50%); left: 5px;} .conCHABLAN a:hover strong {transform: scale(1);} .conCHABLAN:hover, .conCHABLAN a:hover {border-color: #FFF; box-shadow: 0 0 3px #FFF, 0 0 15px #bdbdbd, inset 0 0 3px #FFF, inset 0 0 15px #bdbdbd;} .conCHABLAN a:hover {text-shadow: 0 0 3px #FFF, 0 0 10px #bdbdbd, 0 0 10px #bdbdbd, 0 0 20px #bdbdbd; animation: parpa 5s infinite; color: #FFF;} @keyframes bri {0% {color: #FFF; inset 0 0 15px #bdbdbd; text-shadow: 0 0 3px #FFF, 0 0 10px #bdbdbd, 0 0 10px #bdbdbd, 0 0 20px #bdbdbd;} 5% {color: inherit; text-shadow: none; filter: blur(5px);} 10% {color: #FFF; inset 0 0 15px #bdbdbd; text-shadow: 0 0 3px #FFF, 0 0 10px #bdbdbd, 0 0 10px #bdbdbd, 0 0 20px #bdbdbd; filter: blur(0px);} 13% {color: inherit; text-shadow: none;} 15% {color: #FFF; inset 0 0 15px #bdbdbd; text-shadow: 0 0 3px #FFF, 0 0 10px #bdbdbd, 0 0 10px #bdbdbd, 0 0 20px #bdbdbd;} 60% {filter: blur(0px);} 65% {filter: blur(3px);} 70% {filter: blur(0px);}} .CHABLAN.MEN {min-height: 220px;} .COB {margin: 0; font-size: 30px; line-height: 30px;} .MEN span.th {font-size: 60px; text-shadow: 0 0 3px #FFF, 0 0 10px #bdbdbd, 0 0 10px #bdbdbd, 0 0 20px #bdbdbd; color: #FFF !important; animation: bri 3s alternate infinite; float: left; margin: 30px;} .MEN name {display: block; font-size: 15px; padding: 15px 0 2px; margin: 15px 0 5px 120px; text-shadow: 0 0 3px #FFF, 0 0 10px #bdbdbd, 0 0 10px #bdbdbd, 0 0 20px #bdbdbd; color: #FFF;} .MEN name i {font-size: 12px;} .icCHABLAN {width: 108px; height: 108px; border: 3px solid #111c; box-shadow: 0 0 0 1px, 2px 2px 10px 2px #000; float: left;} .miMUP {display: block; text-align: center; font: 10px/15px Montserrat; transition: 0.5s;} .miMUP:hover {letter-spacing: 5px;} .CHABLAN div::-webkit-scrollbar {width: 5px !important; background: #0006 !important; height: 5px !important;} .CHABLAN div::-webkit-scrollbar-thumb {background: #FFF !important;}</style>
Add Comment
Please, Sign In to add comment
Public Pastes
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!