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

>DAVE	1779695242 using! ^_^ Report Comment
Waterareo	1779584146 USINGGG Report Comment
Andrew	1779513569 using ty <3 Report Comment
P0RTALZ (,,¬﹏¬,,)	1777060665 using :3 Report Comment
Neeri ૮₍ ´ ꒳ `₎ა	1775372937 using!! :3 Report Comment
that evil mountain dew can	1774214443 using :> Report Comment
Kit Kat ⭑.ᐟ	1773886769 Using Report Comment
Casper	1773535769 Using :33 Report Comment
peachie	1772090357 using!! :3 Report Comment
Jan08	1769837245 Using! Report Comment
1c0niC	1769725663 USING:3 Report Comment
1c0niC	1769725655 USING:3 Report Comment
l0ser	1768866183 using!!! Report Comment
`Edie....E`	1766551889 using XD Report Comment
Ivy Moth Berry	1765857647 using Report Comment
Aislinn	1765767572 using Report Comment
oXPrincessGooseyXo	1765624259 using tyyyy Report Comment
ੈ❀Clementine°❀⋆.ೃ࿔:•	1765445291 using!! ty! Report Comment
Zxmbiii >.<	1765176055 Using Report Comment
eva:3	1764372544 using ty i like it a lot <3 Report Comment