API tools faq
paste
Advertisement
weldherwings

hogwarts -- requested

weldherwings
Aug 9th, 2020
141
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.39 KB | None | 0 0
raw download clone embed print report
  1. [comment]‧͙⁺˚*･༓☾　coded by weldherwings　☽༓･*˚⁺‧͙
  2. [font=Karla][font=Life Savers][font=Times New Roman]kero! stop eating the sweets![/font][/font][/font]
  3. to change the colours + images, change them below in the variables
  4.  
  5. [/comment][border=0px;
  6. display:block;
  7. font-smoothing:antialiased;
  8. -webkit-font-smoothing: antialiased;
  9. -moz-osx-font-smoothing: grayscale;
  10. position:relative;
  11. white-space:nowrap;
  12. box-sizing:border-box;
  13. width:100%;
  14. height:auto;
  15. overflow:hidden;
  16. line-height:0px;
  17. color:black;
  18. padding-bottom:30px;
  19. background-color:#491923;
  20. background-image:url(https://www.transparenttextures.com/patterns/binding-dark.png);
  21. background-size:10%;
  22. --bg2: #8e765e;
  23. --tabfont: Times New Roman;
  24. --titlefont: Life Savers;
  25. --tfsize:8px;
  26. --textsize:15px;
  27. --titlesize:10px;
  28. --mainbg: #cdc1b1;
  29. --tab1pic: url(https://i.pinimg.com/564x/99/e8/d0/99e8d0a311f9b7b2e6ac402d66c57395.jpg);
  30. --tab2pic: url(https://i.pinimg.com/564x/ff/7c/be/ff7cbe891b8a019b72853a86872de696.jpg);
  31. --t3image1: url(https://i.pinimg.com/564x/4f/44/74/4f4474e7d9d133870848455be075e99d.jpg);
  32. --t3image2: url(https://i.pinimg.com/564x/4c/aa/db/4caadbe4100fdcb740103b784bbfffde.jpg);
  33. --t3image3: url(https://i.pinimg.com/564x/05/86/3d/05863d26807afdf8ab947bdcdecf885b.jpg);
  34. cursor: url(https://66.media.tumblr.com/232c090ebdd37ae4bc17adb54e1e0344/tumblr_inline_ol4nwhvSwg1uxxza6_75sq.png), auto!important;]
  35.  
  36. [border=0px; padding:0px; max-width:800px; height:400px; margin:auto;margin-top:20px; background:var(--bg2); border-radius:5px; box-shadow: 5px 5px 6px 0px rgba(0,0,0,0.2); ]
  37. [border=0px; padding:0px; width:800px; height:60px; overflow:hidden;]
  38.  
  39. [comment]‧͙⁺˚*･༓☾　side title　☽༓･*˚⁺‧͙[/comment]
  40. [border=0px; padding:0px; width:305px; height:70px; position:absolute; z-index:3; margin-left:480px; margin-top:24px; color:white; font-family: var(--titlefont); font-size: var(--titlesize); text-transform:uppercase; letter-spacing:3px;white-space:normal; text-align:right; line-height:11px;]It's important to remember that We all have magic inside of us[/border]
  41.  
  42. [comment] ‧͙⁺˚*･༓☾　covers tabs　☽༓･*˚⁺‧͙ [/comment]
  43. [border=0px; padding:0px; width:415px; height:70px; background:var(--bg2); position:absolute; z-index:2; pointer-events:none; display:flex; justify-content: space-between; margin-left:22px; margin-top:24px; text-align:center; color:white; font-family: var(--tabfont); font-size: var(--tfsize); text-transform:uppercase; letter-spacing:1px;]
  44. [border=0px; width:110px; height:10px;]information[/border]
  45. [border=0px; width:110px; height:10px:]plot[/border]
  46. [border=0px; width:110px; height:10px;]rules[/border]
  47. [/border]
  48.  
  49. [border=0px; margin-top:20px; height:30px; overflow:hidden][tabs]
  50.  
  51. [comment]‧͙⁺˚*･༓☾　tab one　☽༓･*˚⁺‧͙[/comment]
  52.  
  53. [tab=00000000001][border=0px; padding-top:15px;background:var(--mainbg); width:110px; height:20px; position:absolute; z-index:3;text-align:center; font-family: var(--tabfont); font-size: var(--tfsize); text-transform:uppercase; letter-spacing:3px; border-radius:10px 10px 0px 0px; top:50px; margin-left:-2px;]information[/border]
  54.  
  55. [border=0px; padding:10px;background:var(--mainbg); width:730px; height:300px; position:absolute; top:90px; margin-left:-2px;z-index:3;border-radius:5px; display:flex; justify-content: space-evenly; font-family: var(--tabfont); font-size: var(--textsize); line-height:16px; text-align:justify ]
  56.  
  57. [border=0px; padding:20px; width:450px; height:auto; box-sizing:border-content; overflow-y:scroll; overflow-x:hidden;white-space:normal][comment]
  58. ‧͙⁺˚*･༓☾　post starts here　☽༓･*˚⁺‧͙
  59. [/comment]Lorem ipsum dolor sit amet, ad habeo assentior mei, qui impetus graecis ex, molestiae interesset nam ea. Soleat nonumes vituperata sea ad, scripta aliquam indoctum est ne. Et ferri sensibus assueverit has, qui eu principes efficiendi. Ex eam modo moderatius consectetuer, per ut temporibus intellegebat interpretaris. Eum dolore dolorum eu, solet volutpat sed et. Mazim offendit recusabo has cu.
  60.  
  61. Vero solum pertinax et usu. No vis augue graeco viderer, has ne natum adversarium. Ea sea sale etiam probatus, probo nominavi et pro, quot laudem accusata ut vis. Ea vel dicant praesent, an tale ignota est. Case everti assentior pri cu, vis ne essent admodum. Sea ea noster offendit, vidit feugait explicari in cum.
  62.  
  63. Per cu minimum voluptua, in dolor feugait platonem vix. In ius dolor recusabo, et duo epicurei singulis partiendo. Eu vix ipsum alienum, no eam integre diceret definiebas. Percipit probatus has et. Has no habeo elitr quaestio. Modus affert deserunt at per. Te nam labitur accusamus.
  64.  
  65. Illud nulla debitis an sed. In qualisque expetendis mel, an pro stet indoctum scriptorem. Cu qui nisl autem, diceret expetendis ut eum, his fuisset eloquentiam cu. Ut velit debet eum, ne wisi brute expetenda sed.
  66.  
  67. Sed ne probo tempor tamquam, te his nostro vivendo. His ut fugit antiopam efficiantur, nec similique reformidans philosophia et. Nec homero blandit adolescens no, has no illud dolor affert. Cum quas intellegam in. Ius no adversarium neglegentur, te feugiat maiorum principes vix.[/border]
  68.  
  69. [comment]‧͙⁺˚*･༓☾　tab one image　☽༓･*˚⁺‧͙[/comment]
  70. [border=10px solid white; box-sizing:border-content; padding:0px; width:200px; height:auto; background: var(--tab1pic); background-size:cover; line-height:0px][/border][/border][/tab]
  71.  
  72.  
  73. [comment]‧͙⁺˚*･༓☾　tab two　☽༓･*˚⁺‧͙[/comment]
  74. [tab=00000000002][border=0px; padding-top:15px;background:var(--mainbg); width:110px; height:20px; position:absolute; z-index:3;text-align:center; font-family: var(--tabfont); font-size: var(--tfsize); text-transform:uppercase; letter-spacing:3px; border-radius:10px 10px 0px 0px; top:50px; margin-left:135px; ]plot[/border]
  75.  
  76. [border=0px; padding:10px;background:var(--mainbg); width:730px; height:300px; position:absolute; top:90px; margin-left:-2px;z-index:3;border-radius:5px; display:flex; justify-content: space-evenly; font-family: var(--tabfont); font-size: var(--textsize); line-height:16px; text-align:justify ]
  77.  
  78. [comment]‧͙⁺˚*･༓☾　tab two image　☽༓･*˚⁺‧͙[/comment]
  79. [border=10px solid white; box-sizing:border-content; padding:0px; width:200px; height:auto; background: var(--tab2pic); background-size:cover; ][/border]
  80.  
  81. [border=0px; padding:20px; width:450px; height:auto; box-sizing:border-content; overflow-y:scroll; overflow-x:hidden;white-space:normal][comment]
  82. ‧͙⁺˚*･༓☾　post starts here　☽༓･*˚⁺‧͙
  83. [/comment]Lorem ipsum dolor sit amet, ad habeo assentior mei, qui impetus graecis ex, molestiae interesset nam ea. Soleat nonumes vituperata sea ad, scripta aliquam indoctum est ne. Et ferri sensibus assueverit has, qui eu principes efficiendi. Ex eam modo moderatius consectetuer, per ut temporibus intellegebat interpretaris. Eum dolore dolorum eu, solet volutpat sed et. Mazim offendit recusabo has cu.
  84.  
  85. Vero solum pertinax et usu. No vis augue graeco viderer, has ne natum adversarium. Ea sea sale etiam probatus, probo nominavi et pro, quot laudem accusata ut vis. Ea vel dicant praesent, an tale ignota est. Case everti assentior pri cu, vis ne essent admodum. Sea ea noster offendit, vidit feugait explicari in cum.
  86.  
  87. Per cu minimum voluptua, in dolor feugait platonem vix. In ius dolor recusabo, et duo epicurei singulis partiendo. Eu vix ipsum alienum, no eam integre diceret definiebas. Percipit probatus has et. Has no habeo elitr quaestio. Modus affert deserunt at per. Te nam labitur accusamus.
  88.  
  89. Illud nulla debitis an sed. In qualisque expetendis mel, an pro stet indoctum scriptorem. Cu qui nisl autem, diceret expetendis ut eum, his fuisset eloquentiam cu. Ut velit debet eum, ne wisi brute expetenda sed.
  90.  
  91. Sed ne probo tempor tamquam, te his nostro vivendo. His ut fugit antiopam efficiantur, nec similique reformidans philosophia et. Nec homero blandit adolescens no, has no illud dolor affert. Cum quas intellegam in. Ius no adversarium neglegentur, te feugiat maiorum principes vix.[/border]
  92.  
  93. [/border][/tab]
  94.  
  95.  
  96. [comment]‧͙⁺˚*･༓☾　tab three　☽༓･*˚⁺‧͙[/comment]
  97. [tab=00000000003][border=0px; padding-top:15px;background:var(--mainbg); width:110px; height:20px; position:absolute; z-index:3;text-align:center; font-family: var(--tabfont); font-size: var(--tfsize); text-transform:uppercase; letter-spacing:3px; border-radius:10px 10px 0px 0px; top:50px; margin-left:271px; ]rules[/border]
  98.  
  99. [border=0px; padding:10px;background:var(--mainbg); width:730px; height:300px; position:absolute; top:90px; margin-left:-2px;z-index:3;border-radius:5px; display:flex; justify-content: space-evenly; font-family: var(--tabfont); font-size: var(--textsize); line-height:16px; text-align:justify ]
  100.  
  101.  
  102. [border=0px; padding:20px; width:450px; height:auto; box-sizing:border-content; overflow-y:scroll; overflow-x:hidden;white-space:normal][comment]
  103. ‧͙⁺˚*･༓☾　post starts here　☽༓･*˚⁺‧͙
  104. [/comment]Lorem ipsum dolor sit amet, ad habeo assentior mei, qui impetus graecis ex, molestiae interesset nam ea. Soleat nonumes vituperata sea ad, scripta aliquam indoctum est ne. Et ferri sensibus assueverit has, qui eu principes efficiendi. Ex eam modo moderatius consectetuer, per ut temporibus intellegebat interpretaris. Eum dolore dolorum eu, solet volutpat sed et. Mazim offendit recusabo has cu.
  105.  
  106. Vero solum pertinax et usu. No vis augue graeco viderer, has ne natum adversarium. Ea sea sale etiam probatus, probo nominavi et pro, quot laudem accusata ut vis. Ea vel dicant praesent, an tale ignota est. Case everti assentior pri cu, vis ne essent admodum. Sea ea noster offendit, vidit feugait explicari in cum.
  107.  
  108. Per cu minimum voluptua, in dolor feugait platonem vix. In ius dolor recusabo, et duo epicurei singulis partiendo. Eu vix ipsum alienum, no eam integre diceret definiebas. Percipit probatus has et. Has no habeo elitr quaestio. Modus affert deserunt at per. Te nam labitur accusamus.
  109.  
  110. Illud nulla debitis an sed. In qualisque expetendis mel, an pro stet indoctum scriptorem. Cu qui nisl autem, diceret expetendis ut eum, his fuisset eloquentiam cu. Ut velit debet eum, ne wisi brute expetenda sed.
  111.  
  112. Sed ne probo tempor tamquam, te his nostro vivendo. His ut fugit antiopam efficiantur, nec similique reformidans philosophia et. Nec homero blandit adolescens no, has no illud dolor affert. Cum quas intellegam in. Ius no adversarium neglegentur, te feugiat maiorum principes vix.[/border]
  113.  
  114.  
  115. [comment]‧͙⁺˚*･༓☾　tab three images　☽༓･*˚⁺‧͙[/comment]
  116. [border=10px solid var(--mainbg); box-sizing:border-content; padding:0px; width:200px; height:auto; line-height:0px; ]
  117. [border=0px; padding:0px; width:200px; height:80px; margin-bottom:20px; background:var(--t3image1); background-size:cover; ][/border]
  118. [border=0px; padding:0px; width:200px; height:80px; margin-bottom:20px; background:var(--t3image2); background-size:cover; ][/border]
  119. [border=0px; padding:0px; width:200px; height:80px;background:var(--t3image3); background-size:cover; ][/border][/border]
  120. [/border]
  121.  
  122.  
  123. [/tab][/tabs][/border][/border]
  124. [border=0px; padding:0px; width:800px; height:auto; ][/border]
  125.  
  126.  
  127. [/border]
  128.  
  129. [comment]
  130.  
  131. ‧͙⁺˚*･༓☾　credit - please do not remove　☽༓･*˚⁺‧͙
  132. [/comment]
  133. [border=0px; font-size:8px; margin:auto;letter-spacing:1px; font-family:Karla; color:white;white-space:normal;text-align:center; margin-top:20px; ]coded by weldherwings.[/border][/border]
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!