CornyGoose

Holy Mother CSS

Jan 3rd, 2023
32
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.93 KB | None | 0 0
  1. body {
  2. display: block;
  3. position: fixed;
  4. top: 0;
  5. left: 0;
  6. bottom: 0;
  7. right: 0;
  8. width: 100%;
  9. height: 100%;
  10. border: 0;
  11. margin: 0;
  12. padding: 0;
  13. background-image: url("");
  14. background-size: 0vw;
  15. background-color: #F286A8;
  16. background-repeat: repeat;
  17. z-index: 0;
  18. cursor: url(), default;
  19. }
  20.  
  21. .picture {
  22. background-image: url(https://i.imgur.com/k502la3.png);
  23. background-size: 25vw;
  24. background-repeat: no-repeat;
  25. position: absolute;
  26. bottom: 0vw;
  27. left: 15vw;
  28. width: 50vw;
  29. height: 40vw;
  30. z-index: 3;
  31. pointer-events: none;
  32. }
  33.  
  34. .pictureoverlay {
  35. background-image: url(https://i.imgur.com/M0xix4q.png);
  36. background-size: 25vw;
  37. background-repeat: no-repeat;
  38. position: absolute;
  39. bottom: 0vw;
  40. left: 15vw;
  41. width: 50vw;
  42. height: 40vw;
  43. z-index: 5;
  44. pointer-events: none;
  45. }
  46.  
  47.  
  48. .title {
  49. position: absolute;
  50. left: 27.25vw;
  51. bottom: 31.85vw;
  52. width: 34.5vw;
  53. height: .5vw;
  54. color: #FFD277;
  55. font-family: 'Merriweather', serif;
  56. padding-right: 1vw;
  57. font-size: 4vw;
  58. text-align: right;
  59. z-index: 4;
  60. filter: drop-shadow(-.2vw .25vw #704E6F);
  61. }
  62.  
  63. .namebg {
  64. position: absolute;
  65. left: 27.25vw;
  66. bottom: 26.6vw;
  67. width: 35.5vw;
  68. height: 5.5vw;
  69. border: .35vw solid #704E6F;
  70. background-color: #F8FFDE;
  71. font-size: 4vw;
  72. text-align: right;
  73. z-index: 3;
  74. pointer-events: none;
  75. }
  76.  
  77. .textbox1 {
  78. position: absolute;
  79. width: 23vw;
  80. height: 15.2vw;
  81. bottom: 10.5vw;
  82. left: 38.5vw;
  83. color: #6F4D6E;
  84. text-align: left;
  85. font-family: 'Merriweather', serif;
  86. font-size: .85vw;
  87. z-index: 4;
  88. transition: .9s ease-out;
  89. overflow-y: scroll;
  90. }
  91.  
  92. .textboxborder {
  93. position: absolute;
  94. width: 23.5vw;
  95. height: 15vw;
  96. bottom: 10vw;
  97. left: 38.5vw;
  98. border-right: .25vw solid #704E6F;
  99. border-bottom: .25vw solid #F8FFDE;
  100. pointer-events: none;
  101. }
  102.  
  103.  
  104. a {color: #FFD277;
  105. text-decoration: none;
  106. -webkit-transition: all 0.5s ease-in-out;
  107. -moz-transition: all 0.5s ease-in-out;
  108. -o-transition: all 0.5s ease-in-out;
  109. -ms-transition: all 0.5s ease-in-out;
  110. transition: all 0.5s ease-in-out;
  111. }
  112.  
  113. a:hover {color: #F8FFDE;
  114.  
  115. -webkit-transition: all 0.5s ease-in-out;
  116. -moz-transition: all 0.5s ease-in-out;
  117. -o-transition: all 0.5s ease-in-out;
  118. -ms-transition: all 0.5s ease-in-out;
  119. transition: all 0.5s ease-in-out;
  120. }
  121.  
  122.  
  123. ::-webkit-scrollbar-track
  124. {
  125. -webkit-box-shadow: inset 0 0 0.6vw rgba(0,0,0,0.3);
  126. border-radius: 0vw;
  127. background-color: #;
  128. }
  129.  
  130. ::-webkit-scrollbar
  131. {
  132. width: 0vh;
  133. background-color: #;
  134. }
  135.  
  136. ::-webkit-scrollbar-thumb
  137. {
  138. border-radius: 0vw;
  139. -webkit-box-shadow: inset 0 0 0.6vw rgba(0,0,0,.3);
  140. background-color: #;
  141. }
  142.  
Advertisement
Add Comment
Please, Sign In to add comment