mixue

girls ju mp codes

Nov 27th, 2022 (edited)
1,274
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.51 KB | None | 0 0
  1. --- MAIN CONTAINER ---
  2.  
  3. border-radius: 100px 0px 100px 0px;
  4. width: 23em;
  5. height: 25em;
  6. box-shadow: inset 0 4px 5px -3px white, inset 4px 0 5px -5px black, inset -4px 0 5px -7px black, inset 0 -4px 5px -5px black;
  7.  
  8. (mobile)
  9. border-radius: 70px 0px 70px 0px;
  10.  
  11. --- CIRCLE IMAGE ---
  12.  
  13. background: radial-gradient(#89cff0 0%, #fff 100%);
  14. position: absolute;
  15. left: 21em;
  16. z-index: 5;
  17.  
  18. (mobile)
  19. left: 19.3em;
  20.  
  21. --- NAVIGATION TEXTS ---
  22.  
  23. border-radius: 0px 0px 30px 30px;
  24. background: #89CFF0;
  25. width: 2.9em;
  26. height: 8em;
  27. padding-top: 40px;
  28. z-index: 4;
  29. position: absolute;
  30. left: 14.15em;
  31. top: 5em;
  32.  
  33. (mobile)
  34. border-radius: 0px 0px 20px 20px;
  35. width: 3em;
  36. height: 9em;
  37. padding-top: 30px;
  38. left: 14.2em;
  39. top: 4.9em;
  40.  
  41. --- 'GIRLS NET' TEXT ---
  42.  
  43. filter: drop-shadow( 0 1px black) drop-shadow( 1px 0 black) drop-shadow( 0 -1px black) drop-shadow( -1px 0 black) drop-shadow( 0 2px black) drop-shadow( 2px 0 black) drop-shadow( 0 -2px white) drop-shadow( -2px 0 white) drop-shadow( 0 3px white) drop-shadow( 3px 0 white) drop-shadow( 0 -3px white) drop-shadow(-3px 0 white) drop-shadow(1px 1px 0 white) drop-shadow(-1px 1px 0 white) drop-shadow(1px 1px 0 rgba(163,163,163,0.5)) drop-shadow(1px 1px 0 rgba(163,163,163,0.5)) drop-shadow( 0 0 2px #5C5C5C);
  44. font-family: starborn;
  45. top: 10px;
  46.  
  47. (mobile)
  48. filter: drop-shadow( 0 1px black) drop-shadow( 1px 0 black) drop-shadow( 0 -1px black) drop-shadow( -1px 0 black) drop-shadow( 0 2px black) drop-shadow( 2px 0 black) drop-shadow( 0 -1px white) drop-shadow( -1px 0 white) drop-shadow( 0 1px white) drop-shadow( 1px 0 white) drop-shadow( 0 -2px white) drop-shadow(-2px 0 white) drop-shadow(1px 1px 0 white) drop-shadow(-0px 1px 0 white) drop-shadow(1px 1px 0 rgba(163,163,163,0.5)) drop-shadow(1px 1px 0 rgba(163,163,163,0.5)) drop-shadow( 0 0 2px #5C5C5C);
  49.  
  50. --- 'A' & 'B' TEXTS ---
  51.  
  52. font-family: 'yipes';
  53. border-radius: 100%;
  54. background: white;
  55. width: 50px;
  56. height: 50px;
  57. padding-top: 19px;
  58. box-shadow: inset 0 5px 6px -3px white, inset 5px 0 6px -5px black, inset -5px 0 6px -7px black, inset 0 -5px 6px -5px black;
  59. z-index: 3;
  60.  
  61. (mobile)
  62. width: 40px;
  63. height: 40px;
  64.  
  65. --- 'About' & 'Likes' TEXTS ---
  66.  
  67. width: 5em;
  68. height: 1.3em;
  69. border-radius: 0px 20px 20px 0px;
  70. background: #89cff0;
  71. padding: 5px 0px 0px 30px;
  72. z-index: 1;
  73. box-shadow: inset 13px 0px 6px -10px rgb(66 66 66 / 20%), inset -13px 0px 6px -10px rgb(66 66 66 / 20%), inset 0px 13px 6px -10px #ffffff, inset 0px -13px 6px -10px rgb(66 66 66 / 30%);
  74. font-family: roman;
  75.  
  76. (mobile)
  77. width: 6.5em;
  78. height: 1.5em;
  79. padding: 5px 0px 0px 40px;
  80.  
  81. --- SCROLLBOX (1st PAGE) ---
  82.  
  83. overflow: auto;
  84. width: 14em;
  85. height: 6em;
  86. border-radius: 20px;
  87. border: 1px solid #969696;
  88. background: linear-gradient(180deg, #fff 0%, #89CFF0 100%);
  89. padding: 10px 5px 5px 15px;
  90. box-shadow: inset 0 4px 5px -3px white, inset 4px 0 5px -5px black, inset -4px 0 5px -7px black, inset 0 -4px 5px -5px black;
  91. z-index: 1;
  92. font-family: Nintendo-DS-BIOS;
  93.  
  94. (mobile)
  95. width: 14em;
  96. padding: 7px 5px 5px 10px;
  97.  
  98. (Text: Highlight)
  99. font-size: 1.2em;
  100. font-family: roman;
  101. letter-spacing: 0.1em;
  102.  
  103. --- HEART ICONS ---
  104.  
  105. filter: drop-shadow( 0 1px black) drop-shadow( 1px 0 black) drop-shadow( 0 -1px black) drop-shadow( -1px 0 black) drop-shadow( 0 2px black) drop-shadow( 2px 0 black) drop-shadow( 0 -2px white) drop-shadow( -2px 0 white) drop-shadow( 0 3px white) drop-shadow( 3px 0 white) drop-shadow( 0 -3px white) drop-shadow(-3px 0 white) drop-shadow(1px 1px 0 white) drop-shadow(-1px 1px 0 white) drop-shadow(1px 1px 0 rgba(163,163,163,0.5)) drop-shadow(1px 1px 0 rgba(163,163,163,0.5)) drop-shadow( 0 0 2px #5C5C5C);
  106.  
  107. (mobile)
  108. filter: drop-shadow( 0 1px black) drop-shadow( 1px 0 black) drop-shadow( 0 -1px black) drop-shadow( -1px 0 black) drop-shadow( 0 2px black) drop-shadow( 2px 0 black) drop-shadow( 0 -1px white) drop-shadow( -1px 0 white) drop-shadow( 0 1px white) drop-shadow( 1px 0 white) drop-shadow( 0 -2px white) drop-shadow(-2px 0 white) drop-shadow(1px 1px 0 white) drop-shadow(-0px 1px 0 white) drop-shadow(1px 1px 0 rgba(163,163,163,0.5)) drop-shadow(1px 1px 0 rgba(163,163,163,0.5)) drop-shadow( 0 0 2px #5C5C5C);
  109.  
  110. --- SCROLLBOX (2nd PAGE) ---
  111.  
  112. overflow: auto;
  113. width: 13em;
  114. height: 6em;
  115. border-radius: 20px;
  116. border: 1px solid #969696;
  117. background: linear-gradient(180deg, #fff 0%, #89CFF0 100%);
  118. padding: 15px 5px 5px 15px;
  119. box-shadow: inset 0 4px 5px -3px white, inset 4px 0 5px -5px black, inset -4px 0 5px -7px black, inset 0 -4px 5px -5px black;
  120. font-family: Nintendo-DS-BIOS;
  121.  
  122. (mobile)
  123. width: 13em;
  124. padding: 10px 5px 5px 10px;
  125.  
  126. --- CONTAINER with GALLERY ---
  127.  
  128. width: 8em;
  129. height: 15em;
  130. border-radius: 0px 20px 0px 20px;
  131. box-shadow: inset 13px 0px 6px -10px rgb(66 66 66 / 20%), inset -13px 0px 6px -10px rgb(66 66 66 / 20%), inset 0px 13px 6px -10px #ffffff, inset 0px -13px 6px -10px rgb(66 66 66 / 30%);
  132. border-radius: 100px 100px 0px 0px;
  133. z-index: 2;
  134.  
  135. --- GALLERY ---
  136.  
  137. background: #fff;
  138. border-radius: 20px 0px 20px 0px;
  139. border: 2px solid #89CFF0;
  140. position: relative;
  141. top: 3.5em;
  142.  
  143. (mobile)
  144. border-radius: 15px 0px 15px 0px;
  145.  
  146. --- CONTAINER with SCROLLBOX ---
  147.  
  148. width: 12em;
  149. height: 10em;
  150. border-radius: 0px 20px 20px 0px;
  151.  
  152. --- 'Extra' TEXT ---
  153.  
  154. font-family: roman;
  155. width: 4.5em;
  156. padding: 5px 5px 5px 15px;
  157. border-radius: 0px 20px 0px 20px;
  158. box-shadow: inset 13px 0px 6px -10px rgb(66 66 66 / 20%), inset -13px 0px 6px -10px rgb(66 66 66 / 20%), inset 0px 13px 6px -10px #ffffff, inset 0px -13px 6px -10px rgb(66 66 66 / 30%);
  159. background: #89CFF0;
  160.  
  161. (mobile)
  162. width: 5em;
  163.  
  164. --- SCROLLBOX (3rd PAGE) ---
  165.  
  166. overflow: auto;
  167. width: 9.5em;
  168. height: 8.5em;
  169. padding: 7px 10px 15px 10px;
  170. font-family: Nintendo-DS-BIOS;
  171.  
  172. (mobile)
  173. height: 8.5em;
  174.  
  175. (Text: Highlight)
  176. font-family: roman;
  177. font-size: 1.1em;
  178. letter-spacing: 0.1em;
  179.  
  180. --- FLOAT ---
  181.  
  182. <style>
  183. #elementID {
  184. animation-name: floating;
  185. animation-duration: 3s;
  186. animation-iteration-count: infinite;
  187. animation-timing-function: ease-in-out;
  188. }
  189.  
  190. @keyframes floating {
  191. 0% { transform: translate(0, 0px); }
  192. 50% { transform: translate(0, 15px); }
  193. 100% { transform: translate(0, -0px); }
  194. }
  195.  
  196. </style>
  197.  
  198. --- ALL FONTS ---
  199.  
  200. <style>
  201. @font-face {
  202. src: url(https://dl.dropbox.com/s/8p8mi5uzbekohv7/Starborn.ttf);
  203. font-family: starborn;
  204. }
  205.  
  206. @font-face {
  207. font-family:'yipes';
  208. src: url(https://dl.dropbox.com/s/qrdm3wived8sm66/Yipes.ttf);
  209. }
  210.  
  211. @font-face {
  212. font-family: Nintendo-DS-BIOS;
  213. src: url(https://dl.dropbox.com/s/vlxjtnvrl9s0snp/Nintendo-DS-BIOS.ttf);
  214. }
  215.  
  216. @font-face {
  217. font-family: roman;
  218. src: url(https://dl.dropbox.com/s/f9cfrx4wyt13rwv/ROMANTIC.TTF);
  219. }
  220. </style>
Advertisement
Add Comment
Please, Sign In to add comment