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 14 of 14 comments ( View all | Add 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
xXxKyLeRcAnFlYyxXx	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
Taraa	1698071611 using :3 Report Comment
6arelyhuman	1698026320 Using ^-^!! Report Comment OMG??? by vel venomous; 1698031685; Report