pink rainbow layout :3

Tags: pink, cute, rainbow, layout, xxjellyfishxx, silly, kawaii

Description:

no comment or credits needed! this is just a edit of https://layouts.spacehey.com/layout?id=21600 that layout, I made this really random lol (this code is very messy too)

Preview:

click on the image for a larger preview

Code:

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

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

<style>

/* Gen Body Settings */

.container {
  border: 1px solid #ffa9d6; 
}

main {
    color: #f2258f;
}
/* Profile Settings */

.details-table td {
  background-color: white;
  color: #f2258f;
} 

.details-table td p {
  font-size: 11px;
  font-family: 'ms ui gothic';
  color: #f2258f;
} 

.details-table td:first-child {
  background: linear-gradient(#ffa9ea, white 20px);
  text-align: center;
  text-shadow: white 0px 1px 2px;
  width: 30%;
  box-shadow: #ffffffab 0px 1px 2px 2px inset;
  color: black;
  font-family: ms ui gothic;
  font-size: 15px;
  font-weight: normal;
}

.profile .contact .heading h4, .profile .table-section h4 {
  font-weight: normal;
}

.profile .contact, .profile .table-section, .profile .url-info {
    border: 0;
}

.profile .contact .inner, .profile .table-section .inner {
    border: #ffa9d6 1px solid;
    
}

.profile-info {
  border: 0;
  margin: 0;
  padding: 0;
}

.profile-info h3 {
  font-weight: normal;
  font-size: 11px;
  color: grey;
  margin: 0;
}

.profile h1 {
  letter-spacing: 0.3px;
  font-size: 14px;
  margin: 0;
}

.general-about .profile-pic {
 height: 100px;
 border: 1px solid #b01083;
 box-shadow: #a1c2cc 0px 2px 2px;
}

.mood p, .profile .url-info  {
 font-size: 13px;
 font-family: 'MS UI Gothic';
}

.mood b, .profile .url-info b{
  font-weight: normal;
  font-family: verdana;
  font-size: 0.875em;
}

.general-about .profile-pic img {
 height: 100px; 
 width: 100px;
}
/* Link Settings */
.mood a, .inner a, .friends a {
 color: #b01083;
 font-weight: normal;
 font-size: 13px;
 font-family: 'MS UI Gothic';
}

.blog-preview a {
 color: #b01083;
 font-weight: normal;
 font-size: 12px;
 font-family: 'MS UI Gothic';
}

/* Nav Bar */

nav .links {
 background: linear-gradient(#efcdf9 15%, #ffaae6, #f9d0e7); 
 box-shadow: white 0 1px 1px 1px inset;
 padding: 0;
 text-align: center;
}

nav .links a {
  color: #f2258f;
  text-shadow: white 0px 2px 4px;
  padding: 1px
}

nav .links a:hover {
  color: #f2258f;
  background: linear-gradient(white, lavender);
  text-decoration: none;
  padding-top: 0;
}

nav .links li.active a {
  color: #f2258f; 
  font-weight: normal;
}

nav .links li:not(:last-child)::after {
  color: white;
  text-shadow: lightblue 1px 0px 1px;
}

/* Nav Top */

nav .top {
 background: linear-gradient(#e8bdd7 , #f2258f 40%, #e6add8); 
 box-shadow: #fff6 0px 0px 2px 3px inset;
}

/* Blurbs and Headings Settings */

.profile .blurbs .inner, .profile .friends .inner, .profile .contact .heading {
  border: 1px solid #ffa9d6;
  border-bottom: 0;
}

.profile .blurbs .heading, .profile .friends .heading, .profile .contact .heading, .profile .table-section .heading {
  background: linear-gradient(#efcdf9 15%, #ffaae6, #f9d0e7); 
  box-shadow: white 0 1px 1px 1px inset;
  color: #f2258f;
  font-size: 11px;
  font-weight: normal;
  text-shadow: white 0px 2px 5px;
  border: 1px solid #ffa9d6;
  border-bottom: 0;
  border-radius: 2px;
}

.profile .friends .heading h4,  .blurbs .heading h4{
 font-weight: normal; 
}

.profile .blurbs .section h4 {
 color: grey;
 font-weight: normal;
 font-size: 13px;
 font-family: 'ms ui gothic';
}

.profile .blurbs .section {
 font-size: 11px; 
 font-family: 'ms ui gothic';
 color: #f2258f;
}

/* Friends */

.profile .inner b {
 font-size: 11px; 
 font-family: 'ms ui gothic';
 color: #f2258f;
}

.profile .inner span.count {
 color: orange; 
}

.profile .friends .person p {
 font-size: 11px;
 font-family: verdana;
 color: #f2258f;
}

.comments-table td:first-child {
  background: linear-gradient(#ffa9ea, white);
  text-align: center;
  text-shadow: white 0px 1px 2px;
  width: 30%;
  box-shadow: #ffffffab 0px 1px 2px 2px inset;
}
.comments-table img:not(.icon){
    border: 1px solid #f2258f;
    box-shadow: 0px 1px 2px #fff;
}

.comments-table td {
 background-color: white; 
}

button:not(.logout-btn) {
 background: linear-gradient(#efcdf9 15%, #ffaae6, #f9d0e7); 
 box-shadow: white 0 1px 1px 1px inset;
 color: #f2258f;
 font-size: 11px;
 font-weight: normal;
 text-shadow: white 0px 2px 5px;
 border: 1px solid #f2258f;
 border-radius: 2px;
 padding: 2px;
} 

button:not(.logout-btn):hover {
 background: linear-gradient(white, #d6bce0); 
 box-shadow: white 0 1px 1px 1px inset;
 color: #f2258f;
 font-size: 11px;
 font-weight: normal;
 text-shadow: white 0px 2px 5px;
 border: 1px solid #f2258f;
 border-radius: 2px;
 padding: 2px;
} 
</style>

<style>
body{background:url("https://favim.com/pd/p/orig/2018/09/12/gif-aesthetic-pixel-Favim.com-6309766.gif") no-repeat fixed; background-size:cover;}
</style>

<style>
.comments-table {
  border: none;
  border-spacing: 5px;
}
.comments-table td {
  background:url('https://i.pinimg.com/originals/e7/d3/18/e7d318ddc6c51f76a1e00c23ea87f19b.gif');
}
</style>

<style>
    footer {
        border-radius: 0px;
        border: dotted 1px;
        background: url("https://i.pinimg.com/originals/f7/fb/cd/f7fbcd4ca0cf8ffe43d9b7dc1b305ba3.gif")!important;
        display: block !important;</style>


<div style="float:  ; max-height: 300px; position: fixed; right: 1px; bottom: 0px; z-index: 400;">
<img src="http://dl.glitter-graphics.net/pub/250/250121x9f4ez5xgq.gif" height="250"/></div>

<style>
.general-about{
  position: relative;
  margin-top: 30px;
}
.general-about .profile-pic::before{
  content: '';
  background: url('http://dl3.glitter-graphics.net/pub/664/664343slv150mpvq.gif') no-repeat;
  background-size: 70px;
  display: block;
  width: 200px;
  height: 100px;
  z-index: 999;
  position: absolute;
  top: -22px;
  left: 108px;
}
</style>

<style>

.logo {
content:url("https://cdn.discordapp.com/attachments/1111836147530874910/1134738469650976848/Untitled174_20230729004512.png");
}</style>

<div style="float:  ; max-height: 300px; position: fixed; left: 1px; bottom: 0px; z-index: 400;">
<img src="http://dl7.glitter-graphics.net/pub/358/358217ly8rqzabr3.gif" height="220"/></div>

<div style="float:  ; max-height: 300px; position: fixed; right: 1px; top: 0px; z-index: 400;">
<img src="http://dl3.glitter-graphics.net/pub/468/468683x36yzasmxu.gif" height="100"/></div>

<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/58/f3/ae/58f3ae99eb9e6d66bdc54bea8cc92a51.gif');
background-size: cover;
background-repeat: no-repeat;
background-position:center;
animation: yourAnimation 2s ease 0s 1 normal forwards;
pointer-events: none;}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 
</style>

<style>
.online {content:url('http://dl9.glitter-graphics.net/pub/2195/2195749hecuyt3482.gif'); background-repeat: no-repeat; background-position: -15% 75%; z-index: 2; 
}
</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://media.discordapp.net/attachments/1100566960267329586/1181403280522346658/d51re35-40a7e9ea-6cc1-4945-9640-21a8093f3f7c.gif?ex=6580ee8b&is=656e798b&hm=aaad6f64c2a5a0e6816e0eea52ccdc0a0f2f23058bc771cf137d5c78fc6319cd&")
    }
    .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	    /* add to favorites */
	    content: url("https://media.discordapp.net/attachments/1100566960267329586/1181403280522346658/d51re35-40a7e9ea-6cc1-4945-9640-21a8093f3f7c.gif?ex=6580ee8b&is=656e798b&hm=aaad6f64c2a5a0e6816e0eea52ccdc0a0f2f23058bc771cf137d5c78fc6319cd&")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	    /* send Message */
	    content: url("https://media.discordapp.net/attachments/1100566960267329586/1181403280522346658/d51re35-40a7e9ea-6cc1-4945-9640-21a8093f3f7c.gif?ex=6580ee8b&is=656e798b&hm=aaad6f64c2a5a0e6816e0eea52ccdc0a0f2f23058bc771cf137d5c78fc6319cd&")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	    /* forward to friend */
	    content: url("https://media.discordapp.net/attachments/1100566960267329586/1181403280522346658/d51re35-40a7e9ea-6cc1-4945-9640-21a8093f3f7c.gif?ex=6580ee8b&is=656e798b&hm=aaad6f64c2a5a0e6816e0eea52ccdc0a0f2f23058bc771cf137d5c78fc6319cd&8.gifv")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	    /* instant message */
	    content: url("https://media.discordapp.net/attachments/1100566960267329586/1181403280522346658/d51re35-40a7e9ea-6cc1-4945-9640-21a8093f3f7c.gif?ex=6580ee8b&is=656e798b&hm=aaad6f64c2a5a0e6816e0eea52ccdc0a0f2f23058bc771cf137d5c78fc6319cd&b.gifv")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	    /* block user */
	    content: url("https://media.discordapp.net/attachments/1100566960267329586/1181403280522346658/d51re35-40a7e9ea-6cc1-4945-9640-21a8093f3f7c.gif?ex=6580ee8b&is=656e798b&hm=aaad6f64c2a5a0e6816e0eea52ccdc0a0f2f23058bc771cf137d5c78fc6319cd&")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	    /* add to group */
	    content: url("https://media.discordapp.net/attachments/1100566960267329586/1181403280522346658/d51re35-40a7e9ea-6cc1-4945-9640-21a8093f3f7c.gif?ex=6580ee8b&is=656e798b&hm=aaad6f64c2a5a0e6816e0eea52ccdc0a0f2f23058bc771cf137d5c78fc6319cd&")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	    /* report user */
	    content: url("https://media.discordapp.net/attachments/1100566960267329586/1181403280522346658/d51re35-40a7e9ea-6cc1-4945-9640-21a8093f3f7c.gif?ex=6580ee8b&is=656e798b&hm=aaad6f64c2a5a0e6816e0eea52ccdc0a0f2f23058bc771cf137d5c78fc6319cd&")
    } 

<style></style>

<style>
</style>
<style> 
*{cursor: url(https://media.discordapp.net/attachments/1100566960267329586/1181403254458945656/dae0h7e-d5ed28e9-10af-449a-8f8c-4b35ac6de27f.gif?ex=6580ee85&is=656e7985&hm=023db48e68af13ce44a2ddaf82e196c4ee73d759f02b1d8f04e602e406109bd8&), auto;}</style><a href="https://media.discordapp.net/attachments/1100566960267329586/1181403254458945656/dae0h7e-d5ed28e9-10af-449a-8f8c-4b35ac6de27f.gif?ex=6580ee85&is=656e7985&hm=023db48e68af13ce44a2ddaf82e196c4ee73d759f02b1d8f04e602e406109bd8&" target="_blank" title="party bear"><img src="https://media.discordapp.net/attachments/1100566960267329586/1181403254458945656/dae0h7e-d5ed28e9-10af-449a-8f8c-4b35ac6de27f.gif?ex=6580ee85&is=656e7985&hm=023db48e68af13ce44a2ddaf82e196c4ee73d759f02b1d8f04e602e406109bd8&" alt="Jellyfish" style="position:absolute; top: 0px; right: 0px;"/></a>

<style>
@keyframes hoverrainbow {
  from {
    filter: saturate(300%) hue-rotate(0deg);
  }
  to {
    filter: saturate(300%) hue-rotate(360deg);
  }
}

@keyframes shake {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
}

@keyframes hoverEffects {
  from {
    filter: saturate(150%) hue-rotate(0deg);
    transform: translate(1px, 1px) rotate(0deg);
  }
  to {
    filter: saturate(150%) hue-rotate(360deg);
    transform: translate(1px, -2px) rotate(-1deg);
  }
}

main img:hover {
  animation: 1s hoverrainbow, 0.5s shake, 1s hoverEffects;
  animation-iteration-count: infinite;
}
</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 19 of 19 comments ( View all | Add Comment )

Hanko	1758592183 Usingg! Report Comment
haunting girl	1757017039 USING!! Report Comment
slushiebrained	1753262875 using !! ty!! Report Comment
Finch	1747911611 using, thank you Report Comment
belibeli zzz	1746247749 USING 🩷 Report Comment
belibeli zzz	1746247749 USING 🩷 Report Comment
charcoal	1723573510 i love it omg!! Report Comment
Fleechog Var Quonx	1722712136 THX! <3 Report Comment
Luvibug	1710034118 Using! Report Comment
🍭🌈n0stalgialvrr🌈🍭	1706155179 Using!!! Report Comment
sarita	1705886771 using!!!111!1 Report Comment
Beli ✧ :･･ﾟᥫ᭡	1705871222 using, thanks! <3 Report Comment
ChemicalKoshka	1705767865 Using :3333 Report Comment
Sushine_Taro	1705641894 usando :D Report Comment
cosmia	1704115286 usin the “always happy” rainbow <3 Report Comment
MiMi	1702172141 using Report Comment
JeCkA_oF_09~	1702155610 using! Report Comment
Sol	1702151897 using!! >-< Report Comment
b ☆	1701828774 USINGGGGG TYSM Report Comment