← Back to Layouts
Retro~

Name: FriendRewind
Author: FriendRewind
Author: Kaycen ketamine
Category: Blurp
Created: August 7, 2026
This one’s for the aesthetic peeps and the bisexual peeps
Comments (0)

No comments yet. Be the first!
You must log in to comment.
CSS Code

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




<style>
  font-size: 150%;
}
h1,h2,h3,h4,h5{
  font-size: 200%; 
}
  body {
   background-image: url(https://live.staticflickr.com/65535/53136203317_cca52aa722_m.jpg);

}
.profile {
   background-color: rgb(20, 20, 20); 
}
main {
background: #141414
}
/* change all headings on page to different colors. */
  .profile .blurbs .heading,
  .profile .friends .heading{
   background-color: rgb(90, 0, 245);
   color: black;
}
/* change all headings on page to different colors. */
  .profile .contact .heading,
  .profile .table-section .heading{
   background-color: black;
   color: rgb(90, 0, 245);
}

footer {
    border-radius: 15px;
    background-image: url(https://live.staticflickr.com/65535/53136221197_56bc635990_m.jpg);
    color: white;
}

table.comments-table td {
    color: rgb(20, 20, 20);
}

:root {
    --logo-blue:#141414;
    --darker-blue: #5a00f5;
    --lighter-blue: #5a00f5;
    --even-lighter-blue: ;
    --lightest-blue: ;
    --dark-orange: #5a00f5;
    --light-orange: #141414;
    --even-lighter-orange: #141414;
    --green: pink;
}
</style>

<style>
body {
  color: blue;
}

h1 {
  color: #5a00f5
}

p {
  color: #5a00f5;
}

b {
 color: #5a00f5
}

time.ago {
 color: #5a00f5
}

.profile .friends .person p {
 color: #5a00f5
}

h4 {
 color: #5a00f5
</style>

<style>
.profile .contact{
  text-align: left;
}

.contact .inner a img{
  font-size: 0;
}
.contact .inner a img:before{
  font-size: 1em;
  display: block
}
/*ADD TO FRIENDS*/
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before{
  content: "★"
}
/*ADD TO FAVS*/
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before{
  content: "☆"
}
/*SEND MSG*/
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before{
  content: "☆"
}
/*FORWARD TO FRIEND*/
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before{
  content: "★"
}
/*INSTANT MESSAGE*/
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before{
  content: "★"
}
/*BLOCK USER*/
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before{
  content: "☆"
}
/*ADD TO GROUP*/
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before{
  content: "☆"
}
/*REPORT USER*/
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before{
  content: "★"
}
</style>

<style>body { cursor: url('https://cur.cursors-4u.net/cursors/cur-6/cur518.cur'), auto; }</style>

<style>
    p.online {font-size: 0px;}
p.online::after{content: "custom online text here";
color: #5a00f5;
font-size: 10px;}
    </style>

<style>
nav .links:before {
        display: block;
        padding-left: 5px;
        padding-bottom: 1px;
        border-bottom-style: groove;
        background-image: url(), linear-gradient(to right, #5a00f5, #5a00f5);
        background-repeat: no-repeat;
        background-position: right;
        font-weight: 600; color: #141414;
        content: "custom text here";
    </style>

<style>
  
  .logo {
  
  content:url("https://cdn.discordapp.com/attachments/1058871949524217856/1143971990613540985/2023_08_23_0nr_Kleki.png")
  
  }
</style>

<style>
*{
  border-radius: 9px;
}
.profile .contact .heading, .profile .table-section .heading, .home-actions .heading{
  border-radius: 6px 6px 9px 9px;
}
</style>

<style>
.profile .friends .person img {
clip-path: polygon(50% 0%, 67% 29%, 98% 35%, 75% 58%, 79% 91%, 50% 75%, 21% 91%, 25% 58%, 2% 35%, 33% 29%)
}

</style>

<style>
.general-about .profile-pic img {
clip-path: polygon(50% 0%, 67% 29%, 98% 35%, 75% 58%, 79% 91%, 50% 75%, 21% 91%, 25% 58%, 2% 35%, 33% 29%)
}

</style>

<style>



    table.comments-table{
        

border: 1px #5a00f5 !important;   

        

    }

</style>

<style>
img:hover {
  /* Start the shake animation and make the animation last for 0.5 seconds */
  animation: shake 0.5s;

  /* When the animation is finished, start again */
  animation-iteration-count: infinite;
}

@keyframes shake {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
} </style>


<!-- (c) Layout created by fini hoover :3 (https://layouts.spacehey.com/layout?id=31074) -->


<style>
@keyframes spin{
  from{ transform:rotate(0deg); }
  to{ transform:rotate(0deg); }
}
.general-about .profile-pic img{
  border-radius: 50%;
  animation: spin 7s infinite linear;
}
</style>


<style>
@keyframes spin{
  from{ transform:rotate(0deg); }
  to{ transform:rotate(-360deg); }
}
.general-about .profile-pic img{
  border-radius: 50%;
  animation: spin 7s infinite linear;
}
</style></style>