← Back to Layouts
renoffals

Name: FriendRewind
Author: FriendRewind
Author: renstzr*<3
Category: Vintage
Created: September 24, 2026
Comments (0)

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

<style id="fr-vb2">
/* VB2_STATE:{"cursorUrl":"https://lelegofrog.github.io/downloads/cursormania/12182a.gif","overlayUrl":"https://lelegofrog.github.io/downloads/cursormania/12182a.gif","overlayOpacity":0.2,"avatarAnimation":"monitor","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 */

* { cursor: url(https://lelegofrog.github.io/downloads/cursormania/12182a.gif), auto !important; }

html::before {
    content: "";
    position: fixed;
    top: -100%; left: -50%;
    width: 300%; height: 300%;
    background-image: url('https://lelegofrog.github.io/downloads/cursormania/12182a.gif');
    opacity: 0.2;
    pointer-events: none;
    animation: grain 8s steps(10) infinite;
    z-index: -2;
  }

@keyframes grain {
    0%, 100% { transform:translate(0, 0) }
    10% { transform:translate(-5%, -10%) }
    20% { transform:translate(-15%, 5%) }
    30% { transform:translate(7%, -25%) }
    40% { transform:translate(-5%, 25%) }
    50% { transform:translate(-15%, 10%) }
    60% { transform:translate(15%, 0%) }
    70% { transform:translate(0%, 15%) }
    80% { transform:translate(3%, 35%) }
    90% { transform:translate(-10%, 10%) }
  }

.profile-pic{position:relative;width:180px;height:180px;display:inline-block;overflow:hidden;}
.profile-pic img{position:absolute;top:9.0%!important;left:7.6%!important;width:84%!important;height:85%!important;object-fit:cover;z-index:1;clip-path:inset(2.2% 2.6% 3.2% 2% round 16% 20% 22% 16%)!important;}
.profile-pic::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url('https://friendrewind.com/uploads/gallery/1/img_68e46a2e779929.30369018.png');background-size:100% 100%;background-repeat:no-repeat;background-position:center;pointer-events:none;z-index:2;}
</style><style>


/* FR_MANUAL_EXTRAS */
</style>
<style>


/* FR_MANUAL_EXTRAS */
</style>
<style>


/* FR_MANUAL_EXTRAS */
</style>
<style>

/* =========================================================
   FRIENDREWIND — GOREY CUTE SCENECORE
   ========================================================= */

:root{
    --teal:#19D9D0;
    --bright-teal:#7FFFF8;
    --dark-teal:#06292D;
    --navy:#020713;
    --blood:#8B0015;
    --red:#D4002F;
    --text:#D9FFFF;
}


/* =========================================================
   PAGE BACKGROUND
   ========================================================= */

body{
    background:
        linear-gradient(rgba(2,7,19,.72),rgba(2,7,19,.72)),
        url("https://i.pinimg.com/1200x/97/e4/fa/97e4faa55a12a00ec38b832e763b6a4e.jpg");

    background-size:cover;
    background-position:center;
    background-attachment:fixed;

    color:var(--text);

    font-family:Verdana,Arial,sans-serif;

    cursor:url("https://lelegofrog.github.io/downloads/cursormania/8304a.gif"),auto;
}


/* =========================================================
   MAIN PROFILE
   ========================================================= */

main{
    position:relative;

    background:
        linear-gradient(
            rgba(0,0,0,.70),
            rgba(2,7,19,.76)
        );

    border:2px solid var(--teal);

    box-shadow:
        0 0 8px var(--teal),
        0 0 25px rgba(25,217,208,.45),
        inset 0 0 30px rgba(0,0,0,.7);

    overflow:visible;
}


/* =========================================================
   BANNER
   ========================================================= */

main:before{
    content:"";

    display:block;

    width:100%;
    height:245px;

    background-image:
        url("https://i.pinimg.com/1200x/63/d0/39/63d039785b96d3deb1dc6364cdc78c4b.jpg");

    background-size:cover;
    background-position:center;

    border-bottom:2px solid var(--teal);

    box-shadow:
        0 4px 15px rgba(0,0,0,.8);
}


/* =========================================================
   ALL THE FLOATING BANNER STAMPS
   ========================================================= */

main:after{
    content:"✦  renoffals ---- deathfuldoubt  ✦";

    position:absolute;

    top:0;
    left:0;

    width:100%;
    height:245px;

    z-index:20;

    pointer-events:none;

    /* TEXT UNDER MAIN CENTRE BLINKIE */

    text-align:center;

    padding-top:207px;

    box-sizing:border-box;

    font-family:Verdana,Arial,sans-serif;

    font-size:13px;

    font-weight:bold;

    letter-spacing:1px;

    color:#7FFFF8;

    text-shadow:
        0 0 3px #19D9D0,
        0 0 7px #19D9D0,
        0 0 12px rgba(127,255,248,.8);


    /* =====================================================
       STAMPS / GIFS
       ===================================================== */

    background-image:

        /* OLD GIFS */

        url("https://web.archive.org/web/20090830214212im_/http://www.geocities.com/jrenee_0475/wait4eva.gif"),

        url("https://web.archive.org/web/20091022085501im_/http://www.geocities.com/qc_bloodlines/biteme.gif"),

        url("https://64.media.tumblr.com/9612bbf94fda9c5d44ca0c5e49309e72/ac8e7a9a16bf933f-93/s640x960/3b9e99b5d90bdc1ddcb48b5f7fab4ba557b59d40.gifv"),


        /* OLD STAMPS */

        url("https://adriansblinkiecollection.neocities.org/stamps/b42.gif"),

        url("https://adriansblinkiecollection.neocities.org/stamps/f1.jpg"),


        /* NEW STAMPS */

        url("https://adriansblinkiecollection.neocities.org/stamps/i1.gif"),

        url("https://adriansblinkiecollection.neocities.org/stamps/a66.gif"),

        url("https://adriansblinkiecollection.neocities.org/stamps/i3.png"),

        url("https://adriansblinkiecollection.neocities.org/l1.gif"),

        url("https://adriansblinkiecollection.neocities.org/k26.gif"),

        url("https://adriansblinkiecollection.neocities.org/h50.gif"),

        url("https://adriansblinkiecollection.neocities.org/e95.gif"),

        url("https://adriansblinkiecollection.neocities.org/c39.gif"),

        url("https://adriansblinkiecollection.neocities.org/b23.gif"),

        url("https://adriansblinkiecollection.neocities.org/a46.gif"),


        /* BIG CENTRE STAMP */

        url("https://adriansblinkiecollection.neocities.org/e111.gif"),


        /* BRAND NEW ONES */

        url("https://adriansblinkiecollection.neocities.org/stamps/e118.gif"),

        url("https://adriansblinkiecollection.neocities.org/stamps/g18.gif"),

        url("https://adriansblinkiecollection.neocities.org/stamps/d6.gif"),

        url("https://adriansblinkiecollection.neocities.org/stamps/d1.gif");


    background-repeat:
        no-repeat,no-repeat,no-repeat,
        no-repeat,no-repeat,
        no-repeat,no-repeat,no-repeat,no-repeat,no-repeat,
        no-repeat,no-repeat,no-repeat,no-repeat,
        no-repeat,
        no-repeat,no-repeat,no-repeat,no-repeat;


    /* =====================================================
       SIZES
       ===================================================== */

    background-size:

        /* old gifs */
        90px auto,
        78px auto,
        125px auto,

        /* old stamps */
        72px auto,
        75px auto,

        /* stamps */
        62px auto,
        68px auto,
        70px auto,
        64px auto,
        65px auto,
        67px auto,
        63px auto,
        65px auto,
        62px auto,
        65px auto,

        /* BIG E111 */
        170px auto,

        /* NEW */
        70px auto,
        72px auto,
        68px auto,
        70px auto;


    /* =====================================================
       POSITIONS
       ===================================================== */

    background-position:

        /* OLD GIFS */

        18px 15px,

        right 20px top 18px,

        8% 135px,


        /* OLD STAMPS */

        40px 190px,

        right 35px top 190px,


        /* TOP / MIDDLE STAMPS */

        145px 12px,

        225px 18px,

        right 145px top 12px,

        right 68px top 14px,


        /* LOWER STAMPS */

        15px 92px,

        105px 175px,

        right 12px top 88px,

        220px 170px,

        right 180px top 165px,

        73% 12px,


        /* BIG CENTRE */

        center 40px,


        /* BRAND NEW STAMPS */

        32% 175px,

        56% 178px,

        77% 180px,

        91% 125px;


    filter:
        drop-shadow(0 0 2px #19D9D0)
        drop-shadow(0 0 5px rgba(0,0,0,.95));
}


/* =========================================================
   PROFILE PICTURE
   ========================================================= */

.general-about .profile-pic{

    padding:10px;

    background:
        url("https://i.pinimg.com/736x/ab/4e/02/ab4e02226d2f08c8b5ca9288fa4fc7e3.jpg");

    background-size:cover;
    background-position:center;

    border:2px solid var(--teal);

    box-shadow:
        0 0 8px var(--teal),
        0 0 18px rgba(25,217,208,.6);
}


/* =========================================================
   HEADERS
   ========================================================= */

h1,h2,h3,h4{

    color:var(--bright-teal) !important;

    text-shadow:
        0 0 4px var(--teal),
        0 0 8px var(--teal),
        0 0 15px rgba(25,217,208,.8);
}


/* =========================================================
   TEXT
   ========================================================= */

p{
    color:#D9FFFF;

    text-shadow:
        0 0 3px rgba(25,217,208,.4);
}


/* =========================================================
   LINKS
   ========================================================= */

a{
    color:#7FFFF8 !important;

    text-shadow:
        0 0 4px #19D9D0;

    transition:.15s;
}

a:hover{
    color:#FFFFFF !important;

    text-shadow:
        0 0 5px #19D9D0,
        0 0 12px #19D9D0,
        0 0 20px #D4002F;
}


/* =========================================================
   TABLES / SECTIONS
   ========================================================= */

table,
.contact,
.blurbs,
.friends,
.comments-table{

    background:rgba(0,0,0,.62) !important;

    border:1px solid var(--teal) !important;

    box-shadow:
        0 0 8px rgba(25,217,208,.25);
}


table td{
    background:rgba(2,7,19,.55) !important;
}


/* =========================================================
   ONLINE GIF
   ========================================================= */

.online{
    content:url(
        "http://dl6.glitter-graphics.net/pub/121/121896n9dppf5kxv.gif"
    );

    background-repeat:no-repeat;

    background-position:-15% 75%;

    z-index:30;
}


/* =========================================================
   MUSIC PLAYER
   ========================================================= */

#music{

    position:relative;

    background:
        url("https://i.pinimg.com/originals/5e/fa/30/5efa303c657bcda95a50da8f8d52b462.gif")
        top left no-repeat;

    background-size:100% 100%;

    overflow:hidden;

    height:50px;

    max-width:305px;

    border:1px solid #000;
}


#music iframe{

    position:absolute;

    top:0;

    height:47px;

    opacity:.00000000000000000000000001;

    z-index:0;

    left:0;
}


#music div{

    position:absolute;

    top:10px;

    left:55px;

    width:51%;

    margin:0 !important;
}


#music span{

    display:block;

    color:#FFFFFF;

    font-weight:normal;

    text-align:left;

    font-size:12px;

    width:240px;
}


/* =========================================================
   DIVIDERS
   ========================================================= */

.blurb img[src*="blooddivider"],
.blurb img[src*="cautiondivider"],
.blurb img[src*="tumblr_49f9843abf8d99b19e4b466aa58d83c1"]{

    display:block;

    width:100%;
    max-width:500px;

    height:auto;

    margin:18px auto;

    object-fit:contain;

    filter:
        drop-shadow(0 0 4px #19D9D0)
        drop-shadow(0 0 5px rgba(139,0,21,.8));
}


/* =========================================================
   PROFILE CONTENT DIVIDER CONTAINERS
   ========================================================= */

.blurb{
    position:relative;
}


/* =========================================================
   SCREEN FLASH
   ========================================================= */

body::selection{

    content:" ";

    height:100vh;
    width:100vw;

    display:block;

    position:fixed;

    top:0;
    left:0;

    z-index:100;

    background-image:
        url("https://media.tenor.com/Ewb3gsajZHgAAAAC/jellyfish-bluish.gif");

    background-size:cover;

    background-repeat:no-repeat;

    background-position:center;

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

    pointer-events:none;
}


@keyframes yourAnimation{

    0%{
        opacity:1;
    }

    75%{
        opacity:1;
    }

    100%{
        opacity:0;
    }
}


/* =========================================================
   GLASS / GLOW
   ========================================================= */

main,
table,
.contact,
.blurbs,
.friends,
.comments-table{

    backdrop-filter:blur(2px);
}


main{

    text-shadow:
        0 0 2px rgba(127,255,248,.25);
}

</style><p>hiiii my profile is finished!! (I think) happy to meet u xoxo</p>

<p>no one loves teal more than me ;D</p>

<p>im 15</p>

<p>I hate my computer science class</p>

<p>I like teal btw and nice to meet u</p>

<p>anyone can add me</p>

<img src="/proxy/image.php?url=https%3A%2F%2Fadriansblinkiecollection.neocities.org%2Fdividers%2Fblooddivider.gif">

<p>not a friend collector, I try and talk and sometimes I start convos xx</p>

<p>talk to me pls, I get super bored and try my best to keep a Convo going!!</p>

<img src="/proxy/image.php?url=https%3A%2F%2Fadriansblinkiecollection.neocities.org%2Fdividers%2Fcautiondivider.gif">

<p>recommend me things! I'm open to anything and happy to try new things as long as they aren't completely out of my comfort zone</p>

<p>everyone nice</p>

<p>cool people</p>

<p>nice people</p>

<img src="/proxy/image.php?url=https%3A%2F%2Fadriansblinkiecollection.neocities.org%2Fdividers%2Ftumblr_49f9843abf8d99b19e4b466aa58d83c1_9c8222d9_400.png">

<p>idk I just want to extend this so my profile looks nice ;-;</p>

<p>ur cool (pls add me)</p>



<img src="/proxy/image.php?url=https%3A%2F%2Fi.pinimg.com%2Foriginals%2F14%2F4f%2Fbb%2F144fbb12356920e8b9432bc59f46bbe1.gif">

<img src="/proxy/image.php?url=https%3A%2F%2Fi.pinimg.com%2Foriginals%2F14%2F4f%2Fbb%2F144fbb12356920e8b9432bc59f46bbe1.gif">

<img src="/proxy/image.php?url=https%3A%2F%2Fi.pinimg.com%2Foriginals%2F14%2F4f%2Fbb%2F144fbb12356920e8b9432bc59f46bbe1.gif">

<img src="/proxy/image.php?url=https%3A%2F%2Fi.pinimg.com%2Foriginals%2F14%2F4f%2Fbb%2F144fbb12356920e8b9432bc59f46bbe1.gif">