whimiscal rainbow :3

Tags: cute, rainbow, cutecore, kawaii, pink, y2k, scene, gifs, 2000s, xxjaydem0nxx

Description:

i am actually in luv with this one !!! my coding has improved a lot since the last time i made a layout by scratch so i hope u enjoy this <3 as always credit isnt required but it is appreciated !!! please comment if u use ^_^

Preview:

click on the image for a larger preview

Code:

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

<style>
body {
  background-image: url(https://i.pinimg.com/originals/f3/f0/4a/f3f04abb815960f8bdfd8675edcc1fb5.gif);
  background-attachment: fixed ;
  background-repeat: repeat;
  background-size: 100%;
  background-position: center;
  background-color: transparent!important;
}
main {
   margin-left: -10px;
   margin-right: -10px;
   margin-top: 0px;
}
/* this is the spacehey logo */
nav img.logo {
}
/* this is the online img*/
.online {content:url('http://dl5.glitter-graphics.net/pub/745/745455rvacxjsot2.gif'); background-repeat: no-repeat; background-position: -15% 75%; z-index: 2; 
}
/* this is color of all the text and links */

a, .profile .friends .person p, p, h2, h3, h4, .count {
  color: rgb(255,255,255)!important;
}
h1{
   border: 4px solid rgb(255,255,255)!important;
   border-radius: 15px;
   padding: 5px;
   background-color: rgb(255,255,255,0.4)!important;
   color: rgb(255,255,255)!important;
   text-shadow: -2px 2px 3px black!important;
   box-shadow: 0px 0px 10px black!important;
   text-align: center;
}

h4 {
background: -webkit-linear-gradient(1deg, #fe5bc2, #fc287f, #ffa65c, #fff600, #98eb00, #3ac5ff, #b56ded);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
   text-shadow: none!important;
}
/* this is where you edit the search button and the Delete and Reply button */
button{
background: -webkit-linear-gradient(1deg, #fe5bc2, #fc287f, #ffa65c, #fff600, #98eb00, #3ac5ff, #b56ded);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
   text-shadow: none!important;
  font-weight: bold;
  border: none!important;
}
top .button {
  background-color: transparent!important;
  color: rgb(255,255,255)!important;
  text-shadow: -2px 2px 3px black!important; 
}
.general-about {
  border: 4px solid rgb(255,255,255)!important;
   border-radius: 15px;
  background-color: rgb(255,255,255,0.4)!important;
  color: rgb(255,255,255)!important;
  text-shadow: -2px 2px 3px black!important;
  padding: 12px;
  box-shadow: 0px 0px 10px black!important;
}
.mood {
   background-color: rgb(255,255,255,0.4)!important;
   border: 4px solid rgb(255,255,255)!important;
   border-radius: 15px;
  padding: 3px;
  margin-bottom: 10px;
  margin-top: 10px;
  color: rgb(255, 255, 255)!important;
  text-shadow: -2px 2px 3px black!important;
  box-shadow: 0px 0px 10px black!important;
}

.mood a{
background: -webkit-linear-gradient(1deg, #fe5bc2, #fc287f, #ffa65c, #fff600, #98eb00, #3ac5ff, #b56ded);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
   text-shadow: none!important;
}
.url-info, .table-section, .blog-preview, .blurbs, .friends, .profile-info {
  border: 4px solid rgb(255,255,255)!important;
   border-radius: 15px;
  background-color: rgb(255,255,255,0.4)!important;
  color: rgb(255,255,255)!important;
  text-shadow: -2px 2px 3px black!important;
   box-shadow: 0px 0px 10px black!important;
}
.blog-preview h4 a {
   color: rgb(255,255,255)!important;
}
.contact {
  border: 4px solid rgb(255,255,255)!important;
   border-radius: 15px;
  background-color: rgb(255,255,255,0.4)!important;
  color: rgb(255,255,255)!important;
  text-shadow: -2px 2px 3px black!important;
   box-shadow: 0px 0px 10px black!important;
}
.contact a {
  color: rgb(255,255,255)!important;
}
.contact .inner a img {
font-size: 0;
}

.contact .inner a img:before {
font-size: 1em;
}

.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
	/* Add to Friends */
	content: url(https://mikejima.crd.co/assets/images/shadow/4a45403b_original.gif?v=16e7e82c);
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	/* Add to Favorites */
	content: url(https://mikejima.crd.co/assets/images/shadow/5fdd6ac9_original.gif?v=16e7e82c);
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* Send Message */
	content: url(https://mikejima.crd.co/assets/images/shadow/471224cd_original.gif?v=16e7e82c);
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* Forward to Friend */
	content: url(https://mikejima.crd.co/assets/images/shadow/44c1293f_original.gif?v=16e7e82c);
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	/* Instant Message */
	content: url(https://mikejima.crd.co/assets/images/shadow/b0eb09ba_original.gif?v=16e7e82c);
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	/* Block User */
	content: url(https://mikejima.crd.co/assets/images/shadow/2f7c48e9_original.gif?v=16e7e82c);
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	/* Add to Group */
	content: url(https://mikejima.crd.co/assets/images/shadow/319ea1cb_original.gif?v=16e7e82c);
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* Report User */
	content: url(https://mikejima.crd.co/assets/images/shadow/23864b09_original.gif?v=16e7e82c);
} 
.comments-table td {
   border: ;
}
.table-section td {
  border: 0px solid black;
}

.table-section:nth-last-child(2) .details-table tr:nth-child(1) td:first-child p { font-size:0; }
.table-section:nth-last-child(2) .details-table tr:nth-child(1) td:first-child p:before { content:"General"; text-shadow: none; font-size: 12px; color: #fc287f;}
    .table-section:nth-last-child(2) .details-table tr:nth-child(2) td:first-child p { font-size:0; }
.table-section:nth-last-child(2) .details-table tr:nth-child(2) td:first-child p:before { content:"Music"; text-shadow: none; font-size: 12px; color: #ffa65c;}
    .table-section:nth-last-child(2) .details-table tr:nth-child(3) td:first-child p { font-size:0; color: black} .table-section:nth-last-child(2) .details-table tr:nth-child(3) td:first-child p:before { content:"Movies"; text-shadow: none; font-size: 12px; color: #fff600;}
    .table-section:nth-last-child(2) .details-table tr:nth-child(4) td:first-child p { font-size:0; color: black} .table-section:nth-last-child(2) .details-table tr:nth-child(4) td:first-child p:before { content:"Television"; text-shadow: none; font-size: 12px; color: #98eb00;}
   .table-section:nth-last-child(2) .details-table tr:nth-child(5) td:first-child p { font-size:0; color: black}.table-section:nth-last-child(2) .details-table tr:nth-child(5) td:first-child p:before { content:"Books"; text-shadow: none; font-size: 12px; color: #3ac5ff;}
   .table-section:nth-last-child(2) .details-table tr:nth-child(6) td:first-child p { font-size:0; color: black}.table-section:nth-last-child(2) .details-table tr:nth-child(6) td:first-child p:before { content:"Heroes"; text-shadow: none; font-size: 12px; color: #b56ded;}

/* line in between comment replies*/
.comment-reply:not(:first-child) {
  border: 4px solid rgb(255,255,255)!important;
   border-radius: 15px;
  background-color: rgb(255,255,255,0.4)!important;
  color: rgb(255,255,255)!important;
  text-shadow: -2px 2px 3px black!important;
   box-shadow: 0px 0px 10px black!important;
}
.comment-replies {
   border: 2px solid rgb(255,255,255)!important;
   border-radius: 15px;
  background-color: rgb(255,255,255,0.4)!important;
  color: rgb(255,255,255)!important;
  text-shadow: -2px 2px 3px black!important;
   box-shadow: 0px 0px 10px black!important;
}

/* these backgrounds are usually transparent */
.search-wrapper input {
  background: linear-gradient(90deg, #fe5bc2, #fc287f, #ffa65c, #fff600, #98eb00, #3ac5ff, #b56ded);
   border: 2px solid rgb(255,255,255)!important;
   border-radius: 15px;
}
nav .top {
   margin-top: 10px;
   margin-bottom: 10px;
   background-color: rgb(255,255,255,0.4)!important;
   color: rgb(255,255,255)!important;
   text-shadow: -2px 2px 3px black!important;
   box-shadow: 0px 0px 10px black!important;
  color: rgb(255, 255, 255)!important;
   border: 4px solid rgb(255,255,255)!important;
   border-radius: 25px;
  font-weight: bold;
  text-align: center;
}

.links {
   margin-top: 8px;
   background-color: rgb(255,255,255,0.4)!important;
   color: rgb(255,255,255)!important;
   text-shadow: -2px 2px 3px black!important;
   box-shadow: 0px 0px 10px black!important;
   color: rgb(255, 255, 255)!important;
   border: 4px solid rgb(255,255,255)!important;
   border-radius: 15px;
   text-align: center;
   font-weight: normal;
}
.links a {
background: -webkit-linear-gradient(1deg, #fe5bc2, #fc287f, #ffa65c, #fff600, #98eb00, #3ac5ff, #b56ded);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
   border-radius: ;
   text-shadow: none!important;
  font-weight: bold;
   margin-top: 8px;
   margin-bottom: 10px;
}
.url-info b {
background: -webkit-linear-gradient(1deg, #fe5bc2, #fc287f, #ffa65c, #fff600, #98eb00, #3ac5ff, #b56ded);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
   text-shadow: none!important;
}
main, footer {
  background-color: transparent!important;
}

.friends:not(#comments) {
  margin-bottom: 10px;
}
.comments-table {
  border: 0px solid rgb(255, 255, 255);
  border-spacing: 5px;
}
.general-about {
   overflow: auto;
}
.profile-pic {
   object-fit: contain;
   overflow: hidden;
   border: none;
   box-shadow: 0px 0px 10px black!important;
}
.profile-info {
  background-image: url(https://cur.glitter-graphics.net/pub/3454/3454674uciqdxp0lf.gif);
  background-position: center;
  background-size: 30%;
  border: none!important;
  height: 97px;
}
.heading {
  background-color: transparent!important;

}
.friends-grid a {
   color: rgb(255,255,255)!important;
}
td {
  background-color: transparent!important;
  border: none!important;
}

</style>
<style>* {cursor: url(https://cur.cursors-4u.net/symbols/sym-2/sym189.ani), url(https://cur.cursors-4u.net/symbols/sym-2/sym189.png), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2008/11/08/shiny-star.html" target="_blank" title="Shiny Star"><img src="https://cur.cursors-4u.net/cursor.png" alt="Shiny Star" style="position:absolute; top: 0px; right: 0px;"/></a>

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 20 of 348 comments ( View all | Add Comment )

Dilan the vampire	1752257418 usage Report Comment
ILOVEYAPPING01	1751962408 using!! Report Comment
lola!!	1751896760 Using! Report Comment
x_reincloud_x	1751210196 Using! Report Comment
o((>ω< ))o	1750962259 Using!!:3 Report Comment
BAKUDEKUSLIME🗣️🗣️❗️❗️	1750883134 Using! Report Comment
Gl00my_girl1	1750867953 Using Report Comment
gorozoha🐹	1750789260 using it^_^ Report Comment
iiisj	1749891602 using Report Comment
Wolf	1749401432 using :3 Report Comment
Spencer!1!1!	1749231942 snatching this up ^^ (using) Report Comment
loveangelmusic	1748805334 using Report Comment
blairblood	1748756211 using!💗 Report Comment
grace ✧.*	1748233567 using!! Report Comment
Meadow's Playhouseᶻ 𝗓 𐰁 .ᐟ	1748224295 usingg Report Comment
anda	1748221285 using Report Comment
Koshwz	1748119912 Usando ! Report Comment
CIEL! (⁠=⁠^⁠･⁠ｪ⁠･⁠^⁠=⁠)	1748068159 Using Report Comment
mandalina.jpg	1747937939 Using Report Comment
Ziv	1747510326 usingggg :3 Report Comment