<style> body{background:url("https://static.wikia.nocookie.net/life-is-strange/images/a/ac/LIS_-_Victoria-Bedroom.jpg/revision/latest?cb=20150712212736") no-repeat fixed; background-size:cover;} </style> <style> .profile { background:#b7a7aa; border-radius: 15px; } </style> <style> .general-about { background:#948789; border-radius: 30px; </style> <style> .blog-preview { background:#948789; border-radius: 15px; </style> <style> .blurbs { background:#948789; border-radius: 3px; } </style> <style> .contact .inner a img { font-size: 0; } .contact .inner a img:before { font-size: 1em; display: block } </style> <style> main a { color: var(--black); </style> <style> .profile .contact, .profile .table-section, .profile .url-info { border: 5px solid #948789; border-radius: 20px; } </style> <style> .profile .contact .heading, .profile .table-section .heading, .home-actions .heading { background-color:#948789; color: ; border-radius: 10px; </style> <style> .profile .table-section .details-table td { background-color: #948789; color: #5e5657; border-radius: 10px; } </style> <style> .profile .blurbs .heading, .profile .friends .heading { background-color: #948789; color: #fff; border-radius: 60px; </style> <style> @import url("https://robins.one/spacehey/addons/modern-comments.css"); </style> <style> p { color: #5e5657; } </style> <style> .blurbs .section h4{display: none !important;} </style> <style> .blurbs .heading{ font-size:0; } .blurbs .heading:before{ content: "❝Now you're totally stuck in the retro zone.. sad face :(❞"; font-size:.8rem; font-weight:bold; color:insert color; } </style> <style> @import url('https://fonts.googleapis.com/css2?family=Fasthand&family=Patrick+Hand&display=swap'); p{ font-family: 'Patrick Hand', cursive; font-size: 140%; } h1,h2,h3,h4,h5{ font-family: 'Patrick Hand', cursive; font-size: 160%; </style> <style> @import url("https://fonts.googleapis.com/css2?family=Fasthand&family=Oleo+Script:wght@400;700&family=Patrick+Hand&display=swap"); .w-40 h1{ font-family: Oleo Script; font-size: 40px; text-align: center; background: -webkit-linear-gradient(#ffff, #ffff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-text-stroke: 1px white; } </style> <img src="https://i.pinimg.com/564x/1c/44/de/1c44dee19868220819132782ea4dfb5a.jpg"/> <img src="https://i.pinimg.com/564x/c8/ff/e1/c8ffe11c8a99bb3894f6923274c0035e.jpg"/> <style> .online { visibility: hidden; } .online img { content: url("https://xyz.crd.co/assets/images/gallery08/6f775f2c.png?v=4ca63763"); animation-name: none; visibility: visible; height: 30px; width: 30px </style> <style> nav{background-color:#948789;(--box_color_and_seethru); !important;border-radius: 0px 0px var(--curve) var(--curve); !important; border-radius: 15px;} nav ul{background:none !important;} nav img{filter: opacity(80%) !important;} nav ul a img, .mood a img{display:none !important;} .top{background:none !important;background-color:rgba(0, 0, 0, 0.1); !important;} <style> li.active .icon { content:url('https://xyz.crd.co/assets/images/gallery12/f45cb68e.gif?v=4ca63763'); width: 20PX;height: 20px;} </style> <style> .profile-pic { background: #fff; padding: 5px 5px 196px; box-shadow: 3px 3px 10px silver;} </style> <style> main:before { width: 100%; height: 150px; display: block; content: ""; background-image: url('https://64.media.tumblr.com/6f9e0446ee841569d2c4b20542b74e5e/a8177aa47ca07e3c-5f/s540x810/cdd595853101e9027bfd218859e60821687d203b.gif'); background-position: center center; background-size: cover; border-radius: 15px; } @media only screen and (max-width: 600px) { main:before{ height: 200px; } } </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> .profile .friends .person img { border-radius: 500px; } </style> <style> body:before { content: " "; height: 100vh; width: 100vw; display: block; position: fixed; top: 0; left: 0; z-index: 100; background-image: url('https://64.media.tumblr.com/4330af98ddd856c140ef079da0e462a4/tumblr_pfffh4pYjL1un7uhro5_400.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>* {cursor: url(http://www.rw-designer.com/cursor-view/109862.png), url(http://www.rw-designer.com/cursor-view/109862.png), auto !important;}</style> <iframe width="1" height="1" src="https://www.youtube.com/embed/3JPA3z5PmJQ?si=ZIZIrF30D5E9dUUv?&;amp;;autoplay=1&;loop=1" title="Youtube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope;picture-in-picture" allowfullscreen=""></iframe>
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