← Back to Layouts
black and red skull layout!

Name: FriendRewind
Author: FriendRewind
Author: Agrimtale 𑣲𝄞
Category: Classic
Created: September 7, 2026
A custom made CSS layout by me, Grim!
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":"","pageBgMode":"cover","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 */
</style><style>


/* FR_MANUAL_EXTRAS */
</style>
<style>
  /*Layout made by Agrimtale
   do not pass of as your own*/
* {
  cursor: url('https://cdn.cursors-4u.net/previews/skull-9b50c1d6-32.webp') 32 32, auto !important;
}
  .pfp-fallback {
-webkit-mask-image: url(https://file.garden/aouNILmU_FJZALDq/Untitled275_20260906221121.png);
          -webkit-mask-size: contain;
          -webkit-mask-repeat: no-repeat;
          -webkit-mask-position: center;
  }
  .profile .friends .inner .friends-grid .person img:not(.icon) { 
  filter: grayscale(100%) !important;
  }


  @font-face {
    font-family: 'text';
    src: url(https://file.garden/aouNILmU_FJZALDq/Remingtoned%20Type.ttf);
  }
  @font-face {
    font-family: 'h1';
    src: url(https://file.garden/aouNILmU_FJZALDq/1%20Punk.ttf);
  }
  a {
    color: black !important;
    text-decoration: none !important;
  }
  a:hover {
    color: black !important;
    text-decoration: underline !important;
    text-decoration-style: wavy !important;
  }
  p {
color: black;
    font-family: 'text';
  }
  h1,h4 {
background-image: url(https://file.garden/aouNILmU_FJZALDq/red%20gliiter);
-webkit-background-clip: text;
 -webkit-text-fill-color:  transparent;
    font-weight: bold;
    width: fit-content;
    margin: 0 auto;
    font-family: 'h1';
filter: drop-shadow(0px 1px black) drop-shadow(0 -1px black) drop-shadow(1px 0 black) drop-shadow(-1px 0 black) !important;
  }

  .count {
    background-image: url(https://file.garden/aouNILmU_FJZALDq/red%20gliiter);
-webkit-background-clip: text;
 -webkit-text-fill-color:  transparent;
    font-weight: bold;
    width: fit-content;
    margin: 0 auto;
	font-family: 'text';
    filter: drop-shadow(0px 1px black) drop-shadow(0 -1px black) drop-shadow(1px 0 black) drop-shadow(-1px 0 black) !important;
  }
  .online img{
    content: url(https://file.garden/aouNILmU_FJZALDq/online%20red.gif);
    animation: 3.0s;
  }
  .offline img {
    content: url(https://file.garden/aouNILmU_FJZALDq/red%20offline.gif);
    animation: none !important;
    
  }
  .myspace-header {
  margin-top: 10px;
    margin-bottom: 10px;
    border: 10px inset black;
  
   

  }
  .myspace-header, .top-nav{

    color: black !important;
    font-family: 'text' !important;
	      background-image: url(https://file.garden/aouNILmU_FJZALDq/skull%20background) !important; 

  }
  .main-nav li a, .main-nav-container, .dropdown-toggle, .top-nav, .search-button {
  background-color:darkred !important;
    color: black !important;
    font-family: 'text' !important;
 
  }
  
  .nav-search-form {
    color: black !important;
    background: #805491 !important;
    border: 10px inset black !important;
      font-family: 'text' !important;

  }
  .row.profile {
    background-color: darkred !important;
	border: black 10px inset !important;
    margin-top: 10px;
    padding:  10px;
    height: 600px !important;
    overflow: scroll;
 
  }
  body {
    background-image: url(https://file.garden/aouNILmU_FJZALDq/gggg.gif);
    animation: 3.0s all;

  }
  .table-section.photos-preview {
  border: solid 10px transparent !important;
    border: 10px inset black !important;
  }
  .blog-preview {
    border: 10px inset black !important;
    padding: 5px;

  }
  .blurbs {
    border: 10px inset black !important;


  }
  .img {
    filter: grayscale(100%) !important;
    animation: ease-in all 3.0s;
  }
  .img:hover{
    filter: none;
    animation: ease-out all 3.0s;
  }
  
  .friends {
    border: 10px inset black !important;

  }

  .heading {
          background: black !important;
      padding: 5px !important;
	color: white !important;
  }
	.contact {
  border: inset 10px black !important;

  }
  	.url-info {
  border: inset 10px black !important;

  }
  	.table-section.interests {
  border: inset 10px black !important;
  }
  	.footer {
  border: inset 10px black !important;
      padding: 5px !important;
      
  }
  .table-section.social-links {
  border: inset 10px black !important;
  }

  .profile-playlist-widget  { 
  color: white !important;
  font-family: 'text' !important;
  background-image: url(https://file.garden/aouNILmU_FJZALDq/gggg.gif) !important;
    background-size: cover !important;
    background-repeat: none !important;
  border: inset 10px black !important;
  }
.profile-playlist-widget h3 {
  color:white !important;
  font-family: 'h1' !important;
  }

.profile-playlist-widget li.current {
  background-color: darkred !important;
  }
.profile-playlist-widget .song-info  {
    color:white !important;
  font-family: 'h1' !important;
  }
.profile-playlist-widget .song-artist {
    color:white !important;
  font-family: 'h1' !important;
  }
.profile-playlist-widget li.played             /* rows that already played */
.pp-equalizer span 
  {
    background-image: url(https://file.garden/aouNILmU_FJZALDq/gggg.gif) !important;
  }

#footer-music-bar, .music-bar {
      color: black !important;
  font-family: 'h1' !important;
  content: white !important;
  background-color:darkred!important;
  }
  #bar-prev.bar-btn, #bar-play.bar-btn, #bar-next.bar-btn{
  background: black !important;
  }

  .bar-progress-container {
  background: black !important;
  }
  .bar-info-section, .bar-label-row, .bar-volume, .volume-slider-container, #bar-compact-toggle.bar-btn {
    color: black !important;
    background: darkred!important;
  }
  #frw-im-button.bar-btn.im-btn {
    font-family: 'h1' !important;
       color: black !important;
    background:  darkred!important; font-family: 'h1' !important;
  }
  .bar-playlist-container {
  background:darkred!important;
  content: url()!important;
    height: 20px;
  }
.logo .nav-logo {
  display: none !important;
}
  
#fr-contact.contact,.url-info{
 border: gray inset 3px;
  }
  

 img.icon{
  content: url(https://file.garden/aouNILmU_FJZALDq/skull.gif)  !important;
   height: 15px;
  }
  footer {
    background: darkred !important;
   border: black 10px inset !important;
  }
  ul.links {
    background: url(https://file.garden/aouNILmU_FJZALDq/skull%20background) !important;
    color: white !important;
    text-decoration: none !important;
    border: black 10px inset !important;
    height: 50px !important;
    filter: drop-shadow(0px 1px white) drop-shadow(0 -1px white) drop-shadow(1px 0 white) drop-shadow(-1px 0 white) !important;
  }
  
  a.instant-message-link, a.invite-to-group {
    display: none !important;
  }
.comments-table td {
  background: darkred !important;
  border: black 10px inset !important;
  filter: drop-shadow(0px 1px white) drop-shadow(0 -1px white) drop-shadow(1px 0 white) drop-shadow(-1px 0 white) !important;
  }

</style>