Rainbow Star Layout

Tags: rainbow, cute, layout
Description:

Rainbow Layout!! Comment If Using <3 Requests Open :3
Code:

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

<style>

* {cursor: url(https://64.media.tumblr.com/9bcc6d690d7d27c95dace36fb0456500/56a192fbf5597b6c-95/s75x75_c1/dbe6126981aceef780f7d014108ab0ec47a5519a.gifv), url(https://64.media.tumblr.com/9bcc6d690d7d27c95dace36fb0456500/56a192fbf5597b6c-95/s75x75_c1/dbe6126981aceef780f7d014108ab0ec47a5519a.gifv), auto !important;}

/* corner image. hidden on mobile */
.image {
    background: url('https://64.media.tumblr.com/58aab34712b512cf03cff5ad9e9ed9bc/ae0b95218d5e8684-4b/s400x600/c5591825789b8f83434f47cde1cab37231067614.gifv') no-repeat;
    background-size: 100%!important;
    position: fixed;
    right: 0px;
    bottom: 10px;
    height: 390px;
    width: 300px;
    z-index: 1000;
    opacity: 1;
}
@media (max-width: 600px) {
.image{display:none;}
}

main {
         box-shadow: inset 0px 0px 40px lightpink;
         padding: 10px;
}

footer  {
         box-shadow: inset 0px 0px 30px lightpink;
         background-color: white;
}

.count {
         color: thistle;
}
nav .top {
    padding: 15px 10px 14px 10px;
    display: flex;
    height: 83px;
    background-color: white;
    background-image: radial-gradient(slateblue, white); /*delete entire line if you just want solid background add more colors seperate by comma*/
}   

body {
          background-image: url(https://64.media.tumblr.com/02b98fb9e20d2850ef1df5d82cfad39d/14535d9266efeeef-84/s100x200/7a46bd87e45427bfc9460fc2bf3716e5193d7737.gifv);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
}

p {
    color: darkslateblue;
    text-shadow: 0px 0px 4px lightskyblue;
}

/*you can remove the shadow on the pfp if you like c:*/
.profile-pic {
   box-shadow: 0px 0px 8px lightskyblue;
}

.blog-preview, span[itemprop="name"] h1 {
    color: slateblue;
    text-shadow: 0px 0px 4px plum;
}

.profile .friends .person p {
    color: slateblue;
    text-decoration: underline;
}

:root {
    --light-gray: #f2f0f0;
    --gray: #e3e3e3;
    --dark-gray: #919191;
    --darker-gray: #545454;
    --logo-blue: slateblue;
    --darker-blue: rebeccapurple;
    --lighter-blue: lightpink;
    --even-lighter-blue: #ffdbe7;
    --lightest-blue: #ffedf3;
    --red: #FF0000;
    --dark-orange: slateblue;
    --light-orange: lightpink;
    --even-lighter-orange: lavenderblush;
    --strange-yellow: white;
    --green: #34D399;
    --light-green: #E6F8DD;
    --medium-green: #A0C99C;
    --dark-green: #059669;
    accent-color: #1D4ED8;
    accent-color: var(--logo-blue);
}

a:link {
      color: rebeccapurple;
      text-shadow: 0px 0px 4px lightskyblue;
}

.profile .contact .heading h4, .profile .table-section .heading h4, .profile .blurbs .heading h4, .profile .friends .heading h4, .blog-entry .comments .heading h4, .bulletin .comments .heading h4, .home-actions .heading h1, .setting-section .heading h4, .statistics .heading h4 {
      color: slateblue;
}

.profile-info {
border: 2px solid lightpink;
}

.profile-info .inner h3 {
    color: slateblue;
}

.contact .inner {
    padding: 0px 10px 0px 0px;
}

/* CONTACT ICONS*/

.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://64.media.tumblr.com/942e9b13c874ebf4b513ef6ba7f30470/56a192fbf5597b6c-9c/s75x75_c1/bdd253089f4964e703da7fccdd48b4a9d6ec457d.gifv')
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	/* Add to Favorites */
	content: url('https://64.media.tumblr.com/942e9b13c874ebf4b513ef6ba7f30470/56a192fbf5597b6c-9c/s75x75_c1/bdd253089f4964e703da7fccdd48b4a9d6ec457d.gifv')
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* Send Message */
	content: url('https://64.media.tumblr.com/942e9b13c874ebf4b513ef6ba7f30470/56a192fbf5597b6c-9c/s75x75_c1/bdd253089f4964e703da7fccdd48b4a9d6ec457d.gifv')
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* Forward to Friend */
	content: url('https://64.media.tumblr.com/942e9b13c874ebf4b513ef6ba7f30470/56a192fbf5597b6c-9c/s75x75_c1/bdd253089f4964e703da7fccdd48b4a9d6ec457d.gifv')
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	/* Instant Message */
	content: url('https://64.media.tumblr.com/942e9b13c874ebf4b513ef6ba7f30470/56a192fbf5597b6c-9c/s75x75_c1/bdd253089f4964e703da7fccdd48b4a9d6ec457d.gifv')
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	/* Block User */
	content: url('https://64.media.tumblr.com/942e9b13c874ebf4b513ef6ba7f30470/56a192fbf5597b6c-9c/s75x75_c1/bdd253089f4964e703da7fccdd48b4a9d6ec457d.gifv')
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	/* Add to Group */
	content: url('https://64.media.tumblr.com/942e9b13c874ebf4b513ef6ba7f30470/56a192fbf5597b6c-9c/s75x75_c1/bdd253089f4964e703da7fccdd48b4a9d6ec457d.gifv')
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* Report Profile */
	content: url('https://64.media.tumblr.com/942e9b13c874ebf4b513ef6ba7f30470/56a192fbf5597b6c-9c/s75x75_c1/bdd253089f4964e703da7fccdd48b4a9d6ec457d.gifv')
}


</style>



<iframe width="0" height="0" src="https://www.youtube.com/embed/QH2-TGUlwu4?autoplay=1&loop=1&playlist=QH2-TGUlwu4" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy" data-ruffle-polyfilled="">

</iframe>
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 1 of 1 comments ( View all | Add Comment )
｡･:*:･ﾟ★*
1708543888
using!!!!!
Report Comment