LeafJelly

Art Fight Wither Dark CSS

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