API tools faq
paste
Advertisement
voskhodart

Crystals

voskhodart
Jun 24th, 2025
251
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 7.87 KB | None | 0 0
raw download clone embed print report
  1. /* Code & header art by Voskhod. Team icons belong to Art Fight. */
  2.  
  3. .artfight-nav {
  4.   background-color: #3e0630 !important;
  5.   font-family: Verdana, sans-serif;
  6.   color: #e66488;
  7.   border-bottom: 2px #fee6d7 solid;
  8. }
  9.  
  10. .w-25 {
  11.   background-image: url(https://images.artfight.net/2025/2025_Crystals.png) !important;
  12.   background-size: contain;
  13.   padding: 30px;
  14.   max-height: 10px;
  15. }
  16.  
  17. .banner {
  18.   background-image: url(https://i.imgur.com/mAuaWzZ.png) !important;
  19.   background-position: left !important;
  20.   max-height: 150px;
  21.   border-bottom: 2px #fee6d7  solid;
  22. }
  23.  
  24.  
  25. .nav-link {
  26.   color: #fee6d7 !important;
  27.   text-transform: uppercase;
  28.   letter-spacing: 1px;
  29.   font-weight: 600;
  30. }
  31.  
  32.  
  33. .nametag {
  34.   border-radius: 0px !important;
  35. }
  36. .nav-item {
  37.   border-radius: 0px;
  38. }
  39. .nav-link.active {
  40.   border-radius: 0px;
  41. }
  42. .nav-item:hover {
  43. }
  44.  
  45. .fas {
  46.   color: #e7b668;
  47. }
  48.  
  49. .badge {
  50.   color: #ae37ac;
  51.   background-color: #e7c1f9;
  52.   font-size: 9px;
  53.   font-style: italic;
  54.   text-transform: lowercase;
  55.   padding: 5px;
  56.   border: 2px #7c0e60 solid;
  57. }
  58.  
  59. .dropdown-menu {
  60.   background: #ae4384;
  61.   color: #f7bcd7 !important;
  62.   border: 2px #fee6d7 solid;
  63. }
  64.  
  65. .dropdown-item {
  66.   color: #700f58 !important;
  67.   text-transform: lowercase;
  68.   font-weight: bold;
  69. }
  70.  
  71. .dropdown-item:hover {
  72.   background: #ffbeb3 !important;
  73.   font-style: italic;
  74. }
  75.  
  76. .dropdown-header {
  77.   color: #f2c4ff;
  78.   font-weight: 900;
  79.   letter-spacing: 1px;
  80. }
  81.  
  82. .dropdown-divider {
  83.   height: 4px;
  84.   margin: 5px;
  85.   overflow: hidden;
  86.   border-top: 1px solid #ff92d0 !important;
  87.   border-bottom: 1px solid #ff89d6 !important;
  88. }
  89.  
  90. #wrapper {
  91.   background: #6f65bf;
  92.   background-image: url(https://i.imgur.com/rl9FC8y.jpeg);
  93.   background-attachment: fixed;
  94.   background-size:cover;
  95.   color: #b69fd8;
  96. }
  97.  
  98. .mb-3 {
  99.   margin-bottom: 0px !important;
  100. }
  101.  
  102. #content {
  103.   background-image: url(https://i.imgur.com/1bTNn2v.png);
  104.   padding-top: 30px;
  105.   background-repeat: no-repeat;
  106.   background-position: top;
  107. }
  108.  
  109. .profile-header-wrapper {
  110.   background: #3e0630;
  111.   padding: 20px;
  112.   border-bottom: 2px #fee6d7 solid;
  113. }
  114.  
  115. .bg-light {
  116.   background-image: url(https://i.imgur.com/Tkpgabo.png);
  117.   background-attachment: fixed;
  118. }
  119.  
  120. .panel-heading {
  121.   border: 2px #fee6d7 solid !important;
  122.   font-family: Verdana, sans-serif;
  123.   border-radius: 0px !important;
  124. }
  125.  
  126. .card {
  127.   background: #751d5f;
  128.   border: 0px;
  129.   color: #e368e7;
  130.   border-radius: 0px;
  131. }
  132.  
  133. td {
  134.   background: #fee6d7;
  135. }
  136.  
  137. a {
  138.   color: #f2607f !important;
  139.   font-weight: 800;
  140.   text-decoration: none;
  141. }
  142.  
  143. .btn:hover {
  144.   color: #e7b668;
  145.   text-decoration: none;
  146.   background: #debfa5 !important;
  147. }
  148.  
  149. .element-disabled {
  150.   opacity: .55;
  151.   color: #fee6d7 !important;
  152. }
  153.  
  154. .btn {
  155.   background: #cc6cb7;
  156.   border: 1px #e8d9e4 solid;
  157.   color: #703361 !important;
  158.   border-radius: 0px;
  159. }
  160.  
  161.  
  162. #navbar ul.navbar-nav.mr-auto li a i {
  163.   display: none;
  164. }
  165.  
  166. .artfight-nav .navbar-nav:first-child .nav-item:first-child {
  167.   background: url(https://i.imgur.com/rnkw0xN.png);
  168.   padding-left: 15px;
  169.   background-repeat: no-repeat;
  170.   background-position: left;
  171. }
  172.  
  173. .artfight-nav .navbar-nav:first-child .nav-item:first-child + .nav-item {
  174.   background: url(https://i.imgur.com/XWvOq4N.png);
  175.   padding-left: 15px;
  176.   background-repeat: no-repeat;
  177.   background-position: left;
  178. }
  179.  
  180. .artfight-nav .navbar-nav:first-child .nav-item:first-child + .nav-item + .nav-item {
  181.   background-image: url(https://i.imgur.com/eDWx3jA.png) !important;
  182.   padding-left: 15px;
  183.   background-repeat: no-repeat;
  184.   background-position: left;
  185. }
  186.  
  187. /* BROWSE */
  188.  
  189. .artfight-nav .navbar-nav:first-child .nav-item:first-child + .nav-item + .nav-item + .nav-item {
  190.   background: url(https://i.imgur.com/KgFGIi2.png);
  191.   padding-left: 15px;
  192.   background-repeat: no-repeat;
  193.   background-position: left;
  194. }
  195.  
  196. .artfight-nav .navbar-nav:first-child .nav-item:first-child + .nav-item + .nav-item + .nav-item + .nav-item {
  197.   background: url(https://i.imgur.com/9QwMwAd.png);
  198.   padding-left: 15px;
  199.   background-repeat: no-repeat;
  200.   background-position: left;
  201. }
  202.  
  203. .container-fluid {
  204.   max-width: 960px;
  205.   width: 95%;
  206.   background-image: url(https://i.imgur.com/PtXCEC5.png);
  207.   border-top: 2px #fee6d7 solid;
  208.   border-bottom: 2px #fee6d7 solid;
  209.   padding-left: 0px;
  210.   padding-right: 0px;
  211. }
  212.  
  213. .navbar-nav .nav-link {
  214.   padding-right: 0;
  215.   padding-left: 15px;
  216. }
  217.  
  218. .bg-light {
  219.   background-image: url(https://i.imgur.com/Tkpgabo.pngg) !important;
  220.   background-attachment: fixed;
  221. }
  222.  
  223. .alert-success {
  224.   color: #dce0d8;
  225.   background-color: #927ddf;
  226.   border-color: #e7b668;
  227.   margin: 10px;
  228.   font-style: italic;
  229.   font-weight: 700;
  230. }
  231.  
  232. .nav-tabs {
  233.   background: #3e0630;
  234.   color: #fee6d7 !important;
  235.   border: 2px #fee6d7 solid;
  236.   font-family: Verdana, sans-serif;
  237.   font-weight: 800;
  238.   border-radius: 0px;
  239. }
  240.  
  241. .nav-link.active {
  242.   background: #fee6d7 !important;
  243.   color: #3e0630 !important;
  244.   font-style: italic;
  245.   border: 2px solid;
  246.   border-color: #fee6d7 !important;
  247. }
  248.  
  249. .card-body {
  250.   color: #5c1d55;
  251.   background: #f2bfbf;
  252.   border-color: #fee6d7;
  253.   border-style: solid;
  254.   border-width: 2px;
  255. }
  256.  
  257. .card-header {
  258.   background-image: url(https://i.imgur.com/fH1CxjW.png);
  259.   font-family: Verdana, sans-serif;
  260.   font-weight: 800;
  261.   text-transform: uppercase;
  262.   background-attachment: fixed;
  263.   letter-spacing: 1px;
  264. }
  265.  
  266. .attack-thumb {
  267.   border-style: solid !important;
  268.   border-width: 2px !important;
  269.   border-color: inherit !important;
  270. }
  271.  
  272. .card-footer {
  273.   background: #642246;
  274.   border: 2px #fee6d7 solid;
  275.   font-style: italic;
  276.   letter-spacing: 1px;
  277. }
  278.  
  279. .col-12 {
  280.   flex: 0 0 100%;
  281.   max-width: 100%;
  282.   max-width: 100%;
  283. }
  284.  
  285. .far {
  286.   font-family: 'Font Awesome 5 Pro';
  287.   font-weight: 400;
  288.   color: #31294f !important;
  289. }
  290.  
  291. .footer div.contain {
  292.   background-color: #3f0531 !important;
  293.   border-top: 2px #fee6d7 solid;
  294. }
  295.  
  296. .donate-wormston {
  297.   background: url(https://images.artfight.net/2025/2025_Crystals.png);
  298.   max-height: 100px;
  299.   padding: 50px;
  300. background-repeat: no-repeat;
  301.   background-size: cover;
  302. }
  303.  
  304. .profile-stats {
  305.   font-family: Verdana, sans-serif;
  306. }
  307.  
  308. .profile-stats-title {
  309.   text-transform: uppercase;
  310.   letter-spacing: 2px;
  311.   color: #dfab57;
  312.   font-style: italic;
  313.   font-weight: 900;
  314.   margin-left: 20px;
  315. }
  316.  
  317. .profile-characters-title {
  318.   text-transform: uppercase;
  319.   letter-spacing: 2px;
  320.   color: #dfab57;
  321.   font-style: italic;
  322.   font-weight: 900;
  323.   margin-left: 20px;
  324. }
  325.  
  326. .profile-attacks-title {
  327.   text-transform: uppercase;
  328.   letter-spacing: 2px;
  329.   color: #dfab57;
  330.   font-style: italic;
  331.   font-weight: 900;
  332.   margin-left: 20px;
  333. }
  334.  
  335. .profile-defenses-title {
  336.   text-transform: uppercase;
  337.   letter-spacing: 2px;
  338.   color: #dfab57;
  339.   font-style: italic;
  340.   font-weight: 900;
  341.   margin-left: 20px;
  342. }
  343.  
  344. .progress {
  345.   height: 1.3rem;
  346.   line-height: 0;
  347.   font-size: .9375rem;
  348.   background-color: #3b1d15;
  349.   border-radius: .25rem;
  350. }
  351.  
  352. .progress-bar {
  353.   color: #ecf0fd;
  354.   background-color: #c8a258 !important;
  355. }
  356.  
  357. .text-secondary {
  358.   color: #833f1f !important;
  359. }
  360.  
  361. .table-card td:last-child {
  362.   border-right: 0;
  363.   color: #3b1d15 !important;
  364.   font-weight: 600;
  365. }
  366.  
  367. .table-card td:first-child {
  368.   border-left: 0;
  369.   color: #fee6d7 !important;
  370. }
  371.  
  372. .col-md-6.profile-overall-stats-wrapper {
  373.   margin-bottom: 20px;
  374. }
  375.  
  376. .col-md-6.profile-current-stats-wrapper {
  377.   margin-bottom: 20px;
  378. }
  379.  
  380. .page-item.active .page-link {
  381.   z-index: 3;
  382.   color: #e7b668;
  383.   background-color: #927ddf !important;
  384.   border-color: rgb(255, 255, 255);
  385. }
  386.  
  387. .page-link {
  388.   position: relative;
  389.   display: block;
  390.   padding: .5rem .75rem;
  391.   margin-left: -1px;
  392.   line-height: 1.25;
  393.   color: #e7b668;
  394.   background-color: #410730;
  395.   border: 1px solid rgba(0,0,0,.5);
  396. }
  397.  
  398. .page-item.disabled .page-link {
  399.   color: #e7b668;
  400.   pointer-events: none;
  401.   cursor: auto;
  402.   background-color: #9285c3;
  403.   border-color: rgb(255, 255, 255);
  404. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!