Layout Preview | FriendRewind

Name: FriendRewind
Author: FriendRewind
FriendRewind
← Back to Layouts
tester citrus

Author: chuu
Category: Acid
Created: April 10, 2026
ok i guess idk if it will work bc its meant for spacehey
Comments (0)

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

<style>
<!--layout adapted by meatbuuuuuns, from jinpudding on nekoweb. original from jiyong on createblog.-->

<style>
.general-about, .friends, .blog-preview, .table-section, .url-info, #comments, h1, .mood, h4, .blurbs .heading, .profile-info, .blurbs a { opacity: 0.00000001; display: none;}

.eBody {font-size: 12px;}

body {background-color: #fff; font-family: arial; color: #454545; font-size: 14px;}

.eBackground { position:absolute;left:50%;top:75px;margin-left:-300px;width:600px;height:600px; z-index: -1}

.eBody { position:absolute;left:50%;top:175px;margin-left:-110px;width:220px;height:350px;overflow:auto; z-index: 3;}

.eBody a { font-family:arial;font-size:12px;text-decoration:underline;color:#a4ce3c;border-bottom:1px dotted;border-color:#41560a; }
.eBody a:hover { font-family:georgia;font-style:italic;font-weight:normal; }

.eBody b { color:#e97135; }
.eBody i { font-family:georgia;color:#e83360; }
.eBody u { border-bottom:1px dotted; }

main {background-color: transparent;}

footer {background-color: transparent; translate: !important;}
.contact {translate: -50px !important; border-radius:  50px; border: transparent !important; box-shadow: 0 0 4px #e97135; padding: 0 0 20px 0; width: 300px; background-color: #fff !important;}
.contact a {margin: 0 0 0 15px;}
.contact .heading, .links, .top {background-color: transparent !important;}
.links {text-align: right;}
a, .links a {color: limegreen !important; text-shadow: none !important;}
a:hover {color: limegreen!important; font-style: italic; text-shadow: 0 0 4px yellow !important;}
.top, .logout-btn  {color: #000 !important;}
.logo {filter: invert(100%)}
form > button {border: 0.5px solid #e83360; background-color: #fff; border-radius: 12px 0 12px 0;}

</style>

<style>
@media(min-width:600px){
.top {
flex-direction: column;
align-items: center;
}
.links{text-align: center; !important;}
nav {translate: 300px; width: 300px;background-color: #fff!important; z-index: 1; border-radius: 50px; box-shadow: 0 0 4px #e83360;}

@media(max-width:600px){
nav, footer {width: auto !important; translate: 0;}
}
nav form{
margin-top: 4px !important;
}
.contact {background-color: #fff !important; z-index: 3 !important; translate: 0 -100px;}
.eBody {z-index: 2 !important;}
}

.contact:before {background-image: url(https://i.pinimg.com/736x/40/2a/40/402a4094b8d1f5d85ae2721976a5575a.jpg); display: block; background-position: center; width: auto; height:225px; content: ''; background-size: cover; border: 4px double #000; border-radius: 50px 50px 0 0;}
</style>

<div class="eBackground">
<img src="https://cbimg6.com/layouts/09/05/34643aa.png"/>
</div>

<div class="eBody">
<h2>chuu</h2>
<img src="https://i.pinimg.com/1200x/22/6c/a8/226ca8fcdc787d97495a880c9371d579.jpg" style="border: 4px double; width: 90px; float: left; margin: 10px;" title="profile picture"/>
<br/><br/>
WRITE ALL ABOUT YOURSELF HERE.
</div></style>