Advertisement
Guest User

clountown's css

a guest
Jan 8th, 2021
135
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.23 KB | None | 0 0
  1. /* Start https://www.cursors-4u.com */ * {cursor: url(https://cur.cursors-4u.net/holidays/hol-1/hol64.ani), url(https://cur.cursors-4u.net/holidays/hol-1/hol64.png), auto !important;} /* End https://www.cursors-4u.com */
  2.  
  3.  
  4. body{
  5. background-image: url("https://media.giphy.com/media/Dv2czwhLenUiY/giphy.gif");
  6. font-family: chiller;
  7. font-size: 30px;
  8. font-weight: bold;
  9. color: red;
  10. text-shadow:0 0 3px rgb(230,0,0);
  11. text-shadow:#fff 0 0 7px;
  12. shadow-color: black;
  13.  
  14. }
  15.  
  16. .extended::after{
  17.  
  18. background-color: black;
  19. background-image:url(https://64.media.tumblr.com/d663a1ca597785ab8e9493f44954915e/fac3551480c0e21c-7d/s540x810/eb01096bf9f9cc7dc9cdfc75746c31355fcaac38.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:"vampires will never hurt you";
  28. display:block;
  29. font-family:letter,chiller;
  30. font-size:20px;
  31. font-weight:700;
  32. left:0;
  33. text-align:center;
  34. text-shadow:#fff 0 0 7px;
  35. top:0;
  36. width:100%;
  37. }
  38. div#header{
  39.  
  40. text-align: center;
  41. background-image: url("https://media.giphy.com/media/W5e9CjGnmOQtW/giphy.gif");
  42.  
  43. }
  44.  
  45. .logo::after{
  46.  
  47. font-size: 25px;
  48. font-family: chiller;
  49. font-weight: bold;
  50. color: red;
  51. content: "G O R E <3 W A R N I N G";
  52. text-align: center;
  53.  
  54. }
  55.  
  56. .logo{
  57.  
  58. font-size: 0px;
  59.  
  60. }
  61.  
  62. div#hSub{
  63.  
  64. background-color: black;
  65. background-image: url("https://64.media.tumblr.com/d663a1ca597785ab8e9493f44954915e/fac3551480c0e21c-7d/s540x810/eb01096bf9f9cc7dc9cdfc75746c31355fcaac38.gif");
  66. font-size: 15px
  67. font-family: chiller;
  68. text-color: white;
  69. text-align: center;
  70.  
  71. }
  72.  
  73. #name{
  74. animation-duration:2.0s;
  75. animation-iteration-count:infinite;
  76. animation-name:flashy;
  77. font-family:chiller;
  78. font-size:25px;
  79. margin:0;
  80. padding-bottom:15px;
  81. padding-left:5px;
  82. }
  83.  
  84. p{
  85.  
  86. text-align: center;
  87.  
  88. }
  89.  
  90.  
  91.  
  92. tbody{
  93.  
  94. background-image: url("https://media.giphy.com/media/azHP2GDkukZu6RuY2m/giphy.gif");
  95. color: red;
  96. font-family: letter, chiller;
  97. text-size: 50px;
  98.  
  99. }
  100.  
  101.  
  102. @keyframes flashy{
  103.  
  104. 0%{
  105. color:#ffffff;
  106. }
  107.  
  108. 30%{
  109. color:#ff0000;
  110. }
  111.  
  112. 65%{
  113. color:#ffffff;
  114. }
  115.  
  116. 100%{
  117. color:#ff0000;
  118. }
  119. }
  120.  
  121.  
  122. a:link{
  123. color:#ff0000;
  124. text-shadow:#000 0 0 5px;
  125. }
  126.  
  127. a:active{
  128. color:#ff0000;
  129. }
  130.  
  131. a:visited{
  132. color:#ff0000;
  133. }
  134.  
  135. .box{
  136. border:transparent;
  137. }
  138.  
  139. .boxInfo{
  140. background:#000000;
  141. border:2px solid #fff;
  142. border:2px solid #000;
  143. margin-bottom:1px;
  144. }
  145.  
  146. .boxButton{
  147. color:#fff;
  148. }
  149.  
  150. .boxHead{
  151. -webkit-text-stroke-color:#000;
  152. -webkit-text-stroke-width:1px;
  153. background:transparent;
  154. border:2x dashed #fff;
  155. color:#fff;
  156. }
  157.  
  158.  
  159.  
  160. a{
  161.  
  162. color: white;
  163. font-family: chiller;
  164. font-size: 25px;
  165.  
  166. }
  167.  
  168.  
  169.  
  170. #sMsg{
  171.  
  172. background-image:url("https://cutekawaiiresources.files.wordpress.com/2015/01/tumblr_inline_mrggatnijr1qz4rgp.gif");
  173. font-size: 0;
  174.  
  175. }
  176.  
  177. #sMsg::after{
  178. content:"chat";
  179. font-size:20px;
  180. }
  181.  
  182.  
  183. #block{
  184. background-image:url(https://cutekawaiiresources.files.wordpress.com/2015/01/tumblr_inline_mv338azaxs1roozkr.gif);
  185. font-size:0;
  186. }
  187.  
  188. #block::after{
  189. content:"cockblock";
  190. font-size:20px;
  191. }
  192.  
  193.  
  194.  
  195.  
  196. #report{
  197. background-image:url(https://cutekawaiiresources.files.wordpress.com/2015/01/tumblr_inline_mqe28v2gnw1qz4rgp.gif);
  198. font-size:0;
  199. }
  200.  
  201. #report::after{
  202. content:"snitch on me";
  203. font-size:20px;
  204. }
  205.  
  206.  
  207. #add{
  208. background-image:url(https://cutekawaiiresources.files.wordpress.com/2015/01/tumblr_inline_mv338deuzh1roozkr.gif?w=150&h=150);
  209. font-size:20px;
  210. text-transform:lowercase;
  211. }
  212.  
  213. .url{
  214.  
  215. visibility: hidden;
  216.  
  217. }
  218.  
  219.  
  220. div.url.box{
  221.  
  222. font-size:0;
  223. position:relative;
  224. background-image: url("https://i.pinimg.com/originals/0d/e7/ca/0de7ca6d06375821ed99b7abcc54d4f4.png")
  225.  
  226. }
  227.  
  228. div.url.box::before{
  229. -webkit-text-stroke-color:#000;
  230. -webkit-text-stroke-width:1px;
  231. color:red;
  232. content:"would you carry me to the end?";
  233. font-size:25px;
  234. font-weight:700;
  235. text-shadow:#ffffff 0 3px;
  236. visibility: visible;
  237. text-align: center;
  238.  
  239. }
  240.  
  241. .rightHead{
  242. -webkit-text-stroke-color:#000;
  243. -webkit-text-stroke-width:1px;
  244. background:transparent;
  245. color:red;
  246. font-size:25px;
  247. text-shadow:0 0 3px rgba(77,7,110,0.5);
  248. }
  249.  
  250. .rightHead::before{
  251.  
  252. content: url(https://cutekawaiiresources.files.wordpress.com/2015/01/tumblr_inline_mrggeyrw4c1qz4rgp.gif?w=150&h=150);
  253. padding: 5px;
  254. }
  255.  
  256. .rightHead::after{
  257. content: url(https://cutekawaiiresources.files.wordpress.com/2015/01/tumblr_inline_mrggeyrw4c1qz4rgp.gif?w=150&h=150);
  258. content-align: center;
  259. padding: 5px;
  260. }
  261.  
  262. .topLeft{
  263. animation-duration:1.5s;
  264. animation-name:slidein;
  265. background-image:url(https://media.giphy.com/media/xTiTnA5utEwJBjnV8k/giphy.gif);
  266. background-position:center;
  267. background-size:cover;
  268. border:2px solid #000;
  269. border-radius:25px;
  270. box-sizing:border-box;
  271. color:#fff;
  272. overflow:auto;
  273. padding:1px;
  274. position:relative;
  275. text-shadow:0 0 4px black;
  276. top:60px;
  277. }
  278.  
  279. @keyframes slidein{
  280. from {
  281. margin-left:-100%;
  282. }
  283.  
  284. to {
  285. margin-left:0;
  286. }
  287. }
  288.  
  289. .avatar{
  290. border:10px solid;
  291. border-image:url(https://media.giphy.com/media/d1E3hTnrvOEVN47S/giphy.gif) 30 stretch;
  292. box-sizing:border-box;
  293. display:block;
  294.  
  295. }
  296.  
  297. .boxHead{
  298.  
  299. background-color: black;
  300. font-family: chiller;
  301. color: darkred;
  302. font-size: 25px;
  303.  
  304. }
  305.  
  306. ::-webkit-scrollbar {
  307. width: 13px;
  308. height: 13px;
  309. }
  310.  
  311. ::-webkit-scrollbar-track {
  312. background: #a30e00;
  313. box-shadow: inset 0 0 10px #000000;
  314. border-radius: 10px;
  315. }
  316.  
  317. ::-webkit-scrollbar-thumb {
  318. border-radius: 10px;
  319. background: #a30e00;
  320. box-shadow: inset 0 0 6px #000;
  321. }
  322.  
  323.  
  324. #age{
  325.  
  326. position: relative;
  327. visibility: hidden;
  328.  
  329. }
  330.  
  331. #age::after{
  332.  
  333. content: "1600";
  334. font-size: 25px;
  335. left: 0;
  336. position: absolute;
  337. top: 0;
  338. visibility: visible;
  339.  
  340. }
  341.  
  342.  
  343. #country{
  344.  
  345. position: relative;
  346. visibility: hidden;
  347.  
  348. }
  349.  
  350. #country::after{
  351.  
  352. content: "pet sematary";
  353. font-size: 20px;
  354. left: 0;
  355. position: absolute;
  356. top: 0;
  357. visibility: visible;
  358.  
  359. }
  360.  
  361. #online{
  362.  
  363. position: relative;
  364. visibility: hidden;
  365.  
  366. }
  367.  
  368. #online::after{
  369.  
  370. content: url(https://www.myspacegens.com/images/online_now/21.gif);
  371. left: 0;
  372. position: relative;
  373. top: 0;
  374. visibility: visible;
  375.  
  376. }
  377.  
  378.  
  379. .topRight{
  380.  
  381. animation-duration: 1.5s;
  382. animation-name: slide;
  383.  
  384. }
  385.  
  386. @keyframes slide{
  387. from {
  388. margin-right:-100%;
  389. }
  390.  
  391. to {
  392. margin-right:0;
  393. }
  394. }
  395.  
  396. .player{
  397.  
  398. background-image: url(https://upload.wikimedia.org/wikipedia/commons/5/50/Black_colour.jpg);
  399. background-position: center;
  400. background-size: cover;
  401. border: 2px solid #000;
  402. color: #fff;
  403. margin: 0 auto;
  404.  
  405. }
  406.  
  407.  
  408. h4{
  409.  
  410. -webkit-text-stroke-color: #000;
  411. -webkit-text-stroke-width: 1px;
  412. background-image: url(https://64.media.tumblr.com/d663a1ca597785ab8e9493f44954915e/fac3551480c0e21c-7d/s540x810/eb01096bf9f9cc7dc9cdfc75746c31355fcaac38.gif);
  413. background-color: black;
  414. background-position: center;
  415. background-size: cover;
  416. border: 2px solid #000;
  417. border-bottom: 0px;
  418. border-top-left-radius: 25px;
  419. border-top-right-radius: 25px;
  420. color: #fff;
  421. font-family: chiller;
  422. font-weight: 700;
  423. height: 20px;
  424. position: relative;
  425.  
  426. }
  427.  
  428. .blurbs{
  429.  
  430. margin-block-start: 15px;
  431. text-align: center;
  432. text-shadow: 0 0 3px rgb(255,255,255,0.5);
  433.  
  434. }
  435.  
  436. #about{
  437.  
  438. background-color: black;
  439. border: 2px solid #a10d00;
  440. border-radius: 25px;
  441. border-top-right-radius: 0px;
  442. border-top-left-radius: 0px;
  443. padding: 15px;
  444.  
  445. }
  446.  
  447.  
  448. #who{
  449.  
  450. background-color: black;
  451. border: 2px solid #a10d00;
  452. border-radius: 25px;
  453. border-top-right-radius: 0px;
  454. border-top-left-radius: 0px;
  455. padding: 15px;
  456.  
  457. }
  458.  
  459. .fwiendCount{
  460.  
  461. color:#000000;
  462.  
  463. }
  464.  
  465.  
  466. .fwiendCounter{
  467.  
  468. -webkit-text-stroke-color: #000;
  469. -webkit-text-stroke-width: 1px;
  470. color: #fff;
  471.  
  472. }
  473.  
  474.  
  475. #top a{
  476.  
  477. color: #cc0000;
  478. text-decoration: none;
  479.  
  480. }
  481.  
  482.  
  483. .fwiendFace{
  484.  
  485. background-color: darkred;
  486. border: 2px solid #000;
  487. border-radius: 50%;
  488. font-size: 0;
  489. height: 100px;
  490. margin-bottom: 5px;
  491. margin-right: 5px;
  492. max-width: 100vw;
  493. width: 100px;
  494.  
  495. }
  496.  
  497.  
  498. .fwiendFace img{
  499.  
  500. background-position: center;
  501. border-radius: 50%;
  502. display: absolute;
  503. height: 100px;
  504. object-fit: cover;
  505. width: 100px;
  506.  
  507. }
  508.  
  509.  
  510. .fwiendFace:hover{
  511.  
  512. animation: shake 1s;
  513. animation-iteration-count: infinite;
  514.  
  515. }
  516.  
  517. @keyframes shake{
  518. 0% {
  519. transform: translate(1px,1px) rotate(0deg);
  520. }
  521.  
  522. 10% {
  523. transform: translate(-1px,-2px) rotate(-1deg);
  524. }
  525.  
  526. 20% {
  527. transform: translate(-3px,0px) rotate(1deg);
  528. }
  529.  
  530. 30% {
  531. transform: translate(3px,2px) rotate(0deg);
  532. }
  533.  
  534. 40% {
  535. transform: translate(1px,-1px) rotate(1deg);
  536. }
  537.  
  538. 50% {
  539. transform: translate(-1px,2px) rotate(-1deg);
  540. }
  541.  
  542. 60% {
  543. transform: translate(-3px,1px) rotate(0deg);
  544. }
  545.  
  546. 70% {
  547. transform: translate(3px,1px) rotate(-1deg);
  548. }
  549.  
  550. 80% {
  551. transform: translate(-1px,-1px) rotate(1deg);
  552. }
  553.  
  554. 90% {
  555. transform: translate(1px,2px) rotate(0deg);
  556. }
  557.  
  558. 100% {
  559. transform: translate(1px,1px) rotate(0deg);
  560. }
  561. }
  562.  
  563.  
  564. .tableLeft{
  565.  
  566. background: #000;
  567. background-position: center;
  568. background-size: cover;
  569. border: 2px solid #cc0000;
  570.  
  571. }
  572.  
  573.  
  574. .tableRight{
  575.  
  576. background: #000;
  577. border: 2px solid #cc0000;
  578. color: #fff;
  579. text-shadow: #cc0000 0 0 7px;
  580.  
  581. }
  582.  
  583. .blog{
  584.  
  585. background: #000;
  586. border: 2px solid #cc0000;
  587. text-shadow: #cc0000 0 0 7px;
  588.  
  589. }
  590.  
  591. .blogs{
  592.  
  593. text-color: #fff;
  594. text-shadow: #000 0 0 7px;
  595.  
  596. }
  597.  
  598.  
  599. .blogCard{
  600.  
  601. position: relative;
  602. top: 10px;
  603.  
  604. }
  605.  
  606. .blogTitle{
  607.  
  608. font-size: 0;
  609.  
  610. }
  611.  
  612.  
  613. div.url.box::after{
  614.  
  615. font-size: 0px;
  616. background-image: url("https://i.pinimg.com/originals/0d/e7/ca/0de7ca6d06375821ed99b7abcc54d4f4.png");
  617. background-size: 300px;
  618. background-repeat: no-repeat;
  619. position: relative;
  620. left: 0;
  621. bottom: 0;
  622. background-color: transparent;
  623. height: 375px;
  624. width: 360px;
  625. border: none;
  626. box-shadow: none;
  627. padding: 0;
  628. z-index: 1000;
  629. animation: keyboard-focusable;
  630. visibility: visible;
  631.  
  632. }
  633.  
  634.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement