Moving Rainbow Background Layout

Tags: cute, rainbow, simple, miranda

Description:

RAINBOW LAYOUT

Preview:

click on the image for a larger preview

Code:

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


<style>
:root{
  --headers: black;
  --background_image: url("https://static.tumblr.com/95a915477b70877c6414e4fbc1341728/rl1y5dc/MKLo7klbd/tumblr_static_tumblr_static_3egsj63ax60wos4so8ss0swwc_focused_v3.gif");
   
  --mynamesize: 27px;

  --transparency: 0.9;

  --curve: 30px;

  --simple_bg:#4B5456;
}


h3, h4, h5, .url-info b{ color: var(--headers) !important;} /* headings*/
h1{
background-color:var(--box_color_and_seethru) !important;
border-radius: var(--curve) !important;
padding: 10px !important;
border: var(--borders) !important;
color: BLACK; !important;
} /* color of username */
.count, .friends a p{color: var(--names); !important;} /* color of names, and friends counter */

.section{color: var(--text) !important;} /* sometimes <p> is broken by embeds maybe. */

:root{  --box_color_and_seethru: rgba(75, 84, 86, var(--transparency));}  

h1, h2, h3, h4, h5, a, nav label{ 
font-family: var(--font-family) !important;
 text-transform:uppercase !important;
}

.section,p,a{
font-family: var(--font-family) !important;
}

h1, h2, h3, h4, h5, p {padding-left:5px !important;}

h1{ 
 font-size: var(--mynamesize) !important;
 text-transform:uppercase !important;
 padding-middle:12px !important;
}

body {
background-image: var(--background_image) !important;

}   

.heading, .url-info, .blurbs, .mood, .blog-preview, .friends, .contact, .table, .table-section, footer{
background-color:var(--box_color_and_seethru) !important;
border-radius: var(--curve) !important;
padding: 10px !important;
border: var(--borders) !important;
}


.details{
background-color:var(--box_color_and_seethru) !important;
border-radius: var(--curve) !important;
padding: 10px !important;
border: var(--borders) !important;
height: 175px;
}

.profile-pic img{
/* the face rotation is funny, but let's comment it away for default */
/* transform: rotate(90deg) !important;  */
outline:none !important;
border-radius: var(--curve) !important;
}

.friends-grid img{
outline:none !important;filter: opacity(90%) !important;
width:60% !important; height:30% !important;
border-radius: var(--curve) !important;
filter:hue-rotate(var(--hue)) !important;


}

.inner img{
outline:none !important;
border-radius: var(--curve) !important;
}

iframe{border-radius: 60px !important;opacity: 0.66 !important;}

.url-info{display:none !important;}

main{border-radius: var(--curve) !important;}

main{background-color:rgba(250, 41, 64, 0.0); !important;}

.friends th, tr, .friends td, th, .icon, #comments, main, .comments-table, .friends, .profile-info, .table, .table-section, .contact, .url-info, .mood, .blurbs, .blog-preview, .details, .profile-pic img

.icon{border: NONE !important;}
.mood{margin-bottom:12px !important;}
.blurbs{margin-top:12px !important;}
.friends{margin-top:-12px !important;}
.profile-info{border-radius: var(--curve) !important;}
.comments-table{border-radius: var(--curve) !important;border:none !important;}
.table-section{padding-bottom:9px !important;}
#comments{margin-top:40px !important;padding-bottom:40px !important}
.details p:last-child{color:var(--links) !important;  filter: brightness(95%);
}

</style>


<style>
/* Hides the default image */
.online img,
.offline img {
  display: none;
}
.online::before {
  content: "😈";
}
.offline::before {
  content: "💀";
}

.online
{
  color: purple!important; 
}
</style>

<style>

 




body { --darker-blue: black;
        --lighter-blue:#4B5456;
        --even-lighter-blue: #FFFC5B;
        --lightest-blue: #B525E2;
        --dark-orange: #A01D2B;
        --light-orange: black;
        --even-lighter-orange: #36E830;
        --green: black;
--logo-blue: ; }
</style>

<style>

  a:active, a:visited, a:link, a.searchlinksmall:active, a.searchlinksmall:visited, a.searchlinksmall:link, a.navbar:active, a.navbar:visited, a.navbar:link, a.redlink:active, a.redlink:visited, a.redlink:link  { 
  color: #5BF3FF;
}

nav .links a:hover, a:hover
{
    font-size: 1.10em;
}

</style>





<style>
.comments-table{
display: block;
height: 380px;
overflow-y: scroll;
Border-radius: 15px; }

⏬   ⏫
⏬   ⏫
⏬   ⏫
⏬   ⏫
</style>

<style>
h1
{
	color: green;
	text-shadow: 2px 2px 3px purple, 0 0 25px purple, 0 0 5px yellow;
}

</style>


<style>/*cursor made by gafcodes.com*/ body {cursor:url(https://www.gafcodes.com/premade/cursors/jspunkette/cursor50.cur), default;}</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 0 of 0 comments ( View all | Add Comment )