Rainbow / pink scene layout

Tags: rainbow, scene, pink, peace signs, myspace, 2000s, emo

Description:

there's a grey cursor and the background moves. credit me if u use it!

Preview:

click on the image for a larger preview

Code:

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

<style>

div.blog-preview {
Background: black;
Color: hotpink;
Border: 2px solid hotpink;
padding: 5px;
}

nav .top {
margin: 5px;
color: hotpink;
font-size: .89em;
background: black;
box-shadow: 2px 2px 5px hotpink;
padding: 8px;
}


.profile-info {
background: linear-gradient(164deg, rgba(255,43,0,1) 0%, rgba(255,137,0,1) 15%, rgba(255,227,0,1) 32%, rgba(0,255,9,1) 49%, rgba(0,255,253,1) 64%, rgba(141,0,255,1) 82%, rgba(255,0,167,1) 100%);
filter: grayscale(0.6);
color:whitesmoke;
border: 2px solid hotpink;
opacity: 0.9;
}

@keyframes slide { 0% { transform: translate(0); } 100% { transform: translate(-400px, 400px); } } body::after {content:"https://i.ibb.co/543J2dT/pattern-2.png"; 	
display:block; 	
position:fixed; 	
top:-500px; 	
left:-500px; 	
background: url("https://i.ibb.co/543J2dT/pattern-2.png"); 	
height: 200%; 	
width: 200%; 	
animation: slide 20s linear infinite; 	
z-index: -1;
 }

Main {
Background: transparent;
}

.general-about {
Background: black;
Border-right: 2px solid hotpink;
border-left: 2px solid hotpink;
border-top: 2px solid hotpink;
Color: white;
    padding: 20px;
}

.profile .mood {
Background: black;
Border-left: 2px solid hotpink;
border-right:2px solid hotpink;
border-bottom:2px solid hotpink;
margin-bottom: 10px;
Color: white;
padding: 10px;
}

.profile h1 {
color: whitesmoke;
text-shadow:  2px 2px 5px hotpink; 
font-size: 2em;
}

.profile .contact {
Background: black;
Border:2px solid hotpink;
Color: white;
}
.blurbs {
Background: black;
Border: 2px solid hotpink;
Color: white;
margin: 8px;
}
.friends {
Background: black;
Border:2px solid hotpink;
Color: white;
margin: 8px;
}
.table-section{
Background: black;
Border:2px solid hotpink;
Color: white;
margin: 8px;
}

.profile .url-info {
Background: black;
Border:2px solid hotpink;
Color: white;
}

.profile .table-section {
border: 2px solid hotpink;
}

.details-table td {
background: transparent;

}

table.details-table {
background:transparent;
color: grey;
}

.details-table td:first-child {
background: transparent;
color: black;
text-shadow: 1px 1px 4px hotpink;
}



.profile .contact .heading, .profile .table-section .heading, .setting-section .heading, .home-actions .heading {
Background: hotpink;
Color: black;
 }


.links {
Background: transparent!important;
}

nav .links a {
color: hotpink;
font-size: .89em;
background: black;
box-shadow: 2px 2px 5px hotpink;
padding: 3px;
}


 nav .links a:hover {
  color: pink;
}

a{
  color: grey;
}
a:hover {
color: hotpink;
}

button:hover {
   color: hotpink;
}


.profile .blurbs .heading, .profile .friends .heading {
Background: hotpink;
Color: black;
 }

.profile .contact .heading h4, .profile .table-section .heading h4, .profile .blurbs .heading h4, .profile .friends .heading h4, .blog-entry .comments .heading h4, .bulletin .comments .heading h4{
text-transform: uppercase!important;
}

.profile .blurbs .section h4 {
color: black;
text-shadow: 1px 1px 4px hotpink;
}

.profile .blurbs .section p, .profile .friends p, .blog-entry .comments p, .bulletin .comments p {
color: grey;
}

.comments-table td {
Background: transparent;
}

.comments-table td:first-child {
Background: transparent;
}

.count {
color: hotpink;
}

.online { 
    content: url(https://i.ibb.co/QvGGCr0/im-online-now.gif);
   width: 50%;

}

Footer {
background: linear-gradient(164deg, rgba(255,43,0,1) 0%, rgba(255,137,0,1) 15%, rgba(255,227,0,1) 32%, rgba(0,255,9,1) 49%, rgba(0,255,253,1) 64%, rgba(141,0,255,1) 82%, rgba(255,0,167,1) 100%);
filter: grayscale(0.6);



</style>

<style>

.search-wrapper input[type=text] {
    background-color:#d7d7d7!important;
    border: 2px solid gray !important;
    Color: black!important;
   }


button{
    background-color: #d7d7d7!important;
    color:black!important;


</style>

<style>* {cursor: url(https://cur.cursors-4u.net/cursors/cur-9/cur272.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2011/12/01/light-grey-pointer.html" target="_blank" title="Light Grey Pointer"><img src="https://cur.cursors-4u.net/cursor.png" alt="Light Grey Pointer" style="position:absolute; top: 0px; right: 0px;"/></a>

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

chr1sty	1734995280 using!!! Report Comment
ariel...?	1722035121 Using Report Comment
forklift certified raccoon	1718764024 totez uzin!!! Report Comment
forklift certified raccoon	1718764022 totez uzin!!! Report Comment
rin	1708151738 usingg Report Comment
Emo Kitty	1703854781 USING :3 Report Comment
skull_luver39	1702077782 using! Report Comment
cohost backpack!!	1701672290 using with slight edits! :) Report Comment
hunter	1700420803 using :3 Report Comment
1tz_.n0_us3	1700416235 Using Report Comment
Kaden	1699315033 using!!!! Report Comment
alex ☮	1698773904 Using!! >0< Report Comment
vinnyxo	1698617229 Using :333 Report Comment
𝔪𝔦𝔠𝔥𝔞𝔢𝔩	1698553201 using!! <3 Report Comment
🔪 L1am 🥩	1698512064 using :3 Report Comment
💋Scen5_lover🥩	1698432008 Using! Report Comment
6arelyhuman	1698026320 Using ^-^!! Report Comment OMG??? by vel venomous; 1698031685; Report