Purple Retro

Tags: dark, simple

Description:

credit isnt needed, tell me if the comments if anything isnt working! blinkies arent included,

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by ☆★☆★→Callum←☆★☆★ (https://layouts.spacehey.com/layout?id=26325) -->

<style>
img {
filter: sepia(350%) hue-rotate(230deg) saturate(4);
}</style>

<style>
.profile {

background:#090112;


 } </style>
<style>
p {
color: #FFFFFF;

} </style>


<style>

body {
  background-color: #7400FF;
} </style>

<style>
	body{
		background-image:url('https://www.google.com/url?sa=i&url=https%3A%2F%2Fweheartit.com%2Fentry%2F350332329&psig=AOvVaw0mjiXb1PbG4EobjlCty6xI&ust=1676232689843000&source=images&cd=vfe&ved=0CAwQjRxqFwoTCLDC69qjjv0CFQAAAAAdAAAAABAE');
	}
</style>

<style>
body::before {
content: " ";
display: block;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%);
z-index: 2;
background-size: 100% 2px, 3px 100%;
pointer-events: none;
}
.logo {
filter: sepia(100%) hue-rotate(230deg) saturate(4);

<style></style>
<style>
body {
 margin:0;
 background-image: url("https://photos.app.goo.gl/6ovRjjg6V8tPSPGB9");
background-attachment: fixed;
<style></style>

<style>
.profile .contact .heading, .profile .table-section .heading, .home-actions .heading {

  background-color: #7400FF;

  color:#000000;

} </style>

<style>
.friends:not(#comments) {

  grid-area: friends;

  background:#000000;  

  border-radius: 15px


}</style>

<style>
.online {
    color: #7400FF;
}</style>  

<style>
nav .links {
    display: block;
    background-color: #7400FF;
   
</style>
<style></style>
<style></style>
<style>
nav .links li:not(:last-child)::after,
footer .links li:not(:last-child)::after{
    content: "";
<style></style>

<style>
.profile .blurbs .heading, .profile .friends .heading {
    display: block;
    background-color: #7400FF;
    color: white;
}

.profile .blurbs .inner h4 {
    color: #7400FF;
  
}

.profile .blurbs .inner {
    
<style></style>
<style>

   
<style></style>

<style>
table.details-table {
    background-color: black;
    border-color: black;
}

.details-table td {
    background-color: black;
}


.details-table td:first-child a {
   border-color: black;

<style></style>

<style>
.comments-table td:first-child {
   background-color: #7400FF;
   border-color: black;
}

.comments-table td:first-child a {
    color: floralwhite;
   
}

.comments-table td {
    background-color: black; 
  
}

.comments-table td a {
    color: white;
}

.comment-replies {
    border-color: black;
}

<style></style>

<style>
.profile .blurbs .inner h4 {
    color: #7400FF;
    
}

.profile .blurbs .inner {
   
<style></style>

<style>
<p style="background-color: #7400FF;">#7400FF 
</style>


<style>



    .profile .friends .person img:not(.icon){

        

border: 1px dashed white !important;   

        

    }

</style>

<style>
main .left {
  border: 1px dashed white !important;
}

.profile .contact {
  border: 1px dashed white !import
}

.profile .url-info {
    border: 1px dashed white !important;
}

.profile .contact {
    border: 1px dashed white !important;
    
}

.profile .table-section {
    border:1px dashed white !important;
}

.main {
    border: 1px dashed white !important;
}

main .right {
    border: 1px dashed white !important;
}

.profile .blurbs .inner {
    border: 1px dashed white !important;
}

.profile .friends .inner {
    border: 1px dashed white !important;
}

.general-about .profile-pic img { 
    border: 1px dashed white !important;
}

.count {
    border: 1px dashed white !important;
}

.details-table td * {
    display: block;
    background-color: #7400FF;
    color: #00000;
   
}

.details-table td {
    border: 1px dashed white !important;
    
}

nav .top {
    background-color: #000000;
    border: 1px dashed white !important;
}

nav .links {
    background-color: #000000;
}




</style>

<style>
h1, h2,h3,h4, h5, h6, a {
color: #7400FF;
}</style>

<iframe width="0" height="0" src="https://www.youtube.com/embed/JVfsCDOqfQM//? &;amp;;autoplay=1&loop=1&;controls=1" title="IDK" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy">
</iframe>

<marquee behavior="scroll" direction="down" style="position:absolute; left:8%; top:152px; width:15; height:655px;"><img src="http://dl2.glitter-graphics.net/pub/56/56322i8ciddu9ky.gif"/></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:77%; top:86px; width:15; height:633px;"><img src="http://dl2.glitter-graphics.net/pub/56/56322i8ciddu9ky.gif"/></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:50%; top:83px; width:15; height:612px;"><img src="http://dl2.glitter-graphics.net/pub/56/56322i8ciddu9ky.gif"/></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:8%; top:39px; width:15; height:510px;"><img src="http://dl2.glitter-graphics.net/pub/56/56322i8ciddu9ky.gif"/></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:5%; top:93px; width:15; height:505px;"><img src="http://dl2.glitter-graphics.net/pub/56/56322i8ciddu9ky.gif"/></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:56%; top:60px; width:15; height:608px;"><img src="http://dl2.glitter-graphics.net/pub/56/56322i8ciddu9ky.gif"/></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:13%; top:97px; width:15; height:662px;"><img src="http://dl2.glitter-graphics.net/pub/56/56322i8ciddu9ky.gif"/></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:52%; top:40px; width:15; height:692px;"><img src="http://dl2.glitter-graphics.net/pub/56/56322i8ciddu9ky.gif"/></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:73%; top:124px; width:15; height:697px;"><img src="http://dl2.glitter-graphics.net/pub/56/56322i8ciddu9ky.gif"/></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:82%; top:52px; width:15; height:588px;"><img src="http://dl2.glitter-graphics.net/pub/56/56322i8ciddu9ky.gif"/></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:57%; top:3px; width:15; height:665px;"><img src="http://dl2.glitter-graphics.net/pub/56/56322i8ciddu9ky.gif"/></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:61%; top:19px; width:15; height:602px;"><img src="http://dl2.glitter-graphics.net/pub/56/56322i8ciddu9ky.gif"/></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:72%; top:108px; width:15; height:509px;"><img src="http://dl2.glitter-graphics.net/pub/56/56322i8ciddu9ky.gif"/></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:23%; top:21px; width:15; height:550px;"><img src="http://dl2.glitter-graphics.net/pub/56/56322i8ciddu9ky.gif"/></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:65%; top:172px; width:15; height:579px;"><img src="http://dl2.glitter-graphics.net/pub/56/56322i8ciddu9ky.gif"/></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:73%; top:148px; width:15; height:577px;"><img src="http://dl2.glitter-graphics.net/pub/56/56322i8ciddu9ky.gif"/></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:85%; top:74px; width:15; height:632px;"><img src="http://dl2.glitter-graphics.net/pub/56/56322i8ciddu9ky.gif"/></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:58%; top:88px; width:15; height:501px;"><img src="http://dl2.glitter-graphics.net/pub/56/56322i8ciddu9ky.gif"/></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:38%; top:43px; width:15; height:589px;"><img src="http://dl2.glitter-graphics.net/pub/56/56322i8ciddu9ky.gif"/></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:19%; top:171px; width:15; height:554px;"><img src="http://dl2.glitter-graphics.net/pub/56/56322i8ciddu9ky.gif"/></marquee>

<style>
.general-about .profile-pic img{
clip-path: circle(50% at 50% 50%);
}
</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 13 of 13 comments ( View all | Add Comment )

ari ☥☪︎	1722337402 using :P! Report Comment
GIBBERISH	1721723606 usingg :D Report Comment
D0GD4YZZ	1719678260 Testing Report Comment
IM FERAL	1717493615 Really cool using!!! Report Comment
Nevethos	1710176857 def gonna use Report Comment
Pidgeon	1699992079 Using! I changed the music, but it's great :)) Report Comment how do u change the music by rainbowrot; 1708715570; Report
☆⋆｡YaZxx°‧★	1697070362 might use1! Report Comment
[RC]	1693263754 using!! Report Comment
isaac !!	1690838296 usingg ^^ Report Comment
magic	1690500601 using, ty :D Report Comment
GummyGuts	1688380647 Oh this is very nice! I might use it if that's cool! :) Report Comment
JstUrHope	1679103028 Currently using Report Comment
notyours	1677377208 using, ty 3 Report Comment