← Back to Layouts
idk something cool

Name: FriendRewind
Author: FriendRewind
Author: cyb3r_b@rbiie
Category: :D
Created: August 2, 2026
Comments (0)

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

<style>
<img src="/proxy/image.php?url=https%3A%2F%2Fwww.gigaglitters.com%2Fcreated%2FoxK6eSG4lG.gif"><style>
@import url('https://fonts.googleapis.com/css2?family=Staatliches&display=swap');
</style>


<style>
body {    
   background: url(https://i.pinimg.com/control1/1200x/88/20/db/8820db1ce3b399049120d2c871e27176.jpg);
}
  .profile {    
     background: insert color of  main profile ;
}

h1
{
	color:
h1
{         color: white; 
	//text-shadow: 1px 1px #de007a;
	
};
	text-shadow: 2px 2px 3px #ffd1dc, 0 0 25px #ffd1dc, 0 0 5px black;
}
h1, h2, h3, h4,h5,a, p, nav label, .section
{
	
main, top, links, nav .top, nav .links, details-table
{
    background:  !important;
	background-image:   !important;
	background-size: cover !important;
    padding: 0 !important;
    /*font-size: small;*/
    color: #de007a;
{

.mood
text-transform:uppercase !important;
}

table, td
}
	/* border: 1px solid var(--url-pink-bg)!important; */
	border-spacing: 2px;
}

.profile .contact, .profile .url-info, .profile .table-section, .home-actions
{
    width: 100%;
    border: 2px solid var(--#de007a);
}
table, th, td

}
   border: 1px solid #de007a;
   border-spacing: 2px;
}
.blog
}   
   border: 10px solid #de007a;
}
.profile .contact, .profile .url-info, .profile .table-section, .home-actions
}
   width: 100%;
   border: 4px outset #de007a;
   margin 10px 2;
}

.online
{
  color: gold!important; 
  //text-shadow: 1px 1px white;
}

:root 
{
	--logo-blue: ;
 	--darker-blue: ;
	--lighter-blue: #de007a;
	--even-lighter-blue: ;
	--lightest-blue: ;
	--dark-orange: ;
	--light-orange: ;
	--even-lighter-orange: ;
	--turquoise: ;
        
        --table-header: white;
	--table-color: white;
	--link-text: white;
	--main-text: white;

    }   
main 
{
  /* changes made to stuff outside of columns */
    background: black;
    padding: 0;
    font-size: small;
    color: #de007a;
text color: white;
  text-shadow: 1px 1px 2px #000000, 0 0 25px #000000, 0 0 3px #000000; 
}
footer 
{
    background: white!important;
}
.comments-table{
display: block;
height: 500px;
overflow-y: scroll;
Border-radius: 8px; 
color: #fe7ec0;
  text-shadow: 1px 1px 2px #000000, 0 0 25px #000000, 0 0 3px #000000; 
}
.contact {
  border-radius: 8px;
  background-image: url(https://th.bing.com/th/id/R.75b7633177977a276cd781b0e0520a92?rik=EpfN3HQQ7%2fOhcw&riu=http%3a%2f%2fwww.solidbackgrounds.com%2fimages%2f5120x2880%2f5120x2880-black-solid-color-background.jpg&ehk=AqB9SoEXUPu7BGaVH7M32l2%2b1UZ%2foIlkcd8MnplO62E%3d&risl=&pid=ImgRaw&r=0);
  background-position: right top;
  background-repeat: repeat;
background-attachment: scroll;
Width: 310px;
Height:180px;

color: #fe7ec0;
  text-shadow: 1px 1px 2px #de007a, 0 0 25px #de007a, 0 0 3px #fe7ec0; 
}
.friends th, tr, .friends td, th, .icon, main, .comments-table, .friends, .profile-info, .table, .table-section,  .url-info, .mood, .blurbs, .blog-preview, .details, 
{
border: 1px curve none !important;
outline: none !important;
}
img
{
border-radius: 12px;
}

main {
background:  black;
border-radius: 14px;
padding: 0;
font-size: 85%;
color: #000000;
}

nav, footer, .profile .contact {
display: inherit !important;
opacity: 1 !important;
border-radius: 12px;
}
main {
background:  ;
border-radius: 12px;
border: 12px solid #000000;
padding: 0;
font-size: 90%;
color: #fe7ec0;
}
nav .top {
  background: transparent;
}

nav .links {
  background: rgba(0, 0, 0, 0.3);
}

nav { background-image: url(https://i.pinimg.com/736x/f3/e1/2e/f3e12e5591106c93af74f140772ca0fb.jpg) 
}


/*customising interests box*/
  .profile .table-section{
    border:2px solid #de007a;
    border-radius: 15px;
  }
  .profile .table-section .heading{
    background:#000000;
    border: 1px solid #fe7ec0;
    border-radius: 15px 15px 0px 0px;
    text-align: center;
  }
  .profile .table-section .heading h4{
    color: #fe7ec0;
    text-shadow: 1px 1px 2px black;
  }
  .profile .table-section .details-table td{
    background: rgba(0, 0, 0, 0);
    padding-right: 10%;
  }
 
  .profile .friends .heading{
    background: #de007a;
    color: #fe7ec0;
    text-shadow: 1px 1px 2px black;
    text-align: center;
  }
  .profile .friends .heading h4{
    text-align: center;
    color: #fe7ec0;
    text-shadow: 1px 1px 2px black
  }
.general-about {
	background-image: url(https://i.pinimg.com/originals/cc/f5/fe/ccf5fe8c626aa07f982b80993f0c0d39.gif);
	padding: 20px;
	border-radius: 10px;
	box-shadow: 4px 4px 0 #aa1b66;
	text-align: center;
	animation: nineties2 2s ease 0s infinite normal none;
	animation-delay: .46s;
}

     /* margin-top: -5px; */
	padding: 18px;
	box-shadow: 4px 4px 0 #000;
}

.profile .profile-info .inner h3 {
	filter: drop-shadow(3px 3px 0 #000000);
	margin: 0!important;
	color:#FFF;
}
.profile .profile-info .inner h3 a {
	color: #FFFFFF;
}
.profile .profile-info {
	background-image: url(https://i.pinimg.com/originals/3d/2b/64/3d2b645558f1874f363945ddc3bfd305.gif);
	padding: 20px;
	border: none;
	border-radius: 10px;
	box-shadow: 4px 4px 0 #aa1b66;
	text-align: center;
	animation: nineties2 2s ease 0s infinite normal none;
	animation-delay: .15s;
	border: none;
}</style>


<style>
#vinyl-gallery * {
    all: unset;
  }
 
  #vinyl-gallery {
    all: initial!important;
    width: 100%!important;
    height: 230px!important;
    margin: 30px 0!important;
    display: flex!important;
    flex-direction: row!important;
    position: relative!important;
    justify-content: flex-start!important;
    margin-left: 40px!important;
  }
 
  #vinyl-gallery .vinyl {
      all:unset!important;
    perspective: 500px !important;
    width: 18px!important;
    transition: width 0.5s!important;
  }
 
  #vinyl-gallery .vinyl:hover {
    width: 148px!important;
  }
 
  #vinyl-gallery img {
      all:unset!important;
    transition: transform 0.5s, width 0.5s, height 0.5s, margin-top 0.5s!important;
    width: 180px!important;
    height: 180px!important;
    transform: rotateX(0deg) rotateY(25deg)!important;
    transform-style: preserve-3d!important;
    border-radius: 4px!important;
    border: 2px solid rgba(0, 0, 0, 0.1)!important;
object-fit: cover!important;
  }
 
  #vinyl-gallery .vinyl:hover img {
    transform: rotateX(0deg) rotateY(10deg)!important;
    width: 188px!important;
    height: 188px!important;
    margin-top: -2px!important;
  }
 
  #vinyl-gallery .title {
    color: #000000;
    display: block;
    visibility: hidden;
    position: absolute;
    bottom: 0px;
    text-align: center;
    width: 100%;
    padding-left: 0px;
  }
 
  #vinyl-gallery .vinyl:nth-child(n):hover + .title {
    visibility: visible;
  }
</style><div id="vinyl-gallery">
  <div class="vinyl">
    <img src="/proxy/image.php?url=https%3A%2F%2Fi.pinimg.com%2Fcontrol1%2F736x%2F02%2F44%2Ffd%2F0244fd966fc83a9042db34c257d90173.jpg">
  </div>
  <div class="title">Gym Class Heroes - The Papercut Chronicles</div>

  <div class="vinyl">
    <img src="/proxy/image.php?url=https%3A%2F%2Fi.pinimg.com%2Fcontrol1%2F736x%2F08%2Ffd%2F81%2F08fd81a0493ae53bb2226136620dbe41.jpg">
  </div>
  <div class="title">Mindless Self Indulgence - Frankenstein Girls Will Seem Strangely Sexy</div>

  <div class="vinyl">
    <img src="/proxy/image.php?url=https%3A%2F%2Fi.pinimg.com%2F736x%2Fe3%2Fa4%2F0e%2Fe3a40e864de54183a068d5ed569cedb8.jpg">
  </div>
  <div class="title">The Offspring - Americana</div>

  <div class="vinyl">
    <img src="/proxy/image.php?url=https%3A%2F%2Fi.pinimg.com%2F736x%2F3f%2F21%2F7d%2F3f217db2a5c090f9d9f877f074e144a5.jpg">
  </div>
  <div class="title">The All-American Rejects - The All-American Rejects</div>

  <div class="vinyl">
    <img src="/proxy/image.php?url=https%3A%2F%2Fi.pinimg.com%2F736x%2Ffd%2Fbf%2F2e%2Ffdbf2ef250dab06d1d5a19095e1d5c1a.jpg">
  </div>
  <div class="title">Metro Station - Metro Station</div>

  <div class="vinyl">
    <img src="/proxy/image.php?url=https%3A%2F%2Fi.pinimg.com%2F736x%2F6e%2F65%2Fe0%2F6e65e0daffc1b5803627eaf825a64c8b.jpg">
  </div>
  <div class="title">3OH!3 - Want</div>

  <div class="vinyl">
    <img src="/proxy/image.php?url=https%3A%2F%2Fi.pinimg.com%2Fcontrol1%2F1200x%2Ffc%2F48%2F5f%2Ffc485f3b83bb8c2fc8dff600277e1ce7.jpg">
  </div>
  <div class="title">Paramore - Riot!</div>

  <div class="vinyl">
    <img src="/proxy/image.php?url=https%3A%2F%2Fi.pinimg.com%2F736x%2Fba%2Fff%2F54%2Fbaff54918c15916cb0768e7c98ed917d.jpg">
  </div>
  <div class="title">Panic! At The Disco - A Fever You Can't Sweat Out</div>

  <div class="vinyl">
    <img src="/proxy/image.php?url=https%3A%2F%2Fi.pinimg.com%2Fcontrol1%2F1200x%2F68%2F2d%2Fd6%2F682dd6b95542e46bb3f3a8f14dcb8af7.jpg">
  </div>
  <div class="title">Bring Me The Horizon - Sempiternal</div>

  <div class="vinyl">
    <img src="/proxy/image.php?url=https%3A%2F%2Fi.pinimg.com%2F736x%2Fc3%2F2e%2F6f%2Fc32e6f9657c5c7a01cbeb57c17f4712d.jpg">
  </div>
  <div class="title">Good Charlotte - The Young and the Hopeless</div>

  <div class="vinyl">
    <img src="/proxy/image.php?url=https%3A%2F%2Fi.pinimg.com%2F736x%2Fb2%2F96%2F87%2Fb29687f8a27b54c9cee1f34a416ecf6d.jpg">
  </div>
  <div class="title">Sublime - Sublime</div>

  <div class="vinyl">
    <img src="/proxy/image.php?url=https%3A%2F%2Fi.pinimg.com%2Fcontrol1%2F1200x%2F74%2Faa%2F36%2F74aa36e9ab6bef811a63dcf311f74ad1.jpg">
  </div>
  <div class="title">Mindless Self Indulgence - Tight</div>

  <div class="vinyl">
    <img src="/proxy/image.php?url=https%3A%2F%2Fi.pinimg.com%2F736x%2F07%2F92%2Fbd%2F0792bd4162486db973a01a15a0674e0b.jpg">
  </div>
  <div class="title">Blur - Parklife</div>

  <div class="vinyl">
    <img src="/proxy/image.php?url=https%3A%2F%2Fi.pinimg.com%2Fcontrol1%2F1200x%2F3e%2F7e%2F98%2F3e7e98c1ba61e72acd8912d9f014f993.jpg">
  </div>
  <div class="title">My Chemical Romance - Three Cheers for Sweet Revenge</div>
</div><style></style>

<style>
*{ cursor:url(https://cdn.cursors-4u.net/previews/ipod-video-pink-e02e5a75-32.webp),auto !important;                  }</style>

<style>
/* 1. Universal Content Box Target (Catches Blurbs, Comments, Contact, Friends, Video Containers) */
.contact, 
.blurbs, 
.friends, 
.comments-table, 
#comments,
.blogs, 
.videos, 
.music-player,
.profile .left img,
.profile-pic img {
    border: 3px solid #ff007f !important; /* Thicker solid base line */
    box-shadow: 0 0 10px #ff007f, 0 0 20px #ff007f !important; /* Tight intense pink core glow */
    transition: box-shadow 0.2s ease-out, border-color 0.2s ease-out, transform 0.2s ease-out;
}

/* 2. Deep Table and Class Target (Forces the Intersecting Interests & Custom Photo/Video Box Elements to Glow) */
.blurbs table,
.blurbs td,
.blurbs .section,
.videos video,
.videos iframe,
.extendedProfile {
    border: 3px solid #ff007f !important;
    box-shadow: 0 0 10px #ff007f, 0 0 20px #ff007f !important;
    transition: box-shadow 0.2s ease-out, border-color 0.2s ease-out;
}

/* 3. Extreme Sunburst Hover Blast for Main Framework Blocks */
.contact:hover, 
.blurbs:hover, 
.friends:hover, 
.comments-table:hover, 
#comments:hover,
.blogs:hover, 
.videos:hover, 
.music-player:hover,
.profile .left img:hover,
.profile-pic img:hover,
.blurbs table:hover,
.blurbs .section:hover,
.extendedProfile:hover {
    border-color: #ffffff !important; /* Pure white center core line */
    /* Layered rays: White core blast, aggressive pink mid-streaks, massive sunburst outer glow */
    box-shadow: 0 0 15px #ffffff, 
                0 0 30px #ff007f, 
                0 0 60px #ff007f, 
                0 0 100px #ff007f,
                inset 0 0 15px #ff007f !important;
    transform: scale(1.01); /* Very slight lift to make the layout pop out on hover */
}
</style>

<style>
/* Keeps Hello Kitty floating perfectly on your screen */
.screen-buddy {
    position: fixed !important;
    bottom: 20px !important;    /* Position above the bottom edge */
    right: 20px !important;     /* Position out from the right edge */
    z-index: 99999 !important;  /* Locks her on top of all tables, images, and text */
    width: 110px !important;    /* Set her display size */
    height: auto !important;
    pointer-events: none !important; /* Lets users click through her to click background links */
}
</style><img src="/proxy/image.php?url=https%3A%2F%2Fusagif.com%2Fwp-content%2Fuploads%2Fgify%2Fhello-kitty-sticker-17.gif" class="screen-buddy" alt="Hello Kitty Screen Buddy"><style>
/* 1. Imports your exact Bitcount Grid Double link */
@import url('https://fonts.googleapis.com/css2?family=Bitcount+Grid+Double:wght@100..900&display=swap');

/* 2. Applies the pixel font globally across your entire layout */
*, body, p, div, span, td, a, h1, h2, h3, h4, h5, th {
    font-family: "Bitcount Grid Double", system-ui, sans-serif !important;
    font-optical-sizing: auto !important;
    font-style: normal !important;
    font-variation-settings: "slnt" 0, "CRSV" 0.5, "ELSH" 0, "ELXP" 0 !important;
    
    /* ADJUST TEXT THICKNESS HERE: Try 300, 400, 500, or 700 to find your exact look */
    font-weight: 500 !important; 
    font-size: 14px !important; /* Slight boost to keep retro pixel font clear and legible */
}

/* 3. Forces headers and titles to use a bolder version of the pixel font */
h1, h2, h3, th {
    font-weight: 800 !important;
}
</style>



<style>
  body {
    background-image: url(https://www.animationsoftware7.com/img/agifs/snow02.gif), url('https://i.pinimg.com/control1/1200x/88/20/db/8820db1ce3b399049120d2c871e27176.jpg') !important;
    background-attachment: fixed, fixed !important;
    background-repeat: repeat, repeat !important;
  }
</style></style>