rainbow agony layout

Tags: rainbow, animated, gif, fun, bright, suni

Description:

rainbow agony layout

this one is so fun!! a lot of animated gifs on this layout.

includes online now icon and cursor.

this layout has a bright, animated background.

this layout will hide your links, url, friends, and comments.

♥ if you like it/use it, please leave a comment, and feel free to add me!♥

add a link to add comments by copying and pasting in your who i’d like to meet section (or any section!)

<a href="https://spacehey.com/addcomment?id=YOURIDHERE">leave a comment.</a>

your id is found under your account settings :^)

Preview:

click on the image for a larger preview

Code:

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

<!-- animated font by animatedfonts.tumblr.com -->
<style>
@import url('https://fonts.googleapis.com/css2?family=Bungee+Shade&display=swap');

    :root {
        --logo-blue: ;
        --darker-blue: #000000;
        --lighter-blue: #ffffff;
        --even-lighter-blue: url('https://i0.wp.com/www.tricksbystg.org/wp-content/uploads/2017/10/giphy-1-1.gif?resize=500%2C300&ssl=1');
        --lightest-blue: #FFFFFF;
        --dark-orange: transparent!important;
        --light-orange: #ffffff;
        --even-lighter-orange: #FFFFFF;
        --green: #000000;
        
    }
    .section {color: black!important;}
       h4, nav label, {display: none;} 
       
    .section {font-size: 11px!important;
        
    }
 
    
    body {
        background: white;
        background-image: url("https://i1.wp.com/www.tricksbystg.org/wp-content/uploads/2017/10/ec88e14a7cd25febbcd02249e6266125.gif?resize=500%2C500&ssl=1");
        background-size:;
        background-repeat: repeat;
        
        background-size: ;
        background-attachment:t;
        text-transform: lowercase;
        font-family: times;
        background-position: ;
    }
    .blog-preview p {
        background-color: transparent;
        padding: 0px 1px;
        border-radius: 10px;
        color: black;
    }
    
  
    
        
    }
    .blog-preview p a{
        color: black!important;
    }
    .blog-preview p a:hover
    .blog-preview p a:active,
    .blog-preview p a:focus{
        color: white!important;
    }
    nav {
        margin-bottom: -1px;
        border-radius: 0px 0px 0 0;
        color: white!important;
        text-align: center;
        overflow: hidden;
        border: solid black 1px;
        border-color: black!important;
        border-bottom: none!important;
    }
    
    nav .top {
        color: transp;
    }

    nav .links {
        background: white!important;
        font-size: 11px;
        

    }

    nav { background: white!important; 
        
    }
    nav img.logo{
        filter: brightness(0) saturate(100%) invert(29%) sepia(46%) saturate(5074%) hue-rotate(313deg) brightness(100%) contrast(95%);
        background: !important;
    }
    
    .contact {
        font-size: 11px;
        font-family: timesa;
        border: dotted 0px!important;
        background-image: url("")!important;
        background: none;
        border-top: 0px;
        
    }
    .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("http://i1225.photobucket.com/albums/ee381/enix-directory/Pixels/1cors.gif")
    }
    .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	    /* add to favorites */
	    content: url("http://i1225.photobucket.com/albums/ee381/enix-directory/Pixels/1cors.gif")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	    /* send Message */
	    content: url("http://i1225.photobucket.com/albums/ee381/enix-directory/Pixels/1cors.gif")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	    /* forward to friend */
	    content: url("http://i1225.photobucket.com/albums/ee381/enix-directory/Pixels/1cors.gif")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	    /* instant message */
	    content: url("http://i1225.photobucket.com/albums/ee381/enix-directory/Pixels/1cors.gif")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	    /* block user */
	    content: url("http://i1225.photobucket.com/albums/ee381/enix-directory/Pixels/1cors.gif")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	    /* add to group */
	    content: url("http://i1225.photobucket.com/albums/ee381/enix-directory/Pixels/1cors.gif")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	    /* report user */
	    content: url("http://i1225.photobucket.com/albums/ee381/enix-directory/Pixels/1cors.gif")
    } 

    .profile-info{
        color: transparent!important;
        border: solid black 1px;
        line-height: 150px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 15px 5px;
        margin-bottom: 10px;
        background-image:url("https://64.media.tumblr.com/1f0a306191a8df5fa0e431ba091594ce/tumblr_inline_n25ebpOgcD1qhwjx8.gif");
	}	
    
    .profile .url-info {
        display:none;
    }
    .profile .table-section {
        font-size: 11px;
        border: dotted 0px!important;
        border-right: none!important;
    
    }
    .home-actions {
        border: none;
    }
    
    table.details-table {
        border: solid 1px;
        border-color: white;
        border-collapse: collapse;
        border-top: 0px;
        background-color: ;
        
        
        
    }
    table.details-table td {
        background: url("");
        background-color:!important;
        border-bottom: solid white 1px;
        opacity: 0.75;
        
    }
    .profile-pic {
        
        border: solid black 1px;
        border-radius: 500px;
        overflow: hidden;
        margin-top: 0px!important;
        filter:;
        
    }
    .heading {
        margin-top: 0px;
        padding: 5px 0 !important;
        color:;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        -webkit-text-stroke: black 0px;
        border: dotted px;
        font-size: 0px;
        text-align: left;
        font-family: Merriweather;
        border-bottom: solid 1px;
        border-color: white!important;
        line-height: 0px;
    
    }
    h1 {
        background: url("");
        background-size:;
        background-repeat: no-repeat;
        background-position: center;
        width:;
        height:;
        font-size:45px!important;
        font-family: Bungee shade;
        font-weight: 200;
        transform:;
        -webkit-text-stroke-width: 0px;
        -webkit-text-stroke-color: black;
        font-style: ;
        text-shadow: ;
        text-align: center;
        line-height: 60px!important;
        display: block;
        background: rgb(255,0,157);
        background: linear-gradient(45deg, rgba(255,0,157,1) 0%, rgba(253,252,29,1) 50%, rgba(0,255,245,1) 75%);;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        -webkit-text-stroke: black 1px;
        padding:  0px;
        margin-top: 0px!important;
        margin-bottom: px!important;
        
    }
    
    .search-wrapper input[type=text] {
        font-family: times;
        background-color: white!important;
        border: 1px dotted!important;
        border-radius: 0px !important;
        font-size: 9px;
    }
button{
        border-radius: 0px !important;
        border: 1px dotted!important;
        text-transform: lowercase; 
        font-family: times;
        font-size: 9px!important;
        background-color:#f82b92!important;
        width:;
        color: black!important}

    
    main:before {
        background-image: url('https://64.media.tumblr.com/cb5b821a19766b676d8d3118781348c2/3d8d5620840ee1a3-45/s500x750/e7ca43e383035482e6ac35b15a1208881d3e0fb5.gifv');
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        color: transparent!important;
        display: block;
        content: "";
        width: 100;
        height: 200px;
    
}
    
    main {
        border-radius: 0 0 0px 0px;
        border: solid black 1px;
        border-top: none;
        border-bottom: none;
        background: url("")!important;
        background-color: white!important;
    }
    
    .container {
        border-radius: 0px 0px 0 0;
        overflow: hidden;
        padding: 80px;
        margin-top: 0px;
    }
    
    footer {
        border-radius: 0px;
        border: solid white 0px;
        border-top: solid black 1px;
        background: none!important;
        display: block !important;
        line-height: 0px;
        height: 83px;
        margin-top: -1px!important;
    
        
    }
    table.comments-table td {
        display: none;
    
        
    }
    .comments-table td:first-child img {
        width: 60px!important;
        border-radius: 50px;
        
    }
    .profile .friends .person img {
        width: 60px;
        border-radius: 50px;
        
        
    }
    .blog-preview p {
        font-size: 10px;
        color:;
    }
   

    a.addme {
        font-size: 4rem;
        font-weight: bold;
        margin-bottom: 15px;
        display: block;
    }
 

    a:link {
        color: black!important;
        background: none;
    }
    
    a:hover { 
        text-transform: lowercase;
        background: !important;
        color: #f82b92!important;
        border: none;
    }
    
    a:visited {
        color: #f82b92!important;
        background: ;
    
    }

.friends
{display:none;
    }



    .table-section:last-child {
         display: none !important;}
 

    .online {
        content: url("https://i1225.photobucket.com/albums/ee381/enix-directory/Pixels/minigif005.gif");}

    

*
 {cursor: url(https://cur.cursors-4u.net/nature/nat-10/nat987.cur), auto !important;}
 </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 40 comments ( View all | Add Comment )

iloveyou<33	1736221089 singg Report Comment
Harshita	1736121128 the bg is really cool, using thanks! Report Comment
p1nk_luna ^_^	1729954059 heyy! can you js make a code for the background pls? tysm!! Report Comment
.+.•.+	1728635053 using tysmmm!!!! Report Comment
Hayden	1724723436 Uzing !!! >_< Report Comment
ZP0NG3 :3 XD	1719426157 Using!!!! Report Comment
Romeo	1718208992 (this is OOC i just haven't bothered to switch to my main) hiii!!!! i'm trying to use just the cursor from this layout for Romeo's profile but i'm struggling to get it to work? Do you know of any common mistakes I'd be making/would you be willing to help? Report Comment
vee	1717886553 uzing : 3 Report Comment
Eye Bleed	1717791129 Using ^^ Report Comment
M3TR0	1717221169 using!!!! >w< Report Comment
Rylee	1710037663 using~!! Report Comment
edibleglue	1709900732 using the cursor super cute! Report Comment
Mileena ༉‧₊˚✧	1708542703 oh my gosh I love this so much. using for sure! Report Comment
📺VOX💙	1705607009 using !! Report Comment
☆ cowboyy ☆	1699884826 USING THIS BECUZ ITS SO KOOL :D Report Comment
[S] gumball	1697491710 using !! Report Comment
KatTwizz	1694173884 USING!! Report Comment
@ ;; VINCENT !!	1693722653 :33 < using! Report Comment