deep sea / jellyfish

Tags: deep sea, sea, ocean, dark, dark blue, jellyfish, glow

Description:

deep sea / jellyfish themed layout

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by  (https://layouts.spacehey.com/layout?id=38478) -->

<style>
body:before {
	content: " ";
	height: 100vh;
	width: 100vw;
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	background-image: url(' https://i.pinimg.com/originals/fe/4b/c3/fe4bc367c796f800a0897599c2ba2022.gif');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	animation: yourAnimation 3s ease 0s 1 normal forwards;
	pointer-events: none;
}
@keyframes yourAnimation { 0.0% { opacity: 1; } 75% { opacity: 1; } 100% { opacity: 0; } }
nav, footer {
	margin: 1em;
	position: relative;
	box-shadow: 5px 8px 10px #0006;
}
</style>






<style>* {cursor: url(https://cur.cursors-4u.net/smilies/smi-3/smi269.ani), url(https://cur.cursors-4u.net/smilies/smi-3/smi269.gif), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2011/12/25/happy-line-smiley.html" target="_blank" title="Happy Line Smiley"><img src="https://cur.cursors-4u.net/cursor.png" alt="Happy Line Smiley" style="position:absolute; top: 0px; right: 0px;"/></a>


<style>
body {
    font-family: 'Courier Prime';font-size: 22px;
}

body{
   background-image: url(https://i.pinimg.com/originals/98/46/cc/9846cc023e7edf895147ccca1930dcc2.gif) 
!important;
 height: 100%;
   background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

}

<style>
.col, main, footer, nav::before, .online, nav .links, nav .top {
animation: float 4s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}
@keyframes float {
0% {
transform: translate(0, 0px);
}
50% {
transform: translate(0, 8px);
}
100% {
transform: translate(0, -0px);
}

</style>

<style>
.col, main, footer, nav::before, .online, nav .links, nav .top {
animation: float 4s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}

h1
{
	color: 
h1
{         color: turquoise; 
	//text-shadow: 1px 1px #0a075e;
};
	text-shadow: 2px 2px 3px  #0a075e, 0 0 25px #ad99ff, 0 0 5px black;
}
main {
  background: rgba(46, 30, 86, 0.45);
  color: white;
}
.count {
  color: #66ffcc
}
.blurbs .inner{
  text-align: center !important;
}
:root {
  --logo-blue: transparent;
  --darker-blue: #918fb3;
  --lighter-blue: transparent;
  --even-lighter-blue: rgba(46, 30, 86, 0.45);
  --lightest-blue: rgba(46, 30, 86, 0.45);
  --dark-orange:#918fb3;
  --light-orange: rgba(46, 30, 86, 0.45);
  --even-lighter-orange: rgba(46, 30, 86, 0.45);
  --green: transparent;
  --table-header:white;
  --table-color: white;
  --link-text: white;
  --main-text: white;
}



a:hover{
        color: #66ffcc !important;
}





<style>

	.online { visibility: hidden; } .online img { content: url("https://dl.glitter-graphics.com/pub/582/582037aec8jik8c3.gif"); animation-name: none; visibility: visible; height: 60px; width: 90px; }

</style>



<style>
.profile-info {
border-color #180833
}
.profile-info .inner {
border: none;</style>
<style>
.profile-pic img{
 clip-path: polygon(50% 0%, 67% 29%, 98% 35%, 75% 58%, 79% 91%, 50% 75%, 21% 91%, 25% 58%, 2% 35%, 33% 29%)
}


overflow: hidden;
}
.profile .friends .person img {
border-radius: 500px;
}
</style>
<style>
.details:after {
content: "deep sea <3";
}
</style>
<style>
footer{background:none !important; line-height:0px !important;}
footer ul li a {color: #000000 !important;}
}
</style>
<style>.contact .inner a img {
       font-size: 0;
   }
   .contact .inner a img:before {
       font-size: 0em;
    display: block
   }
   .contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
   	/* Add to Friends */
	content:url("https://dl.glitter-graphics.com/pub/2917/2917278nslowugdz4.gif")
   }
   .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
   	/* Add to Favorites */
	content:url("https://dl.glitter-graphics.com/pub/2919/2919523bknd51zmdj.gif")
   }
   .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* Send Message */
	content:url("https://dl.glitter-graphics.com/pub/2917/2917278nslowugdz4.gif")
   }
   .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* Forward to Friend */
	content:url("https://dl.glitter-graphics.com/pub/2919/2919523bknd51zmdj.gif")
   }
   .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	/* Instant Message */
	content: url("https://dl.glitter-graphics.com/pub/2917/2917278nslowugdz4.gif")
   }
   .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	/* Block User */
	content:url("https://dl.glitter-graphics.com/pub/2919/2919523bknd51zmdj.gif")
   }
   .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	/* Add to Group */
	content:url("https://dl.glitter-graphics.com/pub/2917/2917278nslowugdz4.gif")
   }
   .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* Report Profile */
	content:url("https://dl.glitter-graphics.com/pub/2919/2919523bknd51zmdj.gif")
   }
</style>


<style>html:before {
  animation: grain 10s steps(8) infinite;
  background-image: url(https://media.discordapp.net/attachments/1138238855460442143/1141087460152053920/output-onlinegiftools.gif);
  content: "";
  height: 300%;
  left: -50%;
  opacity:.1;
  position: fixed;
  top: -110%;
  width: 300%;
  pointer-events:none;
     

}
@keyframes grain
  100% { transform:translate(0%, 15%) }
}</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.

Comments

Displaying 14 of 14 comments ( View all | Add Comment )

Zero	1709702227 Usinggg!!!! Report Comment
ray☆	1705402830 using! Report Comment
CallmeGAL࿐໋₊ ☆	1702518476 Using¡¡!! Report Comment
sinister >_<	1701099088 using ;P Report Comment
𝗍𝖺𝗏𝗋𝗒𝗇 ★🍉	1696375764 using!! Report Comment
darcy/kieran ⛧	1694987569 using Report Comment
Klept0man1acr0w	1694257489 gonna use, might edit a little Report Comment
skye	1693433163 very cute definitely using !! Report Comment
FЯ3ak⋆0n⋆a⋆L3ash	1692843943 USINGG Report Comment
Vyn.	1692736522 using :3 Report Comment
Kandi monsta!!🍉	1692694462 Using!! Report Comment
floppydisk	1692177395 using :3 Report Comment
SadPisces	1692130136 tysm that u did my request! turned out great imma use it Report Comment
Bea‹𝟹	1692127725 eats it the background works great !!:3 Report Comment