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 64 comments ( View all | Add Comment )

choco chip meow :3	1756768919 using :3 Report Comment
˙—˙ greg/kas ⋆	1754933628 using!! Report Comment
Starz	1754930318 USING (BTW THIS IS SO SILLY I LOVE IT) Report Comment
CAKEPAW DELUXE	1754715510 USING111 :3 Report Comment
wawa	1754485235 using! Report Comment
Katie ݁₊ ˖🫧 . ݁	1753513339 Using <3 Report Comment
Aster	1753383789 using Report Comment
Alice_oxxD	1753330534 Using Report Comment
sAmmIEl...!	1753319462 Using!! Report Comment
xX.★_†L0IR†_★.Xx	1753209481 amazing im using! Report Comment
p3aches	1752429650 SO CUTSIE USING!! Report Comment
Heptagramca	1752349330 Using! <3 Report Comment
sam	1751182427 using<3 Report Comment
Suxor	1750327234 using!! Report Comment
Sam!	1750020607 use Report Comment
Mari	1748067180 using ^^ Report Comment
Alice ! ˶ᵔ ᵕ ᵔ˶	1746439677 usingf Report Comment
sadnessdoll	1745469412 Using! Report Comment
Eddie	1744589198 Using! Report Comment
contemplatingcheeseburger	1744577120 usingg!!! Report Comment