LeafJelly

Art Fight Bloom CSS

Jun 16th, 2026 (edited)
254
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 6.54 KB | None | 0 0
  1. /* Official ArtFight Bloom CSS
  2. * Code by @cyxxie, @leafjelly, and @fuzzyfuture
  3. * Assets by @leafjelly
  4. * This code is free-to-use! You may modify as you see fit
  5. */
  6.  
  7. #wrapper {
  8.   background: url(https://images.artfight.net/resources/Bloom%20Wither%20Assets/bloom%20bg.png) fixed;
  9.   background-color: #c9e998;
  10. }
  11. .banner-container.mb-3 {
  12.   width: 76%;
  13.   margin: auto;
  14.   border: 13px groove #ffafaf;
  15. }
  16. .artfight-nav.navbar.navbar-dark.navbar-static-top.navbar-expand-md.mb-0 {
  17.   margin-bottom: 1rem !important;
  18.   border-bottom: 7px #9fc553 solid;
  19.   background: #b2cf79 !important;
  20. }
  21. .dropdown-menu {
  22.   background: #b2cf79;
  23. }
  24. .dropdown-divider {
  25.   border-color: #261c2c;
  26. }
  27. .dropdown-menu a {
  28.   color: #2f5a27;
  29. }
  30. .dropdown-header {
  31.   color: #745a84;
  32. }
  33. .badge.badge-info {
  34.   background: #fb8c8c;color: #4e3e3e!important;
  35. }
  36. .dropdown-item:hover {
  37.   background: #97b361;
  38. }
  39. .badge.badge-primary {
  40.   background: #fb8c8c;color: #4e3e3e!important;
  41. }
  42. .badge.badge-danger {
  43.   background: #fb8c8c;color: #4e3e3e!important;
  44. }
  45. .alert.alert-info {
  46.   background: #b2cf79 !important;
  47.   border: groove #6a7b48 3px;
  48. }
  49. a {
  50.   color: #cd5a5a;
  51. }
  52. a:hover {
  53.   color: #cd5a5a;
  54. }
  55.  
  56. .comment a {
  57.   color: #d96161;
  58. }
  59.  
  60.  
  61. a .nav-link {
  62.   color: #cd5a5a;
  63. }
  64. .profile-description.mb-4.clearfix {
  65.   float: right;
  66.   min-height: inherit;
  67.   width: 50%;
  68.   margin-right: 1rem;
  69.   background: rgba(194, 225, 133, 0.88);
  70.   max-height: inherit;
  71.   height: inherit;
  72.   margin-top: 1%;
  73.   border: #b2cf79 groove 7px;
  74.   overflow: auto;
  75.   padding:5%;
  76. }
  77.  
  78. .nav-tabs .nav-item {
  79.   width: 20%;
  80.   text-align: center;
  81.   border: solid #fb8c8c;
  82.   background: rgba(255, 189, 189, .88) !important;
  83. }
  84.  
  85. .nav-link.active {
  86.   background: #fbbfbf!important;
  87.   color:#639a3a!important;
  88. }
  89. .nav-tabs .nav-item:hover {
  90.   background: rgb(255, 184, 184) !important;
  91. }
  92.  
  93. .nav-link:hover {
  94.   border: none;
  95. }
  96.  
  97. .profile-header-background.panel-heading.bg-light.p-2.border.rounded.position-relative {
  98.   background: #b2cf79 !important;
  99.   padding-left: 0 !important;
  100.   border: none !important;3px solid
  101. }
  102. .icon-user {
  103.   border: none;
  104. }
  105. .card-body.panel-body.profile-avatar-panel {
  106.   border:none!important;
  107.   background: #b2cf79;
  108.   margin-top: 2.5rem;
  109.  
  110.  
  111. }
  112. .card.panel.float-left.d-none.d-md-block.profile-avatar-wrapper {
  113.   border: none;
  114. }
  115. .profile-header-wrapper.clearfix {
  116.   background: rgba(141, 177,94,.8);
  117.   border: #6a7b48 3px solid !important;
  118. }
  119. .card.panel.float-left.d-none.d-md-block.profile-avatar-wrapper {
  120.   background: none;
  121. }
  122. .h2.profile-header-name {
  123.   margin-left: -7%;
  124. }
  125. .profile-body {
  126.   max-height: 80rem;
  127.   min-height: 70rem;
  128.   height: auto;
  129. }
  130. .panel-heading{
  131.   background: url(https://images.artfight.net/resources/Bloom%20Wither%20Assets/bloom%20header.png) top;
  132.   background-color: #fbbfbf !important;
  133.   border: none;
  134.   color: white !important;
  135. }
  136. .username-navbar span {
  137.   color: #639a3a !important;
  138. }
  139. .h2.profile-header-name {
  140. }
  141. .profile-header-name a {
  142.   color: #5a8c33!important;
  143.   font-weight: lighter;
  144. }
  145. .element-disabled.text-muted.h5 {
  146.   color: #5a8c33!important;
  147.   opacity: 1;
  148. }
  149. .profile-links.col-md-6 {
  150.   min-width: 100%;
  151. }
  152. .profile-followers.col-md-6 {
  153.   min-width: 100%;
  154. }
  155. .w-25.text-right.bg-light.active {
  156.   border: none;
  157.   background-color: #fbbfbf !important;
  158.   color: #cd5a5a;
  159. }
  160. .table.table-bordered.table-card {
  161.   background: rgba(255, 209, 209, .8);
  162. }
  163. .table-bordered td {
  164.   border: none;
  165. }
  166. .card-body.panel-body {
  167.   background: rgba(255, 209, 209, .8);
  168. }
  169.  
  170. .comment .panel-body {
  171.   background: rgba(255,209,209,0.8)!important;
  172. }
  173.  
  174.  
  175.  
  176.  
  177. .card-footer.panel-footer.text-right {
  178.   background-color: #fbbfbf !important;}
  179. .btn.btn-primary.form-control.btn-submit-once {
  180.   background: #fbbfbf;
  181.   border: none;
  182. }
  183. .btn.btn-primary {
  184.   background: #fbbfbf;
  185.   border: none;
  186.   color: #639a3a;
  187. }
  188. .btn.btn-primary:hover{
  189.   background: #ffd7d7;
  190.   border: none;
  191.   color: #80bd53;
  192. }
  193. .dropdown-menu .show {
  194.   background: #fbbfbf!important;
  195.   border: none!important;
  196.   color: #639a3a!important;
  197. }
  198.  
  199.  
  200. #profile-dropdown {
  201.   background: #fbbfbf;
  202.   border: none;
  203.   color: #639a3a;
  204. }
  205. .card.panel.panel-default.mt-3 {
  206.   background: none;
  207. }
  208. .col-6.col-md-4.col-lg-2.profile-gallery-attack.mt-3 {
  209. }
  210. .card.p-1.m-1.thumb-attack.attack-thumb.thumbnail {
  211.   border: #ff8e8e solid !important;
  212.   background: rgba(255, 189, 189, .88) !important;
  213. }
  214. .card.p-1.m-1.thumb-attack.character-thumb.thumbnail {
  215.   border: #ff8e8e solid !important;
  216.   background: rgba(255, 189, 189, .88) !important;
  217. }
  218. .nametag.thumbnail-width.h5.p-1.my-auto.bg-light.border.rounded.text-center.text-truncate {
  219.   Background: #fbbfbf!important;
  220.   border: none !important;
  221. }
  222. .text-break i {
  223.   color: #d96161!important;
  224. }
  225. .d-flex.align-items-center.mb-0 {
  226.   color: #FFF;
  227. }
  228. .card.panel {
  229.   background: none;
  230. }
  231. .navbar-nav .nav-link {
  232.   color: #639a3a !important;
  233. }
  234.  
  235. .footer .contain {
  236.   background: #89af3e !important;
  237.   border-top: #a5c95e solid 9px;
  238. }
  239. .page-item.disabled .page-link {
  240.   background: #fbbfbf !important;
  241.   color:#639a3a!important;
  242.   border: none;
  243. }
  244. .page-link {
  245.   background: #ffcece;
  246.   border: none;
  247.   color:#639a3a!important;
  248. }
  249.   .page-link:hover {
  250.   background: #fbbfbf;
  251. }
  252.  
  253. .achievement-panel .card {
  254.     background-color: transparent!important;
  255. }
  256.  
  257.  
  258.  
  259. .card {
  260.   background: #b2cf79;
  261. }
  262.  
  263. .nametag .bookmark-character{
  264.   background: #1d1e28 !important;
  265.   border: none !important;
  266. }
  267.  
  268. .btn-warning{
  269.   background: #6a7b48;
  270.   border: none;
  271.   color: #639a3a;
  272. }
  273.  
  274. .btn-danger{
  275.   background: #6a7b48;
  276.   border: none;
  277.   color: #639a3a;
  278. }
  279.  
  280. .btn-success{
  281.   background: #6a7b48;
  282.   border: none;
  283.   color: #639a3a;
  284. }
  285.  
  286. .modal-header{
  287.   background: url(https://images.artfight.net/resources/Bloom%20Wither%20Assets/bloom%20header.png) top;
  288.   background-color: #fbbfbf !important;
  289.   border: none;
  290.   color: white !important;
  291. }
  292. .modal-content{
  293.   background: rgba(255, 209, 209, .8);
  294. }
  295.  
  296. .table-striped tbody tr:nth-of-type(2n+1) {
  297.   background: rgba(255, 209, 209, .8);
  298. }
  299.  
  300.  
  301. .d-none.d-md-block.mt-3.profile-header-normal-status {
  302.   color: white;
  303. }
  304.  
  305. p{
  306.     color: white !important;
  307. }
  308. div{
  309.     color: #2f5a27!important;
  310. }
  311.  
  312. @media screen and (max-width: 766px){
  313.  
  314.   .profile-description.mb-4.clearfix {
  315.     float: none !important;
  316.     width: 100% !important;
  317.   }
  318.   .profile-body {
  319.     max-height: none!important;
  320.     min-height: auto !important;
  321.   }
  322. }
  323.  
  324. .profile-stats-body td {
  325. color:#cd5a5a!important;
  326. }
  327.  
  328. .achievement-panel .card-body {background-color: rgba(255,209,209,0.9)!important;}
Advertisement
Add Comment
Please, Sign In to add comment