/* This code is a bit of spaghetti but you hopefully shouldn't have to alter it much aside from hex codes. In fact, I would highly recommend that you NOT mess with this code too much. Someday I will make it nicer, I swear. I have annotated as much as possible */
 
 
 
/* This will hide the banner */
.banner {
background:url("none") !important;
background-position:center !important;
height:10px !important
}
 
/* Don't touch this */
.profile-avatar-panel {
border:none !important
}
 
/* Don't touch this */
.comments-post {
background: none;
}
 
/* Main page background */
#wrapper {
display: flex;
background: url(LINK URL); /* For your background image/pattern */
color: #000000;
font-weight: regular;
border: none;
}
 
/* The buttons on your profile for other tabs aka stats, attacks, etc */
.btn .btn-primary {
background-color: #FFDCEA;
}
 
 
/* The controls the color for the tab you are currently on and also the color when you hover over other tabs*/
.btn-primary.active, .defense-toggle .btn:hover {
color:#FFF1F2 !important;
background:#DB7F8E !important
border: none;
}
 
/* Don't touch this */
.profile-header-wrapper .element-disabled .clearfix {
color:#FFF;
opacity:1
border: none;
}
 
/* Don't touch this */
.profile-header {
border: none;
}
 
/* This is bar next to your icon with your username visible */
.profile-header-background {
background-color: #463E40 !important;
color:#fff !important
border: #463E40;
border-width: 2px;
}
 
/* Don't touch this */
.panel-heading {
border: none;
}
 
/* 99% sure this controls the color of the ratio bars on the stats page */
.nametag, .text-break i, .progress-bar, .badge-info {
background-color: #463E40 !important;
color:#fff !important
border: none;
}
 
/* This is bar next to your icon with Last Seen, Joined, and Team */
.profile-header-normal-status {
background-color: #967CA0 !important;
color:#fff !important
margin-top: 5px;
margin-bottom: 5px
border: none;
}
 
/* This is the ring of color around your icon */
.profile-avatar-wrapper {
background-color: #D7BA00;
color: #D7BA00;
}
 
/* This is the main profile description */
.profile-description {
background-color: #FFF;
border-width: 7px;
border-style: solid;
border-color: #967CA0; /* Border color for the profile */
width: 56%;
padding: 20px;
float: right;
margin-left: 10px;
margin-top: 17px;
}
 
/* These next two are for all of the dropdown menus */
.dropdown-menu .navbar-expand-md .navbar-nav {
background: #D7BA00;
margin-top:10%;
color: #fff
}
dropdown-item {
background: #D7BA00;
margin-top:10%;
color: #fff
}
/* End of dropdown menus */
 
/* I'd recommend not touching these except for the hex codes */
.nav-tabs .nav-item {
width: 20%;
padding-right: 2%;
padding-left: 2%;
text-align:center;
letter-spacing:2px
}
.nav-tabs .nav-link {
background:#967CA0; /*Big buttons center color*/
color:#fff;
border-width: 7px;
border-style: solid;
border-color: #E78D90; /*Border color of the big buttons, attacks defenses etc*/
border-radius: 10px;
}
.nav-tabs .nav-link.active, .nav-tabs .nav-link:hover {
background:#463E40; /*Big buttons center color when active or hovered*/
border-color: #967CA0; /*Border color of the big buttons, attacks defenses etc when active or hovered*/
color:#fff;
border-width: 7px;
border-style: solid;
}
/* End of don't touch */
 
/* Don't touch this */
.my-3 {
background: none;
border: none;
}
 
/* Don't touch this */
.mt-3 {
border: none;
}
 
/* Don't touch this */
.w-25.text-right.bg-light.active {
background:#FAC2C3 !important /* Color block on the left of the social media links table */
border: none;
}
 
/* Don't touch this */
.profile-links.col-md-6 {
margin-right:1%;
min-width:100%
}
 
/* Don't touch this */
.profile-links {
background: #000
}
 
/* Color block on the most recent followers block */
.profile-followers .panel-heading {
background: #463E40
border: none;
}
 
 
/* Color block on the social media links block */
.card-header {
background: #967CA0;
color: #fff;
border: none;
}
 
/* Social media link, recent followers section, and profile comments (all three elements are controlled by .card, so the background color will change all three the same) */
.card {
background: #fff; /* if you change this color, you will need to edit the background color in the link colors section! I have that there so you can use the background as a highlight for accessibility if you change this color and they clash too much */
color: #fff;
border: none;
}
 
/* Don't touch this */
.col-md-6 {
background: none;
border: none;
}
 
/* Don't touch this */
.panel-footer {
background: #967CA0; /*Color of the block at the bottom of recent followers */
}
 
/* Don't touch this */
.profile-followers.col-md-6 {
margin-top:-1%;
margin-bottom:2%;
min-width:100%;
}
 
/* Little border color around the profile links header */
.profile-links .card-header, .profile-followers .card-header {
border:3px #463E40 solid;
border-bottom:none
}
 
/* Border around the table part of the social media links */
.profile-links .table-card, .profile-followers .card-body {
border:3px #E78D90 solid
}
 
/* Don't touch this */
.profile-characters-header {
clear:right
}
 
/* Might be redundant, but don't delete it */
.btn.btn-primary.form-control.btn-submit-once {
width:100% !important;
background:#967CA0;
color:#FFF;
border: none
}
 
/* Might be redundant, but don't delete it */
.table .table-bordered .table-card {
background: 000;
color: #FFDCEA;
}
 
/* Buttons on the right for Edit and Hide Theme dropdown */
.btn {
background:#967CA0;
color:#DB7F8E;
border: none;
letter-spacing:2px
}
 
/* This is the color of your username next to your icon if you do not want your team color here. Delete this if you want to use your team color as default! */
.profile-header-name a {
color: #D7BA00 !important
border: none;
}
 
/* Link colors for the social media links table, separate from your regular links */
.table-card tr:first-child td a:link  {
background: #Fff;
color: #E78D90;
border: none;
}
.table-card tr:first-child td a:visited  {
background: #Fff;
color: #E78D90;
border: none;
}
.table-card tr:last-child td a:link {
background: #FFF;
color: #E78D90;
border: none;
}
.table-card tr:last-child td a:visited {
background: #FFF;
color: #E78D90;
border: none;
}
 
/* Color of the names of the social media sites in the table */
tbody tr td.active {
background: #FFF;
color: #967CA0;
border: none;
margin-top: -2px;
}
 
/* Regular links, if you have links in your profile section, this controls those, too. */
a:link {
  color: #FAC2C3;
}
/* Visited link */
a:visited {
  color: #FAC2C3;
}
/* Hover link */
a:hover {
  color: #FAC2C3;
}
/* Selected link */
a:active {
  color: #FAC2C3;
}
/* End of regular links */
 
/* Drop down menu to hide theme  */
.dropdown-menu, .dropdown-item   {
background-color:#D7BA00 !important;
color:#fff !important
}
 
/* Don't touch this */
.profile-header .icon-user {
border:none
}
 
/* Don't touch this */
.profile-header-wrapper .panel-heading {
border:none !important
}