API tools faq
paste
y2kcarrds

aiura uwu ai first embed

y2kcarrds
Jun 20th, 2022
843
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 5.01 KB | None | 0 0
raw download clone embed print report
  1. <head>
  2. <link rel="preconnect" href="https://fonts.googleapis.com">
  3. <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  4. <link href="https://fonts.googleapis.com/css2?family=Outfit:wght@300&display=swap" rel="stylesheet">
  5.  
  6. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.14.0/css/all.css" integrity="sha384-HzLeBuhoNPvSl5KYnjx0BT+WB0QEEqLprO+NBkkk5gbc67FTaL7XIGa2w1L0Xbgc" crossorigin="anonymous">
  7.  
  8. </head>
  9.  
  10. <style>
  11.  
  12. * { margin: 0; padding: 0; }
  13.  
  14. @font-face { /* font title */
  15. font-family: 'powerpuff girls';
  16. src: url(https://dl.dropbox.com/s/sfryv4nuc5cjozr/Powerpuff.ttf);
  17. }
  18.  
  19. @font-face { /* font for mark subtitles */
  20. font-family:chick;
  21. src:url(https://dl.dropbox.com/s/wrt1sab5vv6r25n/CHICK___.TTF);
  22. }
  23.  
  24. @font-face { /* font for marquee music player */
  25. font-family: handy;
  26. src: url(https://dl.dropbox.com/s/ga9hf4idu3egjb5/handy00.ttf);
  27. }
  28.  
  29. ::-webkit-scrollbar { /* to hide scrollbar, you can change it */
  30. display: none;
  31. }
  32.  
  33. #name { /* css for title */
  34. font-family: 'powerpuff girls';
  35. font-size: 2.7em;
  36. text-align:center;
  37. background:linear-gradient(to top, #fff 2%, #FFB3DE 100%);
  38. -webkit-background-clip: text;
  39. -webkit-text-fill-color: transparent;
  40. -webkit-text-stroke: 0.5px #FF78BC;
  41. -webkit-filter: drop-shadow(0px 0px 1.5px #FF87C5);
  42. }
  43.  
  44. .all { /* main container dont change width height and margin */
  45. background-image: radial-gradient(circle, rgba(247,208,230,1) 0%, rgba(255,255,255,1) 100%);
  46. background-position: 0% 0%;
  47. background-repeat: repeat;
  48. background-size: cover;
  49. width: 20em;
  50. height:50%;
  51. margin:auto;
  52. border-radius:8px;
  53. border: 2px solid white;
  54. padding-top:4px;
  55. padding-bottom:8px;
  56. padding-left:8px;
  57. padding-right:8px;
  58. -webkit-box-shadow: 0px 0px 5px 0px rgba(255, 135, 197,1);
  59. -moz-box-shadow: 0px 0px 5px 0px rgba(255, 135, 197,1);
  60. box-shadow: 0px 0px 5px 0px rgba(255, 135, 197,1);
  61. }
  62.  
  63. #cont { /* container scrollable horizontal just change the bg border if you want */
  64. width: auto;
  65. white-space: nowrap;
  66. overflow-x: auto;
  67. padding: .5em;
  68. box-sizing: border-box;
  69. height: 9em;
  70. margin-bottom:.5em;
  71. overflow-y: hidden;
  72. font-family: 'Outfit', sans-serif;
  73. color: #000;
  74. background-image: url("https://lesbiana.crd.co/assets/images/gallery04/f0ef235b.png?v=c15eb6f6"); /* url of the image background */
  75. background-position: center;
  76. background-repeat: repeat;
  77. background-size: cover;
  78. border: 1px solid #FFB3DE;
  79. border-radius:8px;
  80. }
  81.  
  82. .boxes { /* scrollboxes with info dont change width and height */
  83. width: 10em;
  84. border: 1px solid #FFCFE9;
  85. border-radius: 5px;
  86. white-space: normal;
  87. display: inline-block;
  88. height: 10em;
  89. padding: .5em;
  90. font-size:.8em;
  91. vertical-align: middle;
  92. margin-right: .5em;
  93. background: rgba(255, 255, 255, 0.8);
  94. overflow-y: scroll;
  95. text-align: left;
  96. }
  97.  
  98. mark {/* mark thing for subtitles, you can change basically anything here */
  99. background: rgb(247,208,230);
  100. background: radial-gradient(circle, rgba(247,208,230,1) 0%, rgba(255,255,255,1) 100%);
  101. border: 1px solid #FFCFE9;
  102. border-radius:90%;
  103. padding-left:10px;
  104. padding-right:10px;
  105. font-family:chick;
  106. font-size:1.5em;
  107. color:white;
  108. -webkit-text-stroke: 0.5px #FF78BC;
  109. }
  110.  
  111. a { /* links, you can change the text deco or erase it */
  112. color: #FF78BC;
  113. text-decoration: underline;
  114. text-decoration-style: dotted;
  115. font-weight:bold;
  116. }
  117.  
  118. a:hover {color: #FFCFE9;
  119. transition: .6s;}
  120. a { color: #FF78BC; }
  121. }
  122.  
  123. img:hover {
  124. cursor:help;
  125. }
  126.  
  127. .doll { /* doll img you can play around with the setting but keep in mind that this specific ones were made to look good in desktop and mobile */
  128. position:absolute;
  129. right:0em;
  130. bottom:-1.5em;
  131. width:auto;
  132. height:7.5em;
  133. z-index:500;
  134. }
  135.  
  136. .pixel { /* css for the little pixel over title */
  137. position:absolute;
  138. left:2em;
  139. top:0.5em;
  140. z-index:500;
  141. width:auto;
  142. height:auto;
  143. }
  144.  
  145. ::selection {
  146. color: #FFA4D6;
  147. background: #FFCFE9;
  148. }
  149.  
  150. /* start of music player */
  151.  
  152. #musicplayer{
  153. display:grid;
  154. grid-template-columns:20px auto;
  155. align-items:center;
  156. width: 90px;
  157. font-family:handy;
  158. font-size:11px;
  159. color:#FF78BC;
  160. line-height:140%;
  161. border: 1px solid #FFB3DE;
  162. border-radius: 3px;
  163. background:white;
  164. }
  165.  
  166. #musictitle{
  167. font-family:handy;
  168. overflow: hidden;
  169. white-space: nowrap;
  170. display:inline-block;
  171. width: calc(100% - 10px - 1px);
  172. margin-left: calc(10px + 1px);
  173. }
  174.  
  175. #musicpixel{
  176. width:120%;
  177. paddin-top:0px;
  178. position:relative;
  179. min-height: 15px;
  180. background:white;
  181. border-right: 1px solid #FFB3DE;
  182. }
  183.  
  184. .overlay {
  185. opacity:0;
  186. position:absolute;
  187. top:0;
  188. left:0;
  189. text-align:center;
  190. width:100%;
  191. height:100%;
  192. transition:0.3s ease;
  193. background: white;
  194. }
  195.  
  196. #musicplayer:hover .overlay {
  197. opacity: 1;
  198. transition:0.3s ease;
  199. }
  200.  
  201. .playpause{
  202. position: absolute;
  203. top: 50%;
  204. left: 50%;
  205. transform: translate(-40%, -50%);
  206. }
  207.  
  208. .playpause:hover{
  209. cursor:help;
  210. }
  211.  
  212. #musicpixel img{
  213. display:block;
  214. }
  215.  
  216. .marquee{
  217. display: inline-block;
  218. padding-left: 100%;
  219. animation: marquee 5s linear infinite;
  220. }
  221.  
  222. @keyframes marquee{
  223. 0% {
  224. transform: translate(0, 0);
  225. }
  226. 100% {
  227. transform: translate(-100%, 0);
  228. }
  229. }
  230.  
  231. /* end of music player */
  232.  
  233. </style>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!