API tools faq
paste
weldherwings

mingyu - cs

weldherwings
Nov 8th, 2020
105
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.52 KB | None | 0 0
raw download clone embed print report
  1. [comment]‧͙⁺˚*･༓☾　coded by weldherwings　☽༓･*˚⁺‧͙
  2. [font=Karla][font=Crimson Text]kero! stop eating the sweets![/font][/font]
  3. to change the colours + images, change them below in the variables
  4.  
  5. [/comment][border=0px;
  6. padding:0px;
  7. display:block;
  8. font-smoothing:antialiased;
  9. -webkit-font-smoothing: antialiased;
  10. -moz-osx-font-smoothing: grayscale;
  11. position:relative;
  12. text-align:justify;
  13. white-space:nowrap;
  14. box-sizing:border-box;
  15. width:100%;
  16. height:auto;
  17. overflow:hidden;
  18. line-height:0px;
  19. padding-top:80px;
  20. padding-bottom:80px;
  21. color:black;
  22. font-size:0px;
  23. background-color:#c2bfbc;
  24. background-image: url(https://www.transparenttextures.com/patterns/light-paper-fibers.png);
  25. background-size:30%;
  26. --titlefont: Crimson Text;
  27. --sidebg: #59859e;
  28. --contentbg: rgba(255, 255, 255, 0.7);
  29. --image1: url(https://i.pinimg.com/564x/21/58/99/2158998158c60880adab90d1d76a0ed5.jpg);
  30. --image2: url(https://i.pinimg.com/564x/04/11/0c/04110c8899c81e112a45b762f8e8436f.jpg);
  31. --image3: url(https://i.pinimg.com/564x/1b/0a/3d/1b0a3df35ee9b5ed003edc9d8353289d.jpg);
  32. --image4: url(https://i.pinimg.com/564x/49/53/a3/4953a3a0970da38f1e5bd29142390b2b.jpg);
  33. --image5: url(https://i.pinimg.com/564x/17/1f/e7/171fe729dd241da42a01a9a359b7e632.jpg);
  34. --image6: url(https://i.pinimg.com/564x/5c/66/e7/5c66e7c26f504ba3a426aae8fe0ef979.jpg);
  35. --mainfont: Karla;
  36. --fontcolor: black;
  37. cursor: url(https://66.media.tumblr.com/232c090ebdd37ae4bc17adb54e1e0344/tumblr_inline_ol4nwhvSwg1uxxza6_75sq.png), auto!important;]
  38.  
  39. [border=0px; padding:0px; height:250px; max-width:600px; margin:auto;background:black; display:flex; justify-content:space-evenly]
  40.  
  41. [border=0px; padding:0px; height:250px; width:600px; position:absolute; background-image: url(https://www.transparenttextures.com/patterns/light-paper-fibers.png);
  42. background-size:20%; background-blend-mode: screen; pointer-events:none; z-index:4;][/border]
  43.  
  44. [border=0px; padding:0px; height:250px; width:450px; background:var(--image1); background-size:cover; background-position:50% 50%;][/border]
  45.  
  46. [border=0px; padding:0px; height:250px; width:250px; background:var(--sidebg); box-sizing:border-box; padding-top:120px;]
  47. [border=0px; padding:0px;line-height:18px; font-size:20px; white-space:normal; font-family: var(--titlefont); color: #e0e0e0; letter-spacing:1px; text-align:center; position:absolute; margin-left:50px; z-index:3; pointer-events:none; ][b]jeong mingyu.[/b]
  48. [size=12px][i]twenty-two[/i][/size][/border]
  49.  
  50.  
  51. [border=0px; padding:0px; width:220px;margin-top:-60px; transform:scale(0.8);]
  52. [border=0px; padding:0px; width:240px; height:150px;padding-top:35px; background:var(--sidebg); position:absolute; z-index:2; pointer-events:none; font-size:10px; white-space:normal; font-family: var(--titlefont); color: #e0e0e0; letter-spacing:20px; text-align:center;][fa]fa-circle[/fa] [fa]fa-circle[/fa] [fa]fa-circle[/fa][/border]
  53. [tabs][tab=000000000000000000]a[/tab]
  54.  
  55. [tab=1][border=0px; padding:10px; width:450px; height:295px; background:var(--contentbg); position:absolute; z-index:2; margin-top:-160px; margin-left:-510px;box-sizing:border-box; display:flex; justify-content:space-evenly]
  56. [border=0px; padding:0px; width:200px; height:275px; background:var(--image2); background-size:cover;][/border]
  57.  
  58.  
  59. [border=0px; padding:0px; width:250px; height:275px; overflow:hidden;display:flex; flex-direction:column; box-sizing:border-box]
  60. [border=0px; height:100%; width:200%; padding:0px; overflow-y:scroll;overflow-x:hidden; line-height:15px; font-size:14px; white-space:normal; font-family: var(--mainfont); color: var(--fontcolor) ][border=0; height:auto; width:50.5%; box-sizing:border-box;][comment]
  61.  
  62. ‧͙⁺˚*･༓☾　tab 2 contents　☽༓･*˚⁺‧͙
  63.  
  64. [/comment]Lorem ipsum dolor sit amet, quot etiam eirmod mea in. In alienum quaestio vel. Deserunt abhorreant ea nam, ea decore recusabo vim. Stet offendit facilisi has et, propriae pertinacia consectetuer nam ex. Ius prima moderatius scribentur ut, idque paulo ex nec. Eu doming possim nam, natum omnesque et ius, te ferri tibique singulis est. In labitur neglegentur sit, eam te natum petentium qualisque.
  65.  
  66. Sea autem nostro cetero ne. Liber impetus verterem his at, cu ridens doming sed. Facete euripidis est at. Mei officiis maluisset no. Eam amet graeci expetenda ut, usu cu graeci detracto.
  67.  
  68. Sapientem imperdiet adversarium et vis. Sit id clita delenit patrioque, te amet movet recteque mea. Sed verear dissentiunt ad, has alia veritus molestie id. Ad vis saepe persecuti, eros minim consequat mei eu.
  69.  
  70. Appetere elaboraret ea per, tation aliquip instructior at est, eos ea accumsan deleniti. Pri postea ornatus expetendis an, per assentior consectetuer cu. Elit philosophia no has, ex quod duis vituperata cum. Duo ei copiosae postulant, diam mundi his id, nam an facer falli aliquip. Salutatus dignissim id his, augue ornatus cotidieque usu ut. Salutatus abhorreant eos at, iracundia definitiones ei pro.
  71.  
  72. Alii omnis debitis pro te, fabulas vocibus vim ex. Nonumy eloquentiam ei sit, eam ex audire molestiae, erant vocent in sea. His ad laudem laboramus, at dolor mentitum mea, populo offendit corrumpit mea et. Errem meliore concludaturque ei vim, clita tacimates consulatu duo ea.[/border][/border][/border]
  73.  
  74. [/border][/tab]
  75.  
  76. [tab=2][border=0px; padding:10px; width:450px; height:295px; background:var(--contentbg); position:absolute; z-index:2; margin-top:-160px; margin-left:-510px; box-sizing:border-box]
  77. [border=0px; padding:0px; width:430px; height:110px; margin-bottom:10px; display:flex; justify-content: space-evenly]
  78. [border=0px; padding:0px; width:140px; height:110px; background:var(--image3); background-size:cover; background-position:50% 50%][/border]
  79. [border=0px; padding:0px; width:140px; height:110px; background:var(--image4); background-size:cover; background-position:50% 50%][/border]
  80. [border=0px; padding:0px; width:140px; height:110px; background:var(--image5); background-size:cover; background-position:50% 50%][/border]
  81. [/border]
  82.  
  83. [border=0px; padding:0px; width:430px; height:150px;overflow:hidden;display:flex; flex-direction:column; box-sizing:border-box]
  84. [border=0px; border=0px; height:100%; width:200%; padding:0px; overflow-y:scroll;overflow-x:hidden; line-height:15px; font-size:14px; white-space:normal; font-family: var(--mainfont); color: var(--fontcolor) ][border=0; height:auto; width:50.5%; box-sizing:border-box;][comment]
  85.  
  86. ‧͙⁺˚*･༓☾　tab 3 contents　☽༓･*˚⁺‧͙
  87.  
  88. [/comment]Lorem ipsum dolor sit amet, quot etiam eirmod mea in. In alienum quaestio vel. Deserunt abhorreant ea nam, ea decore recusabo vim. Stet offendit facilisi has et, propriae pertinacia consectetuer nam ex. Ius prima moderatius scribentur ut, idque paulo ex nec. Eu doming possim nam, natum omnesque et ius, te ferri tibique singulis est. In labitur neglegentur sit, eam te natum petentium qualisque.
  89.  
  90. Sea autem nostro cetero ne. Liber impetus verterem his at, cu ridens doming sed. Facete euripidis est at. Mei officiis maluisset no. Eam amet graeci expetenda ut, usu cu graeci detracto.
  91.  
  92. Sapientem imperdiet adversarium et vis. Sit id clita delenit patrioque, te amet movet recteque mea. Sed verear dissentiunt ad, has alia veritus molestie id. Ad vis saepe persecuti, eros minim consequat mei eu.
  93.  
  94. Appetere elaboraret ea per, tation aliquip instructior at est, eos ea accumsan deleniti. Pri postea ornatus expetendis an, per assentior consectetuer cu. Elit philosophia no has, ex quod duis vituperata cum. Duo ei copiosae postulant, diam mundi his id, nam an facer falli aliquip. Salutatus dignissim id his, augue ornatus cotidieque usu ut. Salutatus abhorreant eos at, iracundia definitiones ei pro.
  95.  
  96. Alii omnis debitis pro te, fabulas vocibus vim ex. Nonumy eloquentiam ei sit, eam ex audire molestiae, erant vocent in sea. His ad laudem laboramus, at dolor mentitum mea, populo offendit corrumpit mea et. Errem meliore concludaturque ei vim, clita tacimates consulatu duo ea.[/border][/border][/border]
  97.  
  98. [/border][/tab][/tab]
  99.  
  100. [tab=3][border=0px; padding:10px; width:450px; height:295px; background:var(--contentbg); position:absolute; z-index:2; margin-top:-160px; margin-left:-510px;box-sizing:border-box; display:flex; justify-content:space-evenly]
  101.  
  102. [border=0px; padding:0px; width:250px; height:275px; overflow:hidden;display:flex; flex-direction:column; box-sizing:border-box]
  103. [border=0px; height:100%; width:200%; padding:0px; overflow-y:scroll;overflow-x:hidden; line-height:15px; font-size:14px; white-space:normal; font-family: var(--mainfont); color: var(--fontcolor) ][border=0; height:auto; width:50.5%; box-sizing:border-box;][comment]
  104.  
  105. ‧͙⁺˚*･༓☾　tab 2 contents　☽༓･*˚⁺‧͙
  106.  
  107. [/comment]Lorem ipsum dolor sit amet, quot etiam eirmod mea in. In alienum quaestio vel. Deserunt abhorreant ea nam, ea decore recusabo vim. Stet offendit facilisi has et, propriae pertinacia consectetuer nam ex. Ius prima moderatius scribentur ut, idque paulo ex nec. Eu doming possim nam, natum omnesque et ius, te ferri tibique singulis est. In labitur neglegentur sit, eam te natum petentium qualisque.
  108.  
  109. Sea autem nostro cetero ne. Liber impetus verterem his at, cu ridens doming sed. Facete euripidis est at. Mei officiis maluisset no. Eam amet graeci expetenda ut, usu cu graeci detracto.
  110.  
  111. Sapientem imperdiet adversarium et vis. Sit id clita delenit patrioque, te amet movet recteque mea. Sed verear dissentiunt ad, has alia veritus molestie id. Ad vis saepe persecuti, eros minim consequat mei eu.
  112.  
  113. Appetere elaboraret ea per, tation aliquip instructior at est, eos ea accumsan deleniti. Pri postea ornatus expetendis an, per assentior consectetuer cu. Elit philosophia no has, ex quod duis vituperata cum. Duo ei copiosae postulant, diam mundi his id, nam an facer falli aliquip. Salutatus dignissim id his, augue ornatus cotidieque usu ut. Salutatus abhorreant eos at, iracundia definitiones ei pro.
  114.  
  115. Alii omnis debitis pro te, fabulas vocibus vim ex. Nonumy eloquentiam ei sit, eam ex audire molestiae, erant vocent in sea. His ad laudem laboramus, at dolor mentitum mea, populo offendit corrumpit mea et. Errem meliore concludaturque ei vim, clita tacimates consulatu duo ea.[/border][/border][/border]
  116.  
  117. [border=0px; padding:0px; width:200px; height:275px; background:var(--image6); background-size:cover;][/border]
  118.  
  119. [/border][/tab]
  120. [/tabs][/border][/border]
  121.  
  122.  
  123. [/border]
  124.  
  125. [comment]
  126.  
  127. ‧͙⁺˚*･༓☾　credit - please do not remove　☽༓･*˚⁺‧͙
  128. [/comment][border=0px; font-size:8px; filter: grayscale(100%); letter-spacing:1px; text-align:center;font-family:Karla; margin-top:30px;line-height:11px;]coded by weldherwings.[/border][/border]
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!