Advertisement
iceeeyui

pink css

Feb 7th, 2021 (edited)
155
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.37 KB | None | 0 0
  1. /* Start https://www.cursors-4u.com */ * {cursor: url(https://cur.cursors-4u.net/symbols/sym-5/sym471.cur), auto !important;} /* End https://www.cursors-4u.com */
  2.  
  3. .logo{
  4. font-size:0;
  5. }
  6.  
  7. .logo::after{
  8. content:"♡´・ᴗ・`♡";
  9. text-shadow: 2px 2px 4px pink;
  10. color: white;
  11. line-height: 10px;
  12. font-size: 20px;
  13. padding: 70px;
  14. }
  15.  
  16. .topRight{
  17. text-align: center;
  18. }
  19.  
  20. div.extended.box>a>h3{
  21. font-size: 0px;
  22. }
  23. div.extended.box>a>h3:after{
  24. display: block;
  25. font-size: 22px;
  26. margin-block-start: 16px;
  27. margin-block-end: 16px;
  28. font-weight: bold;
  29. content: "ilu <3";
  30. }
  31. .topLeft {
  32. float: left;
  33. width: 30%;
  34. padding: 10px;
  35. position: fixed;
  36. }
  37.  
  38. @keyframes spin {
  39. 0% { transform: rotate(0deg); }
  40. 100% { transform: rotate(360deg); }
  41. }
  42.  
  43. #commentInput {
  44. border: 1px solid pink;
  45. border-radius: 5px;
  46. box-shadow: 0px 0px 10px white;
  47. padding: 0px;
  48. }
  49.  
  50. div#header {
  51. background-color: pink;
  52. background-position: 0px -400px;
  53. font-family: "Courier New";
  54. background-size: 30%;
  55. background-repeat: repeat;
  56. background-image: url(https://i.pinimg.com/originals/5c/43/d2/5c43d280ddfbd4a1b4c571874e699f8d.gif);
  57. }
  58. a:link, a:visited{
  59. color: white;
  60. }
  61.  
  62. .topRight > .blurbs.box > .blogs > div > b::after {
  63. font-size: 15px !Important;
  64. content: "<3";
  65. animation: test 1s linear infinite;
  66. }
  67. .blogs div, .blog div {
  68. margin-bottom: 10px;
  69. color: white;
  70. }
  71. div#hSub {
  72. color: white !important;
  73. background-color: #FFB6C1;
  74. text-align: right;
  75. font-family: "Courier New";
  76. background-image: url(https://i.pinimg.com/originals/5c/43/d2/5c43d280ddfbd4a1b4c571874e699f8d.gif);
  77. }
  78.  
  79. div#online {
  80. content: url(https://data.whicdn.com/images/197212967/original.gif);
  81. display: block;
  82. margin-left: auto;
  83. margin-right: auto;
  84. width: 90%;
  85. }
  86.  
  87. .topRight > .box:not(.blurbs) > .rightHead > b > span.uName {
  88. font-size: -9999px;
  89. }
  90. .topRight > .box:not(.blurbs) > .rightHead > b {
  91. font-size: 0;
  92. }
  93.  
  94. .songName span {
  95. display: inline-block;
  96. padding-left: 100%;
  97. animation: marquee 15s linear infinite;
  98. }
  99.  
  100. .extended.box {
  101. border: 2px solid #FFB6C1;
  102. background-color: pink;
  103. background-image: url(https://images-na.ssl-images-amazon.com/images/I/21sszypjfnL._AC_SX466_.jpg);
  104. }
  105.  
  106. h4 {
  107. color: pink;
  108. }
  109.  
  110. h2#name {
  111. color: white;
  112. text-shadow: 2px 2px 4px #FFB6C1;
  113. width: 500px;
  114. }
  115.  
  116. body {
  117. color: white;
  118. background-color: #FFB6C1;
  119. background-image: url(https://images-na.ssl-images-amazon.com/images/I/21sszypjfnL._AC_SX466_.jpg);
  120. background-size: 69%;
  121. background-attachment:fixed;
  122. font-family: "Courier New";
  123. }
  124. .player.box {
  125. background-color: #FFB6C1;
  126. background-size: 33%;
  127. background-position: 150px;
  128. color: #FFB6C1;
  129. background-image: url(https://data.whicdn.com/images/311088011/original.gif);
  130. }
  131.  
  132. .short, .player.box, .box.blurbs, .extended.box, .box.fwiends, .box.blog, td.tableRight {
  133. border: 2px pink solid;
  134. border-radius: 5px;
  135. box-shadow: 0px 0px 10px pink;
  136. padding: 5px;
  137. }
  138.  
  139. .blurbs, #box, #header, #hSub {
  140. border: 3px double #fff;
  141. padding: 0px;
  142. margin-bottom: 10px;
  143. }
  144.  
  145. .boxInfo.box {
  146. border: 2px dashed #FFB6C1;
  147. background-image: url(https://images-na.ssl-images-amazon.com/images/I/21sszypjfnL._AC_SX466_.jpg);
  148. }
  149.  
  150. .url {
  151. background: url(https://64.media.tumblr.com/a76883d53195063069e74ef75a2b9e8c/tumblr_n7xyh3uWzL1snc5kxo1_640.gifv) no-repeat;
  152. position: fixed;
  153. right: -230px;
  154. bottom: -29px;
  155. color: #ffffff00;
  156. background-size: 300px;
  157. height: 300px;
  158. width: 500px;
  159. border: none;
  160. box-shadow: none;
  161. z-index: 1000;
  162. font-size: 0px;
  163. opacity: 1;
  164. }
  165.  
  166. .topLeft{
  167. margin-top: 20px;
  168. background-repeat: no-repeat;
  169. background-color: None;
  170. background-size: 100% 100%;
  171. background-image: url();
  172. border-radius: 5px;
  173. box-shadow: 0px 0px 10px None;
  174. padding: 5px;
  175. }
  176.  
  177. .topRight{
  178. margin-top: 20px;
  179. background: None;
  180. max-width: 550px;
  181. margin-bottom: 20px;
  182. border: 2px solid None;
  183. background-image: url();
  184. }
  185.  
  186. .fwiendCount {
  187. color: #FFB6C1;
  188. }
  189.  
  190. .tableRight{
  191. background: #FFB6C1;
  192. }
  193.  
  194. .boxHead{
  195. color: #FFF;
  196. background: #FFB6C1;
  197.  
  198. }
  199.  
  200. .rightHead{
  201. color: #FFF;
  202. background: #FFB6C1;
  203.  
  204. }
  205.  
  206. div#footer{
  207. bottom:0;
  208. font-size:0;
  209. left:500px;
  210. position:fixed;
  211. pointer-events: none;
  212.  
  213. }
  214.  
  215. .fwiendFace, .tableLeft {
  216. transition: 0.5s;
  217. background: #ffffff00;
  218. background-image: url(https://i.pinimg.com/originals/4c/0d/41/4c0d419b7eb3cde53338dab5e8c46b06.gif);
  219. }
  220.  
  221. .box.blog {
  222. background: #FFB6C1;
  223. }
  224.  
  225. .fwiendFace:hover{
  226. transform: scale(1.2);
  227. animation: wob .5s linear infinite;
  228. box-shadow: 0 0 1rem #fff;
  229. border: 1px solid #f7b5cd;
  230. transition: 0.5s;
  231. }
  232.  
  233. .tableLeft:hover{
  234. animation: wobble-vertical 0.5s;
  235. animation-iteration-count:infinite;
  236. }
  237. }
  238. #sMsg {
  239. background-repeat: no-repeat;
  240. background: url() no-repeat;
  241. }
  242. #add {
  243. background-repeat: no-repeat;
  244. background: url() no-repeat;
  245. }
  246. #block {
  247. display: none;
  248. }
  249. #report {
  250. display: none;
  251. }
  252.  
  253. #sMsg, #add, #report, #add, #block {
  254. color: white;
  255. background-image: url(https://64.media.tumblr.com/a76883d53195063069e74ef75a2b9e8c/tumblr_n7xyh3uWzL1snc5kxo1_640.gifv);
  256. background-size: 40%;
  257. }
  258.  
  259. a {
  260. color: #FFB6C1;
  261. }
  262.  
  263. a:hover {
  264. animation: changeColor 1s linear infinite;
  265. text-shadow: 2px 2px 4px white;
  266. }
  267.  
  268. ::selection { background: white; }
  269.  
  270. .blinkYellow, .blinkViolet {
  271. animation:blinkingTextPink 0.3s infinite;
  272. }
  273.  
  274. .blinkGreen{
  275. animation:blinkingTextWhite 0.3s infinite;
  276. }
  277.  
  278. @keyframes blinkingTextWhite {
  279. 0% {
  280. color: #FFC0CB;
  281. }
  282.  
  283. 49% {
  284. color: white;
  285. }
  286. 50% {
  287. color: white;
  288. }
  289. 99% {
  290. color: white;
  291. }
  292. 100% {
  293. color: white;
  294. }
  295. }
  296.  
  297. @keyframes wobble-vertical{
  298. 0% {
  299. transform:translate(1px,1px) rotate(0deg);
  300. }
  301.  
  302. 10% {
  303. transform:translate(-1px,-2px) rotate(-1deg);
  304. }
  305.  
  306. 20% {
  307. transform:translate(-3px,0px) rotate(1deg);
  308. }
  309.  
  310. 30% {
  311. transform:translate(3px,2px) rotate(0deg);
  312. }
  313.  
  314. 40% {
  315. transform:translate(1px,-1px) rotate(1deg);
  316. }
  317.  
  318. 50% {
  319. transform:translate(-1px,2px) rotate(-1deg);
  320. }
  321.  
  322. 60% {
  323. transform:translate(-3px,1px) rotate(0deg);
  324. }
  325.  
  326. 70% {
  327. transform:translate(3px,1px) rotate(-1deg);
  328. }
  329.  
  330. 80% {
  331. transform:translate(-1px,-1px) rotate(1deg);
  332. }
  333.  
  334. 90% {
  335. transform:translate(1px,2px) rotate(0deg);
  336. }
  337.  
  338. 100% {
  339. transform:translate(1px,1px) rotate(0deg);
  340. }
  341.  
  342. }
  343.  
  344. @keyframes changeColor{
  345. 0%{color: white;}
  346. 10%{color: pink;}
  347. 20%{color: white;}
  348. 30%{color: pink;}
  349. 40%{color: white;}
  350. 50%{color: pink}
  351. 60%{color: white;}
  352. 70%{color: pink;}
  353. 80%{color: white;}
  354. 90%{color: pink;}
  355. 100%{color: white;}
  356. }
  357.  
  358. .fwiendFace img {
  359. background-image: url(https://64.media.tumblr.com/07c5575c89e18172d80d0e1a2401fa50/tumblr_inline_o8gnpmOJZH1uo7wgq_500.gifv);
  360. filter: grayscale(100%);
  361. }
  362. .tableLeft img{
  363. filter: cherry-icecream(100%);
  364. }
  365. @-webkit-keyframes hvr-wobble-vertical {
  366. 16.65% {
  367. -webkit-transform: translateY(8px);
  368. transform: translateY(8px);
  369.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement