API tools faq
paste
_nintend0u_

MY CSS

_nintend0u_
Nov 18th, 2020
100
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.51 KB | None | 0 0
raw download clone embed print report
  1. body{
  2. background-attachment:fixed;
  3. background-image:url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAkGBw8PDw0PDw0NDQ0NDQ0NDQ0NDQ8NDQ8PFREWFhURFRUYHSggGBolHRUVITEhJSkrLi4uFx8zODMtNygtLisBCgoKDQ0NDg0NDisZFRkrKy03LS03Ky0tKys3LSs3Ky0rLS0tLSsrNys3KysrKysrLSsrLSsrNysrKysrKysrK//AABEIAOEA4QMBIgACEQEDEQH/xAAXAAEBAQEAAAAAAAAAAAAAAAAAAQIH/8QAFhABAQEAAAAAAAAAAAAAAAAAAAER/8QAFQEBAQAAAAAAAAAAAAAAAAAAAAH/xAAVEQEBAAAAAAAAAAAAAAAAAAAAAf/aAAwDAQACEQMRAD8A4eIoAAAAAAAAAAAAAACKAAAAAAgAAAAAAKCAoAAAAAAAIoAAAAAAAIoAAAgAAAKgCiAKBAAAAAAAAAAAAARQAAAAAAAAAABAUEFAAAAAAAAAAAFQAAAAAAAAAAARQAEABQAAAAAAAAAIAACKUAAAAAAAAAAA0AAAEUQFEAUAAAAAAAAAAAAFBAAFRQQAAABFQAUAQUAAAACAAAAAAAAAACooKggqKKiCoihAAAAABFEBQAAAAAAAAAAUEAAFQAAFEAVAAAARQEUARQAAAAAAAAAAAAUFQBUAoAIAAAAAAAICgAiooAAAAAAAAAICkAAAAAFQVRAAAEAABFQFABAUEFAAAAARQAAAAAIAACgrKoKgKACAAAAACAqKgKIAoAAAAAAAAAAAAAAAAAAAAACLQBFQBUAUQAUAAAAAAAAVUQRUUVBQqoIAAAAIKAIoAACAoAAAYAAAAAAAAAAAAAAAAACKAIoCAAAACgaACoCioAACAgAoAEAAgAAAFFFoyoIJVACkABAAoAKAD//Z);
  4. background-position:center;
  5. background-size:repeat;
  6. color:#fff;
  7. font-family:courier,new;
  8. font-weight:500;
  9. }
  10.  
  11. .extended{
  12. color:#00cc00;
  13. font-size:10px;
  14. text-shadow:0 0 3px rgb(56,223,57);
  15. text-shadow:#fff 0 0 7px;
  16. }
  17.  
  18. .extended::after{
  19. background-image:url(https://i.pinimg.com/originals/90/89/b3/9089b3609b6595940092a50f59b027fa.gif);
  20. background-position:center;
  21. background-size:cover;
  22. border:2px solid #000;
  23. border-radius:25px;
  24. bottom:0;
  25. box-sizing:border-box;
  26. color:#fff;
  27. content:"shut up and wear the maid dress";
  28. display:block;
  29. font-family:courier,new;
  30. font-size:15px;
  31. font-weight:700;
  32. left:0;
  33. text-align:center;
  34. text-shadow:#000000 0 0 7px;
  35. top:0;
  36. width:100%;
  37. }
  38.  
  39. .logo{
  40. font-size:0;
  41. }
  42.  
  43. .logo::after{
  44. color:#fff;
  45. content:"lifes a scam";
  46. font-size:15px;
  47. font-weight:800;
  48. }
  49.  
  50. div#header{
  51. background:#38E039;
  52. font-family:Courier,new;
  53. }
  54.  
  55. div#hSub{
  56. background:#000000;
  57. font-family:Courier,new;
  58. }
  59.  
  60. #name{
  61. animation-duration:2.0s;
  62. animation-iteration-count:infinite;
  63. animation-name:flashy;
  64. font-family:courier;new;
  65. font-size:25px;
  66. margin:0;
  67. padding-bottom:15px;
  68. padding-left:5px;
  69. }
  70.  
  71. @keyframes flashy{
  72.  
  73. 0%{
  74. color:#00cc00;
  75. }
  76.  
  77. 30%{
  78. color:#ffffff;
  79. }
  80.  
  81. 65%{
  82. color:#00cc00;
  83. }
  84.  
  85. 100%{
  86. color:#ffffff;
  87. }
  88. }
  89.  
  90.  
  91.  
  92. a:link{
  93. color:#248434;
  94. text-shadow:#000 0 0 5px;
  95. }
  96.  
  97. a:active{
  98. color:#248434;
  99. }
  100.  
  101. a:visited{
  102. color:#248434;
  103. }
  104.  
  105. .box{
  106. border:transparent;
  107. }
  108.  
  109. .boxInfo{
  110. background:#41e039;
  111. border:2px solid #fff;
  112. border:2px solid #000;
  113. margin-bottom:1px;
  114. }
  115.  
  116. .boxButton{
  117. color:#fff;
  118. }
  119.  
  120. .boxHead{
  121. -webkit-text-stroke-color:#000;
  122. -webkit-text-stroke-width:1px;
  123. background:transparent;
  124. border:2x dashed #fff;
  125. color:#fff;
  126. }
  127.  
  128. #sMsg{
  129. background-image:url(https://cutekawaiiresources.files.wordpress.com/2016/11/kuromi-61.gif?w=560);
  130. font-size:0;
  131. }
  132.  
  133. #sMsg::after{
  134. content:"ask away";
  135. font-size:13px;
  136. }
  137.  
  138. #block{
  139. background-image:url(https://cutekawaiiresources.files.wordpress.com/2016/11/kuromi-4.gif?w=560);
  140. font-size:0;
  141. }
  142.  
  143. #block::after{
  144. content:"block";
  145. font-size:13px;
  146. }
  147.  
  148. #report{
  149. background-image:url(https://cutekawaiiresources.files.wordpress.com/2016/11/kuromi-14.gif?w=560);
  150. font-size:0;
  151. }
  152.  
  153. #report::after{
  154. content:"report";
  155. font-size:13px;
  156. }
  157.  
  158. #add{
  159. background-image:url(https://cutekawaiiresources.files.wordpress.com/2016/11/kuromi-bullet-14.gif?w=560);
  160. font-size:13px;
  161. text-transform:lowercase;
  162. }
  163.  
  164. div.url.box{
  165. font-size:0;
  166. text-align:center;
  167. }
  168.  
  169. div.url.box::after{
  170. -webkit-text-stroke-color:#000;
  171. -webkit-text-stroke-width:1px;
  172. color:#fff;
  173. content:"“poggers”";
  174. font-size:20px;
  175. font-weight:700;
  176. text-shadow:#41e039 0 0 3px;
  177. }
  178.  
  179. .rightHead{
  180. -webkit-text-stroke-color:#000;
  181. -webkit-text-stroke-width:1px;
  182. background:transparent;
  183. color:#fff;
  184. font-size:18px;
  185. text-shadow:0 0 3px rgb(0,153,0);
  186. }
  187.  
  188. .rightHead::before{
  189. content: url(https://cutekawaiiresources.files.wordpress.com/2016/11/kuromi-6.gif?w=560);
  190. padding: 5px;
  191. }
  192.  
  193. .rightHead::after{
  194. content: url(https://cutekawaiiresources.files.wordpress.com/2016/11/kuromi-6.gif?w=560);
  195. padding: 5px;
  196. }
  197.  
  198. .topLeft{
  199. animation-duration:1.5s;
  200. animation-name:slidein;
  201. background-image:url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAkGBw0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ8NDQ0NFREWFhURFRUYHSggGBolGxUVITEhJSk3Ljo6Fx8zODM4Nyg5LjcBCgoKDQ0NDg0NDisZFRkrKy0rNzcrKys3LS0tKzctKy0rLSs3LTcrLSsrKysrKystKysrKysrLSsrKysrKysrK//AABEIAQMAwgMBIgACEQEDEQH/xAAWAAEBAQAAAAAAAAAAAAAAAAAAAQf/xAAWEAEBAQAAAAAAAAAAAAAAAAAAARH/xAAVAQEBAAAAAAAAAAAAAAAAAAAAAf/EABURAQEAAAAAAAAAAAAAAAAAAAAR/9oADAMBAAIRAxEAPwDDgFABFAAABAAAFBAABUFBQRFAUAEABQBRFAEAQAVRAUBFABFAEVBFAABQAAAQAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQBQQFEUAAABAAUAAAAAAAAAAAABFBBUBRAAARRFFAAAEAAABQAAAAAAQAAEABQAEAEUAVFAFAAAEABQAAAABAVAEAEABVAEQABUBQVFAAFAAAAAAAAAAEAAAQAAAAAAAQAUABVABAAUAAAAAAABAURABQAQAAFRAUBQBQAAAAAAAAAAABBQEAQABAFBAVQAAAFAAAAAAAAAAAAQUAAARQEUBAAAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABUUBAUEAAAAAAAAAAAAAAAAAABQAEAWooIoCCgIKAgoCAoIKAgoCCgIKAgoACgYKCxKigiQAAAAAAAAAAAAAAAAAFABFUAAUf/Z);
  202. background-position:center;
  203. background-size:cover;
  204. border:2px solid #000;
  205. border-radius:25px;
  206. box-sizing:border-box;
  207. color:#fff;
  208. overflow:auto;
  209. padding:1px;
  210. position:relative;
  211. text-shadow:0 0 4px black;
  212. top:60px;
  213. }
  214.  
  215. @keyframes slidein{
  216. from {
  217. margin-left:-100%;
  218. }
  219.  
  220. to {
  221. margin-left:0;
  222. }
  223. }
  224.  
  225. .avatar{
  226. border:10px solid;
  227. border-image:url(https://i.gifer.com/Gn9p.gif) 30 stretch;
  228. box-sizing:border-box;
  229. display:block;
  230.  
  231.  
  232. #online{
  233. margin-top:0;
  234. padding:1px;
  235. position:relative;
  236. visibility:visible;
  237. }
  238.  
  239. #online::after{
  240. content:url(https://www.myspacegens.com/images/online_now/109.gif);
  241. left:0;
  242. position:absolute;
  243. top:0;
  244. visibility:visible;
  245. }
  246.  
  247. .topRight{
  248. animation-duration:1.5s;
  249. animation-name:slide;
  250. }
  251.  
  252. @keyframes slide{
  253. from {
  254. margin-right:-100%;
  255. }
  256.  
  257. to {
  258. margin-right:0;
  259. }
  260. }
  261.  
  262. .player{
  263. background-image:url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAkGBw0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ8NDQ0NFREWFhURFRUYHSggGBolGxUVITEhJSk3Ljo6Fx8zODM4Nyg5LjcBCgoKDQ0NDg0NDisZFRkrKy0rNzcrKys3LS0tKzctKy0rLSs3LTcrLSsrKysrKystKysrKysrLSsrKysrKysrK//AABEIAQMAwgMBIgACEQEDEQH/xAAWAAEBAQAAAAAAAAAAAAAAAAAAAQf/xAAWEAEBAQAAAAAAAAAAAAAAAAAAARH/xAAVAQEBAAAAAAAAAAAAAAAAAAAAAf/EABURAQEAAAAAAAAAAAAAAAAAAAAR/9oADAMBAAIRAxEAPwDDgFABFAAABAAAFBAABUFBQRFAUAEABQBRFAEAQAVRAUBFABFAEVBFAABQAAAQAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQBQQFEUAAABAAUAAAAAAAAAAAABFBBUBRAAARRFFAAAEAAABQAAAAAAQAAEABQAEAEUAVFAFAAAEABQAAAABAVAEAEABVAEQABUBQVFAAFAAAAAAAAAAEAAAQAAAAAAAQAUABVABAAUAAAAAAABAURABQAQAAFRAUBQBQAAAAAAAAAAABBQEAQABAFBAVQAAAFAAAAAAAAAAAAQUAAARQEUBAAAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABUUBAUEAAAAAAAAAAAAAAAAAABQAEAWooIoCCgIKAgoCAoIKAgoCCgIKAgoACgYKCxKigiQAAAAAAAAAAAAAAAAAFABFUAAUf/Z);
  264. background-position:center;
  265. background-size:cover;
  266. border:2px solid #000;
  267. color:#fff;
  268. margin:0 auto;
  269. }
  270.  
  271. h4{
  272. -webkit-text-stroke-color:#000;
  273. -webkit-text-stroke-width:1px;
  274. background-image:url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAkGBw8PDw0PDw0NDQ0NDQ0NDQ0NDQ8NDQ8PFREWFhURFRUYHSggGBolHRUVITEhJSkrLi4uFx8zODMtNygtLisBCgoKDQ0NDg0NDisZFRkrKy03LS03Ky0tKys3LSs3Ky0rLS0tLSsrNys3KysrKysrLSsrLSsrNysrKysrKysrK//AABEIAOEA4QMBIgACEQEDEQH/xAAXAAEBAQEAAAAAAAAAAAAAAAAAAQIH/8QAFhABAQEAAAAAAAAAAAAAAAAAAAER/8QAFQEBAQAAAAAAAAAAAAAAAAAAAAH/xAAVEQEBAAAAAAAAAAAAAAAAAAAAAf/aAAwDAQACEQMRAD8A4eIoAAAAAAAAAAAAAACKAAAAAAgAAAAAAKCAoAAAAAAAIoAAAAAAAIoAAAgAAAKgCiAKBAAAAAAAAAAAAARQAAAAAAAAAABAUEFAAAAAAAAAAAFQAAAAAAAAAAARQAEABQAAAAAAAAAIAACKUAAAAAAAAAAA0AAAEUQFEAUAAAAAAAAAAAAFBAAFRQQAAABFQAUAQUAAAACAAAAAAAAAACooKggqKKiCoihAAAAABFEBQAAAAAAAAAAUEAAFQAAFEAVAAAARQEUARQAAAAAAAAAAAAUFQBUAoAIAAAAAAAICgAiooAAAAAAAAAICkAAAAAFQVRAAAEAABFQFABAUEFAAAAARQAAAAAIAACgrKoKgKACAAAAACAqKgKIAoAAAAAAAAAAAAAAAAAAAAACLQBFQBUAUQAUAAAAAAAAVUQRUUVBQqoIAAAAIKAIoAACAoAAAYAAAAAAAAAAAAAAAAACKAIoCAAAACgaACoCioAACAgAoAEAAgAAAFFFoyoIJVACkABAAoAKAD//Z);
  275. background-position:center;
  276. background-size:cover;
  277. border:2px solid #000;
  278. border-bottom:0px;
  279. border-top-left-radius:25px;
  280. border-top-right-radius:25px;
  281. color:#fff;
  282. font-family:Century Gothic;
  283. font-weight:700;
  284. height:20px;
  285. position:relative;
  286. }
  287.  
  288. .blurbs{
  289. margin-block-start:15px;
  290. text-align:center;
  291. text-shadow:0 0 3px rgb(0,179,0);
  292. }
  293.  
  294. #about{
  295. background:rgb(0,179,0);
  296. border:2px solid #000;
  297. border-radius:25px;
  298. border-top-right-radius:0px;
  299. border-top-left-radius:0px;
  300. padding:15px;
  301. }
  302.  
  303. #who{
  304. background:rgb(0,179,0);
  305. border:2px solid #000;
  306. border-radius:25px;
  307. border-top-right-radius:0px;
  308. border-top-left-radius:0px;
  309. padding:15px;
  310. }
  311.  
  312. .fwiendCount{
  313. color:#00b300;
  314. }
  315.  
  316. .fwiendCounter{
  317. -webkit-text-stroke-color:#00cc00;
  318. -webkit-text-stroke-width:1px;
  319. color:#fff;
  320. }
  321.  
  322. #top a{
  323. color:#fc569c;
  324. text-decoration:none;
  325. }
  326.  
  327. .fwiendFace{
  328. background-image:url(https://i.gifer.com/8VvO.gif);
  329. border:2px solid #fff;
  330. border-radius:50%;
  331. font-size:0;
  332. height:100px;
  333. margin-bottom:5px;
  334. margin-right:5px;
  335. max-width:100vw;
  336. width:100px;
  337. }
  338.  
  339. .fwiendFace img{
  340. background-position:center;
  341. border-radius:50%;
  342. display:absolute;
  343. height:100px;
  344. object-fit:cover;
  345. width:100px;
  346. }
  347.  
  348. .fwiendFace:hover{
  349. animation:shake 1s;
  350. animation-iteration-count:infinite;
  351. }
  352.  
  353. @keyframes shake{
  354. 0% {
  355. transform:translate(1px,1px) rotate(0deg);
  356. }
  357.  
  358. 10% {
  359. transform:translate(-1px,-2px) rotate(-1deg);
  360. }
  361.  
  362. 20% {
  363. transform:translate(-3px,0px) rotate(1deg);
  364. }
  365.  
  366. 30% {
  367. transform:translate(3px,2px) rotate(0deg);
  368. }
  369.  
  370. 40% {
  371. transform:translate(1px,-1px) rotate(1deg);
  372. }
  373.  
  374. 50% {
  375. transform:translate(-1px,2px) rotate(-1deg);
  376. }
  377.  
  378. 60% {
  379. transform:translate(-3px,1px) rotate(0deg);
  380. }
  381.  
  382. 70% {
  383. transform:translate(3px,1px) rotate(-1deg);
  384. }
  385.  
  386. 80% {
  387. transform:translate(-1px,-1px) rotate(1deg);
  388. }
  389.  
  390. 90% {
  391. transform:translate(1px,2px) rotate(0deg);
  392. }
  393.  
  394. 100% {
  395. transform:translate(1px,1px) rotate(0deg);
  396. }
  397. }
  398.  
  399. #viewFriends{
  400. background:rgba(142,93,154);
  401. border:2px solid #000;
  402. border-radius:25px;
  403. color:#000;
  404. padding:5px;
  405. }
  406.  
  407. .tableLeft{
  408. background:#673888;
  409. background-position:center;
  410. background-size:cover;
  411. border:2px dashed #fff;
  412. }
  413.  
  414. .tableRight{
  415. background:#000;
  416. border:2px dashed #fff;
  417. color:#fff;
  418. text-shadow:#fff 0 0 7px;
  419. }
  420.  
  421. .blog{
  422. background:rgba(142,93,154);
  423. border:2px solid #000;
  424. text-shadow:#fff 0 0 7px;
  425. }
  426.  
  427. .blogs{
  428. text-shadow:#fff 0 0 7px;
  429. }
  430.  
  431. .blogCard{
  432. position:relative;
  433. top:10px;
  434. }
  435.  
  436. .blogTitle{
  437. font-size:0;
  438. }
  439.  
  440. div#footer{
  441. bottom:0;
  442. font-size:0;
  443. left:700px;
  444. position:fixed;
  445. pointer-events: none;
  446. }
  447.  
  448. div#footer::after{
  449. animation-duration:1.5s;
  450. animation-name:slideup;
  451. content:url("https://66.media.tumblr.com/6ef91df1c65bf5829a951701ec9e97e5/a5fac8d5b0399133-95/s250x400/7a94701a1fc51026055c58fdc13e7abb198310c5.png");
  452. }
  453.  
  454. @keyframes slideup{
  455. from {
  456. margin-right:-100%;
  457. }
  458.  
  459. to {
  460. margin-right:0;
  461. }
  462. }
  463.  
  464. @media screen and (max-device-width: 768px){
  465. div#footer {
  466. visibility:hidden;
  467. }
  468. }
  469.  
  470. @media only screen and (max-width : 768px){
  471. * {
  472. -moz-animation:none!important;
  473. -ms-animation:none!important;
  474. -o-animation:none!important;
  475. -webkit-animation:none!important;
  476. animation:none!important;
  477. }
  478. }
  479.  
  480. * {
  481. cursor:url(https://cur.cursors-4u.net/food/foo-4/foo349.cur),auto!important;
  482. }
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!