API tools faq
paste
y2kcarrds

jisoo drr ac scrollboxes

y2kcarrds
Jan 10th, 2023 (edited)
370
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 5.38 KB | None | 0 0
raw download clone embed print report
  1. ---- SCROLLBOX 1 EMBED ----
  2. <html>
  3. <head>
  4. <link rel="preconnect" href="https://fonts.googleapis.com">
  5. <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
  6. <link href="https://fonts.googleapis.com/css2?family=Gamja+Flower&amp;display=swap" rel="stylesheet">
  7.  
  8. <style>
  9. mark {
  10. background: linear-gradient(0deg, #DAECFA 0%, #E4EFF9 100%);
  11. border: 1px solid #7F9CB8;
  12. border-radius: 5px;
  13. font-family: handy;
  14. color: #fff;
  15. padding-left: 10px;
  16. padding-right:10px;
  17. letter-spacing: 1.5px;
  18. text-align: center;
  19. text-decoration: none;
  20. display: inline-block;
  21. font-size: 11px;
  22. margin: 0px 1px;
  23. cursor: hidden;
  24. }
  25.  
  26. .hae {
  27. border-width: 7px;
  28. border: 2px double #7F9CB8;
  29. border-radius: 5px;
  30. height: 120px;
  31. width: 120px;
  32. color: #7F9CB8;
  33. padding: 2px;
  34. font-size: 0.85em;
  35. font-family: 'Cabin', sans-serif;
  36. position: relative;
  37. bottom: 0px;
  38. left: -0px;
  39. overflow: auto;
  40. overflow: hidden;
  41. }
  42.  
  43. .hae:hover .sip {
  44. height: 0%;
  45. }
  46.  
  47. .hea {
  48. text-align: left;
  49. color: #99d5f6;
  50. font-size: 20px;
  51. width: 100%;
  52. height: 100%;
  53. background: #ffffff00;
  54. }
  55.  
  56. .sip {
  57. color:#ffffff00;
  58. font-size: 20px;
  59. width: 100%;
  60. height: 100%;
  61. line-height: 300px;
  62. position: absolute;
  63. top: 0;
  64. left: 0;
  65. transition: 0.8s;
  66. -moz-transition: 0.8s;
  67. -webkit-transition: 0.8s;
  68. -o-transition: 0.8s;
  69. width: 100%;
  70. height: 100%;
  71. object-fit: cover;
  72. z-index: 1;
  73. }
  74.  
  75. #choco {
  76. height: 100%;
  77. width: 100%;
  78. background: #ffffff00;
  79. position: relative;
  80. top: 0;
  81. padding: 10px;
  82. white-space: nowrap;
  83. margin-left: 10px;
  84. }
  85.  
  86. .tem {
  87. height: 100%;
  88. object-fit: cover;
  89. white-space: normal;
  90. float: left;
  91. -webkit-mask-size: 100%;
  92. -webkit-mask-repeat: no-repeat;
  93. -webkit-mask-position: center;
  94. }
  95.  
  96. #fart {
  97. border-width: 10px;
  98. border-radius: 5px;
  99. height: 121px;
  100. width: 121px;
  101. padding: 2px;
  102. font-size: 0.6em;
  103. font-family: 'Cabin', sans-serif;
  104. color: #000;
  105. position: relative;
  106. top: -26px;
  107. left: -3px;
  108. z-index: 1;
  109. overflow: auto;
  110. background: radial-gradient(circle, #E4EFF9 9%, #fff 100%);
  111. {
  112. </style>
  113.  
  114. <title></title>
  115. </head>
  116. <body>
  117. <div class="hae">
  118. <div class="hea">
  119. <br>
  120. <div class="tem">
  121. <center>
  122. <div id="inside">
  123. <center>
  124. <div id="fart"><br>
  125. <mark>about</mark><br> info info info info info info info info info info info info info <br><br>
  126. <mark>likes</mark><br> info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info
  127. <br>
  128. <br> <mark>links</mark><br> <a href="url">link</a> <a href="url">link</a> <a href="url">link</a> <a href="url">link</a>
  129. <br>
  130. <br>
  131. cr enbyself
  132.  
  133. </div>
  134. </center>
  135. </div>
  136. </center>
  137. </div>
  138. <div id="overlay"><img class="sip" src="IMAGE URL"></div>
  139. </div>
  140. </div>
  141.  
  142. ---- SCROLLBOX 2 EMBED ----
  143. <html>
  144. <head>
  145. <link rel="preconnect" href="https://fonts.googleapis.com">
  146. <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
  147. <link href="https://fonts.googleapis.com/css2?family=Gamja+Flower&amp;display=swap" rel="stylesheet">
  148.  
  149. <style>
  150. mark {
  151. background: linear-gradient(0deg, #DAECFA 0%, #E4EFF9 100%);
  152. border: 1px solid #7F9CB8;
  153. border-radius: 5px;
  154. font-family: handy;
  155. color: #fff;
  156. padding-left: 10px;
  157. padding-right:10px;
  158. letter-spacing: 1.5px;
  159. text-align: center;
  160. text-decoration: none;
  161. display: inline-block;
  162. font-size: 11px;
  163. margin: 0px 1px;
  164. cursor: hidden;
  165. }
  166.  
  167. .hae {
  168. border-width: 7px;
  169. border: 2px double #7F9CB8;
  170. border-radius: 5px;
  171. height: 120px;
  172. width: 120px;
  173. color: #7F9CB8;
  174. padding: 2px;
  175. font-size: 0.85em;
  176. font-family: 'Cabin', sans-serif;
  177. position: relative;
  178. bottom: 0px;
  179. left: -0px;
  180. overflow: auto;
  181. overflow: hidden;
  182. }
  183.  
  184. .hae:hover .sip {
  185. height: 0%;
  186. }
  187.  
  188. .hea {
  189. text-align: left;
  190. color: #99d5f6;
  191. font-size: 20px;
  192. width: 100%;
  193. height: 100%;
  194. background: #ffffff00;
  195. }
  196.  
  197. .sip {
  198. color:#ffffff00;
  199. font-size: 20px;
  200. width: 100%;
  201. height: 100%;
  202. line-height: 300px;
  203. position: absolute;
  204. top: 0;
  205. left: 0;
  206. transition: 0.8s;
  207. -moz-transition: 0.8s;
  208. -webkit-transition: 0.8s;
  209. -o-transition: 0.8s;
  210. width: 100%;
  211. height: 100%;
  212. object-fit: cover;
  213. z-index: 1;
  214. }
  215.  
  216. #choco {
  217. height: 100%;
  218. width: 100%;
  219. background: #ffffff00;
  220. position: relative;
  221. top: 0;
  222. padding: 10px;
  223. white-space: nowrap;
  224. margin-left: 10px;
  225. }
  226.  
  227. .tem {
  228. height: 100%;
  229. object-fit: cover;
  230. white-space: normal;
  231. float: left;
  232. -webkit-mask-size: 100%;
  233. -webkit-mask-repeat: no-repeat;
  234. -webkit-mask-position: center;
  235. }
  236.  
  237. #fart {
  238. border-width: 10px;
  239. border-radius: 5px;
  240. height: 121px;
  241. width: 121px;
  242. padding: 2px;
  243. font-size: 0.6em;
  244. font-family: 'Cabin', sans-serif;
  245. color: #000;
  246. position: relative;
  247. top: -26px;
  248. left: -3px;
  249. z-index: 1;
  250. overflow: auto;
  251. background: radial-gradient(circle, #E4EFF9 9%, #fff 100%);
  252. {
  253. </style>
  254.  
  255. <title></title>
  256. </head>
  257. <body>
  258. <div class="hae">
  259. <div class="hea">
  260. <br>
  261. <div class="tem">
  262. <center>
  263. <div id="inside">
  264. <center>
  265. <div id="fart"><br>
  266. <mark>byf</mark><br> info info info info info info info info info info info info info info info info info info info info info info info info <br>
  267. <br>
  268. <mark>dni</mark><br> info info info info info info info info info info info info info info info info info info info info info info info info <br>
  269. <br>
  270. <br><mark>music</mark><br> info info info info info info info info info info info info info info info info info info info info info info info info
  271. <br>
  272.  
  273. </div>
  274. </center>
  275. </div>
  276. </center>
  277. </div>
  278. <div id="overlay"><img class="sip" src="IMAGE URL"></div>
  279. </div>
  280. </div>
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!