← Back to Layouts
grrrrrr

Name: FriendRewind
Author: FriendRewind
Author: elowenoffline™
Category: Classic
Created: October 7, 2026
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>


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


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


/* FR_MANUAL_EXTRAS */
<!-- (c) Layout created by lani (https://layouts.spacehey.com/layout?id=3365) -->

<!-- (c) Layout created by Gyawuna (https://layouts.spacehey.com/layout?id=3363) -->
</style>
<style>
main {
    background-image: url(https://i.pinimg.com/564x/4c/e2/d5/4ce2d5ed77d81d501308ad5f8726c5a7.jpg);
    color:Hotpink;
    padding: 6px 0px;
    font-size: 80%;
}</style>



<style>
table, .contact, .blurbs, .blog-preview {
    border-spacing: 6px;
    width: 100%;
    background-image: url(https://i.pinimg.com/564x/3c/9a/54/3c9a5469338bc2c29fb1783cd3f3f3fd.jpg);
}</style>



<style>
.profile .blurbs .heading, .profile .friends .heading {
    background: #de007a;
    color: #000000;
    padding: 2px 7px;
}</style>



<style>
main {
    background-image: url(https://i.pinimg.com/564x/a7/fa/20/a7fa20a453f1ea0f80f6e982304ee042.jpg);
    color: 000000;
    padding: 6px 0px;
    font-size: 80%;
}</style>



<style>
.general-about {
    background-image: url(https://i.pinimg.com/originals/5a/d6/fa/5ad6fa6c5ac75f26e912a425185d04a9.gif);
    padding: 49px;
    border-radius: revert;
    box-shadow: 4px 4px 0 #de007a;
    text-align: justify;
    /* animation: nineties2 2s ease 0s infinite normal none; */
    /* animation-delay: .46s; */
}</style>



<style>
.profile .contact .heading, .profile .table-section .heading, .home-actions .heading {
    background: #de007a;
    color: #de007a;
    padding: 2px 7px;
}</style>


<style>
.profile .contact, .profile .url-info, .profile .table-section, .home-actions {
    width: 100%;
    border: 2px solid #de007a;
    margin: 10px 0;
}</style>


<style>
.details-table td:first-child {
    background-image: url(https://i.pinimg.com/236x/3c/9a/54/3c9a5469338bc2c29fb1783cd3f3f3fd.jpg);
    color: #de007a;
    font-weight: bold;
    width: 33%;
}</style>


<style>
body {
    background-image: url(https://i.pinimg.com/564x/30/34/c4/3034c40bad4b20f799fcd71e49e310cc.jpg);
    font-family: verdana, arial, sans-serif, helvetica;
}</style>


<style>
.profile .blurbs .section h4 {
    margin: 0;
    color: #de007a;
}</style>



<style>
a {
    color: #de007a;
    text-decoration: none;
}</style>


<style>
.details-table td {
    background: #de007a;
    vertical-align: top;
}</style>



<style>
.comments-table td, .music-table td {
    background-image: url(https://i.pinimg.com/236x/3c/9a/54/3c9a5469338bc2c29fb1783cd3f3f3fd.jpg);
    vertical-align: top;
}</style>



<style>
.comments-table td:first-child, .music-table td:first-child {
    background: #de007a;
    text-align: left;
    font-weight: bold;
    width: 38%;
}</style>



<style>
footer {
    text-align: center;
    font-size: 70%;
    margin: 10px 0 10px;
    padding: 10px 5px;
    background-image: url(https://i.pinimg.com/564x/a0/3f/e2/a03fe22e9df0d677e2b2c6808abf8e8c.jpg);
}</style>



<style>
nav .links {
    background-color: #de007a;
    padding: 3.5px 16px 5.5px 16px;
}</style>



<style>
nav .links a {
    text-decoration: none;
    color:#000000 ;
    font-size: 0.98em;
}</style>



<style>
.count {
    color: #000000;
}</style>



<style>
nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after {
    content: " ☆ ";
    color: #000000;
}</style>



<style>
nav .top {
    background-image: url(https://i.pinimg.com/originals/9f/af/7f/9faf7fb19db171dfcce54cc75311eeba.gif);
    padding: 15px 10px 14px 10px;
    display: flex;
}</style>



<style>
nav {
    color: #ffffff;
    font-size: 72%;
}</style>


<style>
.logout-btn, .logout-form {
    color:#de007a;
    display: inline-block;
    font-size: 100%;
}</style>


<style>
.profile .profile-info {
    background-image: url(https://i.pinimg.com/564x/94/d7/b8/94d7b864770c839979297c23b573b0a1.jpg);
    /* padding: 20px; */
    /* border-radius: 10px; */
    /* box-shadow: 4px 4px 0 #ff6c95; */
    text-align: center;
    /* animation: nineties2 2s ease 0s infinite normal none; */
    /* animation-delay: .15s; */
    /* border: black; */
}</style>


<style>
.profile .friends .person p {
    color: #de007a;
    font-weight: bold;
    width: 100%;
    word-break: break-word;
    font-size: 100%;
    text-align: center;
}</style>

<style>* {cursor: url(https://cur.cursors-4u.net/anime/ani-1/ani189.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2008/11/07/ani189.html" target="_blank" title="Cute Hello Kitty 13"><img src="/proxy/image.php?url=https%3A%2F%2Fcur.cursors-4u.net%2Fcursor.png" alt="Cute Hello Kitty 13" style="position:absolute; top: 0px; right: 0px;"></a>{
    border-style: solid;
}



<iframe width="0" height="0" src="https://www.youtube.com/embed/KvknOXGPzCQ//?&amp;;amp;;autoplay=1&amp;;loop=1&amp;" title="music" frameborder="0" allow="autoplay;" loading="lazy" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation" referrerpolicy="strict-origin-when-cross-origin"></iframe><style>
/* customization. change your artist, title and album cover respectively */
:root {
--artist:"Deftones";
--title:"Be Quiet And Drive (Far Away)";
--albumcover: url(https://m.media-amazon.com/images/I/81BbQMTakEL._UF1000,1000_QL80_.jpg);
}

/* the code itself */
.status-bar,.title-bar,.title-bar-controls{display:flex}.window,p#butt{background:silver;margin:auto}p#text,p#text2{box-shadow:inset -1px -1px #fff,inset 1px 1px grey,inset -2px -2px #dfdfdf,inset 2px 2px #0a0a0a;box-sizing:border-box;margin-block:3px}p#butt,p#text,p#text2{box-sizing:border-box}p#label,p#text,p#text2{margin-block:3px}.status-bar,.title-bar-text,.toptoptop,p#butt,p#label,p#text2{user-select:none}@font-face{font-family:"Pixelated MS Sans Serif";font-style:normal;font-weight:400;src:url(https://unpkg.com/98.css@0.1.20/dist/ms_sans_serif.woff) format("woff");src:url(https://unpkg.com/98.css@0.1.20/dist/ms_sans_serif.woff2) format("woff2")}@font-face{font-family:"Pixelated MS Sans Serif";font-style:normal;font-weight:700;src:url(https://unpkg.com/98.css@0.1.20/dist/ms_sans_serif_bold.woff) format("woff");src:url(https://unpkg.com/98.css@0.1.20/dist/ms_sans_serif_bold.woff2) format("woff2")}.window{text-shadow:none;box-shadow:inset -1px -1px #0a0a0a,inset 1px 1px #dfdfdf,inset -2px -2px grey,inset 2px 2px #fff;padding:3px}.window img{filter:none!important}.window *{-webkit-font-smoothing:none;font-family:"Pixelated MS Sans Serif",Arial;font-size:11px;text-shadow:inherit}.title-bar{align-items:center;background:linear-gradient(90deg,navy,#1084d0);justify-content:space-between}.title-bar-text{color:#fff;font-weight:700;letter-spacing:0;margin-right:24px;line-height:15px}.title-bar-controls p#butt{display:block;min-height:14px;min-width:16px;padding:0}.title-bar-controls p#butt:active{padding:0}.title-bar-controls p#butt:focus{outline:0}.title-bar-controls p#butt.minimize{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='6' height='2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M0 0h6v2H0z'/%3E%3C/svg%3E");background-position:bottom 3px left 4px;background-repeat:no-repeat}.title-bar-controls p#butt.maximize{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='9' height='9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 0H0v9h9V0zM8 2H1v6h7V2z' fill='%23000'/%3E%3C/svg%3E");background-position:top 2px left 3px;background-repeat:no-repeat}.title-bar-controls p#butt.close{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0h2v1h1v1h2V1h1V0h2v1H7v1H6v1H5v1h1v1h1v1h1v1H6V6H5V5H3v1H2v1H0V6h1V5h1V4h1V3H2V2H1V1H0V0z' fill='%23000'/%3E%3C/svg%3E");background-position:top 3px left 4px;background-repeat:no-repeat;margin-left:2px}.status-bar{gap:1px;margin:0 1px}p#butt{white-space:nowrap;}.buttontos,p#butt,p#label,p#text,p#text2{display:inline-block}.status-bar-field{box-shadow:inset -1px -1px #dfdfdf,inset 1px 1px grey;flex-grow:1;margin:0;padding:2px 3px}.window-body{margin:8px}p#butt{border:none;border-radius:0;min-height:23px;min-width:75px;padding:6px 12px 0;text-shadow:0 0 #222;box-shadow:inset -1px -1px #0a0a0a,inset 1px 1px #fff,inset -2px -2px grey,inset 2px 2px #dfdfdf;color:#000}p#butt:active{box-shadow:inset -1px -1px #fff,inset 1px 1px #0a0a0a,inset -2px -2px #dfdfdf,inset 2px 2px grey;text-shadow:1px 1px #222}p#butt:focus{outline:#000 dotted 1px;outline-offset:-4px}p#butt::-moz-focus-inner{border:0}.toptoptop{text-align:left;margin-top:-3px!important;margin-bottom:5px!important;margin-inline:0px!important;}.toptoptop span{border:1px solid silver;padding:2px 4px}.toptoptop span:hover{border-top:1px solid #fff;border-left:1px solid #fff;border-bottom:1px solid gray;border-right:1px solid gray}.toptoptop span:focus{border:1px inset #fff}.window{color:#000!important;font-family:"Pixelated MS Sans Serif"!important}p#text:active{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0h16v17H0V0zm1 16h14V1H1v15z' fill='gray'/%3E%3Cpath fill='silver' d='M1 1h14v15H1z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 7H5v1h1v1h1v1h1v1h1v-1h1V9h1V8h1V7z' fill='%23000'/%3E%3C/svg%3E")}p#text{background-color:#fff;padding:4px;width:85%;text-align:left;font-size:12px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 0H0v16h1V1h14V0z' fill='%23DFDFDF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 1H1v14h1V2h12V1H2z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 17H0v-1h15V0h1v17z' fill='%23000'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 1h-1v14H1v1h14V1z' fill='gray'/%3E%3Cpath fill='silver' d='M2 2h12v13H2z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 6H4v1h1v1h1v1h1v1h1V9h1V8h1V7h1V6z' fill='%23000'/%3E%3C/svg%3E");background-position:top 2px right 2px;background-repeat:no-repeat}p#text.artist:after{content:var(--artist)}p#text.title:after{content:var(--title)}p#text2:before{content:"";display:block;position:absolute;top:1px;left:1px;background:var(--albumcover);width:98%;height:96%;opacity:.5;background-size:cover;background-position:center;z-index:-1}p#text2{position:relative;padding:13px 4px;width:54%;font-size:20px;text-align:center;color:olive;background:#000;z-index:999}#butt,p#label{font-size:12px}p#label{width:fit-content;margin-right:5px}.ahhh{text-align:right}.title-bar{padding:2px}.title-bar-text img{vertical-align:bottom;margin-inline:2px}.buttontos{width:45%;height:54px;vertical-align:top;text-align:center}#butt{color:#000;text-shadow:1px 1px #fff;line-height:10px}#butt:not(:first-child){text-indent:-5px;font-weight:700}#butt:nth-child(3) span{display:block;transform:translate(2px,-2px) scale(1.2)}#butt:not(:first-child,:nth-child(2),:nth-child(3)){text-indent:-8px;font-weight:700;letter-spacing:-4px;font-size:10px}#butt:nth-child(8){text-indent:-8px;font-weight:700;letter-spacing:-1.5px;white-space:nowrap;text-shadow:none;transform:translateY(1px)}#butt:nth-child(8) span{display:block;transform:rotate(-90deg) translate(2px,0) scaleY(1.4);color:#000}.title,.artist{height:23px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-right:20px!important;vertical-align: bottom;}</style><div class="window" style="width:320px"><div class="title-bar"><div class="title-bar-text"><img src="/proxy/image.php?url=https%3A%2F%2Fi.ibb.co%2FCpV6yWxG%2FUntitled70-20260806110652.png">CD Player</div><div class="title-bar-controls"><p id="butt" class="minimize"></p><p id="butt" class="maximize"></p><p id="butt" class="close"></p></div></div><div class="window-body"><p class="toptoptop"><span>Disc</span> <span>View</span> <span>Options</span> <span>Help</span></p><p id="text2">[00] 00:00</p><div class="buttontos"><p id="butt">▶ </p><p id="butt" style="min-width:20px;max-width:20px;margin-inline:0px">❚❚ </p><p id="butt" style="min-width:20px;max-width:20px"><span>◼</span> </p><p id="butt" style="min-width:20px;max-width:20px;margin-top:5px">❚◄◄ </p><p id="butt" style="min-width:20px;max-width:20px;margin-top:5px;margin-left:0px">◄◄ </p><p id="butt" style="min-width:20px;max-width:20px;margin-top:5px;margin-left:0px">►► </p><p id="butt" style="min-width:20px;max-width:20px;margin-top:5px;margin-left:0px">►►❚ </p><p id="butt" style="min-width:20px;max-width:20px;margin-top:5px;margin-left:0px"><span>❚ ►</span></p></div><div class="ahhh"><p id="label">Artist:</p><p id="text" class="artist"></p><p id="label">Title:</p><p id="text" class="title"></p></div></div><div class="status-bar"><p class="status-bar-field">Total Play: 00:00 m:s</p><p class="status-bar-field">Track: 00:00 m:s</p></div></div>