← Back to Layouts
Mayhem X Mischief "PARTNERS IN CRIME" layout

Name: FriendRewind
Author: FriendRewind
Author: meowblurghh
Category: Colorful
Created: October 14, 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>
a:link{
    color: white!important;
}
a:hover {
    color: #08c9ac!important;
}
</style>


<style>
body{
font-family: sans-serif;
font-size: 14px;
</style>

<style>
body{background:url("https://i.postimg.cc/VkYWYsCv/partners-in-crime.png") no-repeat fixed; background-size:cover; center center;
}

</style>

<style>
.logo {
content:url("https://i.postimg.cc/HkcXWJLp/renard.png");
}
</style>

<style>
nav .links{
        background-image: linear-gradient(hotpink, yellow);
        border: solid #ff6d1f 2px;
        }
</style>

<style>
main {
   background-image: linear-gradient(turquoise, yellow);
   color: #fc0077;
   border: 5px  white;
   text-shadow: 1px 1px 0px hotpink;
   box-shadow: 0px 8px 5px 1px purple;

}

.blurbs {
   background: linear-gradient(pink, white);
   border: 1px solid #2cb2d7;
}
    .profile .blurbs .heading,
    .profile .friends .heading {
    
        background: linear-gradient(black, #ff0077);
        color: lime;
}

    .profile .blurbs .section h4 {
color: Black;

}

.profile .contact .heading,
    .profile .table-section .heading{
        background: linear-gradient(black, #ff0077);
        color: Lime;
}

.blog-preview {
   padding: 5px;
   background: linear-gradient(pink, yellow);
   border: 1px solid #ff6d1f;
   box-shadow: 1px 2px 5px #08c9ac;
   
}

.profile h1 {
   text-align: left;
   font-size: 24px;
   color: #ff0077;
   text-shadow: 1px 2px 2px #069c85;
}

.profile-info {
  
}

.general-about {
   background: url(https://i.postimg.cc/dQhfPbjv/Mayhem-and-Mischief-3-lapfox-37249535-1400-1400.jpg);
   background-position: center center;
   background-repeat: no-repeat;
   background-size: cover;
   border: 1px solid hotpink;
   box-shadow: 1px 2px 2px #08c9ac;
   padding: 15px;

}

.online {
    content: url(https://dl.glitter-graphics.com/pub/70/70114ow466u9oc3.gif);
}

.mood {
  padding-top: 0px;
}

.mood:after {
  content: "";
  white-space: pre-wrap;
  display: block;
  height: 30px;
  background-image: url(https://64.media.tumblr.com/26f703d28b3d2f757b1131398e49e3bf/a814dfed7a63cd70-3f/s640x960/7ae8d92a42e5adcc0dc6db0732a088bbb6d12aae.gifv);
  background-repeat: no-repeat;
  background-position-x: center;
  background-size: 320px;
}



.contact {
   background: url(https://i.postimg.cc/YSjcshXf/Lap-Fox-lapfox-31974330-1600-900.jpg);
   background-position: left top;
   background-repeat: repeat;
   padding: 0px;
   width: 200px;
   height: 120px;
   color: white!important;
   box-shadow: 1px 2px 2px #08c9ac;
}


.contact .inner a img {
        font-size: 0;
    }
    .contact .inner a img:before {
        font-size: 2em;
        display: block
    }
    .contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
	    /* add to friends */
	    content: url("https://i.postimg.cc/c4pq5sd5/dd74tgt-b12dc2e9-edf4-4f99-9622-c929eba47cc1.gif")
    }
    .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	    /* add to favorites */
	    content: url("https://i.postimg.cc/c4pq5sd5/dd74tgt-b12dc2e9-edf4-4f99-9622-c929eba47cc1.gif")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	    /* send Message */
	    content: url("https://i.postimg.cc/c4pq5sd5/dd74tgt-b12dc2e9-edf4-4f99-9622-c929eba47cc1.gif")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	    /* forward to friend */
	    content: url("https://i.postimg.cc/c4pq5sd5/dd74tgt-b12dc2e9-edf4-4f99-9622-c929eba47cc1.gif")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	    /* instant message */
	    content: url("https://i.postimg.cc/c4pq5sd5/dd74tgt-b12dc2e9-edf4-4f99-9622-c929eba47cc1.gif")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	    /* block user */
	    content: url("https://i.postimg.cc/c4pq5sd5/dd74tgt-b12dc2e9-edf4-4f99-9622-c929eba47cc1.gif")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	    /* add to group */
	    content: url("https://i.postimg.cc/c4pq5sd5/dd74tgt-b12dc2e9-edf4-4f99-9622-c929eba47cc1.gif")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	    /* report user */
	    content: url("https://i.postimg.cc/c4pq5sd5/dd74tgt-b12dc2e9-edf4-4f99-9622-c929eba47cc1.gif")
    } 


.profile .friends .person p{color:yellow}




.url-info {
   display:none;
   
}

.table-section {
   background: linear-gradient(hotpink, turquoise);
   border: 1px solid #2cb2d7;
}

.friends {
   background: linear-gradient(turquoise, hotpink);
   border: 1px solid #2cb2d7;
   margin-bottom: 20px;
}

.comments-table{
   background: linear-gradient(hotpink, yellow);
    border: 1px solid #2cb2d7;
    display: block;

}

div.top {
   background: url(https://i.postimg.cc/sgMRgTSC/sqsssq.png);
   box-shadow: 0px 1px 1px 1px purple;
}

footer {
   color: #fff;
   background: url(https://i.postimg.cc/sgMRgTSC/sqsssq.png);
   box-shadow: 0px 1px 1px 1px purple;
}

.count {
    color: violet;
    font-style: normal;
}


main:before {
       width: auto;
       margin-top: -7px;
       margin-bottom: 0px;
       border: 3px solid hotpink;
       height: 120px;
       display: block;
       content: "";
       background-image: url(https://i.postimg.cc/Y9wRTSky/Lap-Fox-lapfox-31974327-1600-900.jpg);
       background-position: center center;
       background-size: cover;
}

</style>

<style>
     .details-table td *{
        color: #fc0077;
}
     :root {
    --even-lighter-blue: linear-gradient(turquoise, hotpink);
    --light-orange: #fc0077;
}

.comments-table td{
        background: linear-gradient(pink, yellow);
    }

</style>Mayhem's design was actually originally some kind of orange lizard thing (male) with ram horns, thank goodness that changed. her final design is a combination of things inspired by the riot and punk scene, as well as the club scene, with a hint of cyber stylization (shown in the vibrant colors, mostly) to round things out and hold them all together. Rasasha assisted in Mayhem's clothing design when she was first sketched up; since then there have been minimal changes (her hair is a bit bigger, she ac quired a keytar (based on the Roland AX-7), and - well - her b00bs have gotten a bit bigger), she's a fan favorite (for obvious reasons, being the only female alias i have and an attractive one at that), and her visual style is very closely tied-in with the music i produce under her name.
<br>~Renard

<br><img src="/proxy/image.php?url=https%3A%2F%2Fimages-wixmp-ed30a86b8c4ca887773594c2.wixmp.com%2Ff%2F8df76d20-7c20-446f-a95f-cb37223813e2%2Fd69seml-b2ea7916-1128-40d3-a20e-a506153d0e5c.png%2Fv1%2Ffill%2Fw_99%2Ch_56%2Fsqueedgemonster_stamp_by_stahmps_d69seml-fullview.png%3Ftoken%3DeyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9NTYiLCJwYXRoIjoiXC9mXC84ZGY3NmQyMC03YzIwLTQ0NmYtYTk1Zi1jYjM3MjIzODEzZTJcL2Q2OXNlbWwtYjJlYTc5MTYtMTEyOC00MGQzLWEyMGUtYTUwNjE1M2QwZTVjLnBuZyIsIndpZHRoIjoiPD05OSJ9XV0sImF1ZCI6WyJ1cm46c2VydmljZTppbWFnZS5vcGVyYXRpb25zIl19.FbsB2qJ6DSeBEzoLBI3RlfZj5Q3KJV9ZARlaQ0ejLzU" alt="SQUEEDGEMONSTER">

<img src="/proxy/image.php?url=https%3A%2F%2Fimages-wixmp-ed30a86b8c4ca887773594c2.wixmp.com%2Ff%2F8df76d20-7c20-446f-a95f-cb37223813e2%2Fd778ww5-ef4de126-a5a7-44fe-9107-b377dc5cc0b4.gif%3Ftoken%3DeyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzhkZjc2ZDIwLTdjMjAtNDQ2Zi1hOTVmLWNiMzcyMjM4MTNlMlwvZDc3OHd3NS1lZjRkZTEyNi1hNWE3LTQ0ZmUtOTEwNy1iMzc3ZGM1Y2MwYjQuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.xhsRhDnNspxN5Y1GPATTAIY0mnZCMQ75QGcqNa3-Ccg" alt="SPACE GRUNGE">

<img src="/proxy/image.php?url=https%3A%2F%2Fimages-wixmp-ed30a86b8c4ca887773594c2.wixmp.com%2Ff%2Fb21dc78f-7fee-40bb-b00d-c30fc402db65%2Fd6tnney-979fb0df-81b5-451a-a286-c611f75f3a08.gif%3Ftoken%3DeyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2IyMWRjNzhmLTdmZWUtNDBiYi1iMDBkLWMzMGZjNDAyZGI2NVwvZDZ0bm5leS05NzlmYjBkZi04MWI1LTQ1MWEtYTI4Ni1jNjExZjc1ZjNhMDguZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.EqJUVleBRGQnYM9jHvcaC63tcPfC8W9pDBBJA3lG3pQ" alt="MISCHIEF">

<img src="/proxy/image.php?url=https%3A%2F%2Fimages-wixmp-ed30a86b8c4ca887773594c2.wixmp.com%2Ff%2Fa1802d07-f12d-424d-95ac-b06ef8821e15%2Fd567pm7-15b9660f-766b-4f6b-936b-f90c0297a037.gif%3Ftoken%3DeyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2ExODAyZDA3LWYxMmQtNDI0ZC05NWFjLWIwNmVmODgyMWUxNVwvZDU2N3BtNy0xNWI5NjYwZi03NjZiLTRmNmItOTM2Yi1mOTBjMDI5N2EwMzcuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.zxJFneK4C1rvb-tu_HmbiRJn_fuRxgo9upW32L1oVWc" alt="MAYHEM">



<div style="float:  ; max-width: 100%; height: auto; width: 300px; position: fixed; right: 150px; bottom: -10px; z-index: 100;"><img src="/proxy/image.php?url=https%3A%2F%2Fi.postimg.cc%2FVLBB3gpm%2FBased-shark-textless.webp"></div><style>* {cursor: url(https://cur.cursors-4u.net/cursors/cur-3/cur243.ani), url(https://cur.cursors-4u.net/cursors/cur-3/cur243.png), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2009/09/15/fuschia-glitter-pointer.html" target="_blank" title="Fuschia Glitter Pointer"><img src="/proxy/image.php?url=https%3A%2F%2Fcur.cursors-4u.net%2Fcursor.png" alt="Fuschia Glitter Pointer" style="position:absolute; top: 0px; right: 0px;"></a>