Black & White Agency Profile Template - Bot Cards Only

This template was made by MantaRae on JanitorAI. Like this free template and want to show your support?
You can also support me on my Ko-Fi (not necessary but always appreciated!)

Full Profile version: https://rentry.co/agencytemplatebyrae

Do not remove the credits if using this template! I do not give permission to use any part of this template for your own templates or commissions/requests.

How To Upload

  • Go to your Profile Settings
  • Copy the entire code below and paste into the About Me section
  • Press Save and enjoy!
<style>
.pp-cc-wrapper:hover{
    transform: scale(1.05);
}


  .pp-cc-wrapper{
    flex: 0 1 380px;
    margin: 15px;
    width: 380px;
    height: 350px;
    transition: all 500ms ease;
}  


.css-1s5evre {
    background: transparent;
    display: grid;
  grid-template-columns: 180px 200px;
  border-bottom: 2px solid;
  border-radius: 0;
  grid-template-rows: 1fr 3fr; 
  position: relative; 
  gap: 5px;
  grid-template-areas: 
    "name img"
    "desc img"; 
}
.css-1q7rmf0 {
  position: relative;
  overflow: visible;
    grid-area: img;
}
.pp-cc-avatar {
  border: 2px solid #f7f7f7;
border-radius: 1rem;
}  


.css-nlxhw4 {
    grid-area:name;
  text-align: center;
  align-content: end;
  position: relative;
  overflow-y: auto;
} 


.profile-character-card-description-box {
    grid-area: desc;
    background: #000000e3;
    border: 2px solid #f7f7f7;
    border-radius: 1rem;
}


.pp-cc-description {
    max-height: 230px;
    height: 100%;
    overflow: hidden auto;
  padding: 15px;
}


.css-k1urot {
  height: 100%;
  position: absolute;
  top: 15px;
  right: -15px;
  display: flex;
  gap: 2px;
  flex-direction: column;
  max-height: 200px;
  overflow-y: auto;
  background: #000000e3;
  border-radius: 1rem;
  border: 2px solid #f7f7f7;
}


.css-1s5evre *{
color: #ffffff;
font-family: cardo;
}
.pp-cc-tags-item  {
  display: inline-block;
  font-size: 0;
  line-height: 1.5;
  width: 30px;
  border: none;
}
.pp-cc-tags-wrap-custom, .pp-tag-limitless {
display: none;
}
.pp-cc-tags-item::first-letter {
  font-size: 13px;
} 


.css-1s5evre:after {
  content: "";
  position: absolute;
  bottom: -9px;
  left: 0;
  font-size: 2rem;
  z-index: -1;
  font-family: cardo;
  letter-spacing: 3px;
  opacity: .6;
}
.pp-cc-wrapper:has(.pp-tag-limitless), .css-1s5evre:after {
  content: "Limitless";
}

.pp-cc-name {
color: #f7f7f7;
text-shadow: rgb(0, 0, 0) 1px 0px 0px, rgb(0, 0, 0) 0.540302px 0.841471px 0px, rgb(0, 0, 0) -0.416147px 0.909297px 0px, rgb(0, 0, 0) -0.989993px 0.14112px 0px, rgb(0, 0, 0) -0.653644px -0.756803px 0px, rgb(0, 0, 0) 0.283662px -0.958924px 0px, rgb(0, 0, 0) 0.96017px -0.279416px 0px;
}
.profile-character-card-stats-box, .pp-cc-ribbon {
    left: unset;
   right: -12%;
    display: flex;
    justify-content: center;
    top: 5px;
    width: 100%;
    opacity: .8;
}


.css-1c9wmts {
    width: 100%;
    right: unset;
   bottom: -4px;
}
.pp-cc-tokens-count {
  color: #f4eaff99;
  text-shadow: none;
}
.pp-cc-wrapper:hover,.pp-cc-wrapper[data-hover]{box-shadow:none}.css-1s5evre a{display:contents}.pp-cc-list-container{display:flex;flex-flow:row wrap;justify-content:center}.css-1awld45,.css-1cui3us,.css-1wqmh16,.css-1x04uxb,.css-5v5qgx,.css-8828od,.css-nip9dx,.css-xrg4vd,.pp-cc-creator-name{display:none}.pp-cc-wrapper>*{box-shadow:none!important}.pp-cc-star-line{visibility:hidden}div:has(> .css-1s5evre),div:has(~ .css-1s5evre){background:0 0!important}.css-0,.css-1henxb,.css-effh3d{background:0 0!important}
._content_1chl9_11 {box-shadow:none;background:0 0}  
</style>
Edit

Pub: 11 Jan 2026 10:16 UTC

Views: 203