Art Fight Werewolves CSS

/*
* Code by @cyxxie and @leafjelly
* Assets by @leafjelly
* Feel free to report any bugs!
* This code is free-to-use! You may modify as you see fit
*/

.container-fluid{
 width:1190px!important;
 margin:auto;
}

.banner-container.mb-3 {
  border: rgba(0,0,0,.7) solid 6px;
}


#wrapper {
  background: url(https://file.garden/ZT2StWKGxCOellbN/artfight/wolfBG) center;
  background-color: #244261;
  font-family:Georgia, serif!important;
}

/*User Info*/
.card.panel.float-left.d-none.d-md-block.profile-avatar-wrapper {
  border: none;
}

.profile-header-background.panel-heading.bg-light.p-2.border.rounded.position-relative {
  background: url(https://file.garden/ZT2StWKGxCOellbN/artfight/wolfheader) fixed;
  border: #304a65 solid !important;
  border-width:0px 0px 1px 0px !important;
}

.profile-header-wrapper.clearfix {
    background: url(https://file.garden/ZT2StWKGxCOellbN/artfight/wolfheader) fixed;
  border: #7e95bf 1px solid !important;
  width:86% !important;
  margin-left:1%;
  display: inline-block  !important;
}

.profile-header-name a {
  color: #88cef7!important;
  Font-variant:small-caps;
  font-weight:normal;
}
.element-disabled.text-muted.h5 {
  color: #bce6ff !important;
  opacity: .7;
}
.card-body.panel-body.profile-avatar-panel {
  background: rgba(1, 20, 30,.9);
  padding:10px;
  margin:13px 5px 5px 5px;
}

.d-none.d-md-block.mt-3.profile-header-normal-status {
  font-size:smaller;
}


.card.panel.float-left.d-none.d-md-block.profile-avatar-wrapper {
  background: none;
  border:none;
}
.panel-heading{
  background: url(https://file.garden/ZT2StWKGxCOellbN/artfight/wolfheader) fixed;
    border: #5f7397 solid 1px;
    color: #b2e3ff !important;
    padding: 5px 10px;
    Font-variant: small-caps;
}

.panel-heading a{
  color: #7598b7;
}
.panel-heading a:hover {
  color: #9cc8ef;
}


.username-navbar span {
  color: #8ea8bf !important;
}

/*Navigation Tabs*/
.nav-tabs {
  width:12%;
  Margin:0 0 0 -8px !important;
  display: inline-block  !important;
  padding:4px !important;
  border:none;
  font-variant:small-caps;
}

.nav-tabs .nav-item {
  text-align: center;
  border: none;
  background: rgba(1, 11, 20,.9) !important;
}

.nav-link.active, a.btn.btn-primary.active, .page-item.active .page-link {
    background: #96ced7 !important;
    text-transform: uppercase;
    color: #000f3b !important;
    font-weight:bold!important;
}

}
.nav-tabs .nav-item:hover {
  background: #142E4A!important;
  color:#BADBF2;
}
.nav-tabs .nav-link{
  color:#a5c2d7;
  padding:4px;
  border:#7e95bf 1px solid !important;
}

/* Profile Description Box*/
.profile-description.mb-4.clearfix {
  margin:1em !important;
  background: rgba(1, 20, 30,.9);
  Min-height:263px !important;
  max-height: 580px !important;
  overflow: auto!important;
  border: rgba(146, 210, 255,0.25) solid 2px;
  padding: 20px 25px;
  float: right;
  width: 72%;#3d0020
}

/* Followers and Links */
.profile-links.col-md-6 {
  min-width: 100%;
}

.profile-links .table-card{
  font-size:small;
}

td a, .card-footer.panel-footer.text-right a{
  color: #b0d5e3;
}
td a:hover, .card-footer.panel-footer.text-right a:hover{
  color: #93cff9;
}

.w-25.text-right.bg-light.active {
  background: url(https://file.garden/ZT2StWKGxCOellbN/artfight/wolfheader) fixed;
    border: #3b4961 solid 1px;
    color: #90b7f1;
}
.table.table-bordered.table-card {
  background: rgba(6, 15, 23,0.6) !important;
  border: #5f7397 solid;
  border-width: 0px 1px 1px 0px;
}
.table-bordered td {
  padding:3px 11px;
  border: #000 solid 1px;
}


td.w-25.text-right.bg-light.active {
    Font-variant: small-caps;
    font-weight: lighter;
}

.profile-followers.col-md-6 {
    min-width: 100%;
}

.profile-followers .card-body.panel-body{
  background: rgba(1, 20, 30,0.6);
  text-align: center;
  padding: 2px 36px;
  Height:150px;
  Overflow:auto;
  border: #5f7397 solid;
  border-width: 0px 1px;

}

.card-body.panel-body{
  background: rgba(1, 20, 30,0.8);
  overflow:auto;
}

.col-6.col-md-4.profile-follower {
  min-width: 100% !important;
  font-weight:lighter;
  padding:2px
}


.card-footer.panel-footer.text-right {
    padding: 3px;
    font-size: small;
    background-color: #090e1a;
    border: #5f7397 solid;
   Border-width: 0px 1px 1px 1px
}

.btn-warning, .btn-danger, .btn-success, .btn.btn-primary, #profile-dropdown {
  background: #8ea8bf;
  Border: #52697d solid 1px;
  color: #040d12!important;
}

.btn-warning:hover, .alert-warning{
    background: #9b8159;
    color: #dfca99;
}

.btn-success:hover, .alert-success{
    background: #599b7d;
    color: #c5ffe4!important;
}

.btn-danger:hover, .alert-danger{
    background: #8f4c4c;
    color: #efb1b1!important;
}

.card.panel.panel-default.mt-3 {
  background: none;
}

/*Profile Galleries*/
.card.panel.panel-default.profile-gallery-header.profile-attacks-header.mt-3{
  width:100%;
}

.profile-attacks-header .panel-heading, .profile-defenses-header .panel-heading, .profile-characters-header .panel-heading {
    padding: 2px 10px;
    font-size: 8px;
    font-variant:small-caps;
}

h2.d-flex.align-items-center.mb-0 {
    width: 21%;
    font-size: 23px;
    Padding:0px 5px;
    background:rgba(4, 0, 28,0.4);
}

small.profile-gallery-header-link.ml-auto {
    margin: 0px 5px;
    font-size: 13px;
    font-style: normal;
}

.card.p-1.m-1.thumb-attack.attack-thumb.thumbnail, .card.p-1.m-1.thumb-attack.character-thumb.thumbnail {
    border: rgba(0,0,0, .3) solid 3px !important;
    background: rgba(0, 124, 171, 0.5);
}
.nametag.thumbnail-width.h5.p-1.my-auto.bg-light.border.rounded.text-center.text-truncate, .nametag.bookmark-character.flex-shrink-0.h5.p-1.ml-1.my-auto.bg-light.border.rounded {
  background: #020d25 !important;
  border: #62838d 1px solid !important;
  font-variant:small-caps;
}

.nametag.thumbnail-width.h5.p-1.my-auto.bg-light.border.rounded.text-center.text-truncate:hover, .nametag.bookmark-character.flex-shrink-0.h5.p-1.ml-1.my-auto.bg-light.border.rounded:hover, .btn.btn-primary.form-control.btn-submit-once:hover{
  background: #05324d !important;
  color:#95c2e9!important;
}

.text-break i {
  color: #95c2e9 !important;
}

.text-break i:hover {
  color: #bee1ff !important;
}




/*Comments*/
.comment .panel-body {
  background: rgba(1, 20, 30, .9)!important;
}

.comments h2, h2.profile-stats-title, h2.profile-characters-title, h2.profile-attacks-title,{
    background: rgba(1, 20, 30, .7);
    padding: 2px 10px;
    margin: 30px auto 5px auto;
    text-align: center;
    width: 22%;
    font-variant: small-caps;
    color: #e5effd;
}

.btn.btn-primary.form-control.btn-submit-once {
  background: #090e1a;
  border: #5f7397 1px solid !important;
  color:#94b6e9 !important;
}

.btn.btn-primary.form-control.btn-submit-once:hover {
  background: #193445;
  color:#b8d4ff !important;
}

h2.profile-defenses-title {
    background: rgba(1, 20, 30, .7);
    padding: 2px 10px;
    width: 33%;
    font-variant: small-caps;
    color: #e5effd;
}


/*Site User Interface*/
.artfight-nav.navbar.navbar-dark.navbar-static-top.navbar-expand-md.mb-0 {
  border-bottom: none;
  background: #090e1a !important;
}
.dropdown-menu {
  background: #090e1a;
}
.dropdown-divider {
  border-color: #346fc7;
}
.dropdown-menu a, .dropdown-menu .d-flex.align-items-center {
  color: #95c2e9 !important;
}
.dropdown-header {
  Color: #7a8ba3;
}
.badge.badge-info, .badge.badge-primary, .badge.badge-danger, {
  background: #8fd8de;color: #000!important;
}
.dropdown-item:hover {
  Background: #0f2b3f;
  Color: #cbe7ff !important;
}

.alert.alert-info {
  background: #a7e0e9!important;
  border: none;
}
.alert.alert-info a {
  color: #08104d!important;
}

.comment a, navbar-brand d-flex align-items-center p-0 {
  color:#aad8ff;
  font-variant:small-caps;
}

a .nav-link {
  color: #ed3560;
}

.card.panel {
  background: none;
}

.footer .contain {
  background: #090e1a !important;
  border-top:#000 solid 5px;
}
.page-item.disabled .page-link {
  background: #16374f !important;
  border: none;
}
.page-link {
  background: #090e1a;
  border: none;
}
  .page-link:hover {
  background: #204d6f;
}

.card {
  Background: none;
}

.text-danger{
  color:#44a8e3!important;
}


p, div{
	color: #bfced9;
}

/*Mobile Fixes*/
@media screen and (max-width: 766px){
 .container-fluid, .comments h2, h2.profile-stats-title, h2.profile-characters-title, h2.profile-attacks-title, h2.d-flex.align-items-center.mb-0 {
	width: 100%!important;
 }

 .profile-header-wrapper.clearfix, .nav-tabs {
	width: 100%!important;
	Margin: auto!important;
 }

  .profile-description.mb-4.clearfix {
	float: none !important;
	width: 100% !important;
	Margin: auto !important;
  }
  .profile-body {
	max-height: none!important;
	min-height: auto !important;
  }
  .col-6.col-md-4.profile-follower {
	height: inherit!important;
	min-width: inherit !important;
  }

  .profile-followers .card-body.panel-body{
	height: inherit !important;
  }
}