Jellyfish mania

Tags: jellyfish, techy, gifs, green

Description:

for you and me both lets pray this shit works. Get this swaggy jellyfish layout bae. urls should be changeable?? if it breaks, idk what to tell you but yikes. if you don't like the background repeating just do: " background-size: cover; " in the body section and then cross ur fingers.

Preview:

Code:

<!-- (c) Layout created by sleepyjelly (https://layouts.spacehey.com/layout?id=28078) --> Jellyfish <style> @import url('https://fonts.googleapis.com/css2?family=Exo:wght@100&display=swap'); p{ font-family: 'Exo', sans-serif; font-size:150%; color:#2AEA6A; } h1 , h2 , h3 , h4 , h5{ font-family: 'Exo', sans-serif; font-size:200%; color:#1BF405; } .profile-info { display: block; align-items: center; justify-content: center; margin-bottom: 10px; } .profile .url-info { background-color:#0f2827; border-radius: 25px 25px 25px 25px; } body { background: url(https://basil2011.files.wordpress.com/2016/02/jellyfish.gif?w=268&zoom=2); } main { background: rgba(15, 40, 39, .9) !important; border-radius: 0 0 15px 25px; } .inner { color: #cf3878de !important; background: #0f2827; border: 3px inset #1BA30D; box-shadow: 5px 8px rgba(29, 71, 69, .5) !important; background-size: cover; } .profile .blurbs .heading, .profile .friends .heading { border: 3px #1BA30D inset; } .profile .contact .heading, .profile .table-section .heading, .home-actions .heading { border: 3px #1BA30D inset; } footer{ border-radius: 15px 25px 15px 25px; background: black; font-size: 100%; color: #2AEA6A; } :root { --logo-blue: #0f2827; --darker-blue:#65DA59; --lighter-blue:#D2FDCD ; --even-lighter-blue: #0f2827; --lightest-blue: #C8FDC3 ; --dark-orange:#EFFFED; --light-orange: #D2FDCD ; --even-lighter-orange:black; --green:pink; } .online{ content: url(https://pixels.crd.co/assets/images/gallery11/5c4dda74.gif?v=98a10279); } .icon, .award img { display: none; } .contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before { content: url(https://pixels.crd.co/assets/images/gallery02/87071ac1.gif?v=98a10279); } .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before { content: url(https://pixels.crd.co/assets/images/gallery27/cbbf6424.gif?v=98a10279); } .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before { content: url(https://pixels.crd.co/assets/images/gallery27/01047499.gif?v=98a10279); } .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before { content: url(https://pixels.crd.co/assets/images/gallery33/a7c53c09.gif?v=98a10279); } .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before { content: url(https://pixels.crd.co/assets/images/gallery05/65f7fa86.gif?v=98a10279); } .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before { content: url(https://pixels.crd.co/assets/images/gallery67/d94bc476.gif?v=98a10279); } .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before { content: url(https://pixels.crd.co/assets/images/gallery33/c4a53200.gif?v=98a10279); } .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before { content: url(https://pixels.crd.co/assets/images/gallery27/d19c7043.gif?v=e29526ca); } nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after { content: url(https://pixels.crd.co/assets/images/gallery37/56746fd2.gif?v=e29526ca); } main:before { width: auto; margin-bottom: 25px; border: 3px solid black; height: 300px; display: block; content: ""; background-image: url(https://i.imgur.com/DQXf6Ay.gif); background-position: center center; background-size: cover; } </style> <p> <img src="https://64.media.tumblr.com/30bf577e940e946ee4a363ee89ea0a15/77e8cade3e486b3b-5b/s640x960/89e706ad4c4c2bc86fd83ad3b022ed692c5c8c58.gifv" width="200 px"/></p> <style>* {cursor: url(https://cur.cursors-4u.net/others/oth-6/oth512.ani), url(https://cur.cursors-4u.net/others/oth-6/oth512.png), auto !important;}<a href="https://www.cursors-4u.com/cursor/2011/01/13/green-blinking-music-note.html" target="_blank" title="Green Blinking Music Note"><img src="https://cur.cursors-4u.net/cursor.png" alt="Green Blinking Music Note" style="position:absolute; top: 0px; right: 0px;"/> </style>

Copy and paste this code into the "About me" section of your Profile to use it.

Caution: This Layout was not inspected by SpaceHey — use it at your own risk.