Advertisement
izuemis

cr elroseria

Apr 17th, 2023 (edited)
744
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 3.63 KB | None | 0 0
  1. CR ELROSERIA_
  2.  
  3. 1) please take note not all positioning is accurate! I only did them on how accurate it is on my end ><
  4. 2) you can change the colors to your liking !
  5.  
  6. _____________________________________________
  7.  
  8. -- FONTS --
  9. @font-face {
  10. src: url(https://dl.dropbox.com/s/ktlx5w7t8gk42nb/SakeMoru-Regular.ttf);
  11. font-family: SakeMoru;
  12. }
  13.  
  14. @font-face {
  15. font-family: paradise;
  16. src: url(https://dl.dropbox.com/s/yqj3crakfku6o76/Paradise.otf);
  17. }
  18.  
  19. @font-face {
  20. font-family:'antre';
  21. src: url(https://dl.dropbox.com/s/xaspbkonff6y9uf/antre.otf);
  22. }
  23.  
  24. -- WHITE CONTAINER --
  25. height: 20em;
  26. box-shadow: inset 13px 0px 6px -10px rgb(66 66 66 / 20%), 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%);
  27.  
  28. -- NAVIGATION CONTAINER --
  29. width: 40%;
  30. position: absolute;
  31. left: .75em;
  32. top: -19.25em;
  33. box-shadow: inset 13px 0px 6px -10px rgb(66 66 66 / 20%), 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%);
  34.  
  35. -- USERNAME CONTAINER --
  36. width: 50%;
  37. position: absolute;
  38. right: .75em;
  39. top: -19.25em;
  40. box-shadow: inset 13px 0px 6px -10px rgb(66 66 66 / 20%), 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%);
  41.  
  42. -- USERNAME TEXT --
  43. font-family: paradise;
  44. filter: drop-shadow( 0 1px #7e4648) drop-shadow( 1px 0 #7e4648) drop-shadow( 0 -1px #7e4648) drop-shadow( -1px 0 #7e4648) drop-shadow( 0 2.5px white) drop-shadow( 2.5px 0 white) drop-shadow( 0 -2.5px white) drop-shadow( -2.5px 0 white);
  45.  
  46. -- ABOUT ME CONTAINER --
  47. width: 51%;
  48. height:11.5em;
  49. position: absolute;
  50. left: .75em;
  51. top: -15.5em;
  52. box-shadow: inset 13px 0px 6px -10px rgb(66 66 66 / 20%), 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%);
  53.  
  54. -- ABOUT ME TEXT --
  55. background: white;
  56. padding: 5px;
  57. border-radius: 5px;
  58. border: 1px solid #A6A6A6;
  59. height: 10em;
  60. overflow: auto;
  61.  
  62. -- HIGHLIGHT --
  63. font-family:'antre';
  64. padding-left: 5px;
  65. padding-right: 5px;
  66. padding-bottom: 5px;
  67. border-radius: 3px;
  68. font-size: 1.25em;
  69. text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000, 0 0;
  70. border: 1px solid #8A8A8A;
  71.  
  72. -- WHITE ICONS CONTAINER --
  73. width: 13%;
  74. position: absolute;
  75. left: 1.5em;
  76. top: -16em;
  77. box-shadow: inset 13px 0px 6px -10px rgb(66 66 66 / 20%), 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%);
  78.  
  79. -- MUSIC PLAYER CONTAINER --
  80. width: 51%;
  81. position: absolute;
  82. left: .75em;
  83. top: -3.6em;
  84. box-shadow: inset 13px 0px 6px -10px rgb(66 66 66 / 20%), 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%);
  85.  
  86. -- IMAGE --
  87. position: absolute;
  88. right: .75em;
  89. top: -15.5em;
  90.  
  91. crd settings:
  92. height: 14.75
  93. width: 9.375
  94.  
  95. -- POP UP CONTAINER --
  96. width: 9.375em;
  97. height: 14.75em;
  98. position: absolute;
  99. right: .75em;
  100. top: -15.5em;
  101. box-shadow: inset 13px 0px 6px -10px rgb(66 66 66 / 20%), 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%);
  102.  
  103. -- SCROLLBOX --
  104. background: white;
  105. padding: 5px;
  106. border-radius: 5px;
  107. border: 1px solid #A6A6A6;
  108. height: 13em;
  109. overflow: auto;
  110.  
  111. -- BUTTON --
  112. box-shadow: inset 13px 0px 6px -10px rgb(66 66 66 / 20%), 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%);
  113. border: 1px solid #2B2929;
  114. text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000, 0 0;
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement