<style> .online { visibility: hidden; } .online img { content: url("https://64.media.tumblr.com/b8fc75e9138e37bfb64a26a7fa5986d0/2876fd94cc96fa58-6d/s75x75_c1/906bfaf54646edadab980865f05d588e416b50ea.gifv"); animation-name: none; visibility: visible; height: 20px; width: 20px; </style> <style> body { background: url("https://64.media.tumblr.com/e50018944f93ddc93783489a47653fff/tumblr_nspfvo8j4I1sgurego1_540.gif"); background-size: 2000px; background-attachment:no-repeat; </style> <style> .profile-pic { background: #fff; padding: 5px 5px 196px; box-shadow: 3px 3px 10px silver; </style> <style> main { background-color: #121212; color: #121212; </style> <style> .profile .friends .comments-table td { background-color: #ffffff; } </style> <style> p { color: white; } </style> <style> @import url("https://fonts.googleapis.com/css?family=Creepster"); .w-40 h1{ font-family: Creepster; font-size: 40px; text-align: center; background: -webkit-linear-gradient(#ffffff, #ffffff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } </style> <style> .profile .contact .heading, .profile .table-section .heading, .home-actions .heading { background-color: #444; color: #bbb; </style> <style> :root { --logo-blue: #1c1c1c; </style> <style> .profile .contact, .profile .url-info, .profile .table-section, .home-actions { border: none; </style> <style> * a { color:#f0f0f0 !important; } a * { color:#f0f0f0 !important; } ? If not, to change just those links specifically, try this: div.contact a { color:#f0f0f0;} </style> <style> .blurbs .inner .section:first-of-type h4{ font-size:0; } .blurbs .inner .section:first-of-type h4:after{ content:"About Me:"; font-size:.8rem; } .blurbs .inner .section:last-of-type h4{ font-size:0; } .blurbs .inner .section:last-of-type h4:after{ content:"Who I'd Like To Meet:"; font-size:.8rem; } </style> <style> .profile .blurbs .heading, .profile .friends .heading { background-color: #050505; color: #f5f5f5; } </style> <style> .profile .table-section .details-table td { background-color: #1a1a1a; color: #1a1a1a; } </style> <style> .logo{content:url("); animation-name: none; visibility: visible; height: 20px; width: 20px; } </style> <style> .blurbs .heading{ font-size:0; } .blurbs .heading:before{ content: "đŠč đđđ„đđšđŠđ đđš đđĄđ đđšđ«đđđ± đđ„đźđ ~"; font-size:.8rem; font-weight:bold; color:insert color; } </style> <style> --darker-blue: #7d2020; </style> <style> --lightest-blue: #7d2020; </style> <style> --lighter-blue: #7d2020; </style> <style> --even-lighter-blue: #7d2020; </style> <style> nav .links { background-image:url(https://i.pinimg.com/564x/b8/6d/5c/b86d5c425d2cfc7f04d22f39fe10bad0.jpg); padding: 3.5px 16px 5.5px 16px; } </style> <style> nav .links a{ color: #4f4f4f; } </style> <style> li.active .icon { content:url('https://gifcity.carrd.co/assets/images/gallery92/e9c997f9.gif?v=26dffab5'); width: 20PX;height: 20px;} </style> <style> img.logo{ content: url("https://gifcity.carrd.co/assets/images/gallery10/aa81d95b.gif?v=26dffab5"); width: 40px !important; height: 40px !important; </style> <style> .contact .inner a img { font-size: 0; } .contact .inner a img:before { font-size: 1em; display: block } .contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before { *add to friends* content: url("https://gifcity.carrd.co/assets/images/gallery92/60b334b8.gif?v=26dffab5") } .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before { *add to favorites* content: url("https://gifcity.carrd.co/assets/images/gallery92/27aa4253.png?v=26dffab5") } .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before { *send message* content: url("https://gifcity.carrd.co/assets/images/gallery92/e7af8c6b.gif?v=26dffab5") } .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before { *forward to friend* content: url("https://gifcity.carrd.co/assets/images/gallery92/d7a03eb6.gif?v=26dffab5") } .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before { *instant message* content: url("https://gifcity.carrd.co/assets/images/gallery10/85c18b66.gif?v=26dffab5") } .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before { *block user* content: url("https://gifcity.carrd.co/assets/images/gallery92/60b334b8.gif?v=26dffab5") } .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before { *add to group* content: url("https://gifcity.carrd.co/assets/images/gallery92/a3c39389.png?v=26dffab5") } .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before { *report user* content: url("https://gifcity.carrd.co/assets/images/gallery92/f94e6961.gif?v=26dffab5") } </style> <style>main:before { width: 100%; height: 150px ; display: block; content: ""; background-image: url('https://64.media.tumblr.com/5ce6eb03f09ed2e74823663728192182/9bc07afd2e4604e8-b8/s540x810/81932368e7d14229eac3b0552793b9ac7fbe1bfc.jpg'); background-position: center center; background-size: cover; } @media only screen and (max-width: 600px) { main:before{ height: 150px; } }</style> <style> .profile-pic img,.friends-grid img,.comments-table img{border-radius:5px;} </style> <style>* {cursor: url(https://gifcity.carrd.co/assets/images/gallery10/aa81d95b.gif?v=26dffab5), url(https://gifcity.carrd.co/assets/images/gallery10/aa81d95b.gif?v=26dffab5), auto !important;}</style> <style> @import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@700&family=Roboto:wght@700&display=swap'); p{ font-family: 'Josefin Sans', sans-serif; text-transform:lowercase !important; color:#ffedf9; } <style> footer { border-radius: 15px; background-image: url(https://i.pinimg.com/736x/1e/d9/8e/1ed98e5a5698a153c46b617b6e1f11b1.jpg); color: black; } </style> <style> body:before { content: " "; height: 100vh; width: 100vw; display: block; position: fixed; top: 0; left: 0; z-index: 100; background-image: url('https://s6.ezgif.com/tmp/ezgif-6-b1665aeafb.gif'); background-size: cover; background-repeat: no-repeat; background-position:center; animation: yourAnimation 1s ease 1s 1 normal forwards; pointer-events: none;} @keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } </style> <style> <div style="float: ; max-height: 400px; position: fixed; left: 1px; bottom: 9px; z-index: 200;"> <style> <img src="https://64.media.tumblr.com/da0a2e73793f9b0b3673fc2aefda8e02/d7da8c3f0d487409-20/s500x750/7d46ef6d3ecb28d8425bd8f9aec51bbf7997c0b7.pnj" width="250" height="250"/> </style> <style> .profile .friends .person img:not(.icon):hover { transform: scale(1.2); transition: 0.5s ease; } .profile .friends .person img:not(.icon) { transition: 0.5s ease } </style> <style> .general-about .profile-pic:not(.icon):hover { transform: scale(1.2);rotate(-3deg); transition: 0.5s ease; } </style>
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter