API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Jul 21st, 2019
190
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.19 KB | None | 0 0
raw download clone embed print report
  1. <style>
  2. @import url('https://fonts.googleapis.com/css?family=Kristi&display=swap');
  3. @import url('https://fonts.googleapis.com/css?family=Reenie+Beanie&display=swap');
  4. @import url('https://fonts.googleapis.com/css?family=Caveat');
  5. @import url('https://fonts.googleapis.com/css?family=Gochi+Hand');
  6. @font-face{font-family: Caviar Dreams; src:url(https://dl.dropbox.com/s/491im1d1zt0k0ab/ALincolnFont.ttf?dl=0);}
  7. body{background:url(https://ak7.picdn.net/shutterstock/videos/9319577/thumb/1.jpg); background-size: 100% 100%}
  8.  
  9. ::-webkit-scrollbar {height:6px; width:4px;}
  10. ::-webkit-scrollbar-corner {background:;}
  11. ::-webkit-scrollbar-track-piece {background-color:;}
  12. ::-webkit-scrollbar-thumb { width:4px; height:100px; border-radius:3px; background-color: #f2f199; border:1px solid #f2f199}
  13.  
  14. @keyframes ribbon {
  15. from {height:7%; width:0%; left:50%; }
  16. to {height:7%; width:100%; }
  17. }
  18.  
  19. #quote{position:fixed; border:0px solid red; left:33%; width:40%; height:15%; ;font-family: 'Kristi', cursive; font-size: 65; color: #f5dd53; text-shadow: 2px 2px #eb831c; }
  20.  
  21. #header1{position:fixed; border:0px solid red; left:20%; top: 50%; width: 200; height:100; font-family: 'Kristi', cursive; font-size:90; color: #f5dd53}
  22. #box1{position:fixed; border: 5px double #e8d568; height: 150; width: 250; left: 1%; top: 50%; opacity:.5; background-color:#6b1002; color: #F87431 ; font-family: 'Caveat', cursive; font-size: 18px; overflow:auto;}
  23. #box1:hover{opacity:.9}
  24.  
  25. #header2{position:fixed; border:0px solid red; left:6%; top: 20%; height:100; width:200; font-family:'Kristi', cursive; font-size:90; color: #f5dd53}
  26. #box2{position:fixed; border: 5px double #e8d568; height: 150; width: 250; left: 18%; top: 20%; opacity:.5; background-color:#6b1002; color: #F87431 ; font-family: 'Caveat', cursive; font-size: 18px; overflow:auto; }
  27. #box2:hover{opacity:.9}
  28.  
  29. #header3{position:fixed; border:0px solid red; right:4%; top:20%; height:100; width:200px; font-family:'Kristi', cursive; font-size:90; color: #f5dd53}
  30. #box3{position:fixed; border: 5px double #e8d568; height: 150; width: 250; right: 18%; top: 20%; opacity:.5; background-color:#6b1002; color: #F87431 ; font-family: 'Caveat', cursive; font-size: 18px; overflow:auto;}
  31. #box3:hover{opacity:.9}
  32.  
  33. #header4{position:fixed; border:0px solid red; right:12%; top: 50%; width: 200; height:100; font-family: 'Kristi', cursive; font-size:90; color: #f5dd53}
  34. #box4{position:fixed; border: 5px double #e8d568; height: 150; width: 250; right: 1%; top: 50%; opacity:.5; background-color:#6b1002; color: #F87431 ; font-family: 'Caveat', cursive; font-size: 18px; overflow:auto; }
  35. #box4:hover{opacity:.9}
  36.  
  37.  
  38. #friendbox{position:fixed; border: 0px solid red; bottom:55%; left:37%; width: 6%; height: 12%;}
  39. #friendbox2{position:fixed; border: 0px solid red; bottom:55%; right:35%; width: 6%; height: 12%;}
  40.  
  41. .Friends{border-radius:50px; height:50px; width:50px; border: 5px solid #e06914;}
  42. .Friends:hover{border: 5px solid lavender}
  43.  
  44. #img{position:fixed;border: 0px solid red; left:43%; height:80%; bottom:0; width:230; background:url(https://i.imgur.com/BJQhTKc.png); background-size: 100% 100%;}
  45.  
  46. #ribbon{position:fixed; border:10px inset #eba4d3; left:0%; height: 7%; bottom: 5%; width:100%; background-color: #c1cf65; animation-name: ribbon; animation-duration: 4s; }
  47.  
  48.  
  49.  
  50.  
  51.  
  52.  
  53.  
  54.  
  55.  
  56.  
  57.  
  58.  
  59.  
  60.  
  61.  
  62.  
  63.  
  64.  
  65.  
  66.  
  67. </style>
  68. <div id="ribbon"></div>
  69. <div id="img"></div>
  70. <div id="quote">May The Goddess Smile Upon You</div>
  71. <div id="header1">Stats</div>
  72. <div id="header2">History</div>
  73. <div id="header3">Fates</div>
  74. <div id="header4">OOC</div>
  75.  
  76. <body link="white" vlink="white" alink="white">
  77. <div id="friendbox">
  78. <a href=""><span title="To be added"><img src="https://static.integromat.com/img/packages/getplaceholder_256.png" class=friends></span></a>
  79. <a href=""><span title="To be added"><img src="https://static.integromat.com/img/packages/getplaceholder_256.png" class=friends></span></a>
  80. <a href=""><span title="To be added"><img src="https://static.integromat.com/img/packages/getplaceholder_256.png" class=friends></span></a>
  81. <a href=""><span title="To be added"><img src="https://static.integromat.com/img/packages/getplaceholder_256.png" class=friends></span></a>
  82.  
  83.  
  84. </div>
  85.  
  86. <div id="friendbox2">
  87. <a href=""><span title="To be added"><img src="https://static.integromat.com/img/packages/getplaceholder_256.png" class=friends></span></a>
  88. <a href=""><span title="To be added"><img src="https://static.integromat.com/img/packages/getplaceholder_256.png" class=friends></span></a>
  89. <a href=""><span title="To be added"><img src="https://static.integromat.com/img/packages/getplaceholder_256.png" class=friends></span></a>
  90. <a href=""><span title="To be added"><img src="https://static.integromat.com/img/packages/getplaceholder_256.png" class=friends></span></a>
  91.  
  92.  
  93. </div>
  94.  
  95. <div id="box1">
  96. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec lectus quam, malesuada porttitor egestas et, tempor et elit. Proin odio nunc, euismod sit amet lectus pellentesque, pellentesque posuere augue. Suspendisse in tristique nulla. Sed ornare arcu ex, at aliquet elit sodales at. Phasellus finibus rutrum eros, a facilisis leo pellentesque at. Ut porttitor sem et rhoncus sagittis. Nullam tempus ante at tempus pharetra. Morbi in pellentesque quam. Nam elit ligula, mollis vitae varius nec, porttitor in neque. Integer consectetur facilisis ipsum, eget blandit turpis venenatis nec. Vivamus eleifend arcu quis magna suscipit bibendum sed ut risus.</div>
  97.  
  98. <div id="box2">Proin bibendum ipsum non imperdiet gravida. Ut et blandit leo. Mauris euismod lacus purus, non laoreet nulla efficitur a. Vestibulum congue condimentum tincidunt. Vestibulum volutpat sagittis mi eget pellentesque. Sed mattis, neque vitae pretium lacinia, purus ex sodales justo, non ornare nisi purus ac ex. Donec sit amet nulla in ligula facilisis pretium ut in neque. Integer blandit dapibus commodo. Morbi in ultrices purus, ut consequat velit. Vivamus et porttitor sem, at porta metus. Nam quis lobortis ipsum, sed congue erat. Morbi commodo lorem id leo dictum iaculis. Pellentesque volutpat, mi sed pulvinar sagittis, odio ipsum vulputate erat, eu elementum nibh lorem quis metus. Integer consequat tristique odio ut tristique. Proin et nulla quis urna fringilla efficitur.</div>
  99.  
  100. <div id="box3">Mauris interdum leo sit amet purus egestas, eget auctor odio dignissim. Suspendisse magna nibh, maximus non dolor et, pretium rutrum sapien. Sed euismod leo sit amet ipsum tristique pellentesque. Donec ultricies mi ac risus interdum, ac venenatis arcu elementum. Nulla elementum at tellus nec mattis. Cras sit amet metus et ex elementum laoreet sollicitudin non risus. Vivamus varius velit a ligula blandit, sed cursus odio rutrum. Etiam quis sem et libero hendrerit malesuada vitae lobortis dui.</div>
  101.  
  102. <div id="box4">Aliquam lobortis, velit sed porttitor elementum, ipsum tellus semper libero, at feugiat metus sapien non elit. Duis a tincidunt augue. Donec pharetra congue lorem sed vehicula. Fusce semper neque sapien, vitae congue lorem fringilla nec. Vestibulum in convallis dolor. Vivamus consequat est eu consectetur rhoncus. Donec vehicula ipsum nisl, eu gravida nunc efficitur id. Phasellus nulla purus, suscipit sed ex non, volutpat accumsan quam. Integer id ullamcorper orci.</div>
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!