LeafJelly

Easter Egg Wloom CSS

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