← Back to Layouts
Withered Bonnie Swag

Name: FriendRewind
Author: FriendRewind
Author: AshCatIdk
Category: :D
Created: August 20, 2026
tuff
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":"Space Mono","useLiveProfile":true,"previewUrl":"/profile?id=4","pageBgImage":"https://i.pinimg.com/1200x/c0/be/af/c0beafb3a5a8cd5faa56e1592025cecf.jpg","pageBgMode":"cover","heroImageUrl":"https://i.pinimg.com/1200x/7b/46/29/7b46295917a28c9e96fb7e182607c609.jpg","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":7,"headingShadowEnable":false,"moduleImages":{"contact":"","urlInfo":"","tableSection":"","tunes":"","blogPreview":"https://static.wikia.nocookie.net/fnafapedia/images/3/3d/Cam1B_bonnie1.png/revision/latest/scale-to-width-down/1000?cb=20170225055831","blurbs":"https://static.wikia.nocookie.net/fnafapedia/images/f/f7/205.png/revision/latest/scale-to-width-down/1000?cb=20170225055828","friends":"https://static.wikia.nocookie.net/fnafapedia/images/3/39/223.png/revision/latest?cb=20190521174930","Comments Background":"","comments":""}} */
/* Generated by FriendRewind.com Visual Builder */

@import url('https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&display=swap');

body, body.profile-page {
  background-image: url("https://i.pinimg.com/1200x/c0/be/af/c0beafb3a5a8cd5faa56e1592025cecf.jpg") !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-attachment: scroll !important;
  background-position: center center !important;
  font-family: 'Space Mono', 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', Arial, sans-serif !important;
}

@media (min-width: 769px) and (pointer: fine) {
  body, body.profile-page {
    background-attachment: fixed !important;
  }
}

main::before {
    content: "" !important;
    display: block !important;
    width: 100% !important;
    height: 300px !important;
    background-image: url('https://i.pinimg.com/1200x/7b/46/29/7b46295917a28c9e96fb7e182607c609.jpg') !important;
    background-size: cover !important;
    background-position: center center !important;
  }

.blog-preview {
  background-image: url("https://static.wikia.nocookie.net/fnafapedia/images/3/3d/Cam1B_bonnie1.png/revision/latest/scale-to-width-down/1000?cb=20170225055831") !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

.blurbs {
  background-image: url("https://static.wikia.nocookie.net/fnafapedia/images/f/f7/205.png/revision/latest/scale-to-width-down/1000?cb=20170225055828") !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

.friends {
  background-image: url("https://static.wikia.nocookie.net/fnafapedia/images/3/39/223.png/revision/latest?cb=20190521174930") !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}
</style><style>


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


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


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


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

/* ===== MIDNIGHT PURPLE ===== */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;700&display=swap');

/* ===== TOP BAR ===== */

body:before{
content:'welcome • online • enjoy your stay';
display:block;
background:#0a0a18;
color:#e0e0ff;
border-bottom:1px solid #2a2a4a;
padding:8px 14px;
font-size:12px;
letter-spacing:1px;
font-family:Arial, sans-serif;
text-shadow:0 0 6px rgba(255,255,255,.12);
}

/* ===== BACKGROUND ===== */

body{
background:
radial-gradient(circle at top, #1a1a2e 0%, #0a0a18 70%);
font-family:Arial, Verdana, sans-serif;
color:#e0e0e0;
}

/* ===== MAIN ===== */

main{
background:#16162b;
border:1px solid #2a2a4a;
border-radius:12px;
overflow:hidden;

box-shadow:
0 0 14px rgba(80,80,180,.10),
0 0 28px rgba(80,80,180,.06),
inset 0 0 18px rgba(255,255,255,.02);
}

/* ===== COLUMNS ===== */

.left.col,
.right.col{
background:
linear-gradient(#1a1a2e, #16162b);
border:1px solid #2a2a4a;
border-radius:10px;

box-shadow:
0 0 10px rgba(80,80,180,.06),
inset 0 0 16px rgba(255,255,255,.02);
}

/* ===== HEADINGS ===== */

.left .heading,
.right .heading{
background:
linear-gradient(90deg,#0f0f23,#1a1a2e,#0f0f23) !important;

color:#e0e0ff !important;
border-bottom:1px solid #2a2a4a;
letter-spacing:1px;

text-shadow:0 0 6px rgba(255,255,255,.12);
}

/* ===== DECORATION ===== */

.left .heading:after,
.right .heading:after{
content:' ✦ ✦ ✦ ';
display:block;
text-align:center;
font-size:10px;
letter-spacing:4px;
color:#aaaaff;
margin-top:4px;
}

/* ===== TEXT ===== */

p,
td,
li,
span{
color:#e0e0e0 !important;
}

/* ===== LINKS ===== */

a{
color:#8888ff !important;
text-decoration:none;
transition:all .2s ease;
}

a:hover{
color:#aaaaff !important;
text-shadow:0 0 10px rgba(170,170,255,.35);
}

/* ===== NAVIGATION ===== */

nav .top{
background:linear-gradient(#1a1a2e,#0f0f23);
border:1px solid #2a2a4a;
}

nav .links{
background:linear-gradient(#1a1a2e,#0f0f23) !important;
border:1px solid #2a2a4a;
}

/* ===== TABLES ===== */

.details-table td{
background:
linear-gradient(135deg,#1a1a2e,#16162b) !important;
border:1px solid #2a2a4a;
border-radius:8px;
color:#e0e0e0 !important;
}

/* ===== PROFILE PHOTO ===== */

.profile-pic img{
border:2px solid #aaaaff;
border-radius:8px;

box-shadow:
0 0 16px rgba(170,170,255,.18),
0 0 6px rgba(255,255,255,.05);

filter:contrast(108%);
transition:all .25s ease;
}

.profile-pic img:hover{
transform:scale(1.03);
box-shadow:
0 0 24px rgba(170,170,255,.28),
0 0 8px rgba(255,255,255,.08);
}

/* ===== PROFILE TEXT ===== */

.profile .blurbs,
.profile .blurbs p,
.profile .blurbs h1,
.profile .blurbs h2,
.profile .blurbs h3,
.profile .blurbs h4,
.profile .blurbs span{
color:#e0e0ff !important;
text-shadow:1px 1px 2px #000;
}

/* ===== COMMENTS ===== */

.comments-table td{
background:
linear-gradient(#1a1a2e,#16162b) !important;
color:#e0e0e0 !important;
}

/* ===== FOOTER ===== */

footer{
background:none;
opacity:.7;
}

footer:after{
content:' thanks for visiting • come back anytime ✦';
display:block;
text-align:center;
margin-top:8px;
font-size:11px;
color:#aaaaff;
letter-spacing:1px;
}

/* ===== SUBTLE GRAIN ===== */

main:after{
content:'';
position:fixed;
inset:0;
pointer-events:none;

background-image:
radial-gradient(rgba(255,255,255,.02) 1px, transparent 1px);

background-size:4px 4px;
mix-blend-mode:screen;
opacity:.08;
}

/* ===== SELECTION ===== */

::selection{
background:#8888ff;
color:#0a0a18;
}

/* ===== SCROLLBAR ===== */

::-webkit-scrollbar{
width:8px;
}

::-webkit-scrollbar-track{
background:#0a0a18;
}

::-webkit-scrollbar-thumb{
background:#2a2a4a;
border-radius:10px;
}

::-webkit-scrollbar-thumb:hover{
background:#3f3f4f;
}


/* ================================================= */
/* ===== FRIEND SPACE / COMMENTS FIX =============== */
/* ================================================= */

/*
   Friend Space uses the .friends container.
   Unfortunately that container also reaches into
   the Friends Comments area.

   Keep the image on Friend Space, but remove it
   specifically from the comments section.
*/

.friends{
  background-image:url("https://static.wikia.nocookie.net/fnafapedia/images/3/39/223.png/revision/latest?cb=20190521174930") !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
}

#comments{
  background-image:none !important;
}

.comments-table{
  background-image:none !important;
}

.comments-table td{
  background-image:none !important;
}


/* ===== MOBILE ===== */

@media screen and (max-width:600px){

body:before{
font-size:10px !important;
padding:6px 10px !important;
letter-spacing:.5px !important;
}

main{
padding:5px !important;
}

.left.col,
.right.col{
width:100% !important;
float:none !important;
margin:0 !important;
}

.profile-pic img{
max-width:120px !important;
height:auto !important;
}

nav .links{
font-size:12px !important;
}

.details-table td{
font-size:12px !important;
}

}

</style>