← Back to Layouts
y2k wip

Name: FriendRewind
Author: FriendRewind
Author: tadonaki
Category: :D
Created: August 18, 2026
18/08/26
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>

@keyframes spin{
  from{ transform:rotate(0deg); }
  to{ transform:rotate(-360deg); }
}
.general-about .profile-pic img{
  border-radius: 50%;
  animation: spin 7s infinite linear;
}

* {
  cursor: url('https://cdn.cursors-4u.net/css-previews/vocaloid-kaito-e9d13e18-css.webp') 0 0, auto !important;
}

    :root {
        --logo-blue: #333;
        --darker-blue: #404040;
        --lighter-blue: #999;
        --even-lighter-blue: #ccc;
        --lightest-blue: #e3e3e3;
        --dark-orange: #333;
        --light-orange: #181818;
        --even-lighter-orange: #404040;
        --green: #38d;
    }
    * {
        font-family: monospace;
    }
    body {
        background-image: url(https://i.pinimg.com/736x/5a/40/ac/5a40ac60b85fd41332680654bd780905.jpg) !important;
        background-size: cover;
    background-position: center;
    background-attachment: fixed;
    background-repeat: no-repeat;
}
    
    .top {
    background: url("https://i.pinimg.com/736x/3f/bc/24/3fbc245c2a3ec278758d06382c0cb68f.jpg") center 63% / cover no-repeat !important;
}
    .blog-preview p {   /* Whole Blog Entries box */
    background-color: #6cdbed !important;
    border: 3px solid #cccccc !important;
    border-radius: 10px !important;
    padding: 10px !important;
    margin-bottom: 10px !important;
}

/* Blog section title */
.blog-preview h4 {
    margin: 0 0 8px 0 !important;
    padding: 5px !important;
    border-bottom: 2px solid #333 !important;
}

/* Individual blog entries */
.blog-preview p {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 7px 10px !important;

    background-color: #ffffff !important;
    border: 2px solid #cccccc !important;
    border-bottom: none !important;
    border-radius: 0 !important;

    color: #111 !important;
    font-size: 0.8rem !important;
    line-height: 1.2 !important;
}

/* Border at the bottom of the final entry */
.blog-preview p:last-child {
    border-bottom: 2px solid #cccccc !important;
}


    nav {
        border-radius: 15px 15px 0 0;
        overflow: hidden;
    }
    .profile .contact,
    .profile .url-info,
    .profile .table-section,
    .profile .blurbs,
    .profile .friends,
    .profile .comments {
      background-color: #74E4FF !important;
      padding: 10px !important;
      border-radius: 10px;
      margin-bottom: 10px;
      border: 4px solid #ccc;
    }

    }
    table.details-table {
        border-collapse: collapse;
    }
    table.details-table td {
        background-color: transparent !important;
    }
    .profile-pic {
        border-radius: 500px;
        overflow: hidden;
    }
    .heading {
        padding: 2px 0 !important;
        margin-top: 0;
        margin-bottom: 5px;
        background-color: transparent !important;
        color: #2a2a2a !important;
        border-bottom: 2px solid;
    }
    main {
        border-radius: 0 0 15px 15px;
        background: rgba(255, 255, 255, 0.94) !important;
    }
    .container {
      border-radius: 15px 15px 0 0;
      overflow: hidden;
      margin-top: 0;
      padding: 10px;
    }
    footer {
        border-radius: 15px;
        background: rgba(255, 255, 255, 0.94) !important;
        display: block !important;
    }
    table.comments-table td {
        background-color: white !important;
    }

    table.comments-table td {
    background-color: #fff !important;
    border: 2px solid #ccc !important;
    color: #0c71c6 !important;
    }

    .profile .table-section table {
    border-collapse: separate !important;
    border-spacing: 5px !important;
    }

    .profile .table-section table.details-table {
    border-collapse: collapse !important;
    width: 100% !important;
}

.profile .table-section table.details-table td {
    background-color: white !important;
    border: 2px solid #cccccc !important;
    padding: 6px 8px !important;
    color: #111 !important;
    vertical-align: top !important;
}
    
    .profile .table-section td {
    border: 2px solid #ccc !important;
    padding: 3px !important;
    background-color: #fff !important;
    color: #0c71c6 !important;
    }

    .profile .friends .person {
    display: inline-block !important;
    vertical-align: top !important;
    text-align: center !important;
    margin: 0 4px 10px !important;
    }
    .profile .friends .person p {
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
    }

    .profile .friends .person {
    width: 100px !important;
    }
    
    .profile .friends .person img {
    display: block !important;
    margin: 5px auto !important;
    }

    .blog-preview p {
        font-size: 1.4rem;
    }
    a.addme {
        font-size: 2rem;
        font-weight: bold;
        margin-bottom: 15px;
        display: block;
    }



</style>

<style>
/* nyan cat "online now"*/
.online {content:url('http://dl.glitter-graphics.net/pub/3058/3058251t4udpjlpsc.gif
'); background-repeat: no-repeat; background-position: -15% 75%; z-index: 2; 
}
</style><div style="float:  ; max-width: 200px; height: auto; position: fixed; left: 17px; bottom: 50px; z-index: 200;"><a href="https://alturl.com/p749b"><img src="/proxy/image.php?url=https%3A%2F%2Fautism.crd.co%2Fassets%2Fimages%2Fgallery03%2F45050ba7_original.gif%3Fv%3D69d6a439" alt="cat kittycat"></a></div><style>
.profile .url-info p:last-child:after {content: ""; display: block; background-image: url(https://media.tenor.com/nB0XKaVcgAkAAAAi/blinkies-blinkie.gif);  width: auto; height: 150px; background-position: top center; background-size: 50%; background-repeat: no-repeat;}
.profile .url-info p {text-align: center;}
</style><div class="snowflakes">
<div class="snowflake"><img src="/proxy/image.php?url=https%3A%2F%2Fmedia.discordapp.net%2Fattachments%2F857624184989679626%2F1099782136522866750%2FIMG_5494.gif"></div>
<div class="snowflake"><img src="/proxy/image.php?url=https%3A%2F%2Fmedia.discordapp.net%2Fattachments%2F857624184989679626%2F1099782136522866750%2FIMG_5494.gif"></div>
<div class="snowflake"><img src="/proxy/image.php?url=https%3A%2F%2Fmedia.discordapp.net%2Fattachments%2F857624184989679626%2F1099782136522866750%2FIMG_5494.gif"></div>
<div class="snowflake"><img src="/proxy/image.php?url=https%3A%2F%2Fmedia.discordapp.net%2Fattachments%2F857624184989679626%2F1099782136522866750%2FIMG_5494.gif"></div>
<div class="snowflake"><img src="/proxy/image.php?url=https%3A%2F%2Fmedia.discordapp.net%2Fattachments%2F857624184989679626%2F1099782136522866750%2FIMG_5494.gif"></div>
<div class="snowflake"><img src="/proxy/image.php?url=https%3A%2F%2Fmedia.discordapp.net%2Fattachments%2F857624184989679626%2F1099782136522866750%2FIMG_5494.gif"></div>
<div class="snowflake"><img src="/proxy/image.php?url=https%3A%2F%2Fmedia.discordapp.net%2Fattachments%2F857624184989679626%2F1099782136522866750%2FIMG_5494.gif"></div>
<div class="snowflake"><img src="/proxy/image.php?url=https%3A%2F%2Fmedia.discordapp.net%2Fattachments%2F857624184989679626%2F1099782136522866750%2FIMG_5494.gif"></div>
</div><style>
    @-webkit-keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@-webkit-keyframes snowflakes-shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(80px);transform:translateX(80px)}}@keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@keyframes snowflakes-shake{0%,100%{transform:translateX(0)}50%{transform:translateX(80px)}}.snowflake{position:fixed;top:-10%;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:2.5s,1s;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s,1.5s;animation-delay:3s,1.5s}.snowflake:nth-of-type(10){left:25%;-webkit-animation-delay:2s,0s;animation-delay:2s,0s}.snowflake:nth-of-type(11){left:65%;-webkit-animation-delay:4s,2.5s;animation-delay:4s,2.5s}
<style></style></style>