Simple Rainbow Layout

Tags: rainbow, simple, cute, layout

Description:

First things first, i want to apologize to anyone that wants to edit this layout because it's really badly organized!!!
This has been in the works since February of this year AND IT'S FINALLY DONE

Second, ENJOY! ^_^
feel free to use with or without credit

Preview:

click on the image for a larger preview

Code:

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

<style>
body{
   background-image: linear-gradient(to right, #ed4e71, #edb54e, #64d64d, #4790de, #a959eb);
}

main{
   background-color: rgba(255, 255, 255, 0.5) !important;
    box-shadow: 0 0 10px white;
    color: white;
   border-radius: 15px;
}


.container {
width: 830px !important;
}



.general-about{
        background-color: rgba(166, 187, 237, 0.2);
border-radius: 5px;
}





    .profile h1 {
     font-size: 25px;
    margin: 0 0 10px 0;
    text-align: center;
        animation:blinkingText 1.5s infinite;
text-shadow: 1px 1px 5px white, -1px -1px 5px white !important;
    }

.profile p {
      text-shadow: 1px 1px 2px #52567a; 
    }

.profile-info {
     border-radius: 5px;
     background-image: linear-gradient(to right, #ed4e71, #edb54e, #64d64d, #4790de, #a959eb);
     border: none;
}

.profile-pic {
    animation: floatie 1.4s infinite; 
}

.profile .friends .person img {
    animation: floatie 1.4s infinite; 
}

.profile .contact, .profile .url-info, .profile .table-section, .setting-section, .home-actions {
        border-radius: 5px;
        border-color: white;
        box-shadow: 0px 0px 5px white;
        background-color: rgba(166, 187, 237, 0.2);
	border: 1px solid white;
	text-shadow: 1px 1px 2px #52567a;
}



.profile .blurbs .inner .section {
        border-radius: 5px;
        border-color: #e9eaf2;
        border: 1px solid #e9eaf2;
        text-shadow: 1px 1px 2px #52567a;
	padding: 5px;
        background-color: rgba(166, 187, 237, 0.2);
}

.profile .blurbs {
        border-radius: 5px;
        border-color: white;
        box-shadow: 0px 0px 5px white;
        border: 1px solid white;
        text-shadow: 1px 1px 2px #52567a;
}


.url-info {
 border-radius: 5px;
 border-color: white;
 box-shadow: 0px 0px 5px white;
 background-image: linear-gradient(to right, #ed879e, #edcb8c, #9ad98d, #9abde3, #c496eb);
 border: 1px solid white;
 text-shadow: 1px 1px 2px #52567a;
}


nav .top{
background: transparent;
}

nav .links{
background: transparent;
text-align: center;
font-size: 10px;
}

nav{
    background-color: rgba(255, 255, 255, 0.5) !important;
    margin-top: 10px;
    margin-bottom: 15px;
    box-shadow: 0 0 10px white;
    border-radius: 15px;

}

nav .links a {
    text-decoration: none;
    color: white;
        text-shadow: 0px 0px 5px #52567a !important;
}


    nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after {
        content: " ★ ";
        color: white;
	font-size: 10px;
    }


footer{
/* background-color: rgba(255, 255, 255, 0.5) !important; */
  background: none;
  color: black;
}


footer .links {
color: black;
}




.contact .inner {
color: white;
}





.col.w-40 {
background-color: rgba(166, 187, 237, 0.2);
border-radius: 15px;
margin: 5px;
}

.col.right {
background-color: rgba(166, 187, 237, 0.2);
border-radius: 15px;
margin: 5px;
}





.details-table td:first-child {
background-image: linear-gradient(to right, #ed879e, #edcb8c);
color: white;

border-radius: 5px;
border-color: #e9eaf2;
border: 1px solid #e9eaf2;
}

.details-table td {
background-image: linear-gradient(to right, #edcb8c, #9ad98d, #9abde3, #c496eb);

border-radius: 5px;
border-color: #e9eaf2;
border: 1px solid #e9eaf2;
}



.blog-preview h4{
background-image: linear-gradient(to right, #edcb8c, #9ad98d, #9abde3, #c496eb);
}

.blog-preview p {
        font-size: 12px;
        color: white;
        border-radius: 5px;
        border-color: white;
        box-shadow: 0px 0px 5px white;
        padding: 10px;
        background-image: linear-gradient(to right, #ed879e, #edcb8c, #9ad98d, #9abde3, #c496eb);
	border: 1px solid white;
    }




    .comments-table td:first-child, .music-table td:first-child {
    background: rgba( 255, 255, 255, 0.5); !important
    }

    table.comments-table td {
           background-image: linear-gradient(to right, #ed4e71, #edb54e, #64d64d, #4790de, #a959eb);
        box-shadow: 0px 0px 10px white;
        overflow: hidden;
        padding: 5px;
    }

	.comments-table td:first-child img {
	     animation: floatie 1.4s infinite !important; 
        }

    .heading {

    background-image: linear-gradient(to right, #ed4e71, #edb54e, #64d64d, #4790de, #a959eb) !important;
    color: white !important;
    font-size: 15px;

}

     .profile .blurbs .section h4{
        animation:blinkingText 1.5s infinite;
      text-shadow: 1px 1px 5px white, -1px -1px 5px white !important;
     }


     .profile .friends .person p{ 
       color: white !important;
     }

    .profile .friends {
        border-radius: 5px;
        border-color: white;
        box-shadow: 0px 0px 5px white;
        border: 1px solid white;
        text-shadow: 1px 1px 2px #52567a;
    }
 
    .profile .friends-grid {
        border-radius: 5px;
        border-color: #e9eaf2;
        border: 1px solid #e9eaf2;
        text-shadow: 1px 1px 2px #52567a;
	padding: 5px;
        background-color: rgba(166, 187, 237, 0.2);
    }     



    .profile .mood {
      margin-bottom: 5px;
      padding-top: 10px;
      padding-left: 3px;
      border-radius: 10px;
      background-image: linear-gradient(to right, #ed879e, #edcb8c, #9ad98d, #9abde3, #c496eb);
    }





    .online {
        animation:blinkingText 1.5s infinite;
        color: #db2e7c;
        text-shadow: none !important; 
        font-weight: bold;
        font-size: 15px;
    }

   .online img {
     content: url(https://www.freeiconspng.com/thumbs/white-star-icon/white-star-icon-14.png);
     animation-duration: 3s;
   }
	
    .count {
        color: #db2e7c;
        text-shadow: 1px 1px 2px #52567a;
        animation:blinkingText 1.5s infinite;
    }





    a {
       color: white !important; 
    }



    a:hover {
      text-shadow: 1px 1px 5px white, -1px -1px 5px white !important;
    }
    
    @keyframes blinkingText{
        0%{     color:  #ed4e71;    }
        20%{    color: #edb54e; }
        40%{    color: #64d64d; }
        60%{    color: #4790de; }
        80%{    color: #a959eb; }
        100%{    color: #ed4e71; }
}








    @keyframes floatie {
0% {
transform:translate(0px,0.3px);
}
8% {
    transform:translate(0px,0.5px);
}

16% {
    transform:translate(0px,1px);
}

24% {
    transform:translate(0px,1.5px);
}

32% {
    transform:translate(0px,2px);
}

40% {
    transform:translate(0px,2.5px);
}

48% {
    transform:translate(0px,3px);
}

56% {
    transform:translate(0px,3.5px);
}

64% {
    transform:translate(0px,3px);
}

72% {
    transform:translate(0px,2.5px);
}

80% {
    transform:translate(0px,2px);
}

88% {
    transform:translate(0px,1.5px);
}

96% {
    transform:translate(0px,0.5px);
}

100% {
    transform:translate(0px,0.3px);
}

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

Wind	1742412206 Using! Report Comment
vi2min.u ♪	1742181994 USING!! this was exaCLTY THE TYPE OF ALYOUT I WISHED I COULD FIND!@! tysm amazing work Report Comment
ryee XD	1740311618 Using omg marry me i love this layout sm :3 /hj Report Comment
Kenny	1740177661 USING!! Report Comment
M3MZ_STUP1D_Y4RD XD	1740160472 USING!!!!!!!!!!!! X3 Report Comment
angelfish	1740015047 usinggggggggggggggggg Report Comment
BunnyInAKangolHat	1739336297 using!! i luv this so much thank you <3 Report Comment
zpookyduck11	1738677671 uzing Report Comment
.•♫•♬• 𝚂𝙾𝙲𝙺!? •♬•♫•.	1738320047 Using :3 Report Comment
.•♫•♬• 𝚂𝙾𝙲𝙺!? •♬•♫•.	1738320045 Using :3 Report Comment
audrey	1737860024 using! Report Comment
kitti3!! ♪♬	1737467431 using! Report Comment
Myiic_	1737406695 usingg Report Comment
Evelyn	1737405819 Using!!^^ Report Comment
cherrry˚ʚ♡ɞ˚	1737301189 Using!! Report Comment
this nerd likes metal	1736304492 Using :) Report Comment
Lee	1734041154 using :3 Report Comment
Netsu meow:3	1733088483 Using:3 Report Comment
Haven	1732993905 using !!!! Report Comment
Faith_doesntknow	1732775491 using >< !! Report Comment