← Back to Layouts
Pastel yumm 🧁

Name: FriendRewind
Author: FriendRewind
Author: Hattiecat 🐹🍭🌈
Category: General
Created: September 5, 2026
Pastel ness, if you use pls tell me if it works for you
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>
body, body * {
cursor: url('https://friendrewind.com/uploads/gallery/7871/img_6a9c4cb4f143f4.77643573.webp'), auto;
}
</style>


<style>
/* friends icon */
.profile .friends .person img:not(.icon) { -webkit-mask-image: url(https://64.media.tumblr.com/fde8fec02c6870b68200a1fe9b507f4f/75cedd23f7d57deb-68/s100x200/124e3269fc10afbd74f47cdaf8d500ec80a2ce5b.pnj);-webkit-mask-size: 100%;-webkit-mask-repeat: no-repeat;-webkit-mask-position: center;}
</style>

<style>
/* comment section icon */
.comments-table td:first-child img:not(.icon) { -webkit-mask-image: url(https://64.media.tumblr.com/fde8fec02c6870b68200a1fe9b507f4f/75cedd23f7d57deb-68/s100x200/124e3269fc10afbd74f47cdaf8d500ec80a2ce5b.pnj);-webkit-mask-size: 100%;-webkit-mask-repeat: no-repeat;-webkit-mask-position: center;}
</style>

<style>
.profile .blurbs .heading {

border: 5px dotted rgb(192,234,233);

border-top-right-radius: 9px;

border-bottom-right-radius: 10px;

border-top-left-radius: 10px;

}

</style>

<style>

.links, .links a{color: black !important}

   .links a:hover{color: pink !important;

    text-decoration: underline}

   .links a:visited{color: black !important}

nav .links a {
     text-shadow: 0 0 7px #ffffff8c;
}
</style>



<style>
/* FULL-SCREEN OVERLAY EFFECT */
body::after {
 content: " ";
 height: 100vh;
 width: 100vw;
 display: block;
 position: fixed;
 top: 0;
 left: 0;
 z-index: 999;
 background-image: url('https://i.pinimg.com/originals/74/60/da/7460da2eac150f7edd1009dde202f3d2.gif');
 background-size: cover;
 background-repeat: no-repeat;
 background-position: center;
 opacity: 0.1; /* Change transparency here (0.1 to 1.0) */
 pointer-events: none; /* Allows clicks to pass through the overlay */
}
</style>

<style>
@import url('https://fonts.googleapis.com/css2?family=Finger+Paint&display=swap');
body{font-family: "Finger Paint", sans-serif;}
h1, h2, h3, h4 {font-family: "Gamja Flower", sans-serif;}
p{

font-size: 100%;

}

h1,h2,h3,h4,h5{

font-size: 150%;

}
</style>

<style>
  body {
    background-image: url("https://i.ibb.co/Zjd91xj/e06764f36c7b7854f20dbbb455bdf1a5-1.jpg");
    background-repeat: repeat; 
    background-size: 2000px 1100px; 
  }
</style>

<style>
body:before {
content: " ";
height: 100vh;
width: 100vw;
display: block;
position: fixed; 
top: 0; 
left: 0; 
z-index: 100;
background-image: url('https://i.ibb.co/XxQZ2YST/ezgif-6481ad455b50c522.gif');
background-size: cover;
background-repeat: no-repeat;
background-position:center;
animation: yourAnimation 2s ease 1s 1 normal forwards;
pointer-events: none;}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} }
</style>

<style>
main:before {
    width: auto;
    margin-bottom: 25px;
    height: 340px;
    display: block;
    content: "";
    background-image: url(https://i.ibb.co/TMgyP3bv/7d92be6cb5b95ab6f6c694fdecf62ea8.jpg); 
    background-position: center center;
    background-size: cover;
}
</style>

<style>
footer{
background-color: COLOR !important;
background-image: url('https://i.ibb.co/TMgyP3bv/7d92be6cb5b95ab6f6c694fdecf62ea8.jpg') !important;
background-attachment: FIXED !important;
background-position: top left !important;
}
</style>

<style>
:root {
        --logo-blue: #FED3E6 ;
        --darker-blue: #39343b ;
        --lighter-blue: #E2C8F0;
        --even-lighter-blue: #F9FAF2;
        --lightest-blue: #C9F1F1;
        --dark-orange: #39343b ;
        --light-orange:  #D0EADC;
        --even-lighter-orange: #FFDFEA;
        --green: #39343b ;
    }
main {
  background-color: #FFDFEA;
  color: #39343b ;
</style>

<style>
.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://i.ibb.co/ppCkkf1/tumblr-md4y9u-BZJ71r52dl9540-20x20.gif")
    }
    .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	    /* add to favorites */
	    content: url("https://i.ibb.co/36xg52k/tumblr-md4y9qd63w1r52dl9540-20x20.gif")
    }
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	    /* send Message */
	    content: url("https://i.ibb.co/rRyMYv4F/tumblr-md4y906v-Gf1r52dl9540-20x20.gif")
    }
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	    /* forward to friend */
	    content: url("https://i.ibb.co/6RRdz2Qh/tumblr-md4y95-M34-K1r52dl9540-20x20.gif")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	    /* instant message */
	    content: url("https://i.ibb.co/gbQjSpcN/tumblr-md4y9azo-Ua1r52dl9540-20x20.gif")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	    /* block user */
	    content: url("https://i.ibb.co/xSm7dqCn/tumblr-md4y9fa-Ce-L1r52dl9540-20x20.gif")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	    /* add to group */
	    content: url("https://i.ibb.co/chntmyvv/tumblr-md4y8vn-Hf-M1r52dl9540-20x20.gif")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	    /* report user */
	    content: url("https://i.ibb.co/pjc8KZYq/tumblr-md4y9l-YKww1r52dl9540-1-20x20.gif")
    }
 </style>

 <style>

div.contact:after {
    width: 98%;
    height: 30px;
    display: block;
    content: "";
    background-color: transparent;
    background-image: url(https://i.ibb.co/zhDZXCWr/tumblr-8a655567d565e1618488e695956de407-0d1a0868-640.jpg);
    background-position: center;
    background-size: 242px;
    background-repeat: no-repeat;
}
</style>

<style>
.profile {
background-image:url(https://i.ibb.co/kVRWJpww/fcdec777fa3ce19803b92226fcbc2c00.jpg);
    border-radius: 11px;
}
.profile .contact .heading, .profile .table-section .heading, .home-actions .heading {
    background: #C0EAE9;
    color: #FFDFFEA;
    padding: 4px 7px;
    border: 2px inset #C0EAE9;
</style>

<style>

.online { visibility: hidden; } .online img { content: url("https://i.ibb.co/JFc5Bx1t/352873v6yi0y62xy.gif"); animation-name: none; visibility: visible; height: 25px; width: 90px; }
</style>


<style>
.profile .url-info p:last-child:after {content: ""; display: block; background-image: url(https://i.ibb.co/357yqNv4/tumblr-lv033h-LFLz1qc1lz7540.gif);  width: auto; height: 70px; background-position: top center; background-size: 60%; background-repeat: no-repeat;}

.profile .url-info p {text-align: center;}
</style>

<style>
table.comments-table{

display: block;
height: 250px!important;
overflow-y: scroll;

}
</style>
<style>

:root{

.general-about, .left > h{

border-radius: 10px;

height: 185px;

}.profile .blog-preview {

border: 2px double rgb(255,255,255)!important;

background-image: url(https://i.ibb.co/Z6CWrzRY/e06764f36c7b7854f20dbbb455bdf1a5-1-1.jpg);

border-radius: 10px;

padding: 0px!important;

}
</style>