Layout Preview | FriendRewind

Name: FriendRewind
Author: FriendRewind
FriendRewind
← Back to Layouts
astargirlsgalaxy layout

Author: astargirlsgalaxy
Category: >:[
Created: May 12, 2026
Comments (0)

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

<style>
/* VB2_STATE:{"cursorUrl":"","overlayUrl":"","overlayOpacity":0.2,"avatarAnimation":"","pageFont":"","useLiveProfile":true,"previewUrl":"/profile?id=4","pageBgImage":"https://64.media.tumblr.com/46fd39ea2c5351856709332fc0f2e59a/tumblr_inline_mrhrlyQU6f1qz4rgp.gif","pageBgMode":"tile","heroImageUrl":"","profileRowBgImage":"","profileRowBgMode":"cover","navBgColor":"#2b333f","navBgImage":"","navBgMode":"cover","navLinkColor":"#ffffff","navLinkHover":"#66aaff","boxBgColor":"#ffffff","boxOpacity":1,"boxRadius":8,"contactHeaderBg":"#4169E1","contactHeaderText":"#ffffff","contactContentBg":"#ffffff","contactBorderColor":"#4169E1","contactBorderWidth":1,"contactBorderRadius":5,"contactBoxAnimation":"","interestsHeaderBg":"#DAA520","interestsHeaderText":"#ffffff","interestsContentBg":"#ffffff","interestsBorderColor":"#DAA520","interestsBorderWidth":1,"interestsBorderRadius":5,"contentBoxAnimation":"","textBody":"#000000","textHeading":"#000000","textLink":"#0066cc","headingShadowColor":"#000000","headingShadowBlur":2,"headingShadowEnable":false,"moduleImages":{"contact":"","urlInfo":"","tableSection":"","tunes":"","blogPreview":"","blurbs":"","friends":"","Comments Background":"","comments":""}} */
/* Generated by FriendRewind.com Visual Builder */

body, body.profile-page {
  background-image: url("https://64.media.tumblr.com/46fd39ea2c5351856709332fc0f2e59a/tumblr_inline_mrhrlyQU6f1qz4rgp.gif") !important;
  background-repeat: repeat !important;
  background-size: auto !important;
  background-attachment: fixed !important;
  background-position: center center !important;
}



<!-- (c) Layout created by 𝐥𝐞𝐱𝐥𝐲 (𝟐𝟕𝟕𝟕𝟓𝟐𝟐𝟎) (https://layouts.spacehey.com/layout?id=24375) -->

<style>
body:before {
content: " ";
height: 100vh;
width: 100vw;
display: block;
position: fixed; 
top: 0; 
left: 0; 
z-index: 100;
background-image: url('https://files.catbox.moe/v8xg1q.gif');
background-size: cover;
background-repeat: no-repeat;
background-position:center;
animation: yourAnimation 2s ease 0.0s 1 normal forwards;
pointer-events: none;}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 
</style>




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

<!-- .profile h1 controls your name size, 60px works for short names but you might want to decrease it if yours is long -->
<center>
<img src="https://files.catbox.moe/dmq56l.webp" width="500px"/>
<br/><br/>















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

<div style="max-height: 300px; position: fixed; left: -200px; bottom: 0px; z-index: 99;">
<img src="https://i.pinimg.com/originals/69/94/1a/69941a7d32d2fb35fbf4c6ae6a38d675.gif" height="400"/></div>












<br/>
<br/>
<img src="https://64.media.tumblr.com/dabb628bbc0ab825d79391ba8b2fa45f/7c7c65348bf23477-55/s400x600/46750e267dbb5dd3c2fcd2c9620f9cbe119dcc23.gifv" width="500px"/>
</center>

<!-- anime girls -->
<!-- edit background size of buddy div to change madoka's height -->
<div class="buddy"></div>

<!-- edit background size of buddy2 div for homura's height -->
<div class="buddy2"> </div>

<!-- end -->
<div class="uh"><a title="layout by /kento" href="https://spacehey.com/kento/"><img src="https://64.media.tumblr.com/tumblr_m2exqpa23e1qb1380.gif"/></a></div>
<div class="lace"></div>
<style>
@font-face { font-family: "bitxmap"; src: url('https://static.tumblr.com/jsgxnag/ijHmxmtja/bitxmap_font_tfb.ttf'); }

nav .top .left .logo{
content: url('https://upload.wikimedia.org/wikipedia/commons/8/80/Mah%C5%8D_Sh%C5%8Djo_Madoka_Magika_%28Logo%29.png');
width:auto;
}

.buddy2{
z-index:-1;
height:100%;
background: 
url('https://64.media.tumblr.com/7ca282c3004493e44c19251a2bcf8944/tumblr_o2ed6q3bqk1uvpm16o6_r1_540.png') no-repeat bottom left;
background-size:80%;
width:500px;
position:fixed;
left: 10px;
bottom: 10px;
}

.buddy{
z-index:-1;
height:100%;
background: 
url('https://64.media.tumblr.com/f0d5714844e65f2705213d5501a221f7/tumblr_o2ed6q3bqk1uvpm16o4_500.png') no-repeat bottom right;
background-size:auto;
width:500px;
position:fixed;
right: 10px;
bottom: 10px;
}
.general-about .details p:first-child{
text-shadow: 0px 0px 10px white;
}
.logout-btn {
color:brown;
}
nav .top .center {
color:brown;
}
nav .top .right{
color:brown;
}
nav .top .right a{
color:brown;
}
nav .top .left img{
filter: brightness(100%);
}
.general-about .details p:last-child::before{
content: url('http://media.tumblr.com/tumblr_m54k7efWWw1qid2nw.gif');
margin-right:10px;
}

div.lace{
top:100px;
position: fixed;
left:0px;
background:url('http://i281.photobucket.com/albums/kk203/hiv0lt4g3/Pinky%20Sugar/lace/061-a.gif')  center repeat-x;
background-size:70px;
height:60px;
width:100%;
}

</style>


<div style="float:  ; max-height: 300px; position: fixed; right: 150px; top: 6px;">
<img src="https://files.catbox.moe/vpk59t.png" width="200" height="200"/></div>
<style></style>


<div style="float:  ; max-height: 300px; position: fixed; right: 10px; top: 6px;">
<img src="https://files.catbox.moe/pscuql.png" width="200" height="200"/></div>
<style></style>



<style>


.profile .contact .heading::before{
content:url('https://64.media.tumblr.com/0f5bd4a5935fcb3bc46bb2b2d05be3aa/483d5d6b4e494887-82/s75x75_c1/46a909ae7e809541b23a35f3a6ffadd288c0ad78.gifv');
}
.profile h1::after{
content:url('https://64.media.tumblr.com/tumblr_m2exqpa23e1qb1380.gif');
margin-left:0px;
}
.profile h1::before{
content:url('https://64.media.tumblr.com/tumblr_m2exqpa23e1qb1380.gif');
margin-right:10px;
}
.profile .contact a::before{
content:url('https://64.media.tumblr.com/tumblr_m2exqpa23e1qb1380.gif');
margin-right:-25px;
}

nav .links li:not(:last-child)::after{
content: url('https://64.media.tumblr.com/99a4bc4575e74e63ce029f07c55a323a/483d5d6b4e494887-82/s75x75_c1/c050253f4514727750bb436eb17a51c9968ea13a.gifv');
font-size:15px;
margin-left:5px;
letter-spacing:2px;
}
table.comments-table{
padding:10px;
box-shadow: inset 0px 0px 5px pink;
background: url('https://64.media.tumblr.com/a41b500adb8e30469faf537de698269c/tumblr_inline_mrhs66e2ll1qz4rgp.gif') repeat center;
border-radius: 10px;
border:3px solid pink;
}
.comments-table td:first-child img:not(.icon){
width:150px;
border-radius:100%;
border:1px dashed brown;
max-width:100%;
max-height:100%;
}
.comments-table td:first-child a{
color:#A4636C;
}
.comments-table td:first-child a:hover{
color:white;
}
.comments-table td:first-child{
letter-spacing:2px;
font-size:20px;
color:#A4636C;
background:url('https://64.media.tumblr.com/2ba2539b5f50d3a2dcf5fcabe01715f2/tumblr_inline_n1t4jxNf5J1qfc9y0.gif') repeat center;
}
.comments-table td {
letter-spacing:1px;
border-radius:10px;
font-size:15px;
padding:10px;
background:white;
color:#A4636C;
border:1px solid pink;
}
.profile .friends .person p a{
text-align:center;
}
.profile .friends .person p:hover{
color:white;
}
.profile .friends a{
text-align:center;
}
div.friends-grid {
padding:20px;
text-align:center;
}
.profile .friends .person p {
margin-top:-22px;
letter-spacing:1px;
text-align:center;
color:#DAA06D;
background:white;
}
.profile .friends .person {
padding:10px;
text-align:center;
border:2px solid pink;
background:url('https://64.media.tumblr.com/f9ea9427ad08cd5aa08572c1a78c5a49/tumblr_inline_mrhrtpUJRv1qz4rgp.gif') repeat center;
border-radius:100px;
}
.profile .friends .person img:not(.icon) {
max-width:100%;
max-height:100%;
border-radius:100px;
border:1px dashed brown;
}
.online{
color:#A4636C;
letter-spacing:2px;
}
.online img{
visibility:hidden;
}

.col.right {
padding:20px;
border:3px solid pink;
border-radius:10px;
background:rgba(255, 255, 255, 0.8);}

.general-about .details{
width:300px;
font-size:20px;
}
div.blog-preview{
font-size:20px;
}
.profile .blurbs .section {
font-size:20px;
}
.count {
color:#DAA06D;
}
.profile .blurbs .section h4 {
font-size:20px;
letter-spacing:2px;
color:#DAA06D;
}
main{
padding:20px;
background:none;
color:#A4636C;
}
main a{
color: #DAA06D;
}
main a:hover{
color:white;
text-shadow: 0px 0px 3px brown;
}
.profile .friends .heading h4::before{
content:url('https://64.media.tumblr.com/0f5bd4a5935fcb3bc46bb2b2d05be3aa/483d5d6b4e494887-82/s75x75_c1/46a909ae7e809541b23a35f3a6ffadd288c0ad78.gifv');
margin-right:10px;
}
.profile .friends .heading{
box-shadow:inset 4px 4px 0px rgba(255, 255, 255, 0.6);
padding:10px;
letter-spacing:2px; 
font-size:20px;
border-radius:5px;
color:#A4636C;
border:3px solid pink;
background:url('https://64.media.tumblr.com/2ba2539b5f50d3a2dcf5fcabe01715f2/tumblr_inline_n1t4jxNf5J1qfc9y0.gif') repeat center;
}
.profile .blurbs .heading h4::before{
content:url('https://64.media.tumblr.com/0f5bd4a5935fcb3bc46bb2b2d05be3aa/483d5d6b4e494887-82/s75x75_c1/46a909ae7e809541b23a35f3a6ffadd288c0ad78.gifv');
margin-right:10px;
}

.profile .blurbs .heading{
box-shadow:inset 4px 4px 0px rgba(255, 255, 255, 0.6);
padding:10px;
letter-spacing:2px;
font-size:20px;
border-radius:5px;
border:3px solid pink;
color:#A4636C;
background:url('https://64.media.tumblr.com/2ba2539b5f50d3a2dcf5fcabe01715f2/tumblr_inline_n1t4jxNf5J1qfc9y0.gif') repeat center;
}

.profile h1{
margin-top:20px;
text-align:center;
width:300px;
border-radius:10px;
font-size:60px;
padding:0px;
text-shadow:0px 0px 10px white;
color:#DAA06D;
letter-spacing:5px;
}
.general-about .profile-pic {
padding:15px;
border-radius:100px;
background: url('https://64.media.tumblr.com/a41b500adb8e30469faf537de698269c/tumblr_inline_mrhs66e2ll1qz4rgp.gif') repeat center;
border:3px solid pink;
box-shadow: 0px 0px 5px pink;
}
.general-about .profile-pic img{
max-width:100%;
border-radius:100px;
box-shadow:inset 0px 0px 5px white;
max-height:100%;
border:1px dashed brown;
}

h4 {
font-size:16px;
}
.container{
width:1100px;
margin-top:150px;
overflow:auto;
text-transform:lowercase;
}
tr a{
text-align:left;
}
.profile .details-table a{
color:#DAA06D;
}
.details-table td{
text-align:center;
background:none;
color:#DAA06D;
text-shadow:0px 0px 5px white;
letter-spacing:2px;
border-bottom: 1px dashed #DAA06D;
}
.details-table td:first-child {
color: #DAA06D;
letter-spacing:2px;
background:none;
text-shadow:0px 0px 5px white;
text-align:center;
border-bottom: 1px dashed #DAA06D;
}
nav .top .center form button:hover{
background:pink;
color:white;
border-color:pink;
}
nav .top .center form button{
border:3px solid pink;
font-size:15px;
text-shadow:0px 0px 3px white;
padding:4px;
border-radius:5px;
letter-spacing:2px;
background:url('https://64.media.tumblr.com/2ba2539b5f50d3a2dcf5fcabe01715f2/tumblr_inline_n1t4jxNf5J1qfc9y0.gif') repeat center;
color:brown;
}
input#q{
color:#DAA06D;
font-size:15px;
letter-spacing:3px;
padding:4px;
border:3px solid pink;
box-shadow:0px 0px 5px pink;
}
.profile .table-section{
color:#DAA06D;
width:300px;
background:rgba(255, 255, 255, 0.8);
border:3px solid pink;
border-radius:10px;
text-transform:lowercase;
}
.uh{
position:fixed;
left:10px;
bottom:10px;
border:3px solid pink;
border-radius:100px;
padding-top:10px;
padding-left:10px;
padding-right:10px;
padding-bottom:5px;
background:white;
}
.profile .table-section a{
color:#DAA06D;
text-align:center;
text-shadow:0 0 5px white;
}
.profile .table-section a:hover{
color:white;
text-shadow: 0px 0px 3px brown;
}
.profile .url-info a{
color:white;
}
.profile .table-section .heading::before{
content:url('https://64.media.tumblr.com/0f5bd4a5935fcb3bc46bb2b2d05be3aa/483d5d6b4e494887-82/s75x75_c1/46a909ae7e809541b23a35f3a6ffadd288c0ad78.gifv');
}
.profile .table-section .heading{
box-shadow:inset 4px 4px 0px rgba(255, 255, 255, 0.6);
letter-spacing:2px;
border-bottom:3px solid pink;
color:#A4636C;
background:url('https://64.media.tumblr.com/2ba2539b5f50d3a2dcf5fcabe01715f2/tumblr_inline_n1t4jxNf5J1qfc9y0.gif') repeat center;
border-top-left-radius:5px;
border-top-right-radius:5px;
text-transform:lowercase;
}
.profile .url-info {
z-index:1;
width:300px;
letter-spacing:2px;
border:3px solid pink;
color:#A4636C;
background:url('https://64.media.tumblr.com/2ba2539b5f50d3a2dcf5fcabe01715f2/tumblr_inline_n1t4jxNf5J1qfc9y0.gif') repeat center;
border-radius:10px;
text-transform:lowercase;
}
nav .links img a{
background:transparent;
}
nav .links img{
background:transparent;
}
nav .links li img{
background:transparent;
}
nav .links li img a{
background:transparent;
}
nav .links .icon img{
background:transparent;
}
nav .links .icon a{
background:transparent;
}
nav .links .icon {
background:none;
content: url('https://64.media.tumblr.com/b4a39138549502f45a23996f1926acf3/tumblr_inline_p961ahGbxZ1qid2nw_75sq.gifv');
visibility:visible; 
}
.icon{
visibility:hidden;
}
nav{
position:fixed;
left:0px;
top:0px;
background:black;
width:100%;
}
.profile .contact{
z-index:1;
width:300px;
color:#A4636C;
border:3px solid pink;
border-radius:10px;
background:rgba(255, 255, 255, 0.8);
text-transform:lowercase;
}
.profile .contact a{
color:#DAA06D;
margin-left:-3px;
text-shadow:0px 0px 3px white;
}
.profile .contact a:hover{
color:white;
text-shadow:0px 0px 5px brown;
text-decoration:none;
}
.profile .contact h4{
color:#A4636C;
text-shadow:0px 0px 5px white;
}
.profile .contact .inner{
margin-left:0px;
letter-spacing:1px;
}

.profile .contact .heading{
border-top-left-radius:5px;
border-bottom:3px solid pink;
letter-spacing:2px;
box-shadow:inset 4px 4px 0px rgba(255, 255, 255, 0.6);
border-top-right-radius:5px;
background:url('https://64.media.tumblr.com/2ba2539b5f50d3a2dcf5fcabe01715f2/tumblr_inline_n1t4jxNf5J1qfc9y0.gif') repeat center;
}
nav .links{
border-bottom:3px solid pink;
font-size:15px;
border-top:3px dashed pink;
background:url('https://64.media.tumblr.com/a41b500adb8e30469faf537de698269c/tumblr_inline_mrhs66e2ll1qz4rgp.gif') fixed repeat center;
text-shadow:0px 0px 5px brown;
}
nav .links a{
color:brown;
text-shadow:none;
}
nav .links a:hover{
color:#DAA06D;
}
nav .top{
box-shadow:inset 0px 4px 0px rgba(255, 255, 255, 0.6);
background: url('https://64.media.tumblr.com/a41b500adb8e30469faf537de698269c/tumblr_inline_mrhs66e2ll1qz4rgp.gif') fixed repeat center;
}
footer{
box-shadow: inset 4px 4px 0px white;
border-radius:10px;
margin:0px;
left:0px;
font-size:15px;
width:100%;
background:url('https://64.media.tumblr.com/2ba2539b5f50d3a2dcf5fcabe01715f2/tumblr_inline_n1t4jxNf5J1qfc9y0.gif') repeat center;
border:solid 3px pink;
color:#A4636C;
}
footer .copyright {
text-decoration:none;
}
footer .copyright a{
text-decoration:underline;
}
p.copyright::before{
content: "layout by /kento";
color:brown;
text-decoration:none;
letter-spacing:2px;
margin-right:10px;
}
.profile-info {
color:#A4636;
letter-spacing:2px;
border: 3px solid pink;
border-radius:10px;
background:url('https://64.media.tumblr.com/2ba2539b5f50d3a2dcf5fcabe01715f2/tumblr_inline_n1t4jxNf5J1qfc9y0.gif') repeat center;
}
footer a{ 
color:brown;
}
footer a:hover{
color:#DAA06D;
}
body{
font-family:bitxmap;
font-size:16px;
background:url('https://64.media.tumblr.com/46fd39ea2c5351856709332fc0f2e59a/tumblr_inline_mrhrlyQU6f1qz4rgp.gif') repeat center fixed;
}




.details-table td:first-child{
color:rgb(0, 0, 0);
}

.table, th, td {

border: 0px solid;
}

:root {
--topic1: "general";
--topic2: "music";
--topic3: "movies";
--topic4: "tv shows";
--topic5: "games";
--topic6: "kins";

}

.table-section:not(:last-child) .details-table tr td:first-child p{color:transparent !important;text-shadow: none !important;letter-spacing: -100px;}

.details-table tr td:first-child p::after{
color:white !important;
letter-spacing:normal !important;
text-shadow: 2px 2px black !important;
filter: brightness(95%) !important;
}

.details-table tr:nth-child(1) td:first-child p:first-child {
display: none;
}

.details-table tr:nth-child(1) td:first-child::after {
content: var(--topic1);
}

.details-table tr:nth-child(2) td:first-child p:first-child {
display: none;
}

.details-table tr:nth-child(2) td:first-child::after {
content: var(--topic2);
}

.details-table tr:nth-child(3) td:first-child p:first-child {
display: none;
}

.details-table tr:nth-child(3) td:first-child::after {
content: var(--topic3);
}

.details-table tr:nth-child(4) td:first-child p:first-child {
display: none;
}

.details-table tr:nth-child(4) td:first-child::after {
content: var(--topic4);
}

.details-table tr:nth-child(5) td:first-child p:first-child {
display: none;
}

.details-table tr:nth-child(5) td:first-child::after {
content: var(--topic5);
}

.details-table tr:nth-child(6) td:first-child p:first-child {
display: none;
}

.details-table tr:nth-child(6) td:first-child::after {
content: var(--topic6);
}

.details-table td:first-child{
color: #DAA06D;
}


</style></style>