Layout Preview | FriendRewind

Name: FriendRewind
Author: FriendRewind

FriendRewind

← Back to Layouts

Gerard way Helena layout

Author: Vampira_princess

Category: Goth

Created: August 15, 2025

Comments (0)

No comments yet. Be the first!

You must log in to comment.

CSS Code

<style>
/* Generated by Visual Builder v3 */

@import url('https://fonts.googleapis.com/css2?family=Concert+One:wght@400;700&display=swap');

body {
  background-image: url("https://logandaltonwrites.wordpress.com/wp-content/uploads/2020/11/mcrrevengeerafi.jpg");
  background-size: cover;
  background-attachment: fixed;
  background-position: center center;
  color: #e22400;
  font-family: 'Concert One', sans-serif;
}

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

.profile-pic img{border-radius:50%;}

@keyframes boxPulse{0%,100%{transform:scale(1);}50%{transform:scale(1.05);}} .contact{animation:boxPulse 2s infinite ease-in-out;}

@keyframes boxPulse{0%,100%{transform:scale(1);}50%{transform:scale(1.05);}} .table-section, .friends, .blurbs, .section, .module, .profileInfo{animation:boxPulse 2s infinite ease-in-out;}

main::before {
    content: "";
    display: block;
    width: 100%;
    height: 300px;
    background-image: url('https://itsalldead.com/wp-content/uploads/2014/05/my-chemical-romance_three_cheers.jpg');
    background-size: cover;
    background-position: center center;
  }


.profile {
  background-image: url("https://i.pinimg.com/736x/2b/13/c0/2b13c08e9038dc413eb1f6cedeb9d43b.jpg") !important;
  background-repeat: repeat-y !important;
  background-size: 100% auto !important;
  background-position: top center !important;
}

nav, nav .top, nav .links {
  background-color: #2b333f;
}

.blurbs, .section, .module, .profileInfo, .table-section {
    background-color: #ffffff;
    border-radius: 30px;
  }

.contact {
    border: 5px solid #e22400 !important;
    border-radius: 15px !important;
  }

.contact .heading {
    background-color: #e22400 !important;
    color: #707070 !important;
  }

.table-section, .friends, .blurbs, .section, .module, .profileInfo {
    border: 5px solid #e22400 !important;
    border-radius: 15px !important;
  }

.table-section .heading, .friends .heading, .blurbs .heading, .section .heading, .module .heading, .profileInfo .heading {
    background-color: #e22400 !important;
    color: #5c5c5c !important;
  }

h1, h2, h3, h4, h5, h6 {
  color: #e22400;
  text-shadow: 0 0 25px #ff4015;
}

a { color: #5c5c5c; }

.tunes {
  background-image: url("https://downstage.com.br/wp-content/uploads/2022/06/Three-Cheers-For-Sweet-Revenge-site.png");
  background-size: cover;
  background-position: center center;
}</style>