cold_tortelloni

cold_tortelloni css 10/19/2020

Oct 19th, 2020
94
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.68 KB | None | 0 0
  1. #name{
  2. animation-duration:2.0s;
  3. animation-iteration-count:infinite;
  4. animation-name:flashy;
  5. font-family:Century Gothic;
  6. font-size:25px;
  7. margin:0;
  8. padding-bottom:15px;
  9. padding-left:5px;
  10. }
  11.  
  12. @keyframes flashy{
  13. 0%{
  14. color:#060202;
  15. }
  16.  
  17. 30%{
  18. color:#d53939;
  19. }
  20.  
  21. 65%{
  22. color:#060202;
  23. }
  24.  
  25. 100%{
  26. color:#ff0000;
  27. }
  28. }
  29.  
  30.  
  31. #name::after{
  32. content:" (Kikyou)";
  33. }
  34.  
  35. .blog {
  36. background-image:url(https://66.media.tumblr.com/8ffe3dcaaf4b7295439cca700d6725ef/aeabae61fde58cc0-a8/s640x960/057ef141e7bbc61b7f68ecdef9de376fd5bae29d.jpg);
  37. border: 1px solid #000;
  38. border-radius: 2px;
  39. }
  40. .blogs{
  41. text-shadow:#000 0 0 7px;
  42. }
  43. div#hSub a {
  44. letter-spacing: 0px;
  45. }
  46.  
  47. .fwiendFace img{
  48. background-position:center;
  49. border-radius:50%;
  50. display:absolute;
  51. height:100px;
  52. object-fit:cover;
  53. Width:100px;
  54. }
  55.  
  56. .fwiendFace:hover{
  57. animation:shake 1s;
  58. animation-iteration-count:infinite;
  59. }
  60.  
  61. @keyframes shake{
  62. 0% {
  63. transform:translate(1px,1px) rotate(0deg);
  64. }
  65.  
  66. 10% {
  67. transform:translate(-1px,-2px) rotate(-1deg);
  68. }
  69.  
  70. 20% {
  71. transform:translate(-3px,0px) rotate(1deg);
  72. }
  73.  
  74. 30% {
  75. transform:translate(3px,2px) rotate(0deg);
  76. }
  77.  
  78. 40% {
  79. transform:translate(1px,-1px) rotate(1deg);
  80. }
  81.  
  82. 50% {
  83. transform:translate(-1px,2px) rotate(-1deg);
  84. }
  85.  
  86. 60% {
  87. transform:translate(-3px,1px) rotate(0deg);
  88. }
  89.  
  90. 70% {
  91. transform:translate(3px,1px) rotate(-1deg);
  92. }
  93.  
  94. 80% {
  95. transform:translate(-1px,-1px) rotate(1deg);
  96. }
  97.  
  98. 90% {
  99. transform:translate(1px,2px) rotate(0deg);
  100. }
  101.  
  102. 100% {
  103. transform:translate(1px,1px) rotate(0deg);
  104.  
  105. }
  106.  
  107. }
  108.  
  109. .logo{
  110. Font-size:0;
  111.  
  112. }
  113. .logo::after{
  114. color:#fff;
  115. Content: “RAISED IN THE PAST-- I DONT WANNA BE HERE ANYMORE”;
  116. font-size:15px;
  117. font-weight:800;
  118.  
  119. }
  120. #header a:not(.logo) {
  121. margin-left: 10px;
  122. color: white;
  123. text-decoration: none;
  124. font-family: Century Gothic;
  125. }
  126. #imgPreview img {
  127. width: auto;
  128. height: auto;
  129. max-height: calc(100% - 10px );
  130. max-width: 100%;
  131. position: absolute;
  132. top: 0;
  133. bottom: 0;
  134. left: 0;
  135. right: 0;
  136. margin: auto;
  137. border: 0px solid #fff;
  138. cursor: zoom-out;
  139. background: url(https://i.gifer.com/snh.gif);
  140. background-size: cover;
  141. border: 1px solid black;
  142. border-radius: 2px;
  143. box-shadow: 0 0 84px #FFF;
  144. }
  145.  
  146. .extended{
  147. color:#000;
  148. font-size:10px;
  149. text-shadow:0 0 3px #000;
  150. text-shadow:#fff 0 0 7px;
  151. }
  152.  
  153. .extended::after{
  154. background-color:#fb4d4d;
  155. background-position:center;
  156. background-size:cover;
  157. border:2px solid #000;
  158. border-radius:25px;
  159. bottom:0;
  160. box-sizing:border-box;
  161. color:#fff;
  162. content:"I'm just playing games! I know that's plastic love~";
  163. display:block;
  164. font-family:Century Gothic;
  165. font-size:15px;
  166. font-weight:700;
  167. left:0;
  168. text-align:center;
  169. text-shadow:#fff 0 0 7px;
  170. top:0;
  171. width:100%;
  172. }
  173. .fwiendFace img, .tableLeft img {
  174. -webkit-transition: 0.5s;
  175. }
  176. .topLeft{
  177.  
  178. background-image:url(https://cdn.shopify.com/s/files/1/0342/0081/products/BestSheRa_DVD_SS1_l_large.jpg?v=1411820134);
  179. background-position:center;
  180. background-size:cover;
  181. border:2px solid #000;
  182. border-radius:25px;
  183. box-sizing:border-box;
  184. color:#fff;
  185. overflow:auto;
  186. padding:1px;
  187. position:-23px;
  188. text-shadow:0 0 4px white;
  189. top:60px;
  190.  
  191. }
  192. .blurbs.box > .rightHead > b > span.uName::after {
  193. content: "RAISED IN THE PAST-- I DONT WANNA BE HERE ANYMORE";
  194. color: #000;
  195. font-size: large;
  196. font-family: Century Gothic;
  197. }
  198. .blurbs.box > .rightHead > b {
  199. font-size: 0px;
  200. }
  201. .blurbs.box > .rightHead > b > span.uName {
  202. font-size: 0px;
  203. color: #d2738a;
  204. }
  205. .player.box {
  206. display: none;
  207.  
  208. }
  209. .topRight > .extended.box > h3 {
  210. font-size: 0;
  211. }
  212. .boxHead {
  213. display: none;
  214. text-indent: -9999px;
  215. }
  216. h4 {
  217. display: none;
  218. }
  219. .fwiendFace b {
  220. display: none;
  221. }
  222. #avatar.avatar {
  223. width:200px;
  224. height:320px;
  225. object-position: -23px;
  226. }
  227.  
  228. #gender{
  229. position:relative;
  230. visibility:visible;
  231.  
  232. }
  233.  
  234. #age{
  235. position:relative;
  236. visibility:visible;
  237. }
  238.  
  239. #country{
  240. position:relative;
  241. visibility:hidden;
  242. }
  243.  
  244. #country::after{
  245. Content:"in hell";
  246. font-size:15px;
  247. left:0;
  248. position:absolute;
  249. top:0;
  250. visibility:visible;
  251. }
  252.  
  253. #online{
  254. margin-top:0;
  255. padding:1px;
  256. position:relative;
  257. visibility:visible;
  258. }
  259.  
  260. }
  261. .shortRight {
  262. display: none;
  263. }
  264. div#hSub a {
  265. font-family: Century Gothic;
  266. }
  267. .fwiendFace img, .tableLeft img {
  268. -webkit-transition: 0.5s;
  269. }
  270. input, button {
  271. background-color: white;
  272. color: black;
  273. border: 1px solid black;
  274. font-family: Century Gothic;
  275. border-radius: 2px;
  276. }
  277. input, .fwiendFace b, .tableLeft b, .tableLeft img, #avatar.avatar, .fwiendFace img, .logo, div#hSub a, button, #add.boxButton, #sMsg.boxButton, #imgPreview img, #header a:not(.logo), #imgPreview {
  278.  
  279. }
  280. html {
  281.  
  282. }
  283. .fwiendFace img, .tableLeft img {
  284. width: 100px;
  285. height: 100px;
  286. object-fit: cover;
  287. object-position: top;
  288. border-radius: 100px;
  289. }
  290. @keyframes wiredB {
  291. 50% {
  292. box-shadow: 0 0 2rem #d2738a;
  293. }
  294. }
  295. #container {
  296. background: transparent;
  297. border: 0px double #d2738a;
  298.  
  299. }
  300. body {
  301. font-family: "Century Gothic";
  302. }
  303.  
  304.  
  305. body::after {
  306. content: "POLICEMEN SWEAR TO GOD: LOVES SEEPING FROM THEIR GUNS";
  307. display: block;
  308. position: fixed;
  309. top: 0;
  310. width: calc(100% + 32px);
  311. height: calc(100% + 32px);
  312. background-image: url("");
  313. background-position: 0 0;
  314. background-repeat: repeat;
  315. z-index: 10000000;
  316. pointer-events: none;
  317. opacity: 0.85;
  318.  
  319.  
  320. }
  321. body{
  322. background-attachment:fixed;
  323. background-image:url(https://vignette.wikia.nocookie.net/jem/images/9/9a/Jem_pin_adv.jpg/revision/latest?cb=20151110082649);
  324. background-position:center;
  325. background-size:cover;
  326. color:#fff;
  327. font-family:Tahoma,Geneva,sans-serif;
  328. font-weight:500;
  329.  
  330. }
  331. .tableLeft {
  332. background: transparent;
  333. width: 23%;
  334. padding: 10px;
  335. vertical-align: top;
  336. overflow: hidden;
  337. }
  338. .tableRight {
  339. width: 50%;
  340. background: #f8aaaa;
  341. padding: 46px;
  342. vertical-align: middle;
  343. overflow-wrap: anywhere;
  344. border: 1px solid black;
  345. border-radius: 2px;
  346. }
  347. div {
  348. color: #000;
  349. }
  350. .rightHead {
  351. background: #f8aaaa;
  352. color: white;
  353. padding-left: 4px;
  354. border: 1px solid black;
  355. border-radius: 2px;
  356. }
  357. h4 {
  358. margin-bottom: 0px;
  359. }
  360. .boxButton {
  361. display: inline-block;
  362. width: calc( 49% - 60px );
  363. padding-left: 30px;
  364. height: 24px;
  365. color: #d2738a;
  366. padding-top: 7px;
  367.  
  368. }
  369. .boxHead {
  370. background: #0000;
  371. color: #d2738a;
  372. padding: 3px;
  373. padding-bottom: 4px;
  374. padding-left: 6px;
  375. }
  376. .extended {
  377. border: 1px solid black;
  378. margin-top: 20px;
  379. border-radius: 2px;
  380. }
  381. .blurbs, #box, #header, #hSub{
  382. border: 0px solid #d2738a;
  383. padding: 0px;
  384. margin-bottom: 10px;
  385. }
  386. .fwiendCount {
  387. color: White;
  388. }
  389.  
  390. #hSub a {
  391. color: #0000ff;
  392. text-decoration: none;
  393. }
  394. #header {
  395. padding: 45px;
  396. background: #fff url(https://66.media.tumblr.com/d0e6162cded201fc46f4fa0d7bbc3848/fbf38e6df2cb910b-cc/s640x960/952c840efa31189a543395668fae1c958fa09b45.jpg)!important;
  397. border-bottom: 1px solid #000 !important;
  398. }
  399. div#hSub {
  400. background: #f8aaaa;
  401. text-align:center;
  402. }
  403.  
  404. .fwiendFace img, .tableLeft img {
  405. border: 1px solid black;
  406. }
  407.  
  408. .boxInfo {
  409. border: 0px solid #000;
  410. margin-bottom: 20px;
  411. margin-top: 20px;
  412. text-align: center;
  413. }
  414.  
  415. #hSub {
  416. all: unset;
  417. font-family:Century Gothic;
  418. margin: 0px;
  419. position: absolute;
  420. left: 0;
  421. top: 33px;
  422. width: calc(100% - 15px );
  423. color: #000;
  424. height: 20px;
  425. z-index: 300;
  426. }
  427.  
  428. /* Start http://www.cursors-4u.com */ * {cursor: url(https://cur.cursors-4u.net/toons/images5/too461.gif), auto !important;} /* End http://www.cursors-4u.com */
  429.  
  430. span#hUp::before {
  431. content: "わたあめ!!";
  432. animation: koalarainbows 0.5s infinite !important;
  433. color: salmon;
  434. font-size: 20px;
  435. }
  436. @keyframes koalarainbows{
  437. 0%{color: salmon;}
  438. 11%{color: orange;}
  439. 22%{color: yellow;}
  440. 33%{color: lightgreen;}
  441. 44%{color: cyan;}
  442. 55%{color: deepskyblue;}
  443. 66%{color: mediumslateblue;}
  444. 77%{color: violet;}
  445. 88%{color: hotpink;}
  446. 100%{color: salmon;}
  447. }
  448.  
  449. .topLeft {
  450. float: right;
  451. width: calc( 40% - 20px );
  452. padding: 10px;
  453. }
  454.  
Add Comment
Please, Sign In to add comment