SHARE
TWEET

Code - Sunflower

bythestars Oct 3rd, 2019 (edited) 66 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <html>
  2. <head>
  3. <script src="//ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
  4. <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
  5. <script src="https://cdnjs.cloudflare.com/ajax/libs/dat-gui/0.6.5/dat.gui.min.js%22%3E</script>
  6. <script src="https://cdnjs.cloudflare.com/ajax/libs/prefixfree/1.0.7/prefixfree.min.js%22%3E</script>
  7. <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/4.11.0/d3.min.js%22%3E</script>
  8. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js%22%3E</script>
  9. <script src="https://roleplay.chat/jquery.tooltipster.js?v=8%22%3E</script>
  10. <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/1.20.3/TweenMax.min.js%22%3E</script>
  11. <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/87/three.js%22%3E</script>
  12. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/7.0.0/normalize.min.css%22%3E
  13. <link href="https://roleplay.chat/tooltipster.css" rel="stylesheet" type="text/css">
  14. <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
  15. <script defer>
  16. window.onload = function() {
  17.  
  18. };
  19. </script>
  20.  
  21. <style>
  22. @import url('https://fonts.googleapis.com/css?family=Permanent Marker');
  23.  
  24. body {background-color: #946141;}
  25.  
  26. .box {position: fixed; top: 300px; left: 710px; height: 250px; width: 500px; border-radius: 2px; border: 0px solid; border-color: #ffe8a3; background-color: #ffbf44; z-index: 2;}
  27.  
  28. .inbox {position: fixed; top: 310px; left: 720px; height: 220px; width: 470px; border-radius: 2px; border: 5px solid; border-color: #fff5d6; background-color: #fff5d6; z-index: 2;}
  29.  
  30. /*.circle {position: fixed; top: 325px; left: 520px; height: 200px; width: 200px; border-radius: 500px; border: 15px solid; border-color: #9ec4ee; background-color: #fff; z-index: 2;}*/
  31.  
  32. .stripe {position: fixed; top: 400px; left: -100px; height: 80px; width: 3000px; border-radius: 2px; border: 0px solid; border-color: #946141; background-color: #ffbf44; z-index: -1;}
  33.  
  34. .stripe2 {position: fixed; top: 425px; left: -100px; height: 30px; width: 3000px; border-radius: 2px; border: 0px solid; border-color: #a3dcff; background-color: #fff5d6; z-index: 3;}
  35.  
  36. .line {position: fixed; top: 320px; left: 730px; height: 30px; width: 460px; background-color: #ffbf44; z-index: 3;}
  37.  
  38. .sfbutton {position: fixed; top: 255px; left: 1170px; height: 80px; width: 80px; background: url('https://i.imgur.com/P6zf2uR.png?1'); background-size: 100%; z-index: 5; transition: 0.5s;}
  39.  
  40. .sfbutton:hover {left: 1165px; height: 90px; width: 90px; transition: 0.5s;}
  41.  
  42. .name { letter-spacing: 0; z-index: 10; position: fixed; left: 320px; top: 460px; font-family: 'Permanent Marker', cursive; font-size: 70px; color: #000; -webkit-text-fill-color: transparent; background: -webkit-linear-gradient(transparent, transparent), url('https://i.imgur.com/qi97Ksv.gif') repeat; background: -o-linear-gradient(transparent, transparent); -webkit-background-clip: text; background-position: center; background-size: cover; width: 800px; }
  43.  
  44. .titleline {position: fixed; left: 788px; top: 322px; font-family: 'Permanent Marker', cursive; font-size: 20px; color: #56260c; }
  45.  
  46. .text {}
  47.  
  48. </style>
  49.  
  50. </head>
  51.  
  52. <body>
  53. <div class="box">
  54. <div class="inbox">
  55. <div class="line">
  56. <div class="titleline">She was all bad-bad, nevertheless...</div>
  57.  
  58. </div>
  59. </div>
  60. <div class="circle"></div>
  61. <div class="sfbutton"></div>
  62. </div>
  63.  
  64. <div class="stripe">
  65. <div class="stripe2"></div>
  66. <div class="name">Sunflower</div>
  67. </div>
  68.  
  69.  
  70.  
  71.  
  72.  
  73.  
  74.  
  75. </body>
  76.  
  77.  
  78.  
  79.  
  80.  
  81.  
  82.  
  83.  
  84.  
  85.  
  86.  
  87.  
  88.  
  89.  
  90.  
  91.  
  92.  
  93.  
  94. </html>
RAW Paste Data
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
Top