Layout Preview | FriendRewind

Name: FriendRewind
Author: FriendRewind
FriendRewind
← Back to Layouts
my cool layout

Author: mangojuulpod
Category: 90s
Created: June 21, 2026
hey
Comments (0)

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

<style>
<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;
}


@keslide { 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: 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;
}


.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/N2hSCC4g/3.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="/proxy/image.php?url=https%3A%2F%2Fcur.cursors-4u.net%2Fcursor.png" alt="Light Grey Pointer" style="position:absolute; top: 0px; right: 0px;"></a></style>