Guest User

css :)

a guest
Nov 21st, 2020
184
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.13 KB | None | 0 0
  1. body{
  2. background-image: url("https://thumbs.gfycat.com/FelineUnconsciousIrishsetter-max-1mb.gif");
  3. font-weight: 500;
  4. font-family: Tahoma, Geneva, sans-serif;
  5. }
  6. .extended::after{
  7. display: block;
  8. box-sizing: border-box;
  9. content: "im my own boss";
  10. font-size: 15px;
  11. color: pink;
  12. text-shadow: #fff 0 0 7px;
  13. background-image: url("https://33.media.tumblr.com/fac17f60424c5d339e24f457de0cd8e9/tumblr_nnsv33SIFH1slclp6o1_500.gif");
  14. background-size: cover;
  15. background-position: center;
  16. border: 2px solid white;
  17. width: 100%;
  18. left: 0;
  19. bottom: 0;
  20. top: 0;
  21. text-align: center;
  22. font-weight: bold;
  23. }
  24. @keyframes ScanlineAnimationRight {
  25. 0% {
  26. transform: translateX(0px) translateY(0px);
  27. }
  28. 100% {
  29. transform: translateX(32px) translateY(-32px);
  30. }
  31. }
  32. .logo b span {
  33. display: none;
  34. }
  35. .logo b:before {
  36. vertical-align: middle;
  37. font-size: 20px;
  38. content: "";
  39. }
  40. .logo b:after {
  41. vertical-align: middle;
  42. font-size: 20px;
  43. color: #fff;
  44. content: "𝔻𝕆ℕ𝕋 ℕ𝔼𝔼𝔻 π•Šπ•†π•„π”Όπ•†β„•π”Ό 𝕋𝕆 𝕄𝔸𝕂𝔼 𝕄𝔼 𝔽𝔼𝔼𝕃 ℝ𝕆𝕐𝔸𝕃𝔼 ";
  45. }
  46. }
  47. img {
  48. image-rendering: initial;
  49. }
  50. .url.box {
  51. display: none;
  52. }
  53.  
  54.  
  55.  
  56. div#header{
  57. background: #d4aff5;
  58. }
  59. div#hSub{
  60. background: #d4aff5;
  61. }
  62. h2#name.uName::after{
  63. content: "";
  64. }
  65. a:link{
  66. color: #b51663;
  67. }
  68. a:active{
  69. color: #fc569c;
  70. }
  71. a:visited{
  72. color: #03e3fc;
  73. }
  74. .box{
  75. border: transparent;
  76. }
  77. .boxInfo{
  78. background: #d4aff5
  79. border: 2px dashed #fff;
  80. }
  81. .boxButton{
  82. color: #d4aff5;
  83. }
  84. .boxHead{
  85. background: transparent;
  86. color: white;
  87. border: 2x dashed #fff;
  88. -webkit-text-stroke-width: 1px;
  89. -webkit-text-stroke-color: black;
  90. }
  91. #sMsg{
  92. background-image:url(https://64.media.tumblr.com/48537b36cac1725c1c78486b738e9709/tumblr_ppun0xZSQg1w1odno_1280.png);
  93. font-size:0;
  94. }
  95.  
  96. #sMsg::after{
  97. content:"tell me something";
  98. font-size:13px;
  99. }
  100.  
  101. #block{
  102. background-image:url(https://64.media.tumblr.com/48537b36cac1725c1c78486b738e9709/tumblr_ppun0xZSQg1w1odno_1280.png);
  103. font-size:0;
  104. }
  105.  
  106. #block::after{
  107. content:"gn sweet prince";
  108. font-size:13px;
  109. }
  110.  
  111. #report{
  112. background-image:url(https://64.media.tumblr.com/48537b36cac1725c1c78486b738e9709/tumblr_ppun0xZSQg1w1odno_1280.png);
  113. font-size:0;
  114. }
  115.  
  116. #report::after{
  117. content:"snitch to tom";
  118. font-size:13px;
  119. }
  120.  
  121. #add{
  122. background-image:url(https://64.media.tumblr.com/48537b36cac1725c1c78486b738e9709/tumblr_ppun0xZSQg1w1odno_1280.png);
  123. font-size:13px;
  124. text-transform:lowercase;
  125. }
  126. .rightHead{
  127. background: transparent;
  128. color: #673888;
  129. -webkit-text-stroke-width: 1px;
  130. -webkit-text-stroke-color: black;
  131. font-size: 18px;
  132. }
  133. .topLeft{
  134. overflow: auto;
  135. box-sizing: border-box;
  136. background-image: url("https://64.media.tumblr.com/da31efe6441bcf04b0a69051bc0c588d/tumblr_opw67vi8741vhmslwo1_400.gifv");
  137. background-size: cover;
  138. background-position: center;
  139. border: 2px dashed #fff;
  140. padding: 1px;
  141. color: white;
  142. text-shadow: #ff1c8a 0 0 7px;
  143. animation-duration: 1.5s;
  144. animation-name: slidein;
  145. }
  146. @keyframes slidein{
  147. from {
  148. margin-left: -100%;
  149. }
  150. to {
  151. margin-left: 0%;
  152. }
  153. }
  154.  
  155. }
  156. #gender{
  157. position:relative;
  158. visibility:hidden;
  159. }
  160.  
  161. #gender::after{
  162. content:"edgy grl";
  163. font-size:15px;
  164. left:0;
  165. position:absolute;
  166. top:0;
  167. visibility:visible;
  168. }
  169. #age{
  170. visibility: hidden;
  171. position: relative;
  172. }
  173. #age::after{
  174. visibility: visible;
  175. content: "13";
  176. font-size: 15px;
  177. top: 0;
  178. left: 0;
  179. position: absolute;
  180. }
  181. #country{
  182. visibility: hidden;
  183. position: relative;
  184. }
  185. #country::after{
  186. visibility: visible;
  187. content: "the horde";
  188. font-size: 15px;
  189. top: 0;
  190. left: 0;
  191. position: absolute;
  192. }
  193. #online{
  194. visibility: hidden;
  195. position: relative;
  196. padding: 1px;
  197. margin-top: 0px;
  198. }
  199. #online::after{
  200. visibility: visible;
  201. content: url("https://66.media.tumblr.com/0aba58a985096c2e488289597b4ccad8/63044b9c0c86e369-66/s250x400/1c41c3d05bd922837f03dea9c5657ba1a6b5a68d.png");
  202. top: 0;
  203. left: 0;
  204. position: absolute;
  205. }
  206. .topRight{
  207. animation-duration: 1.5s;
  208. animation-name: slide;
  209. }
  210. @keyframes slide{
  211. from {
  212. margin-right: -100%;
  213. }
  214. to {
  215. margin-right: 0%;
  216. }
  217. }
  218. .player{
  219. background-image: url("https://kawaii.kawaii.at/img/Sanrio-character-dessert-oxford-fabric-in-pink-233799-3.jpg");
  220. background-size: cover;
  221. background-position: center;
  222. margin: 0 auto;
  223. }
  224. h4{
  225. color: #fff;
  226. -webkit-text-stroke-width: 1px;
  227. -webkit-text-stroke-color: pink;
  228. background-image: url("https://33.media.tumblr.com/fac17f60424c5d339e24f457de0cd8e9/tumblr_nnsv33SIFH1slclp6o1_500.gif");
  229. border: 2px solid #0d1505;
  230. }
  231. .blurbs{
  232. background: #d4aff5;
  233. border: 2px dashed #0d1505;
  234. text-align: center;
  235. }
  236. .fwiendCount{
  237. color: #00c6ed;
  238. }
  239. .fwiendCounter{
  240. color: #fff;
  241. -webkit-text-stroke-width: 1px;
  242. -webkit-text-stroke-color: black;
  243. }
  244. #top a{
  245. text-decoration: none;
  246. color: #fc569c;
  247. }
  248. .fwiendFace{
  249. background-image: url("https://media0.giphy.com/headers/jmckeehen/s2wy7iphPP98.gif");
  250. border: 2px solid #fff;
  251. border-radius: 50%;
  252. width: 100px;
  253. height: 100px;
  254. margin-right: 5px;
  255. margin-bottom: 5px;
  256. font-size: 0px;
  257. max-width: 100vw;
  258. }
  259. .fwiendFace img{
  260. object-fit: cover;
  261. background-position: center;
  262. display: absolute;
  263. border-radius: 50%;
  264. width: 100px;
  265. height: 100px;
  266. }
  267. .fwiendFace:hover{
  268. animation: shake 1s;
  269. animation-iteration-count: infinite;
  270. }
  271. @keyframes shake{
  272. 0% {
  273. transform: translate(1px, 1px) rotate(0deg);
  274. }
  275. 10% {
  276. transform: translate(-1px, -2px) rotate(-1deg);
  277. }
  278. 20% {
  279. transform: translate(-3px, 0px) rotate(1deg);
  280. }
  281. 30% {
  282. transform: translate(3px, 2px) rotate(0deg);
  283. }
  284. 40% {
  285. transform: translate(1px, -1px) rotate(1deg);
  286. }
  287. 50% {
  288. transform: translate(-1px, 2px) rotate(-1deg);
  289. }
  290. 60% {
  291. transform: translate(-3px, 1px) rotate(0deg);
  292. }
  293. 70% {
  294. transform: translate(3px, 1px) rotate(-1deg);
  295. }
  296. 80% {
  297. transform: translate(-1px, -1px) rotate(1deg);
  298. }
  299. 90% {
  300. transform: translate(1px, 2px) rotate(0deg);
  301. }
  302. 100% {
  303. transform: translate(1px, -2px) rotate(-1deg);
  304. }
  305. }
  306. #viewFriends{
  307. color: #000;
  308. background: #ffcfde;
  309. border: 2px dashed #fff;
  310. }
  311. .tableLeft{
  312. background: #ff8abb;
  313. border: 2px dashed #fff
  314. }
  315. .tableRight{
  316. background: #ff5ea2;
  317. border: 2px dashed #fff
  318. }
  319. .blog{
  320. background-color: #ffcfde;
  321. border: 2px dashed #fff;
  322. }
  323. .blogTitle{
  324. font-size: 0px;
  325. }
  326. div#footer{
  327. position: fixed;
  328. right: 0px;
  329. font-size: 0px;
  330. pointer-events: none;
  331. }
  332. div#footer::after{
  333. content: url;
  334. max-width: 200px;
  335. animation-name: fromleft;
  336. animation-duration: 1.5s;
  337. }
  338. @keyframes fromleft{
  339. from{
  340. margin-left: -100%;
  341. }
  342. to{
  343. margin-left: 0%;
  344. }
  345. }
  346. @media screen and (max-device-width: 768px){
  347. div#footer{
  348. visibility: hidden;
  349. }
  350. }
  351. @media only screen and (max-width : 768px){
  352. * {
  353. -webkit-animation: none !important;
  354. -moz-animation: none !important;
  355. -o-animation: none !important;
  356. -ms-animation: none !important;
  357. animation: none !important;
  358. }
  359. }
  360. * {
  361. cursor: url(https://cur.cursors-4u.net/holidays/images4/hol334.gif), auto !important;
  362. }
  363.  
Advertisement
Add Comment
Please, Sign In to add comment