Layout Preview | FriendRewind

Name: FriendRewind
Author: FriendRewind
FriendRewind
← Back to Layouts
Edgy edgelord profile

Author: catsatehisface
Category: zombie
Created: June 21, 2026
so edgy and dark and idk this was my old layout for spacehey i dont PERSONALLY like it anymore, but to each their own! if you like this layout, by all means use it. sorry if the tag is wrong
Comments (0)

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

<style>
<style>
  .container {
    filter: grayscale(50%);
  }
  .details-table td:first-child {
    background: #850c00;
    border-radius: 8px;
    color: white;
    font-weight: bold;
    width: 27%;
    box-shadow: 0 0 10px #000, inset 3px 5px #ae1000, inset -7px -9px #2b0400;
    padding: 11px;
}

/* interest text */
.details-table td {
    background: #850c00;
    vertical-align: top;
    border-radius: 8px;
    box-shadow: 0 0 10px #000, inset 5px 6px #ae1000, inset -5px -7px #2b0400;
    padding: 14px;
}

  
html,body {cursor: url('https://64.media.tumblr.com/85244815d9a5ba5306a5316c884a0a35/1a44433204416b19-44/s75x75_c1/8fc2cb69821232b468508bee72754bbf60db5492.gifv'), 
auto;}

a:hover{cursor:
url('https://64.media.tumblr.com/f7b3dae63ae50bf6b1e77d93fcb034ed/1a44433204416b19-a7/s75x75_c1/f392f235ca54952b3e699807b37d49cf8f57fc39.gifv'),
auto;}
/* contact icons */
.contact .inner a img {
font-size: 0;
}
.contact .inner a img:before {
font-size: 1em;
display: block
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
/* add to friends */
content: url(https://64.media.tumblr.com/f4a6f871e411984d69e371dcf4f1bb32/6fe24381b3ab0462-4a/s75x75_c1/cd509df8a644ce3bf0d856dcd4ad2b4544e23bab.gifv);
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* add to favorite */
content: url(https://src.uwu.ai/assets/images/gallery13/85471051.gif?v=c16e796a);
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* send a message */
content:url(https://64.media.tumblr.com/697b01b8d47a42477c97274a4fdfa568/ba553a9c91eba651-ce/s75x75_c1/003cb00e396fb709a52e861b6704cbd09ea543b6.gifv);
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* forward to friend*/
content: url(https://64.media.tumblr.com/71563dc0fb97177cc819629132a94946/04dfb8c512e3f807-e7/s75x75_c1/76bf47b73887a63c3920e75b8794e4affd7310b2.gifv);
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/* instant message */
content: url(https://64.media.tumblr.com/e766542b34586c4cfae4e5d4538fb903/5d758e6be7ba86e3-f6/s75x75_c1/d5d00743b6237f01a186a91ff979f98466c25c21.gifv);
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* block user */
content: url(https://64.media.tumblr.com/30fd4954e77c5846054adba6e71dec8d/4976d92061e98e5d-f6/s75x75_c1/f10ff3d261adb1d3a7d644309053ab1be7fed275.gifv);
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/* add 2 group  */
content: url(https://64.media.tumblr.com/caa45b8017e2ea7f04eb10c74f91a11e/ea08c8c0ae432918-a7/s75x75_c1/45e06b97e58b279adae9de19fe2cce5ea9b3315c.gifv) ;
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* report */
content: url(https://64.media.tumblr.com/5207d46da1383ea39b41f2fe80bb104b/eef96d7787247162-44/s75x75_c1/d50bdd33a16fdb0e749757ec87ee73f38dd89ad0.gifv);

}   

.friends {
    overflow: scroll;
    overflow-x: scroll;
    overflow-x: hidden;
    height: 450px; 
}
  
  
@font-face {
     font-family: 'mywitcher';
     src: url('https://file.garden/ZSricSDRyR84aPSM/Nightcore%20Demo.ttf');
}


@font-face {
     font-family: 'blackeb';
     src: url('https://file.garden/ZSricSDRyR84aPSM/blaceb__-webfont.woff2');
}
  
  .profile {
background: url(https://media.tenor.com/AXYSMOzS4RUAAAAC/graveyard-grim.gif);
  background-size: cover ;
background-attachment: fixed;
}
  
  @media(min-width:810px) {
    /*SIZE*/
    .profile .url-info {
height: 332px;
width: auto;
background: url(https://file.garden/ZSricSDRyR84aPSM/jeff%20youtube);
}
.profile .url-info p{
   color: black !important;
   font-family: 'mywitcher' !important;
   font-size:0px !important;
 }


footer, footer *{
    display:none !important;
    background-color:transparent;
}
    
    .container{
	width:100%;
}
    main {
		float: right;
		width: calc(100% - 190px);
		position: relative;
		z-index: 10;
      	top:-756px;
      border-radius: 0px 0 0px 0px;
  
      
      
  .profile-info {
background-image: url(https://i.pinimg.com/564x/4c/72/3d/4c723d6b5bd541b890bcc8c1989943b9.jpg);
text-color: white;
}

/*TABLES*/


.profile .friends .person p {
    color: inherit;
    font-weight: bold;
    width: 100%;
    overflow-wrap: break-word;
    word-break: break-word;
    font-size: 100%;
    text-align: center;
}

    .top input{border-radius: 15px 15px 15px 15px;
}

.profile .friends .person img:not(.icon) { -webkit-mask-image: url(https://images.emojiterra.com/google/noto-emoji/unicode-15/animated/1fac0.gif);-webkit-mask-size: 100%;-webkit-mask-repeat: no-repeat;-webkit-mask-position: center;filter: sepia(100%) hue-rotate(312deg) saturate(4);}


.profile .contact .heading, .profile .table-section .heading, .setting-section .heading, .home-actions .heading {
    background-image: url('https://file.garden/ZSricSDRyR84aPSM/gutsbanner');
    color: white;
    padding: 2px 7px;
    box-shadow: 0 0 5px black, 0 0 10px black;
    border-radius: 8px;
}

.profile .contact, .profile .url-info, .profile .table-section, .setting-section {
border: transparent;
box-shadow: 2px 2px 4px 2px black;
}

.profile .contact, .profile .url-info, .profile .table-section, .setting-section, .home-actions {
    width: 100%;
    border: none;
    margin: 10px 0;
}

.profile .blurbs .inner, .profile .friends .inner, .blog-entry .comments .inner, .bulletin .comments .inner, .setting-section .inner {
    box-shadow: 2px 2px 6px 2px black;

}

.profile .table-section{
    border-radius: 25px 25px 25px 0px !important;
    border-color: #282828;
}

  .profile .contact {
    border:2px solid rgba(0, 0, 0, 0);
    background-image: url(https://i.pinimg.com/564x/8e/7e/41/8e7e41c6ca5075f8d382d77163c5318a.jpg);
    background-position: right top;
    background-repeat: center;
    background-attachment: scroll;
    color: black;   
  border-radius: 15px 15px 15px 15px !important; 

}


table.comments-table p{
   color: white !important;
   font-family: 'mywitcher' !important;
   font-size:25px !important;
 }

table.comments-table a{
   color: red !important;
   font-family: 'mywitcher' !important;
   font-size: 15px !important;
 }


.comments-table td:first-child img {
        border-radius: 25px;
}

comments-table td{
    width:100%;
}

table.comments-table{
    display: block;
    height: 600px !important;
    overflow-y: auto;
    border-width: 0px;
    width:100%;
}

table.comments-table td {
background-color: black !important;
border-radius: 10px;
padding: 1em;
}





/*TABLE*/

/*ROUND HEADINGS*/

/*PROFILE*/
.profile {
background: url(https://media.tenor.com/AXYSMOzS4RUAAAAC/graveyard-grim.gif);
  background-size: cover ;
background-attachment: fixed;
}
.profile .blurbs .heading, .profile .friends .heading {
    background-image:url('https://file.garden/ZSricSDRyR84aPSM/gutsbanner');
    color: white;
    border-radius: 8px;
    padding: 2px 7px;
    box-shadow: 0 0 10px black, 0 0 5px black;
}
  
   body {  
  background: url(https://media.tenor.com/AXYSMOzS4RUAAAAC/graveyard-grim.gif);
  background-size: cover ;
background-attachment: fixed;
     filter: grayscale(50%);
}


main:before{
width: 100%

margin-bottom: 1px;
margin-top: -6px;
height: 140px;
display: block;
content: "";
filter: grayscale(50%);

background-image: url(https://i.pinimg.com/originals/00/43/15/0043153fc830635e80545d9ed70dbd81.gif);
background-position: center center;
background-size: cover;
background-position: center center;
background-color: transparent;
background-repeat: repeat;
}
  
  
  
  h1{
color: red !important;
font-family: 'blackeb' !important;
font-size:50px !important;
text-shadow: 3px 3px white;
 }

h2,h3,h4,h5{
color: white !important;
font-family: 'blackeb' !important;
font-size:30px !important;
 }

p{
   color: 

#db2323 !important;
   font-family: 'mywitcher' !important;
   font-size:20px !important;
 }

.online {
    content: url('http://www.myspacegens.com/images/online_now/325.gif');
    box-shadow: 0 0 5px red, 0 0 10px black;
    display: block;
		margin-left: 34px;
		margin-right: auto;
}

  
  
  
  
  
  
  
  .container {
    max-width: 1200px !important; 
    width: 100% !important;
}
  
.profile { direction: rtl; } 
.blurbs { direction: ltr; } 
.blog-preview { direction: ltr; } 
.friends { direction: ltr; } 
.general-info { direction: ltr; } 
.contact { direction: ltr; } 
.url-info { direction: ltr; } 
.details-table { direction: ltr; } 
.profile .table-section .heading { direction: ltr; } 
.details p { direction: ltr; } 
.mood { direction: ltr; } 
h1, h2, h3, h4, h5, h6 { direction: ltr; } 

  nav {
    width: 240px !important;
    position: relative !important;}
  
nav .top { 
    background-image: url('https://file.garden/ZSricSDRyR84aPSM/gutsbanner'); 
    margin-bottom: -40px; 
    text-align: center; 
    border-radius: 25px 25px 0 0px; 
    height: 90px !important; 
    box-shadow: 0 0 50px black, 0 0 50px black; 
} 

nav .links { 
    background-color: #db2323; 
    background-image: url('https://file.garden/ZSricSDRyR84aPSM/More%20guts'); 
    background-position: center center; 
    background-size: cover; 
    display: flex; 
    flex-direction: column; 
    align-items: center;   
    justify-content: center;
    right: 0px; 
    font-family: 'mywitcher'; 
    margin: 40px 0; 
    position: relative; 
    border-radius: 0px 0 0 25px; 
    width: 189px; 
    height: 690px; 
    box-shadow: 0 0 25px black, 0 0 0px black; 
} 

nav .links a { 
    display: block;      
    font-size: 18px; 
    color: white; 
    text-shadow: none; 
    padding: 8px 0;      
    text-decoration: none; 
    text-align: center;
    width: 100%;
} 

nav .links a:hover { 
    color: red; 
} 

nav .left { 
    display: flex !important; 
    transform: translateX(15px) translateY(15px); 
}</style></style>