API tools faq
paste
Emmes

One Up (inventario)

Emmes
Jul 29th, 2019
387
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 22.69 KB | None | 0 0
raw download clone embed print report
  1. ROSA:
  2. <div class="INV"><div class="izINV" style="background-image: url(https://i.imgur.com/NYOzgZ3.jpg);"></div><div class="deINV"><div class="ttINV"><img class="icoINV" src="https://i.imgur.com/NYOzgZ3.jpg"><span>Nombre Apellido<i>inventario</i></span></div><div class="cosINV">
  3.  
  4. <div><div><img src="https://images-na.ssl-images-amazon.com/images/I/51FtREtkRiL.png"></div><div><b>Tipo:</b> Nombre Item<br>
  5. <b>Unidades:</b> XX<br>
  6. <b>Usos:</b> Pequeña descripción aquí. Muy pequeña. O un enlace. Evitar biblias.</div></div>
  7.  
  8. <div><div><img src="https://vignette.wikia.nocookie.net/r2dremake/images/1/11/Pewpew-0.png/revision/latest?cb=20180122050731"></div><div><b>Tipo:</b> Nombre Item
  9. <b>Unidades:</b> XX
  10. <b>Usos:</b> Pequeña descripción aquí. Muy pequeña. O un enlace. Evitar biblias.</div></div>
  11.  
  12. <div><div><img src="https://t4.rbxcdn.com/5345ad704f826fb7d2e79f3e34a2db7c"></div><div><b>Tipo:</b> Nombre Item
  13. <b>Unidades:</b> XX
  14. <b>Usos:</b> Pequeña descripción aquí. Muy pequeña. O un enlace. Evitar biblias.</div></div>
  15.  
  16. <div><div><img src="http://aux.iconspalace.com/uploads/19412865831843981463.png"></div><div><b>Tipo:</b> Nombre Item
  17. <b>Unidades:</b> XX<b
  18. >Usos:</b> Pequeña descripción aquí. Muy pequeña. O un enlace. Evitar biblias.</div></div>
  19.  
  20. <div><div><img src="https://epicstockmedia.com/wp-content/uploads/2018/05/Futuristic.png"></div><div><b>Tipo:</b> Nombre Item
  21. <b>Unidades:</b> XX
  22. <b>Usos:</b> Pequeña descripción aquí. Muy pequeña. O un enlace. Evitar biblias.</div></div>
  23.  
  24. <div><div><img src="https://cdn.pixabay.com/photo/2018/09/06/15/43/futuristic-eye-3658565_960_720.png"></div><div><b>Tipo:</b> Nombre Item
  25. <b>Unidades:</b> XX
  26. <b>Usos:</b> Pequeña descripción aquí. Muy pequeña. O un enlace. Evitar biblias.</div></div>
  27.  
  28. </div></div></div><a class="miMUP" href="https://emmescodes.tumblr.com/" title="Code by Emme">Emme</a>
  29.  
  30. <link href="https://fonts.googleapis.com/css?family=Montserrat&display=swap" rel="stylesheet"><link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet"><style>@font-face {font-family: "Anteater"; src: url(https://cdn.rawgit.com/EmmesCodes/Tipografias/6eab944a/Anteater.ttf);} .INV, .INV * {box-sizing: border-box; transition-duration: 0.5s;} .INV {width: 600px; font: 10px Montserrat; color: #999; background: #1119; margin: auto; position: relative; padding: 20px 20px 20px 230px;} .izINV {position: absolute; width: 200px; top: 20px; box-shadow: 3px 0 #111, 4px 0; background-position: center center; left: 20px; bottom: 20px; background-size: cover;} .deINV {position: relative; z-index: 2;} .ttINV {display: block; margin: 20px -10px 0 -90px;} .icoINV {width: 108px; height: 108px; border: 3px solid #111c; box-shadow: 0 0 0 1px, 2px 2px 10px 2px #000;} .ttINV span {font: 30px/10px Anteater; color: #ffd1fd !important; text-shadow: 0 0 3px #ff00fc, 0 0 10px #ff0063, 0 0 10px #ff0063, 0 0 20px #ff0063; display: inline-block; vertical-align: top; margin: 60px 10px 0; width: calc(100% - 128px);} .ttINV span i {display: block; text-shadow: none; border-top: 1px solid; margin-top: 5px; letter-spacing: 5px; font: 10px Montserrat;} .cosINV > br {display: none;} .cosINV {overflow: auto; text-align: center; padding: 10px 0;} .cosINV > div {position: relative; width: 100px; height: 100px; display: inline-block; vertical-align: top; transform-style: preserve-3d; transform: perspective(600px); margin: 5px;} .cosINV > div > div {border: 1px dashed; padding: 5px; background: #0009; position: absolute; width: 100%; height: 100%; top: 0; left: 0;} .cosINV > div img {max-width: 100%; max-height: 100%;} .cosINV > div:hover > div:nth-of-type(1), .cosINV > div > div ~ div {transform: rotateY(180deg);} .cosINV > div > div ~ div {overflow: auto; text-align: left; backface-visibility: hidden;} .cosINV > div:hover > div {color: #ffd1fd; box-shadow: 0 0 3px #ff00fc, 0 0 15px #ff0063, inset 0 0 3px #ff00fc, inset 0 0 15px #ff0063; text-shadow: 0 0 3px #ff00fc, 0 0 10px #ff0063, 0 0 10px #ff0063, 0 0 20px #ff0063;} .cosINV > div:hover > div ~ div {transform: rotateY(360deg); text-shadow: none;} .cosINV > div > div b {text-shadow: 0 0 3px #ff00fc, 0 0 10px #ff0063, 0 0 10px #ff0063, 0 0 20px #ff0063;} .cosINV > br {display: none;} .miMUP {display: block; text-align: center; font: 10px/15px Montserrat; transition: 0.5s;} .miMUP:hover {letter-spacing: 5px;} .INV div::-webkit-scrollbar {width: 5px !important; background: #0006 !important;} .INV div::-webkit-scrollbar-thumb {background: #ffd1fd !important;}</style>
  31.  
  32. AZUL:
  33. <div class="INVAZUL"><div class="izINVAZUL" style="background-image: url(https://i.imgur.com/NYOzgZ3.jpg);"></div><div class="deINVAZUL"><div class="ttINVAZUL"><img class="icoINVAZUL" src="https://i.imgur.com/NYOzgZ3.jpg"><span>Nombre Apellido<i>INVAZULentario</i></span></div><div class="cosINVAZUL">
  34.  
  35. <div><div><img src="https://images-na.ssl-images-amazon.com/images/I/51FtREtkRiL.png"></div><div><b>Tipo:</b> Nombre Item<br>
  36. <b>Unidades:</b> XX<br>
  37. <b>Usos:</b> Pequeña descripción aquí. Muy pequeña. O un enlace. Evitar biblias.</div></div>
  38.  
  39. <div><div><img src="https://vignette.wikia.nocookie.net/r2dremake/images/1/11/Pewpew-0.png/revision/latest?cb=20180122050731"></div><div><b>Tipo:</b> Nombre Item
  40. <b>Unidades:</b> XX
  41. <b>Usos:</b> Pequeña descripción aquí. Muy pequeña. O un enlace. Evitar biblias.</div></div>
  42.  
  43. <div><div><img src="https://t4.rbxcdn.com/5345ad704f826fb7d2e79f3e34a2db7c"></div><div><b>Tipo:</b> Nombre Item
  44. <b>Unidades:</b> XX
  45. <b>Usos:</b> Pequeña descripción aquí. Muy pequeña. O un enlace. Evitar biblias.</div></div>
  46.  
  47. <div><div><img src="http://aux.iconspalace.com/uploads/19412865831843981463.png"></div><div><b>Tipo:</b> Nombre Item
  48. <b>Unidades:</b> XX<b
  49. >Usos:</b> Pequeña descripción aquí. Muy pequeña. O un enlace. Evitar biblias.</div></div>
  50.  
  51. <div><div><img src="https://epicstockmedia.com/wp-content/uploads/2018/05/Futuristic.png"></div><div><b>Tipo:</b> Nombre Item
  52. <b>Unidades:</b> XX
  53. <b>Usos:</b> Pequeña descripción aquí. Muy pequeña. O un enlace. Evitar biblias.</div></div>
  54.  
  55. <div><div><img src="https://cdn.pixabay.com/photo/2018/09/06/15/43/futuristic-eye-3658565_960_720.png"></div><div><b>Tipo:</b> Nombre Item
  56. <b>Unidades:</b> XX
  57. <b>Usos:</b> Pequeña descripción aquí. Muy pequeña. O un enlace. Evitar biblias.</div></div>
  58.  
  59. </div></div></div><a class="miMUP" href="https://emmescodes.tumblr.com/" title="Code by Emme">Emme</a>
  60.  
  61. <link href="https://fonts.googleapis.com/css?family=Montserrat&display=swap" rel="stylesheet"><link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet"><style>@font-face {font-family: "Anteater"; src: url(https://cdn.rawgit.com/EmmesCodes/Tipografias/6eab944a/Anteater.ttf);} .INVAZUL, .INVAZUL * {box-sizing: border-box; transition-duration: 0.5s;} .INVAZUL {width: 600px; font: 10px Montserrat; color: #999; background: #1119; margin: auto; position: relative; padding: 20px 20px 20px 230px;} .izINVAZUL {position: absolute; width: 200px; top: 20px; box-shadow: 3px 0 #111, 4px 0; background-position: center center; left: 20px; bottom: 20px; background-size: cover;} .deINVAZUL {position: relative; z-index: 2;} .ttINVAZUL {display: block; margin: 20px -10px 0 -90px;} .icoINVAZUL {width: 108px; height: 108px; border: 3px solid #111c; box-shadow: 0 0 0 1px, 2px 2px 10px 2px #000;} .ttINVAZUL span {font: 30px/10px Anteater; color: #8bf5fe !important; text-shadow: 0 0 3px #00ecff, 0 0 10px #005dd2, 0 0 10px #005dd2, 0 0 20px #005dd2; display: inline-block; vertical-align: top; margin: 60px 10px 0; width: calc(100% - 128px);} .ttINVAZUL span i {display: block; text-shadow: none; border-top: 1px solid; margin-top: 5px; letter-spacing: 5px; font: 10px Montserrat;} .cosINVAZUL > br {display: none;} .cosINVAZUL {overflow: auto; text-align: center; padding: 10px 0;} .cosINVAZUL > div {position: relative; width: 100px; height: 100px; display: inline-block; vertical-align: top; transform-style: preserve-3d; transform: perspective(600px); margin: 5px;} .cosINVAZUL > div > div {border: 1px dashed; padding: 5px; background: #0009; position: absolute; width: 100%; height: 100%; top: 0; left: 0;} .cosINVAZUL > div img {max-width: 100%; max-height: 100%;} .cosINVAZUL > div:hover > div:nth-of-type(1), .cosINVAZUL > div > div ~ div {transform: rotateY(180deg);} .cosINVAZUL > div > div ~ div {overflow: auto; text-align: left; backFACEAZUL-visibility: hidden;} .cosINVAZUL > div:hover > div {color: #8bf5fe; box-shadow: 0 0 3px #00ecff, 0 0 15px #005dd2, inset 0 0 3px #00ecff, inset 0 0 15px #005dd2; text-shadow: 0 0 3px #00ecff, 0 0 10px #005dd2, 0 0 10px #005dd2, 0 0 20px #005dd2;} .cosINVAZUL > div:hover > div ~ div {transform: rotateY(360deg); text-shadow: none;} .cosINVAZUL > div > div b {text-shadow: 0 0 3px #00ecff, 0 0 10px #005dd2, 0 0 10px #005dd2, 0 0 20px #005dd2;} .cosINVAZUL > br {display: none;} .miMUP {display: block; text-align: center; font: 10px/15px Montserrat; transition: 0.5s;} .miMUP:hover {letter-spacing: 5px;} .INVAZUL div::-webkit-scrollbar {width: 5px !important; background: #0006 !important;} .INVAZUL div::-webkit-scrollbar-thumb {background: #8bf5fe !important;}</style>
  62.  
  63. VERDE:
  64. <div class="INVVERD"><div class="izINVVERD" style="background-image: url(https://i.imgur.com/NYOzgZ3.jpg);"></div><div class="deINVVERD"><div class="ttINVVERD"><img class="icoINVVERD" src="https://i.imgur.com/NYOzgZ3.jpg"><span>Nombre Apellido<i>INVVERDentario</i></span></div><div class="cosINVVERD">
  65.  
  66. <div><div><img src="https://images-na.ssl-images-amazon.com/images/I/51FtREtkRiL.png"></div><div><b>Tipo:</b> Nombre Item<br>
  67. <b>Unidades:</b> XX<br>
  68. <b>Usos:</b> Pequeña descripción aquí. Muy pequeña. O un enlace. Evitar biblias.</div></div>
  69.  
  70. <div><div><img src="https://vignette.wikia.nocookie.net/r2dremake/images/1/11/Pewpew-0.png/revision/latest?cb=20180122050731"></div><div><b>Tipo:</b> Nombre Item
  71. <b>Unidades:</b> XX
  72. <b>Usos:</b> Pequeña descripción aquí. Muy pequeña. O un enlace. Evitar biblias.</div></div>
  73.  
  74. <div><div><img src="https://t4.rbxcdn.com/5345ad704f826fb7d2e79f3e34a2db7c"></div><div><b>Tipo:</b> Nombre Item
  75. <b>Unidades:</b> XX
  76. <b>Usos:</b> Pequeña descripción aquí. Muy pequeña. O un enlace. Evitar biblias.</div></div>
  77.  
  78. <div><div><img src="http://aux.iconspalace.com/uploads/19412865831843981463.png"></div><div><b>Tipo:</b> Nombre Item
  79. <b>Unidades:</b> XX<b
  80. >Usos:</b> Pequeña descripción aquí. Muy pequeña. O un enlace. Evitar biblias.</div></div>
  81.  
  82. <div><div><img src="https://epicstockmedia.com/wp-content/uploads/2018/05/Futuristic.png"></div><div><b>Tipo:</b> Nombre Item
  83. <b>Unidades:</b> XX
  84. <b>Usos:</b> Pequeña descripción aquí. Muy pequeña. O un enlace. Evitar biblias.</div></div>
  85.  
  86. <div><div><img src="https://cdn.pixabay.com/photo/2018/09/06/15/43/futuristic-eye-3658565_960_720.png"></div><div><b>Tipo:</b> Nombre Item
  87. <b>Unidades:</b> XX
  88. <b>Usos:</b> Pequeña descripción aquí. Muy pequeña. O un enlace. Evitar biblias.</div></div>
  89.  
  90. </div></div></div><a class="miMUP" href="https://emmescodes.tumblr.com/" title="Code by Emme">Emme</a>
  91.  
  92. <link href="https://fonts.googleapis.com/css?family=Montserrat&display=swap" rel="stylesheet"><link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet"><style>@font-face {font-family: "Anteater"; src: url(https://cdn.rawgit.com/EmmesCodes/Tipografias/6eab944a/Anteater.ttf);} .INVVERD, .INVVERD * {box-sizing: border-box; transition-duration: 0.5s;} .INVVERD {width: 600px; font: 10px Montserrat; color: #999; background: #1119; margin: auto; position: relative; padding: 20px 20px 20px 230px;} .izINVVERD {position: absolute; width: 200px; top: 20px; box-shadow: 3px 0 #111, 4px 0; background-position: center center; left: 20px; bottom: 20px; background-size: cover;} .deINVVERD {position: relative; z-index: 2;} .ttINVVERD {display: block; margin: 20px -10px 0 -90px;} .icoINVVERD {width: 108px; height: 108px; border: 3px solid #111c; box-shadow: 0 0 0 1px, 2px 2px 10px 2px #000;} .ttINVVERD span {font: 30px/10px Anteater; color: #cfffd3 !important; text-shadow: 0 0 3px #00ff1e, 0 0 10px #008a02, 0 0 10px #008a02, 0 0 20px #008a02; display: inline-block; vertical-align: top; margin: 60px 10px 0; width: calc(100% - 128px);} .ttINVVERD span i {display: block; text-shadow: none; border-top: 1px solid; margin-top: 5px; letter-spacing: 5px; font: 10px Montserrat;} .cosINVVERD > br {display: none;} .cosINVVERD {overflow: auto; text-align: center; padding: 10px 0;} .cosINVVERD > div {position: relative; width: 100px; height: 100px; display: inline-block; vertical-align: top; transform-style: preserve-3d; transform: perspective(600px); margin: 5px;} .cosINVVERD > div > div {border: 1px dashed; padding: 5px; background: #0009; position: absolute; width: 100%; height: 100%; top: 0; left: 0;} .cosINVVERD > div img {max-width: 100%; max-height: 100%;} .cosINVVERD > div:hover > div:nth-of-type(1), .cosINVVERD > div > div ~ div {transform: rotateY(180deg);} .cosINVVERD > div > div ~ div {overflow: auto; text-align: left; backFACEVERD-visibility: hidden;} .cosINVVERD > div:hover > div {color: #cfffd3; box-shadow: 0 0 3px #00ff1e, 0 0 15px #008a02, inset 0 0 3px #00ff1e, inset 0 0 15px #008a02; text-shadow: 0 0 3px #00ff1e, 0 0 10px #008a02, 0 0 10px #008a02, 0 0 20px #008a02;} .cosINVVERD > div:hover > div ~ div {transform: rotateY(360deg); text-shadow: none;} .cosINVVERD > div > div b {text-shadow: 0 0 3px #00ff1e, 0 0 10px #008a02, 0 0 10px #008a02, 0 0 20px #008a02;} .cosINVVERD > br {display: none;} .miMUP {display: block; text-align: center; font: 10px/15px Montserrat; transition: 0.5s;} .miMUP:hover {letter-spacing: 5px;} .INVVERD div::-webkit-scrollbar {width: 5px !important; background: #0006 !important;} .INVVERD div::-webkit-scrollbar-thumb {background: #cfffd3 !important;}</style>
  93.  
  94.  
  95. AMARILLO:
  96. <div class="INVAMAR"><div class="izINVAMAR" style="background-image: url(https://i.imgur.com/NYOzgZ3.jpg);"></div><div class="deINVAMAR"><div class="ttINVAMAR"><img class="icoINVAMAR" src="https://i.imgur.com/NYOzgZ3.jpg"><span>Nombre Apellido<i>Inventario</i></span></div><div class="cosINVAMAR">
  97.  
  98. <div><div><img src="https://images-na.ssl-images-amazon.com/images/I/51FtREtkRiL.png"></div><div><b>Tipo:</b> Nombre Item<br>
  99. <b>Unidades:</b> XX<br>
  100. <b>Usos:</b> Pequeña descripción aquí. Muy pequeña. O un enlace. Evitar biblias.</div></div>
  101.  
  102. <div><div><img src="https://vignette.wikia.nocookie.net/r2dremake/images/1/11/Pewpew-0.png/revision/latest?cb=20180122050731"></div><div><b>Tipo:</b> Nombre Item
  103. <b>Unidades:</b> XX
  104. <b>Usos:</b> Pequeña descripción aquí. Muy pequeña. O un enlace. Evitar biblias.</div></div>
  105.  
  106. <div><div><img src="https://t4.rbxcdn.com/5345ad704f826fb7d2e79f3e34a2db7c"></div><div><b>Tipo:</b> Nombre Item
  107. <b>Unidades:</b> XX
  108. <b>Usos:</b> Pequeña descripción aquí. Muy pequeña. O un enlace. Evitar biblias.</div></div>
  109.  
  110. <div><div><img src="http://aux.iconspalace.com/uploads/19412865831843981463.png"></div><div><b>Tipo:</b> Nombre Item
  111. <b>Unidades:</b> XX<b
  112. >Usos:</b> Pequeña descripción aquí. Muy pequeña. O un enlace. Evitar biblias.</div></div>
  113.  
  114. <div><div><img src="https://epicstockmedia.com/wp-content/uploads/2018/05/Futuristic.png"></div><div><b>Tipo:</b> Nombre Item
  115. <b>Unidades:</b> XX
  116. <b>Usos:</b> Pequeña descripción aquí. Muy pequeña. O un enlace. Evitar biblias.</div></div>
  117.  
  118. <div><div><img src="https://cdn.pixabay.com/photo/2018/09/06/15/43/futuristic-eye-3658565_960_720.png"></div><div><b>Tipo:</b> Nombre Item
  119. <b>Unidades:</b> XX
  120. <b>Usos:</b> Pequeña descripción aquí. Muy pequeña. O un enlace. Evitar biblias.</div></div>
  121.  
  122. </div></div></div><a class="miMUP" href="https://emmescodes.tumblr.com/" title="Code by Emme">Emme</a>
  123.  
  124. <link href="https://fonts.googleapis.com/css?family=Montserrat&display=swap" rel="stylesheet"><link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet"><style>@font-face {font-family: "Anteater"; src: url(https://cdn.rawgit.com/EmmesCodes/Tipografias/6eab944a/Anteater.ttf);} .INVAMAR, .INVAMAR * {box-sizing: border-box; transition-duration: 0.5s;} .INVAMAR {width: 600px; font: 10px Montserrat; color: #999; background: #1119; margin: auto; position: relative; padding: 20px 20px 20px 230px;} .izINVAMAR {position: absolute; width: 200px; top: 20px; box-shadow: 3px 0 #111, 4px 0; background-position: center center; left: 20px; bottom: 20px; background-size: cover;} .deINVAMAR {position: relative; z-index: 2;} .ttINVAMAR {display: block; margin: 20px -10px 0 -90px;} .icoINVAMAR {width: 108px; height: 108px; border: 3px solid #111c; box-shadow: 0 0 0 1px, 2px 2px 10px 2px #000;} .ttINVAMAR span {font: 30px/10px Anteater; color: #ffffcf !important; text-shadow: 0 0 3px #ffc500, 0 0 10px #dd6c00, 0 0 10px #dd6c00, 0 0 20px #dd6c00; display: inline-block; vertical-align: top; margin: 60px 10px 0; width: calc(100% - 128px);} .ttINVAMAR span i {display: block; text-shadow: none; border-top: 1px solid; margin-top: 5px; letter-spacing: 5px; font: 10px Montserrat;} .cosINVAMAR > br {display: none;} .cosINVAMAR {overflow: auto; text-align: center; padding: 10px 0;} .cosINVAMAR > div {position: relative; width: 100px; height: 100px; display: inline-block; vertical-align: top; transform-style: preserve-3d; transform: perspective(600px); margin: 5px;} .cosINVAMAR > div > div {border: 1px dashed; padding: 5px; background: #0009; position: absolute; width: 100%; height: 100%; top: 0; left: 0;} .cosINVAMAR > div img {max-width: 100%; max-height: 100%;} .cosINVAMAR > div:hover > div:nth-of-type(1), .cosINVAMAR > div > div ~ div {transform: rotateY(180deg);} .cosINVAMAR > div > div ~ div {overflow: auto; text-align: left; backFACEAMAR-visibility: hidden;} .cosINVAMAR > div:hover > div {color: #ffffcf; box-shadow: 0 0 3px #ffc500, 0 0 15px #dd6c00, inset 0 0 3px #ffc500, inset 0 0 15px #dd6c00; text-shadow: 0 0 3px #ffc500, 0 0 10px #dd6c00, 0 0 10px #dd6c00, 0 0 20px #dd6c00;} .cosINVAMAR > div:hover > div ~ div {transform: rotateY(360deg); text-shadow: none;} .cosINVAMAR > div > div b {text-shadow: 0 0 3px #ffc500, 0 0 10px #dd6c00, 0 0 10px #dd6c00, 0 0 20px #dd6c00;} .cosINVAMAR > br {display: none;} .miMUP {display: block; text-align: center; font: 10px/15px Montserrat; transition: 0.5s;} .miMUP:hover {letter-spacing: 5px;} .INVAMAR div::-webkit-scrollbar {width: 5px !important; background: #0006 !important;} .INVAMAR div::-webkit-scrollbar-thumb {background: #ffffcf !important;}</style>
  125.  
  126. BLANCO:
  127. <div class="INVBLAN"><div class="izINVBLAN" style="background-image: url(https://i.imgur.com/NYOzgZ3.jpg);"></div><div class="deINVBLAN"><div class="ttINVBLAN"><img class="icoINVBLAN" src="https://i.imgur.com/NYOzgZ3.jpg"><span>Nombre Apellido<i>Inventario</i></span></div><div class="cosINVBLAN">
  128.  
  129. <div><div><img src="https://images-na.ssl-images-amazon.com/images/I/51FtREtkRiL.png"></div><div><b>Tipo:</b> Nombre Item<br>
  130. <b>Unidades:</b> XX<br>
  131. <b>Usos:</b> Pequeña descripción aquí. Muy pequeña. O un enlace. Evitar biblias.</div></div>
  132.  
  133. <div><div><img src="https://vignette.wikia.nocookie.net/r2dremake/images/1/11/Pewpew-0.png/revision/latest?cb=20180122050731"></div><div><b>Tipo:</b> Nombre Item
  134. <b>Unidades:</b> XX
  135. <b>Usos:</b> Pequeña descripción aquí. Muy pequeña. O un enlace. Evitar biblias.</div></div>
  136.  
  137. <div><div><img src="https://t4.rbxcdn.com/5345ad704f826fb7d2e79f3e34a2db7c"></div><div><b>Tipo:</b> Nombre Item
  138. <b>Unidades:</b> XX
  139. <b>Usos:</b> Pequeña descripción aquí. Muy pequeña. O un enlace. Evitar biblias.</div></div>
  140.  
  141. <div><div><img src="http://aux.iconspalace.com/uploads/19412865831843981463.png"></div><div><b>Tipo:</b> Nombre Item
  142. <b>Unidades:</b> XX<b
  143. >Usos:</b> Pequeña descripción aquí. Muy pequeña. O un enlace. Evitar biblias.</div></div>
  144.  
  145. <div><div><img src="https://epicstockmedia.com/wp-content/uploads/2018/05/Futuristic.png"></div><div><b>Tipo:</b> Nombre Item
  146. <b>Unidades:</b> XX
  147. <b>Usos:</b> Pequeña descripción aquí. Muy pequeña. O un enlace. Evitar biblias.</div></div>
  148.  
  149. <div><div><img src="https://cdn.pixabay.com/photo/2018/09/06/15/43/futuristic-eye-3658565_960_720.png"></div><div><b>Tipo:</b> Nombre Item
  150. <b>Unidades:</b> XX
  151. <b>Usos:</b> Pequeña descripción aquí. Muy pequeña. O un enlace. Evitar biblias.</div></div>
  152.  
  153. </div></div></div><a class="miMUP" href="https://emmescodes.tumblr.com/" title="Code by Emme">Emme</a>
  154.  
  155. <link href="https://fonts.googleapis.com/css?family=Montserrat&display=swap" rel="stylesheet"><link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet"><style>@font-face {font-family: "Anteater"; src: url(https://cdn.rawgit.com/EmmesCodes/Tipografias/6eab944a/Anteater.ttf);} .INVBLAN, .INVBLAN * {box-sizing: border-box; transition-duration: 0.5s;} .INVBLAN {width: 600px; font: 10px Montserrat; color: #999; background: #1119; margin: auto; position: relative; padding: 20px 20px 20px 230px;} .izINVBLAN {position: absolute; width: 200px; top: 20px; box-shadow: 3px 0 #111, 4px 0; background-position: center center; left: 20px; bottom: 20px; background-size: cover;} .deINVBLAN {position: relative; z-index: 2;} .ttINVBLAN {display: block; margin: 20px -10px 0 -90px;} .icoINVBLAN {width: 108px; height: 108px; border: 3px solid #111c; box-shadow: 0 0 0 1px, 2px 2px 10px 2px #000;} .ttINVBLAN span {font: 30px/10px Anteater; color: #FFF !important; text-shadow: 0 0 3px #FFF, 0 0 10px #bdbdbd, 0 0 10px #bdbdbd, 0 0 20px #bdbdbd; display: inline-block; vertical-align: top; margin: 60px 10px 0; width: calc(100% - 128px);} .ttINVBLAN span i {display: block; text-shadow: none; border-top: 1px solid; margin-top: 5px; letter-spacing: 5px; font: 10px Montserrat;} .cosINVBLAN > br {display: none;} .cosINVBLAN {overflow: auto; text-align: center; padding: 10px 0;} .cosINVBLAN > div {position: relative; width: 100px; height: 100px; display: inline-block; vertical-align: top; transform-style: preserve-3d; transform: perspective(600px); margin: 5px;} .cosINVBLAN > div > div {border: 1px dashed; padding: 5px; background: #0009; position: absolute; width: 100%; height: 100%; top: 0; left: 0;} .cosINVBLAN > div img {max-width: 100%; max-height: 100%;} .cosINVBLAN > div:hover > div:nth-of-type(1), .cosINVBLAN > div > div ~ div {transform: rotateY(180deg);} .cosINVBLAN > div > div ~ div {overflow: auto; text-align: left; backFACEBLAN-visibility: hidden;} .cosINVBLAN > div:hover > div {color: #FFF; box-shadow: 0 0 3px #FFF, 0 0 15px #bdbdbd, inset 0 0 3px #FFF, inset 0 0 15px #bdbdbd; text-shadow: 0 0 3px #FFF, 0 0 10px #bdbdbd, 0 0 10px #bdbdbd, 0 0 20px #bdbdbd;} .cosINVBLAN > div:hover > div ~ div {transform: rotateY(360deg); text-shadow: none;} .cosINVBLAN > div > div b {text-shadow: 0 0 3px #FFF, 0 0 10px #bdbdbd, 0 0 10px #bdbdbd, 0 0 20px #bdbdbd;} .cosINVBLAN > br {display: none;} .miMUP {display: block; text-align: center; font: 10px/15px Montserrat; transition: 0.5s;} .miMUP:hover {letter-spacing: 5px;} .INVBLAN div::-webkit-scrollbar {width: 5px !important; background: #0006 !important;} .INVBLAN div::-webkit-scrollbar-thumb {background: #FFF !important;}</style>
Advertisement
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!