mixue

cr angeidiarys 4

Jan 4th, 2023 (edited)
576
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.72 KB | None | 0 0
  1. --- MAIN CONTAINER ---
  2. border-radius: 8px;
  3. width: 160px;
  4. height: 387px;
  5.  
  6. (mobile)
  7. width: 100px;
  8. height: 258px;
  9.  
  10. --- BOX SHADOW for GALLERY ---
  11. box-shadow: 3px 3px #ffbdce, 7px 7px #e4cee7, 10px 10px #c8deff;
  12.  
  13. --- TEXT SHADOW for GALLERY ---
  14. text-shadow: -1px 0 #ffbdce, 0 1px #ffbdce, 1px 0 #ffbdce, 0 -1px #ffbdce, 2px 1px 1px #85b6ff;
  15.  
  16. --- BLUR ON HOVER ---
  17. #elementID a:hover {
  18. webkit-filter: blur(1px);
  19. filter: blur(1px);
  20. }
  21.  
  22. --- OTHER CONTAINERS ---
  23. border-radius: 8px;
  24. width: 270px;
  25. height: 388px;
  26. position: absolute;
  27. top: -22.3em;
  28. right: 0.6em;
  29.  
  30. (mobile)
  31. width: 210px;
  32. height: 258px;
  33. position: absolute;
  34. top: -21.5em;
  35. right: -1em;
  36.  
  37. --- FOGMASK ---
  38. #elementID {
  39. -webkit-mask-image: url(https://i.ibb.co/PTDHc2h/fogmask.png);
  40. -webkit-mask-size: 100%;
  41. -webkit-mask-repeat: no-repeat;
  42. -webkit-mask-position: center;
  43. }
  44.  
  45. --- NAME TEXT ---
  46. font-family:chick;
  47. text-shadow: -1px 0 #F5A9E0, 0 1px #AFA9F5, 1px 0 #AFA9F5, 0 -1px #F5A9E0, 2px 1px 1px #000000;
  48.  
  49. --- INFO TEXT ---
  50. text-shadow: -1px 0 #F5A9E0, 0 1px #000, 1px 0 #000, 0 -1px #F5A9E0, 0 0;
  51.  
  52. --- TEXT SHADOW ---
  53. text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000, 0 0;
  54.  
  55.  
  56. --- FONT ---
  57. @font-face {
  58. font-family:chick; src:url(https://dl.dropbox.com/s/wrt1sab5vv6r25n/CHICK___.TTF);
  59. }
  60.  
  61. --- SCROLLBAR ---
  62. <style>
  63. #scroll {
  64. }
  65. .scroll {
  66. } /* width */
  67.  
  68. ::-webkit-scrollbar {
  69. width: 10px;
  70. } /* Track */
  71.  
  72. ::-webkit-scrollbar-track {
  73. border-radius: 10px;
  74. } /* Handle */
  75.  
  76. ::-webkit-scrollbar-thumb { background: linear-gradient(180deg, #f6cece 0%, #ced8f6 100%); border-radius: 10px;
  77. } /* Handle on hover */
  78.  
  79. ::-webkit-scrollbar-thumb:hover { background: linear-gradient(180deg, #f6cece 0%, #fffab1 0%, #ced8f6 100%);
  80. }
  81. </style>
Advertisement
Add Comment
Please, Sign In to add comment