← Back to Layouts
silent hill

Name: FriendRewind
Author: FriendRewind
Author: .˚𓏲♱ ℛ𝖔𝖒𝖆𝖓{¬ºཀ°}¬
Category: Classic
Created: September 7, 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":"","pageFont":"","useLiveProfile":true,"previewUrl":"/profile?id=4","pageBgImage":"https://i.pinimg.com/1200x/74/3d/b0/743db0a46c4884a9e0b02fcffda82772.jpg","pageBgMode":"cover","heroImageUrl":"https://i.pinimg.com/originals/a9/82/06/a9820652a98a93ec4ec0d3b40a59021d.gif","profileRowBgImage":"","profileRowBgMode":"tile","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://i.pinimg.com/1200x/74/3d/b0/743db0a46c4884a9e0b02fcffda82772.jpg") !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-attachment: scroll !important;
  background-position: center center !important;
}

@media (min-width: 769px) and (pointer: fine) {
  body, body.profile-page {
    background-attachment: fixed !important;
  }
}

main::before {
    content: "" !important;
    display: block !important;
    width: 100% !important;
    height: 300px !important;
    background-image: url('https://i.pinimg.com/originals/a9/82/06/a9820652a98a93ec4ec0d3b40a59021d.gif') !important;
    background-size: cover !important;
    background-position: center center !important;
  }
</style><style>


/* FR_MANUAL_EXTRAS */
</style><img class="screen-sticker top-right" src="/proxy/image.php?url=https%3A%2F%2Fi.pinimg.com%2Foriginals%2Fde%2F11%2Fbb%2Fde11bb2b7b98eafd881642c49fd50028.gif"><style>
.screen-sticker {
  position: fixed !important;
  width: 140px !important;
  height: auto !important;
  z-index: 9999 !important;
  pointer-events: none !important;
}

/* Choose one position */
.top-left {
  top: 10px !important;
  left: 10px !important;
}

.top-right {
  top: 10px !important;
  right: 10px !important;
}

.bottom-left {
  bottom: 10px !important;
  left: 10px !important;
}

.bottom-right {
  bottom: 10px !important;
  right: 10px !important;
}
</style>
<style>

body:before {

content: " ";

height: 100vh;

width: 100vw;

display: block;

position: fixed; 

top: 0; 

left: 0; 

z-index: 100;

background-image: url('URL HERE');

background-size: cover;

background-repeat: no-repeat;

background-position:center;

animation: yourAnimation 1s ease 2s 1 normal forwards;

pointer-events: none;}

@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 

</style><style>

body:before {

content: " ";

height: 100vh;

width: 100vw;

display: block;

position: fixed; 

top: 0; 

left: 0; 

z-index: 100;

background-image: url('https://i.pinimg.com/originals/b8/1e/c7/b81ec7411a9ac4988faaa500ca8f53df.gif');

background-size: cover;

background-repeat: no-repeat;

background-position:center;

animation: yourAnimation 1s ease 2s 1 normal forwards;

pointer-events: none;}

@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 

</style>
<style>
/* Add a background image to the navigation links bar */

.main-nav-container {
  background-color: transparent !important;

  background-image:
    url("https://i.pinimg.com/736x/58/bc/bf/58bcbf0406031a447061f16eb042b1b5.jpg") !important;

  background-repeat: repeat !important;
  background-position: center !important;
  background-size: auto !important;
}
</style>