← Back to Layouts
Club Penguin

Name: FriendRewind
Author: FriendRewind
Author: SpaceWD
Category: 2000s
Created: August 16, 2026
Created for the Club Penguin fans of FriendRewind! This theme is loosely based off of the 2015-2017 theme.
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>
 .image-background {
  background-repeat: none;
  background-size: center;
  background-image: url("/proxy/image.php?url=https%3A%2F%2Fweb.archive.org%2Fweb%2F20151106235830im_%2Fhttp%3A%2F%2Fcpassets-a.akamaihd.net%2Fsites%2Fdefault%2Fthemes%2Ffirst_time%2Fimages%2Fbody-bg.jpg") !important; 
  }
  .logo .nav-logo {
    content: url("/proxy/image.php?url=https%3A%2F%2Fweb.archive.org%2Fweb%2F20151106235814im_%2Fhttp%3A%2F%2Fwww.clubpenguin.com%2Fsites%2Fdefault%2Fthemes%2Ffirst_time%2Fimages%2Fclub-penguin-logo.png");
    width: auto;
    height: auto;
  }
  .myspace-header .top-nav {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2I3ZWVmZiIvPjxzdG9wIG9mZnNldD0iMSUiIHN0b3AtY29sb3I9IiMyMmE0ZjMiLz48c3RvcCBvZmZzZXQ9IjIyJSIgc3RvcC1jb2xvcj0iIzIyYTRmMyIvPjxzdG9wIG9mZnNldD0iOTglIiBzdG9wLWNvbG9yPSIjMTE3YWQwIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g");
  }
  .myspace-header .main-nav-wrapper {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2I3ZWVmZiIvPjxzdG9wIG9mZnNldD0iMSUiIHN0b3AtY29sb3I9IiMyMmE0ZjMiLz48c3RvcCBvZmZzZXQ9IjIyJSIgc3RvcC1jb2xvcj0iIzIyYTRmMyIvPjxzdG9wIG9mZnNldD0iOTglIiBzdG9wLWNvbG9yPSIjMTE3YWQwIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g");
    border-top: 0px;
    border-bottom: 0px;
    background-color: rgba(0, 0, 0, 0);
  }
  .myspace-header {
  	background-color: rgba(0, 0, 0, 0);
  }
  .contact {
    border: 0px !important;
  }
  .table-section {
    border: 0px !important;
  }
  .comments-table td:first-child {
    background-color: #6ba0fa;
  }
  .comments-table td {
    background-color: #b8d9fc;
  }
  .heading h4 {
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
    color: #fff;
  }
  .heading {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2I3ZWVmZiIvPjxzdG9wIG9mZnNldD0iMSUiIHN0b3AtY29sb3I9IiMyMmE0ZjMiLz48c3RvcCBvZmZzZXQ9IjIyJSIgc3RvcC1jb2xvcj0iIzIyYTRmMyIvPjxzdG9wIG9mZnNldD0iOTglIiBzdG9wLWNvbG9yPSIjMTE3YWQwIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g") !important;
  }
 .online img{
 	animation-name: none; 
 }
 .online img.status-gif {
   content: url("https://static.wikia.nocookie.net/clubpenguin/images/0/07/Happy_emoticon.png/revision/latest/scale-to-width-down/30?cb=20240211175935&format=original");
 }
 .idle img.status-icon {
   content: url("https://i.ibb.co/4RBjwdhr/pixil-frame-0-2.png");
   width: 30px !important;
   height: 30px !important;
 }
 .offline img.status-icon {
   content: url("https://i.ibb.co/4RBjwdhr/pixil-frame-0-2.png") !important;
   filter: hue-rotate(174deg) !important;
   width: 30px !important;
   height: 30px !important;
 }
 .idle p {
   content: none;
 }
 p .offline {
   content: none !important;
 }
</style>