cold_tortelloni

cold_tortelloni css 8/30/2020

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