← Back to Layouts
Goth

Name: FriendRewind
Author: FriendRewind
Author: 𓆩⦻𓆗𝕷𝖞𝖑𝖆 𝖘𝖎𝖑𝖑𝖞 𝖒𝖔𝖔𝖓𝖇𝖑𝖔𝖔𝖒𓆗⦻𓆪
Category: Vintage
Created: September 23, 2026
Comments (0)

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

<style id="fr-vb2">
/* VB2_STATE:{"cursorUrl":"","overlayUrl":"","overlayOpacity":0.2,"avatarAnimation":"frame30","pageFont":"","useLiveProfile":true,"previewUrl":"/profile?id=4","pageBgImage":"","pageBgMode":"cover","heroImageUrl":"","profileRowBgImage":".com/uploads/gallery/35741/img_6ab4379daaddd1.54780200.webp","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 */

.profile-pic{position:relative;width:180px;height:180px;display:inline-block;overflow:hidden;}
.profile-pic img{position:absolute;top:8%!important;left:8%!important;width:84%!important;height:84%!important;object-fit:cover;z-index:1;border-radius:12px!important;}
.profile-pic::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url('https://friendrewind.com/uploads/gallery/1/img_697047d6205725.98040150.png');background-size:100% 100%;background-repeat:no-repeat;background-position:center;pointer-events:none;z-index:2;}

.profile {
  background-image: url(".com/uploads/gallery/35741/img_6ab4379daaddd1.54780200.webp") !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: top center !important;
}
</style><style>


/* FR_MANUAL_EXTRAS */
</style>
<style>


/* FR_MANUAL_EXTRAS */
</style>
<style>


/* FR_MANUAL_EXTRAS */
</style>
<style>


/* FR_MANUAL_EXTRAS */
</style>
<style>
  a:hover {letter-spacing: 2px; transition-duration: 500ms !important;}
</style>
<style>
/* red boarder around everything */
.profile ,
.contact,
.friends,
.comments,
  {
    border: 2px solid #bb0a1e !important;
}


html,
body,
p,
span,
div,
h1,
h2,
h3,
h4,
h5,
h6,
td,
th,
label {
    color: #bb0a1e !important;
}


a {
    color: #bb0a1e !important;
    text-decoration: underline !important;
}


h1, h2, h3, h4, p, td {
    text-shadow: 1px 1px 1px #000000 !important;
}
</style>

<style>
  
body, body.profile-page {
  background-image: url("https://i.pinimg.com/736x/0a/7d/da/0a7dda9077401d054b9f473d81afa352.jpg") !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-attachment: scroll !important;
  background-position: center center !important;
  }
</style>
<style>
/* SCALLOPED PROFILE PICTURE */

.profile-pic {
    overflow: visible !important;
}

.profile-pic img {
    width: 180px !important;
    height: 180px !important;

    object-fit: cover !important;

    border-radius: 50% !important;

    border: 6px solid white !important;
    outline: 9px dotted #bb0a1e !important;
    outline-offset: 1px !important;
}
</style>
<style>
/* info box */
.profile .table-section {
    background-image: url("https://i.pinimg.com/736x/74/ac/a3/74aca377517f9db84f36e4f9d30f8846.jpg") !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    border: 2px solid #bb0a1e !important; 
}


.profile .table-section td {
    background: transparent !important;
}


.profile .table-section h4, 
.profile .table-section p, 
.profile .table-section span,
.profile .table-section td {
    color: #bb0a1e !important;
}


.profile .table-section a {
    color: #bb0a1e !important;
    text-decoration: underline;
}



.heading,
.contact .heading,
.profile .table-section h4, 
.profile .table-section .heading,
.profile .blurbs .heading,
.profile .friends .heading,
.profile .comments .heading,
th, 
td.heading,
.profile h4 {
    background-image: url("https://gifcity.carrd.co/assets/images/gallery96/0ee82087.gif?v=3fc8f5cd") !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-color: transparent !important; /* Kills the default blue completely */
    padding: 5px !important; 
}


.heading h1, .heading h2, .heading h3, .heading h4,
.contact .heading h1, .contact .heading h2,
.profile .table-section h4,
.profile .blurbs .heading h2,
.profile .friends .heading h2,
.profile .comments .heading h2,
th,
.profile h4 {
    color: #bb0a1e !important;
    text-shadow: 1px 1px 2px #000000 !important; 
}
</style>


<style>
/* logo bar */
nav .top, 
.myspace-header .top-nav {
    background-image: url("https://gifcity.carrd.co/assets/images/gallery96/0ee82087.gif?v=3fc8f5cd") !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-color: transparent !important;
}
</style>



<style>
.profile {
  background-image: url("https://friendrewind.com/media/chat_media/chat_7871_2336dcf71d5390dc3818869e.jpg") !important;
  background-repeat: repeat !important;
  background-size: 300px auto !important;
  background-position: top center !important;
}
</style>

<style>
/* PROFILE TUNES COLORS */

/* whole music player */
.profile-playlist-widget {
    background: #bb0a1e
    color: #bb0a1e !important;
    border: 2px solid #bb0a1e !important;

  background-image:
    url("https://i.pinimg.com/736x/e8/0d/26/e80d26db66adfca3c45bdc5d7f0e14c0.jpg");
  !important;
  }

/* "Profile Tunes" heading */
.profile-playlist-widget h3 {
    color: #bb0a1e !important;
}

/* individual songs */
.profile-playlist-widget li {
    background: #21201d !important;
    color: #bb0a1e !important;
    border-color: #bb0a1e !important;
}

/* links/song titles */
.profile-playlist-widget a {
    color: #bb0a1e !important;
}

/* buttons */
.profile-playlist-widget button {
    background: #bb0a1e !important;
    color: white !important;
    border-color: #bb0a1e !important;
}
  background-image:
  url("https://i.pinimg.com/736x/e8/0d/26/e80d26db66adfca3c45bdc5d7f0e14c0.jpg");
</style>

<style>

/* navigation bar */
.myspace-header .top-nav {

  background: #5a1c00;

  background-image: url("https://i.pinimg.com/736x/44/12/37/44123746e6b20f4649e7fa5c0455a9d9.jpg");

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center;



}



.myspace-header .main-nav-wrapper {

  background: #5a1c00;

  background-image: url("https://i.pinimg.com/736x/44/12/37/44123746e6b20f4649e7fa5c0455a9d9.jpg");

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center;

}



.myspace-header .main-nav li a {

  color: #b51a00;

}



.myspace-header .main-nav li a:hover {

  color: #b51a00;

}
</style>

<style>
  /* striped comment box  */

.comments-table,

.comments-table td,

.comments,

.profile-comments {

    background-image:url("https://i.pinimg.com/736x/b9/a7/ce/b9a7ce8022a9848d1c18f8ac3023aaf7.jpg") !important;

    background-size:cover !important;

    background-position:center !important;

    background-repeat:no-repeat !important;

    border:3px solid ##DB2B04 !important;

  }
</style>

<style>
  
  
/* Music box area */

.tunes {

    background-image: url("https://i.pinimg.com/736x/1a/ca/a0/1acaa08b12f2cff4b79bd410e32de1ae.jpg") !important;

    background-size: cover !important;

    background-position: center !important;

  }
 
</style>

<style>
  /* pierced leather friend box */

.friends,

#friends {

    background-image: url("https://i.pinimg.com/736x/3b/24/b2/3b24b23c96f4fd5018de395729775f81.jpg") !important;

    background-size: cover !important;

    background-position: center !important;

}

</style>


<style>
/* contact box */



.contact {



    background:


    url("https://i.pinimg.com/736x/1a/ca/a0/1acaa08b12f2cff4b79bd410e32de1ae.jpg")


    background-size:cover !important;

    background-position:center !important;

    background-repeat:no-repeat !important;




    border-radius:18px !important;



    overflow:hidden !important;

    border: 2px solid #000000 !important;


}





/* Contact title */

.contact .heading {



    background: #000  !important;

    color: #ffffff !important;

}


/* Contact title */

.contact { background: url("https://i.pinimg.com/736x/1a/ca/a0/1acaa08b12f2cff4b79bd410e32de1ae.jpg") !important; background-size:cover

.contact .heading {



    background:

    repeating-linear-gradient(

        45deg,

        #000 0px,

        #000 15px,

        #F7F2E9 15px,

        #F7F2E9 30px

    ) !important;
</style>

<style>
/* banner */
main:before {
	width: 100%;
	height: 170px;
	display: block;
	content: "";
	background-image: url('https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRcsVnwD14LIFYdkJaLgqv6hCh5WOd2jeES9yuUQzMsWw&s=10');
	background-position: center center;
	background-size: cover;
}
@media only screen and (max-width: 600px) {
	main:before{
    height: 200px;</style>