Advertisement
CornyGoose

Starjynx CSS

Jan 15th, 2023
57
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.48 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: #F1EECD;
  16. background-repeat: repeat;
  17. z-index: 0;
  18. cursor: url(), default;
  19. }
  20.  
  21. .picture {
  22. background-image: url(https://i.imgur.com/NVMjCF5.png);
  23. background-size: 50vw;
  24. background-repeat: no-repeat;
  25. position: absolute;
  26. bottom: 0vw;
  27. left: 0vw;
  28. width: 50vw;
  29. height: 35vw;
  30. z-index: 3;
  31. pointer-events: none;
  32. }
  33.  
  34. .title {
  35. background-image: url(https://i.imgur.com/GdxWxFa.png);
  36. background-size: 35vw;
  37. background-repeat: no-repeat;
  38. position: absolute;
  39. left: 32vw;
  40. bottom: 0vw;
  41. width: 34.5vw;
  42. height: 8.15vw;
  43. color: #FFD277;
  44. font-family: 'Merriweather', serif;
  45. padding-right: 1vw;
  46. font-size: 4vw;
  47. text-align: right;
  48. z-index: 4;
  49. filter: drop-shadow(-.2vw .25vw #EF7B28);
  50. }
  51.  
  52. .textbox1 {
  53. position: absolute;
  54. width: 17vw;
  55. height: 15.2vw;
  56. bottom: 9vw;
  57. left: 50vw;
  58. color: #6F4D6E;
  59. text-align: left;
  60. font-family: 'Inconsolata', monospace;
  61. font-size: .85vw;
  62. z-index: 4;
  63. transition: .9s ease-out;
  64. overflow-y: scroll;
  65. }
  66.  
  67. .textboxborder {
  68. position: absolute;
  69. width: 19.5vw;
  70. height: 15vw;
  71. bottom: 10vw;
  72. left: 48vw;
  73. border-right: .25vw dashed #F9B94D;
  74. border-top: .25vw solid #9BCFA8;
  75. pointer-events: none;
  76. }
  77.  
  78.  
  79. a {color: #F9B94D;
  80. text-decoration: none;
  81. -webkit-transition: all 0.5s ease-in-out;
  82. -moz-transition: all 0.5s ease-in-out;
  83. -o-transition: all 0.5s ease-in-out;
  84. -ms-transition: all 0.5s ease-in-out;
  85. transition: all 0.5s ease-in-out;
  86. }
  87.  
  88. a:hover {color: #9BCFA8;
  89.  
  90. -webkit-transition: all 0.5s ease-in-out;
  91. -moz-transition: all 0.5s ease-in-out;
  92. -o-transition: all 0.5s ease-in-out;
  93. -ms-transition: all 0.5s ease-in-out;
  94. transition: all 0.5s ease-in-out;
  95. }
  96.  
  97.  
  98. ::-webkit-scrollbar-track
  99. {
  100. -webkit-box-shadow: inset 0 0 0.6vw rgba(0,0,0,0.3);
  101. border-radius: 0vw;
  102. background-color: #;
  103. }
  104.  
  105. ::-webkit-scrollbar
  106. {
  107. width: 0vh;
  108. background-color: #;
  109. }
  110.  
  111. ::-webkit-scrollbar-thumb
  112. {
  113. border-radius: 0vw;
  114. -webkit-box-shadow: inset 0 0 0.6vw rgba(0,0,0,.3);
  115. background-color: #;
  116. }
  117.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement