API tools faq
paste
Advertisement
mooch_0

Untitled

mooch_0
Sep 3rd, 2023
111
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.07 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. </head>
  5. <style>
  6. @font-face {
  7. src: url(https://dl.dropbox.com/s/1479f8x52y3z5u4/rainyhearts.ttf);
  8. font-family: hearts;
  9. }
  10. @font-face {
  11. src: url(https://dl.dropbox.com/s/sp80a2vopsaa164/SnackerComic_PerosnalUseOnly.ttf);
  12. font-family: snacker;
  13. }
  14. @font-face {
  15. font-family:'nikyukyu';
  16. src: url(https://dl.dropbox.com/s/tj1p07o8xlthc3x/NIKUKYU.ttf);
  17. }
  18. #container {
  19. width:600px;
  20. min-height:500px;
  21. border:0px solid white;
  22. margin-right:auto;
  23. margin-left:auto;
  24. border-width: 10px;
  25. overflow: hidden;
  26. border-radius: 20px;
  27. border: 0px solid #BDBDBD;
  28. }
  29. #hr3 {
  30. border: 1px solid #BDBDBD;
  31. }
  32. #middle{
  33. width: 990px;
  34. display: flex;
  35. flex-wrap: wrap;
  36. align-content: center;
  37. margin: auto;
  38. justify-content: center;
  39. }
  40. .header1{
  41. width:140px;
  42. height:25px;
  43. margin-top:10px;
  44. background: linear-gradient(to bottom, #EEEEEE, #E0E0E0);
  45. box-shadow: 3px 2px 1px #BDBDBD;
  46. }
  47. .header1 img{
  48. height:20px;
  49. margin-left:5px;
  50. margin-top:3px;
  51. }
  52. .txt1{
  53. font-family: hearts;
  54. margin-top:-20px;
  55. margin-left:30px;
  56. }
  57. .exitbox{
  58. width:20px;
  59. height:25px;
  60. background: linear-gradient(to bottom, #EEEEEE, #E0E0E0);
  61. margin-left:142px;
  62. margin-top:-22px;box-shadow: 3px 2px 1px #BDBDBD;
  63. }
  64. .txt2{
  65. font-family: hearts;
  66. margin-top:-34px;
  67. margin-left:150px;
  68. }
  69. .setting{
  70. font-family: hearts;
  71. width:100px;
  72. height:20px;
  73. margin-left:420px;
  74. margin-top:-35px;
  75. }
  76. .body{
  77. width: 600px;
  78. height:410px;
  79. background-color:#EEEEEE;
  80. }
  81. .header2{
  82. width:600px;
  83. height:25px;
  84. background: linear-gradient(to bottom, #EEEEEE, #E0E0E0);
  85. border: 1px solid #BDBDBD;
  86. }
  87. .txt3{
  88. font-family: hearts;
  89. margin-top: px;
  90. margin-left:px;
  91. padding:5px;
  92. color: #424242;
  93.  
  94. }
  95. .background1{
  96. width:155px;
  97. height:382px;
  98. background-color:#F5F5F5;
  99. }
  100. .pfp1 img{
  101. height:100px;
  102. padding:5px;
  103. }
  104. .txt4{
  105. font-family: hearts;
  106. font-size:12px;
  107. color: #616161;
  108. }
  109. .background2{
  110. width:145px;
  111. margin-left:5px;
  112. margin-top: 5px;
  113. height:245px;
  114. background-color:#fff;
  115. border-radius: 10px;
  116. }
  117. .txt5{
  118. padding:10px;
  119. font-family: hearts;
  120. font-size:13px;
  121. color: #616161;
  122. }
  123. .txt5 img{
  124. height:14px;
  125. margin-top:-5px;
  126. margin-left:-5px;
  127. }
  128. .footerimg1 img{
  129. height:60px;
  130. margin-left:-px;
  131. margin-top:-22px;
  132. border-radius: 20px;
  133. }
  134. .background3{
  135. width:450px;
  136. height:376px;
  137. background-color:#F0F0F0;
  138. margin-left:155px;
  139. margin-top:5px;
  140. }
  141. .headerimgcontainer{
  142. position: relative;
  143. height:70px;
  144. width:435px;
  145. margin-left:5px;
  146. background-image: url('http://media.tumblr.com/tumblr_metafit5oV1qid2nw.png');
  147. }
  148. .headerimg2 {
  149. position: relative;
  150. height:60px;
  151. width:200px;
  152. margin-left:10px;
  153. margin-top:-65px;
  154. border: 1px solid #ffa8d1;
  155. background-image: url('https://i.pinimg.com/564x/74/d2/ad/74d2adb3c3c422bb9ce81bd5a8950fdb.jpg');
  156. background-size: cover;
  157. }
  158. .headerimg3 {
  159. position: relative;
  160. height:60px;
  161. width:200px;
  162. margin-left:220px;
  163. margin-top:-1px;
  164. border: 1px solid #ffa8d1;
  165. background-image: url('https://i.pinimg.com/564x/8f/ae/4b/8fae4b3bfe3ef466ae59a2c8e7bffbcb.jpg');
  166. background-size: cover;
  167. }
  168. .links1{
  169. width:20px;
  170. height:25px;
  171. background: linear-gradient(to bottom, #EEEEEE, #E0E0E0);
  172. margin-left:-10px;
  173. margin-top:-px;
  174. box-shadow: 3px 2px 1px #BDBDBD;
  175. }
  176. .links2{
  177. width:100px;
  178. height:25px;
  179. background: linear-gradient(to bottom, #EEEEEE, #E0E0E0);
  180. margin-left:21px;
  181. margin-top:-px;
  182. box-shadow: 3px 2px 1px #BDBDBD;
  183. }
  184. .links2 img{
  185. height:15px;
  186. padding:5px;
  187. }
  188. .txt6 {
  189. width:100px;
  190. padding:px;
  191. font-family: hearts;
  192. font-size:13px;
  193. margin-top:-18px;
  194. margin-left:45px;
  195. color: #616161;
  196. }
  197. .top1{
  198. margin-top:5px;
  199. width:120px;
  200. height:80px;
  201. border: 1px solid #BDBDBD;
  202. }
  203. .top2{
  204. width:40px;
  205. height:80px;
  206. margin-left:px;
  207. border: 1px solid #BDBDBD;
  208. overflow:hide;
  209. }
  210. .txt7{
  211. margin-left:5px;
  212. padding:10px;
  213. font-family: hearts;
  214. font-size:13px;
  215. color: #616161;
  216. }
  217. .txt8{
  218. padding:10px;
  219. width:100px;
  220. font-family: hearts;
  221. font-size:13px;
  222. color: #616161;
  223. margin-top:-80px;
  224. margin-left:30px;
  225. }
  226. .footer2{
  227. width:122px;
  228. height:25px;
  229. background: linear-gradient(to bottom, #EEEEEE, #E0E0E0);
  230. margin-left:-18px;
  231. }
  232. .dniheader{
  233. width:325px;
  234. height:30px;
  235. margin-left:120px;
  236. margin-top:-140px;
  237. background: linear-gradient(to bottom, #EEEEEE, #E0E0E0);
  238. }
  239. .dnibox{
  240. background-color:#000;
  241. width:325px;
  242. height:109px;
  243. margin-left:120px;
  244. margin-top:-6px;
  245. background: repeating-linear-gradient(
  246. 45deg,
  247. #fbcafc 0px,
  248. #fbcafc 20px,
  249. #fed6ff 20px,
  250. #fed6ff 40px
  251. );
  252. }
  253. .txt9{
  254. padding:10px;
  255. font-family: hearts;
  256. font-size:15px;
  257. color: #616161;
  258. margin-top:-55px;
  259. margin-left:125px;
  260. }
  261. .pfp2 img{
  262. height:60px;
  263. margin-left:5px;
  264. margin-top:5px;
  265. border: 1px solid #ffa8d1;
  266. }
  267. .dnibox2{
  268. width:202px;
  269. height:75px;
  270. margin-left:75px;
  271. background-color:#fff;
  272. margin-top:-65px;
  273. border-radius: 20px;
  274. box-shadow: 3px 2px 1px #BDBDBD;
  275. }
  276. .dnititle{
  277. font-family: hearts;
  278. font-size:12px;
  279. color: #ffa8d1
  280. }
  281. .dniinfo{
  282. font-size:13px;
  283. color: #000;
  284. font-family: hearts;
  285. }
  286. .dniinfobox{
  287. width:180px;
  288. height:55px;
  289. overflow: auto;
  290. }
  291. ::-webkit-scrollbar {
  292. width: 12px;
  293. background-color: #dcdcdc;
  294. }
  295. ::-webkit-scrollbar-thumb {
  296. border-top: 1px solid #cccccc;
  297. border-left: 1px solid #cccccc;
  298. border-right: 1px solid black;
  299. border-bottom: 1px solid black;
  300. box-shadow: inset 1px 1px 0 0 white, inset -1px -1px 0 0 #868a8e;
  301. width: 16px;
  302. height: 16px;
  303. background-color: #cccccc;
  304. z-index: 1;
  305. }
  306.  
  307. ::-webkit-scrollbar-track {
  308. background-color: #dcdcdc;
  309. }
  310.  
  311. ::-webkit-scrollbar-button:vertical:start:increment {
  312. display: none;
  313. }
  314.  
  315. ::-webkit-scrollbar-button:vertical:end:decrement {
  316. display: none;
  317. }
  318.  
  319. ::-webkit-scrollbar-button:vertical:end:increment {
  320. border-top: 1px solid #cccccc;
  321. border-left: 1px solid #cccccc;
  322. border-right: 1px solid black;
  323. border-bottom: 1px solid black;
  324. box-shadow: inset 1px 1px 0 0 white, inset -1px -1px 0 0 #868a8e;
  325. width: 16px;
  326. height: 16px;
  327. background-color: #cccccc;
  328. z-index: 1;
  329. }
  330. .dniendheader{
  331. width:350px;
  332. height:23px;
  333. margin-left:-76px;
  334. margin-top:15px;
  335. background: linear-gradient(to bottom, #EEEEEE, #E0E0E0);
  336.  
  337.  
  338. }
  339. .byfheader{
  340. position: relative;
  341. width:80px;
  342. height:24px;
  343. background: linear-gradient(to bottom, #fad9e4, #fcb1ca); border:1px solid #fc9fbe;
  344. margin-left:-505px;
  345. margin-top:4px;
  346. border-radius: 10px;
  347. color:#fc74a2;
  348. line-height:24px;
  349.  
  350. font-family: hearts;
  351.  
  352. }
  353. .byfbody{
  354. width:150px;
  355. height:150px;
  356. background: repeating-linear-gradient(
  357. 45deg,
  358. #fcd7e3 0px,
  359. #fcd7e3 20px,
  360. #fff0f5 20px,
  361. #fff0f5 40px
  362. );
  363. margin-left:-432px;
  364. margin-top:-20px;
  365. border:1px solid #fc9fbe;
  366. border-radius: 10px;
  367. font-family: hearts;
  368.  
  369. }
  370. .pfp3 img{
  371. height:60px;
  372. margin-left:5px;
  373. margin-top:5px;
  374. border: 1px solid #ffa8d1;
  375. border-radius: 100px;
  376. margin-top:20px;
  377. }
  378. .byfbox{
  379. height:50px;
  380. width:130px;
  381. background: linear-gradient(to bottom, #fae8ee, #fad2e0);
  382. border-radius: 20px;
  383. overflow: auto;
  384. padding:5px;
  385. color: #f7689a;
  386. font-size:14px;
  387.  
  388. }
  389. .aboutmeheader{
  390. position: relative;
  391. width:80px;
  392. height:24px;
  393. background: linear-gradient(to bottom, #d6fbff, #50e4f5); border:1px solid #9dc3fc;
  394. margin-left:157px;
  395. margin-top:-154px;
  396. border-radius: 10px;
  397. color:#75acff;
  398. line-height:24px;
  399. }
  400. .aboutmebody{
  401. width:250px;
  402. height:148px;
  403. background: repeating-linear-gradient(
  404. 45deg,
  405. #d4f5fa 0px,
  406. #d4f5fa 20px,
  407. #f2fdff 20px,
  408. #f2fdff 40px
  409. );
  410. margin-left:160px;
  411. margin-top:-15px;
  412. border:1px solid #9dc3fc;
  413. border-radius: 10px;
  414. }
  415. .likesbody{
  416. width:210px;
  417. height:45px;
  418. background: linear-gradient(to bottom, #ebfafc, #cff5fc); border:1px solid #9dc3fc;
  419. margin-top:18px;
  420. border-radius: 10px;
  421. color:#75acff;
  422. overflow: auto;
  423. padding:5px;
  424. font-size:14px;
  425.  
  426. }
  427. .dislikesbody{
  428. width:210px;
  429. height:45px;
  430. background: linear-gradient(to bottom, #ebfafc, #cff5fc); border:1px solid #9dc3fc;
  431. margin-top:5px;
  432. border-radius: 10px;
  433. color:#75acff;
  434. overflow: auto;
  435. padding:5px;
  436. font-size:14px;
  437. }
  438. .endheader{
  439. width:650px;
  440. height:35px;
  441. margin-left:-365px;
  442. margin-top:23px;
  443. background: linear-gradient(to bottom, #EEEEEE, #bababa);
  444. border: 1px solid #BDBDBD;
  445. }
  446. .credits p{
  447. color:#000;
  448. opacity: 0.3;
  449. margin-left:540px;
  450. }
  451. </style>
  452. <body>
  453. <div id="container">
  454. <div id="middle">
  455. </diV>
  456. <div class="header1">
  457. <img src="http://media.tumblr.com/704df730b7751318cfefabfa523adead/tumblr_inline_mjpo92utu51qz4rgp.gif">
  458. <div class="txt1">
  459. https://neocities
  460. </div>
  461. <div class="exitbox">
  462. </div>
  463. <div class="txt2">
  464. <p> X </P>
  465. </div>
  466. <div class ="setting">
  467.  
  468. </div></div>
  469. <div class="body">
  470. <div class="header2">
  471. <div class="txt3"> <u>F</u>ile <u>E</u>dit <u>V</u>iew <u>M</u>odify
  472. </div>
  473. <div class="background1">
  474. <div class="pfp1">
  475. <center><img src="https://i.pinimg.com/564x/48/f0/c7/48f0c761460479cf8546968029c2c568.jpg"></center>
  476. <center><div class="txt4">last online: <b>1 day ago</b>
  477. </center>
  478. <div class="background2">
  479. <div>
  480. <div class="txt5">
  481. <center>
  482. <img src="http://media.tumblr.com/b0c90087ca55dc0fb95b6ba1bcc8e28d/tumblr_inline_mnl2non9bq1qz4rgp.gif"> <center> <b>name:</b> username
  483. <br><b>pronouns:</B> idk/dk
  484. <br><b>age: </b>??
  485. <br><br>
  486. <center>
  487. <img src="http://media.tumblr.com/b0c90087ca55dc0fb95b6ba1bcc8e28d/tumblr_inline_mnl2non9bq1qz4rgp.gif"> <center>
  488. </div>
  489. <div class="footerimg1">
  490. <center>
  491. <img src="https://i.pinimg.com/564x/d4/00/79/d400795cb6e9c99dcd2c8c6e74d0bef5.jpg"></center>
  492. <br>
  493. <center>
  494. <img src="https://i.pinimg.com/564x/e9/51/e2/e951e22858fc88fb385caf7cc90ad9ab.jpg"></center>
  495. </div></div></div></div></div></div>
  496. <div class="background3">
  497. <div class="headerimgcontainer">
  498. </div>
  499. <div class="headerimg2">
  500. <div class="headerimg3">
  501. </div>
  502. <div class="links1">
  503. <div class="links2"><img src="http://img.photobucket.com/albums/v252/shaquanda/dumpitydump/pixelwixel/1861.gif">
  504. </div>
  505. <div class="txt6"> my links
  506. </div>
  507. <div class="top1">
  508. <div class="top2">
  509. <div class="txt7"> 1. <br>2 <br>3<br>4<br>5
  510. <div class="txt8"> <a href="https://www.example.com">Click me</a>
  511. <br>
  512. <a href="https://www.example.com">Click me</a>
  513. <br>
  514. <a href="https://www.example.com">Click me</a>
  515. <br>
  516. <a href="https://www.example.com">Click me</a>
  517. <br>
  518. <a href="https://www.example.com">Click me</a>
  519. </div>
  520. <div class="footer2">
  521. </div></div>
  522. <div class="dniheader">
  523. </div>
  524. <div class="txt9"><b> -</b> dni.exe
  525. </div>
  526. <div class="dnibox">
  527. <div class="pfp2"><img src="https://proxy.everskies.com/a/https%3A%2F%2Fi.pinimg.com%2F564x%2F22%2F13%2F76%2F221376f1d8db6f6d28b3f9ad66ff5528.jpg" alt="392f64e3e85e70ef332f24e7ae74e9a4.jpg" />
  528. <div class="dnibox2">
  529. <center><div class="dnititle"> DNI IF:
  530. <center> <div class="dniinfobox">
  531. <center> <div class="dniinfo">
  532. <center> info info info info info info info info info info info info info info info info info infoinfo info inof inof info info info info info info info info info info info info info info</center>
  533. </div></center></div>
  534.  
  535. <div class="dniendheader">
  536. </div>
  537. <div class="byfheader">
  538. BYF
  539. </div>
  540. <div class="byfbody">
  541. <div class="pfp3">
  542. <img src="https://proxy.everskies.com/a/https%3A%2F%2Fi.pinimg.com%2Foriginals%2Fc1%2F6a%2F20%2Fc16a20361b8dd86ba1be1e6745a5cd35.gif" alt="c16a20361b8dd86ba1be1e6745a5cd35.gif" />
  543. </div>
  544. <div class="byfbox"> info info info info info info info info info info info info inof info info info info info info info info info info info info info inffo
  545. </div>
  546. <div class="aboutmeheader"> about me
  547. </div>
  548. <div class="aboutmebody">
  549. <div class="likesbody"> <b class="p-1" style="background-color:#adebff;color:#57b3fa;">my likes!!</b> info info info info info info info info info info info info info info info info info info info info info info info infoinfo info info inof info info info info info info info
  550. </div>
  551. <div class="dislikesbody"> <b class="p-1" style="background-color:#adebff;color:#57b3fa;">my dislikes!!</b> 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 info info info
  552. </div>
  553. <div class="endheader">
  554. <div class="credits"> <p> layout by: <a href="https://moochsite.neocities.org/">mooch</a>
  555.  
  556.  
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!