← Back to Layouts
Sylvanian Families Theme

Name: FriendRewind
Author: FriendRewind
Author: ✨Orionnn✨
Category: Colorful
Created: June 15, 2026
Comments (2)

mauled 06/15/2026 3:06 AM
SO cute!!
dolliene 08/08/2026 8:47 PM
Loveeeee
You must log in to comment.
CSS Code

<style>
@import url('https://fonts.googleapis.com/css2?family=Crafty+Girls&display=swap');

* {
  cursor: url('https://cdn.cursors-4u.net/previews/white-cat-s-paw-ef5d1f14-32.webp') 32 32, auto !important;
}

body, body.profile-page {
  background-image: url("https://images.rawpixel.com/image_800/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvdjEwMTMtcC0wMDAxYV8yLWtzaTg2cXlmLmpwZw.jpg") !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-attachment: fixed !important;
  background-position: center center !important;
  font-family: "Crafty Girls", cursive;, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', Arial, sans-serif !important;
}

main::before {
    content: "" !important;
    display: block !important;
    width: 100% !important;
    height: 300px !important;
    background-image: url('https://blog.delivered.co.kr/wp-content/uploads/2024/09/featured-1.jpg') !important;
    background-size: cover !important;
    background-position: center bottom !important;
  }

.profile {
  background-image: url("https://wallpaperaccess.com/full/1210340.jpg") !important;
  background-repeat: repeat !important;
  background-size: auto !important;
  background-position: top center !important;
  border: 2px dashed  #fc8095 !important;
}

.myspace-header .top-nav {
  background-image: url("https://wallpaperaccess.com/full/5618641.jpg");
  background-repeat: repeat;
  background-size: auto;
  background-position: center center;
  font-family: "Crafty Girls", cursive;, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', Arial, sans-serif !important;
}

.myspace-header .main-nav-container{
background-color: #9ea05b !important;
width: 800px;
font-family: "Crafty Girls", cursive;, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', Arial, sans-serif !important;
}

.myspace-header .main-nav-wrapper {
  background-color: #9ea05b !important;
  border-top: #354226;
  border-bottom: #354226;  
  font-family: "Crafty Girls", cursive;, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', Arial, sans-serif !important;
}

.myspace-header .main-nav li a {
  color: #354226 !important;
}

.myspace-header .main-nav li a:hover {
  color: #354226 !important;
}

.profile-playlist-widget {
  background: url("https://aestheticwallpapers.io/wallpaper/471851.jpg") !important;
   background-size: cover !important;
    background-position: center center !important;
  border: 2px dashed  #fc8095 !important;
  color: black;
  box-shadow: none;
  max-width: 280px;
  font-size: 15px; font-weight: 400;
  border-radius: 5px;
  padding: 12px;
  margin: 15px 0;
  position: relative;
  z-index: 1;
  overflow: hidden;
  -webkit-user-select: none;
  user-select: none;
}
.profile-playlist-widget .pp-header h3{
font-family: "Crafty Girls", cursive;, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', Arial, sans-serif !important;
color: #354226;
}

.profile-playlist-widget ul{
font-family: "Crafty Girls", cursive;, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', Arial, sans-serif !important;
background-color: #d6b690;
color: #354226;
}

.profile-playlist-widget li{
font-family: "Crafty Girls", cursive;, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', Arial, sans-serif !important;
color: #354226;
}

 .profileInfo{
   background-image: url("https://static.alipson.fr/m288/p461288/p3_FULL.jpg") !important;
  background-size: cover !important;
    background-position: center center !important;
	 color: #337231;
	border-radius: 5px !important;
	}
  
body.profile-page .details-table td, body.profile-page .details-table td:first-child, #top8-grid{
 	background-color: #dbedf5 !important;
    border-radius: 5px !important;
 color: #337231;
 }
 
 .cb-author-cell, .cb-content-cell{
 background-color: #dbedf5 !important;
    border-radius: 5px !important;
	color: black;
 }
 
table.comments-table{
border: 2px dashed  #fc8095 !important;
border-radius: 10px !important;
}

.url-info{
    background-color: #fedfdc !important;
    border-radius: 5px !important;
	border: 2px dashed  #fc8095 !important;
	color: #354226;
}

.contact, .table-section, .module, .url-info{
    background-color: #fedfdc !important;
    border-radius: 5px !important;
	border: 2px dashed  #fc8095 !important;
 color: #337231;
  }
 
 .blog-preview{
      background: url("https://media.istockphoto.com/vectors/tablecloth-in-yellow-with-checkered-design-vector-id927363130?k=20&m=927363130&s=612x612&w=0&h=UHuOeFpoFHsCyuBxLdmiU0rM-U5NrsqeN0YyfRmTaqE=");
	 background-size: cover;
	 background-repeat: no-repeat;
	 background-position: center center !important;
	 border-radius: 5px !important;
	border: 2px dashed  #fc8095 !important;
color: black;
text-shadow:
        1px 1px 0 white,
        -1px 1px 0 white,
        -1px -1px 0 white,
        1px -1px 0 white;
font-size: 15px; font-weight: 400;

 }
 
 .blurbs{
     background: url("https://i.pinimg.com/originals/b8/0e/1c/b80e1c73754c327f9a0eaa5f11d3fb2d.jpg");
	 background-size: 453px 250px;
	 background-repeat: repeat;
	 background-position: center center !important;
	 border-radius: 5px !important;
	border: 2px dashed  #fc8095 !important;
color: black;
text-shadow:
        1px 1px 0 white,
        -1px 1px 0 white,
        -1px -1px 0 white,
        1px -1px 0 white;
font-size: 15px; font-weight: 400;

 }
  
.friends{
border: 2px dashed  #fc8095 !important;
	background-image: url("https://www.publicdomainpictures.net/pictures/280000/nahled/checks-tartan-plaid-blue.jpg") !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: repeat !important;
    border-radius: 5px !important;
	border: 2px dashed  #fc8095 !important;
color: black;
text-shadow:
        1px 1px 0 white,
        -1px 1px 0 white,
        -1px -1px 0 white,
        1px -1px 0 white;
}
  
.section{
	background: none !important;
	border: none !important;
}

.contact .heading, .table-section .heading, .blurbs .heading, .section .heading, .module .heading, .profileInfo .heading, .blog-preview h4{
    background-image: url("https://i.postimg.cc/bv7K2XKC/ezgif-2-920a8cddd8.gif") !important;
	background-repeat: no-repeat !important;
	background-position: right center !important;
	background-color: #64730f !important;
    color: #e096aa;
	  border-radius: 5px !important;
	  border: 2px dashed  #fc8095 !important;
	  text-shadow: none !important;
  }
 
 .friends .heading{
	background-color: #64730f !important;
    color: #e096aa;
	  border-radius: 5px !important;
	  border: 2px dashed  #fc8095 !important;
 }
 
  .friends .heading a, .contact .heading a, .table-section .heading a, .blurbs .heading a, .section .heading a, .module .heading a, .profileInfo .heading a, .blog-preview h4 a{
    color: #e096cf;
 }
 
.details{
 	background: url("https://as1.ftcdn.net/jpg/04/81/55/90/220_F_481559018_jq2tuSWgWMaTtoN4SnBrR64LXFsiL7Tk.jpg") !important;
       color: #337231;
	  height: 200px;
	  font-size: 20px; font-weight: 400;
	  border-radius: 5px !important;
	  border: 2px dashed  #fc8095 !important;
  }
  
 .profile-mood{
 	background-color: #f7ebdf !important;
       color: #337231;
	  font-size: 20px; font-weight: 400;
	  border-radius: 5px !important;
	  border: 2px dashed  #fc8095 !important;
  }
  
  .profile h1{
      color: #e096aa;
	  text-shadow:
        1px 1px 0 white,
        -1px 1px 0 white,
        -1px -1px 0 white,
        1px -1px 0 white;
	  font-size: 3.5em; font-weight: 400;
	  text-align: center;
}

h1, h2, h3, h4, h5, h6, .table-section h4, .module h4, .blurbs h4, .section h4, .section h3, .section h2, .section h1 {
          color: #e096aa;
	font-size: 20px; font-weight: 400;
}

p{
font-size: 15px; font-weight: 400;
}



a { 
color:  #354226;
font-size: 10px; font-weight: 400;
}


footer {
font-family: "Crafty Girls", cursive;, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', Arial, sans-serif !important;
border: 2px dashed  #fc8095 !important;
	background: url("https://wallpaperaccess.com/full/5618641.jpg") !important;
    border-radius: 5px !important;
}
footer .links{
 	font-family: "Crafty Girls", cursive;, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', Arial, sans-serif !important;
	background-color: #64730f !important;
                color: #ffb4de !important;
	  font-size: 15px; font-weight: 400;
	  border-radius: 5px !important;
	  border: 2px dashed  #fc8095 !important;
}
footer p{
font-family: "Crafty Girls", cursive;, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', Arial, sans-serif !important;
background-color: #64730f !important;
color: #354226 !important;
}
.col.left:before{
  content: "";
  white-space: pre-wrap;
  display: block;
  height: 150px;
  background-image: url(https://images.ctfassets.net/02w689tjbcwo/VSRXFaA4wElsfRz6Vy2z0/7f67afd488f678db26ccffb680043ad3/circle-link-Sylvanian-Families-Figuren.png?w=384&fm=png);
  background-repeat: no-repeat;
  background-size: 150px;
}
.col.right:before {
  content: "";
  white-space: pre-wrap;
  display: block;
  height: 330px;
  background-image: url(https://d2q7r0rjkm1t8k.cloudfront.net/uplister/images/535ba8731151f18d2033f07947de2514.png);
  background-repeat: no-repeat;
  background-position-x: center;
  background-size: 350px;
}
.blog-preview:after{
  content: "";
  white-space: pre-wrap;
  display: block;
  height: 230px;
  background-image: url(https://64.media.tumblr.com/de8be62476ba3e3ee188acda622a4362/3be416197abc26a4-4c/s1280x1920/a9f40604a203da2a97a07e0af41c26d95845f3ce.png) !important;
  background-repeat: no-repeat;
  background-position-x: center;
  background-size: 230px;
}
.blurbs:after {
  content: "";
  white-space: pre-wrap;
  display: block;
  height: 230px;
  background-image: url(https://64.media.tumblr.com/4688288447bf4ce1815b7d2f0fdd1c53/3be416197abc26a4-b5/s400x600/48d6b8cd666abd745cc60537de7c5fcdb7e184f0.png);
  background-repeat: no-repeat;
  background-position-x: center;
  background-size: 230px;
}
.mood:after {
  content: "";
  white-space: pre-wrap;
  display: block;
  height: 113px;
  background-image: url(https://www.pngkit.com/png/full/469-4694166_animorph-tumblr-com-sylvanian-families-triple-bunk.png);
  background-repeat: no-repeat;
  background-position-x: center;
  background-size: 160px; 
}
.friends:not(#comments):after {
  content: "";
  white-space: pre-wrap;
  display: block;
  height: 270px;
  background-image: url(https://assets.cdn.jula.com/w:828/Dmm3BWSV3/assetstream.aspx?assetId=65687&mediaformatid=50137&destinationid=10016&lastmodified=19790101000000) !important;
  background-repeat: no-repeat;
  background-position-x: center;
  background-size: 350px;
}
.col.left:after {
  content: "";
  white-space: pre-wrap;
  display: block;
  height: 230px;
  background-image: url(https://64.media.tumblr.com/05f9d449ca29c71809f0cde412f8bdcf/3be416197abc26a4-2e/s400x600/dae896044d4fdf6d9de373101da88943d8a978b1.pnj) !important;
  background-repeat: no-repeat;
  background-position-x: center;
  background-size: 230px;
  }
/* contact icons */
.contact .inner a img {
font-size: 0 !important;
}
.contact .inner a img:before {
font-size: 1em !important;
display: block
}
/* contact icons */
.contact .inner a img {
font-size: 0 !important;
}
.contact .inner a img:before {
font-size: 1em !important;
display: block !important;
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
/* add to friends */
content: url("https://64.media.tumblr.com/9960be91bfa49b8f1d5b7e16e638952f/c4331007d75cf146-ee/s75x75_c1/7d5f2b89c75aa0ce6b4cb8b582e1f8bf4ae4c771.gifv")
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* add to favorite */
content: url("https://64.media.tumblr.com/9055e60b426d85a4a82182e826269521/f1d487fa24a8cb51-ec/s75x75_c1/2b2ecd1ef301d102cffe2ed8d791664f90720e67.gifv")
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* block user */
content: url("https://64.media.tumblr.com/cd7a759b71146b25f1b8bba866a8c967/f1d487fa24a8cb51-5a/s75x75_c1/959941405e3242e4f995cf8e41c398f7bf9d19cd.gifv")
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* send message*/
content: url("https://64.media.tumblr.com/5d9991fee0eb7f6d6df5bab8a32649e1/f1d487fa24a8cb51-3c/s75x75_c1/56927f4f88a9927b83fcb51552e2fb9641d4d191.gifv")
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/* invite to group */
content: url("https://64.media.tumblr.com/9e2230a02fbf9ebc967e7c32f0c7c2c8/f1d487fa24a8cb51-04/s75x75_c1/772da6eef6df099f7d26d19aeaa63a0ed38ea5f0.gifv")
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* report */
content: url("https://64.media.tumblr.com/bc9a3eaa9eb788819e41b893c2d33af8/c4331007d75cf146-1b/s75x75_c1/84d219d9003ba18ba4ea33027303598e5450f5f9.gifv")
}
</style>