dwowsy

My CSS

Jun 30th, 2020
234
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. body {
  2. font-weight: 500;
  3. font-family: Comic Sans MS;
  4. color: white;
  5. background-image: url(https://i.imgur.com/4OlkoDk.gif);
  6. }
  7. .extended::after{
  8. display: block;
  9. content: "yung, dumb, livin off mum";
  10. font-size: 15px;
  11. color: white;
  12. text-shadow: #fff 0 0 7px;
  13. background-image: url("https://s3.amazonaws.com/image.blingee.com/images10/content/output/2007/5/29/165922638_295406d5.gif?4");
  14. background-size: cover;
  15. background-position: center;
  16. border: 2px solid black;
  17. width: 100%;
  18. height: 25px;
  19. margin-bottom: 0px;
  20. text-align: center;
  21. overflow: auto;
  22. box-sizing: border-box;
  23. font-weight: 800;
  24. }
  25. .logo{
  26. font-size: 0;
  27. }
  28.  
  29. .logo::after{
  30. content: "I like that look in your eyes, it makes my heart race.";
  31. font-size: 15px;
  32. color: white;
  33. text-shadow: #fff 0 0 7px;
  34. font-weight: 800;
  35. }
  36. .boxButton {
  37. color: pink
  38. }
  39. .rightHead {
  40. background: #ff60a9;
  41. color: #ffd5e5;
  42. padding-left: 4px;
  43. }
  44. .player {
  45. padding: 4px;
  46. margin-top: 20px;
  47. margin-bottom: 20px;
  48. background: #000000;
  49. color: #ffd5e5;
  50. width: calc(100% - 8px );
  51. border: 5px solid #000;
  52. }
  53. .avatar {
  54. width: 250px;
  55. margin-right: 20px;
  56. cursor: zoom-in;
  57. image-orientation: from-image;
  58. }
  59. .boxHead {
  60. background: #ff60a9;
  61. color: #ffd5e5;
  62. padding: 2px;
  63. padding-bottom: 2px;
  64. padding-left: 100px;
  65. }
  66. .tableLeft{
  67. background: #000;
  68. border: 2px dashed #fff
  69. }
  70.  
  71. .tableRight{
  72. background: #ff5ea2;
  73. border: 2px dashed #fff
  74. }
  75. h4 {
  76. color: #ff60a9;
  77. margin-bottom: 0px;
  78. }
  79. a {
  80. color: #fff;
  81. }
  82.  
  83. div#header{
  84. all: unset;
  85. font-family: Monospace;
  86. font-size: 15px;
  87. background: #000;
  88. color: #fff;
  89. position: fixed;
  90. width: calc( 100% - 15px );
  91. height: 22px;
  92. padding: 5px;
  93. left: 0px;
  94. top: 0px;
  95. text-align: center;
  96. margin-bottom: 40px;
  97. border-bottom: 1px solid black;
  98. padding-left: 10px;
  99. padding-top: 6px;
  100. overflow: hidden;
  101. z-index: 300;
  102.  
  103. }
  104.  
  105. div#hSub{
  106. all: unset;
  107. font-family: monospace;
  108. font-size: 15px;
  109. background: #ff5ea2;
  110. font-size: small;
  111. text-align: center;
  112. margin: 0px;
  113. padding: 5px;
  114. padding-top: 5px;
  115. padding-left: 5px;
  116. padding-left: 10px;
  117. padding-top: 4px;
  118. position: fixed;
  119. left: 0;
  120. top: 34px;
  121. width: calc(100% - 15px );
  122. color: #000;
  123. height: 15px;
  124. z-index: 300;
  125. }
  126.  
  127. }
  128. a:link{
  129. color: #fc569c;
  130. }
  131.  
  132. a:active{
  133. color: #fc569c;
  134. }
  135.  
  136. a:visited{
  137. color: #ffb9e6;
  138. }
  139. .box{
  140. border: transparent;
  141. }
  142.  
  143.  
  144.  
  145. .boxInfo{
  146. background: #000;
  147. border: 2px dashed #fff;
  148.  
  149. }
  150.  
  151. .boxButton{
  152. color: #fc569c;
  153. }
  154.  
  155. .boxHead{
  156. background: transparent;
  157. color: white;
  158. border: 2x dashed #fff;
  159. -webkit-text-stroke-width: 1px;
  160. -webkit-text-stroke-color: black;
  161. }
  162.  
  163. #sMsg{
  164. font-size: 0px;
  165. background-image: url("https://i.imgur.com/8Qe1aNS.png");
  166. }
  167.  
  168. #sMsg::after{
  169. content: "lets vibe";
  170. font-size: 13px
  171. }
  172. #block{
  173. font-size: 0px;
  174. background-image: url("https://i.imgur.com/8Qe1aNS.png");
  175. }
  176.  
  177. #block::after{
  178. content: "block, rip";
  179. font-size: 13px
  180. }
  181.  
  182. #report{
  183. font-size: 0px;
  184. background-image: url("https://i.imgur.com/8Qe1aNS.png");
  185. }
  186.  
  187. #report::after{
  188. content: "report me";
  189. font-size:13px
  190. }
  191.  
  192. #add{
  193. font-size: 0px;
  194. background-image: url("https://i.imgur.com/8Qe1aNS.png");
  195. }
  196.  
  197. #add::after{
  198. content: "add me loser";
  199. font-size: 13px
  200. }
  201. .rightHead{
  202. background: transparent;
  203. color: pink;
  204. -webkit-text-stroke-width: 1px;
  205. -webkit-text-stroke-color: black;
  206. }
  207. .topLeft{
  208. background-image: url("https://i.imgur.com/gmncd22.jpg");
  209. background-size: cover;
  210. background-position: center;
  211. border: 2px dashed #fff;
  212. padding: 1px;
  213. color: white;
  214. text-shadow: #ff1c8a 0 0 7px;
  215. animation-duration: 1.5s;
  216. animation-name: slidein;
  217. }
  218. @keyframes slidein{
  219. from {
  220. margin-left: -100%;
  221. }
  222.  
  223. to {
  224. margin-left: 0%;
  225.  
  226. }
  227. }
  228.  
  229. #gender{
  230. visibility: hidden;
  231. position: relative;
  232. }
  233.  
  234. #gender::after{
  235. visibility: visible;
  236. content: "Your Kouhai";
  237. font-size: 15px;
  238. top: 0;
  239. left: 0;
  240. position: absolute;
  241.  
  242. }
  243.  
  244. #country{
  245. visibility: hidden;
  246. position: relative;
  247. }
  248.  
  249. #country::after{
  250. visibility: visible;
  251. content: "Purgatory";
  252. font-size: 15px;
  253. top: 0;
  254. left: 0;
  255. position: absolute;
  256. }
  257.  
  258. .topRight{
  259. animation-duration: 1.5s;
  260. animation-name: slide;
  261. }
  262.  
  263. @keyframes slide{
  264. from {
  265. margin-right: -100%;
  266. }
  267. to {
  268. margin-right: 0%;
  269. }
  270.  
  271. }
  272. .player{
  273. color:000;
  274. background-size: cover;
  275. background-position: center;
  276. }
  277. h4{
  278. color: #fff;
  279. -webkit-text-stroke-width: 1px;
  280. -webkit-text-stroke-color: black;
  281. background-image: url("https://i.imgur.com/y4gT1i3.jpg");
  282. border: 2px solid #fff;
  283. }
  284. .blurbs{
  285. background: #000;
  286. border: 2px dashed #fff;
  287. text-align: center;
  288. }
  289. .fwiendCount{
  290. color: #ff5cad;
  291. }
  292.  
  293. .fwiendCounter{
  294. color: #fff;
  295. -webkit-text-stroke-width: 1px;
  296. -webkit-text-stroke-color: black;
  297.  
  298. }
  299. #top a{
  300. text-decoration: none;
  301. color: #fc569c;
  302. }
  303.  
  304. .fwiendFace{
  305. background-image: url("https://media0.giphy.com/media/abt3O3BEwR6wg/giphy.gif");
  306. border: 2px solid #fff;
  307. border-radius: 50%;
  308. width: 100px;
  309. height: 100px;
  310. margin-right: 5px;
  311. margin-bottom: 5px;
  312. font-size: 0px;
  313. max-width: 100vw;
  314. }
  315.  
  316. .fwiendFace img{
  317. object-fit: cover;
  318. background-position: center;
  319. display: absolute;
  320. border-radius: 50%;
  321. width: 100px;
  322. height: 100px;
  323. }
  324.  
  325. .fwiendFace:hover{
  326. animation: shake 1s;
  327. animation-iteration-count: infinite;
  328. }
  329.  
  330. @keyframes shake{
  331. 0% { transform: translate(1px, 1px) rotate(0deg); }
  332. 10% { transform: translate(-1px, -2px) rotate(-1deg); }
  333. 20% { transform: translate(-3px, 0px) rotate(1deg); }
  334. 30% { transform: translate(3px, 2px) rotate(0deg); }
  335. 40% { transform: translate(1px, -1px) rotate(1deg); }
  336. 50% { transform: translate(-1px, 2px) rotate(-1deg); }
  337. 60% { transform: translate(-3px, 1px) rotate(0deg); }
  338. 70% { transform: translate(3px, 1px) rotate(-1deg); }
  339. 80% { transform: translate(-1px, -1px) rotate(1deg); }
  340. 90% { transform: translate(1px, 2px) rotate(0deg); }
  341. 100% { transform: translate(1px, -2px) rotate(-1deg); }
  342.  
  343. }
  344.  
  345. #viewFriends{
  346. color: #000;
  347. background: #fa167e;
  348. border: 2px dashed #fff;
  349. }
  350. .blogTitle{
  351. font-size: 0px;
  352. }
  353.  
  354. div#footer{
  355. position: fixed;
  356. right: 0px;
  357. font-size: 0px;
  358. pointer-events: none;
  359. }
  360. div#footer::after{
  361. content: url("https://i.imgur.com/L3dmfAB.png");
  362. max-width: 200px;
  363. }
  364. @media only screen and (max-width : 768px){
  365. * {
  366. -webkit-animation: none !important;
  367. -moz-animation: none !important;
  368. -o-animation: none !important;
  369. -ms-animation: none !important;
  370. animation: none !important;
  371. }
  372. /* Start http://www.cursors-4u.com */ * {cursor: url(https://ani.cursors-4u.net/symbols/sym-8/sym749.cur), auto !important;} /* End http://www.cursors-4u.com */
RAW Paste Data