dollcrds

pro-standard cr narumitsuluv slight ib trashyx & angeidiarys codes

May 24th, 2024 (edited)
437
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.26 KB | None | 0 0
  1. <style>
  2. @font-face {
  3. font-family: windows;
  4. src: url(https://dl.dropbox.com/s/cn0l1yjacta4whv/W95FA.otf);
  5. }
  6. @font-face {
  7. font-family: Chemre;
  8. src: url(https://dl.dropbox.com/s/a4vu0khvvhe5lwq/Chemre.ttf);
  9. }
  10. ::-webkit-scrollbar {
  11. width: 16px
  12. }
  13. ::-webkit-scrollbar-corner {
  14. background: #eee
  15. }
  16.  
  17. ::-webkit-scrollbar-track:vertical {
  18. background: linear-gradient(90deg, #e5e5e5, #f0f0f0 20%);
  19. }
  20.  
  21. ::-webkit-scrollbar-thumb {
  22. border: 1.5px solid #888;
  23. border-radius: 3px;
  24. box-shadow: inset 0 -1px 1px #fff, inset 0 1px 1px #fff;
  25. background-color: #eee;
  26. }
  27. ::-webkit-scrollbar-thumb:vertical {
  28. background: url("https://dl.dropbox.com/s/9a29qbkza3gmgl7/scroll1.png"), linear-gradient(90deg, #eee 45%, #ddd 0, #bbb);
  29. background-repeat: no-repeat;
  30. background-size: 65% auto, cover;
  31. background-position: center;
  32. }
  33.  
  34. ::-webkit-scrollbar-button:vertical:end:increment,
  35. ::-webkit-scrollbar-button:vertical:start:decrement {
  36. display: block
  37. }
  38.  
  39. ::-webkit-scrollbar-button:vertical {
  40. height: 15px
  41. }
  42. ::-webkit-scrollbar-button:vertical:start:decrement {
  43. background: white;
  44. background: url("https://dl.dropbox.com/s/n9ji42h9hdgdtpc/scroll3.png"), linear-gradient(90deg, #e5e5e5, #f0f0f0 20%);
  45. background-repeat: no-repeat;
  46. background-position: center;
  47. -moz-background-size: 100% auto, cover;
  48. -webkit-background-size: 100% auto, cover;
  49. -o-background-size: 100% auto, cover;
  50. background-size: 100% auto, cover;
  51. background-position: center;
  52. border-radius: 0 3px 0 0;
  53. }
  54.  
  55. ::-webkit-scrollbar-button:vertical:start:increment {
  56. display: none;
  57. }
  58. ::-webkit-scrollbar-button:vertical:end:decrement {
  59. display: none;
  60. }
  61.  
  62. ::-webkit-scrollbar-button:vertical:end:increment {
  63. background: white;
  64. background: url("https://dl.dropbox.com/s/cdcco6pih7n1lae/scroll4.png"), linear-gradient(90deg, #e5e5e5, #f0f0f0 20%);
  65. background-repeat: no-repeat;
  66. background-position: center;
  67. -moz-background-size: 100% auto, cover;
  68. -webkit-background-size: 100% auto, cover;
  69. -o-background-size: 100% auto, cover;
  70. background-size: 100% auto, cover;
  71. background-position: center;
  72. border-radius: 0 0 3px 0;
  73. }
  74. @keyframes floating {
  75. 0% { transform: translate(0, 0px); }
  76. 50% { transform: translate(0, 15px); }
  77. 100% { transform: translate(0, -0px); }
  78. }
  79. #image01 {
  80. -webkit-mask-image: url(https://i.ibb.co/JjDXBPr/ED5929-CE-1-D66-4-EC4-8-F8-A-14792-D8-F2384.png);
  81. -webkit-mask-size: 100%;
  82. -webkit-mask-repeat: no-repeat;
  83. width: 100%;
  84. height: auto;
  85. border-radius: 15px;
  86. -webkit-mask-position: center;
  87. }
  88. #image02 {
  89. animation: brrr 0.5s infinite;
  90. }
  91.  
  92. @keyframes brrr {
  93. 0% {
  94. transform: rotate(5deg);
  95. }
  96.  
  97. 50% {
  98. transform: rotate(5deg);
  99. }
  100.  
  101. 51% {
  102. transform: rotate(10deg);
  103. }
  104.  
  105. 100% {
  106. transform: rotate(10deg);
  107. }
  108. }
  109.  
  110. #image02 .frame {
  111. position: absolute;
  112. z-index: 999;
  113. top: -5em;
  114. left: 25em;
  115. }
  116. #container03 > .wrapper {
  117. box-shadow: inset 13px 0px 6px -10px rgb(66 66 66 / 56%), inset -13px 0px 6px -10px rgb(66 66 66 / 56%), inset 0px 13px 6px -10px #ffffff, inset 0px -13px 6px -10px rgb(66 66 66 / 38%);
  118. height: 20em;
  119. }
  120. #container04 > .wrapper {
  121. box-shadow: inset 13px 0px 6px -10px rgb(66 66 66 / 56%), inset -13px 0px 6px -10px rgb(66 66 66 / 56%), inset 0px 13px 6px -10px #ffffff, inset 0px -13px 6px -10px rgb(66 66 66 / 38%);
  122. width: 14em;
  123. height: 19em;
  124. position: absolute;
  125. z-index: 999;
  126. top: -19.75em;
  127. left: 1em;
  128. animation-name: floating;
  129. animation-duration: 3s;
  130. animation-iteration-count: infinite;
  131. animation-timing-function: ease-in-out;
  132. }
  133. #container09 > .wrapper, #container08 > .wrapper {
  134. box-shadow: inset 13px 0px 6px -10px rgb(66 66 66 / 56%), inset -13px 0px 6px -10px rgb(66 66 66 / 56%), inset 0px 13px 6px -10px #ffffff, inset 0px -13px 6px -10px rgb(66 66 66 / 38%);
  135. width: 15.5em;
  136. height: 16em;
  137. position: absolute;
  138. z-index: 999;
  139. top: -25.375em;
  140. left: 15.5em;
  141. overflow-y: scroll;
  142. border-radius: 10px 0px 0px 0px;
  143. }
  144. #container05 > .wrapper {
  145. box-shadow: inset 13px 0px 6px -10px rgb(66 66 66 / 56%), inset -13px 0px 6px -10px rgb(66 66 66 / 56%), inset 0px 13px 6px -10px #ffffff, inset 0px -13px 6px -10px rgb(66 66 66 / 38%);
  146. width: 15.5em;
  147. position: absolute;
  148. z-index: 999;
  149. top: -3.5em;
  150. left: 15.5em;
  151. border-radius: 0px 0px 10px 10px;
  152. }
  153. @media only screen and (max-width: 600px) {
  154. #container05, #container08, #container09 {
  155. width: 14em;
  156. }
  157. }
  158. #text01 {
  159. font-family: windows;
  160. border: 1px solid #575757;
  161. border-radius: 15px 15px 15px 15px;
  162. box-shadow: inset 13px 0px 6px -10px rgb(66 66 66 / 56%), inset -13px 0px 6px -10px rgb(66 66 66 / 56%), inset 0px 13px 6px -10px #ffffff, inset 0px -13px 6px -10px rgb(66 66 66 / 38%);
  163. width: 10em;
  164. }
  165. #text03 {
  166. font-family: windows;
  167. border: 1px solid #575757;
  168. border-radius: 15px 15px 15px 15px;
  169. box-shadow: inset 13px 0px 6px -10px rgb(66 66 66 / 56%), inset -13px 0px 6px -10px rgb(66 66 66 / 56%), inset 0px 13px 6px -10px #ffffff, inset 0px -13px 6px -10px rgb(66 66 66 / 38%);
  170. }
  171. #text04, #text06, #text10 {
  172. font-family: Chemre;
  173. background: linear-gradient(0deg, #a1a1a1 20%, #575757 90%);
  174. -webkit-background-clip: text;
  175. -webkit-text-fill-color: transparent;
  176. }
  177. #text05 {
  178. font-family: windows;
  179. background: white;
  180. padding: 3px;
  181. border: 1px solid #575757;
  182. border-radius: 0px 10px 10px 10px;
  183. }
  184. #text05 mark {
  185. color: #BB93E3;
  186. -webkit-text-stroke: 0.25px #575757;
  187. font-size: 1.5em;
  188. }
  189. #buttons01 li a {
  190. box-shadow: inset 13px 0px 6px -10px rgb(66 66 66 / 56%), inset -13px 0px 6px -10px rgb(66 66 66 / 56%), inset 0px 13px 6px -10px #ffffff, inset 0px -13px 6px -10px rgb(66 66 66 / 38%);
  191. font-family: windows;
  192. border: 1px solid #575757;
  193. }
  194. #text08, #text12 {
  195. font-family: windows;
  196. }
  197. #text11, #text13, #text07, #text09 {
  198. font-family: windows;
  199. background: white;
  200. padding: 5px;
  201. width: 11em;
  202. left: -3em;
  203. border: 1px solid #575757;
  204. border-radius: 0px 15px 15px 15px;
  205. box-shadow: inset 13px 0px 6px -10px rgb(66 66 66 / 56%), inset -13px 0px 6px -10px rgb(66 66 66 / 56%), inset 0px 13px 6px -10px #ffffff, inset 0px -13px 6px -10px rgb(66 66 66 / 38%);
  206. }
  207. #text07 mark {
  208. color: #BB93E3;
  209. -webkit-text-stroke: 0.25px #575757;
  210. font-size: 1.5em;
  211. }
  212. #text09 mark {
  213. color: #BB93E3;
  214. -webkit-text-stroke: 0.25px #575757;
  215. font-size: 1.5em;
  216. }
  217. #text11 mark {
  218. color: #BB93E3;
  219. -webkit-text-stroke: 0.25px #575757;
  220. font-size: 1.5em;
  221. }
  222. #text13 mark {
  223. color: #BB93E3;
  224. -webkit-text-stroke: 0.25px #575757;
  225. font-size: 1.5em;
  226. }
  227. </style>
Advertisement
Add Comment
Please, Sign In to add comment