API tools faq
paste
Advertisement
voskhodart

ArtFight Profile Code - Stardust

voskhodart
Jun 16th, 2024 (edited)
442
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 7.30 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: #2d2342 !important;
  5.   font-family: Verdana, sans-serif;
  6.   color: #fff;
  7.   border-bottom: 2px #edf2fd solid;
  8. }
  9.  
  10. .w-25 {
  11.   background-image: url(https://images.artfight.net/2024_Stardust.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/V80hQiS.png) !important;
  19.   background-position: left !important;
  20.   max-height: 150px;
  21.   border-bottom: 2px white solid;
  22. }
  23.  
  24.  
  25. .nav-link {
  26.   color: #927ddf !important;
  27.   text-transform: uppercase;
  28.   letter-spacing: 1px;
  29.   font-weight: 600;
  30. }
  31.  
  32. .fas {
  33.   color: #ffffff;
  34. }
  35.  
  36. .badge {
  37.   color: #dad4ff;
  38.   background-color: #8c7ad9;
  39.   font-size: 9px;
  40.   font-style: italic;
  41.   text-transform: lowercase;
  42.   padding: 5px;
  43.   border: 2px #fff solid;
  44. }
  45.  
  46. .dropdown-menu {
  47.   background: #ad9aff;
  48.   color: #fff !important;
  49.   border: 2px white solid;
  50. }
  51.  
  52. .dropdown-item {
  53.   background: #ad9aff;
  54.   color: #312964 !important;
  55.   text-transform: capitalize;
  56.   font-weight: 100;
  57. }
  58.  
  59. .dropdown-item:hover {
  60.   background: #bcb3ff !important;
  61.   font-style: italic;
  62. }
  63.  
  64. .dropdown-header {
  65.   color: #fff;
  66.   font-weight: 900;
  67.   letter-spacing: 1px;
  68. }
  69.  
  70. .dropdown-divider {
  71.   height: 4px;
  72.   margin: 5px;
  73.   overflow: hidden;
  74.   border-top: 1px solid #c6dae7 !important;
  75.   border-bottom: 1px solid #ffd1de !important;
  76. }
  77.  
  78. #wrapper {
  79.   background: #6f65bf;
  80.   background-image: url(https://i.imgur.com/k7aIxNw.jpeg);
  81.   background-attachment: fixed;
  82.   color: white;
  83. }
  84.  
  85. .mb-3 {
  86.   margin-bottom: 0px !important;
  87. }
  88.  
  89. #content {
  90.   background-image: url(https://i.imgur.com/YtsCyQp.png);
  91.   padding-top: 30px;
  92.   background-repeat: no-repeat;
  93.   background-position: top;
  94. }
  95.  
  96. .profile-header-wrapper {
  97.   background: #a195ef85;
  98.   padding: 20px;
  99.   border-bottom: 2px white solid;
  100. }
  101.  
  102. .bg-light {
  103.   background-image: url(https://i.imgur.com/k7aIxNw.jpeg);
  104.   background-attachment: fixed;
  105. }
  106.  
  107. .panel-heading {
  108.   border: 2px #fff solid !important;
  109.   font-family: Verdana, sans-serif;
  110. }
  111.  
  112. .card {
  113.   background: #dad4ff;
  114.   border: 0px;
  115.   color: #fff;
  116. }
  117.  
  118. a {
  119.   color: #927ddf !important;
  120.   font-weight: 800;
  121.   text-decoration: none;
  122. }
  123.  
  124. .btn:hover {
  125.   color: #fff;
  126.   text-decoration: none;
  127.   background: #cacaff !important;
  128. }
  129.  
  130. .element-disabled {
  131.   opacity: .55;
  132.   color: #fff !important;
  133. }
  134.  
  135. .btn {
  136.   background: #927ddf;
  137.   border: 1px #786ec5 solid;
  138.   color: white !important;
  139. }
  140.  
  141.  
  142. #navbar ul.navbar-nav.mr-auto li a i {
  143.   display: none;
  144. }
  145.  
  146. .artfight-nav .navbar-nav:first-child .nav-item:first-child {
  147.   background: url(https://i.imgur.com/fc4hOlY.png);
  148.   padding-left: 15px;
  149.   background-repeat: no-repeat;
  150.   background-position: left;
  151. }
  152.  
  153. .artfight-nav .navbar-nav:first-child .nav-item:first-child + .nav-item {
  154.   background: url(https://i.imgur.com/fc4hOlY.png);
  155.   padding-left: 15px;
  156.   background-repeat: no-repeat;
  157.   background-position: left;
  158. }
  159.  
  160. .artfight-nav .navbar-nav:first-child .nav-item:first-child + .nav-item + .nav-item {
  161.   background: url(https://i.imgur.com/fc4hOlY.png);
  162.   padding-left: 15px;
  163.   background-repeat: no-repeat;
  164.   background-position: left;
  165. }
  166.  
  167. /* BROWSE */
  168.  
  169. .artfight-nav .navbar-nav:first-child .nav-item:first-child + .nav-item + .nav-item + .nav-item {
  170.   background: url(https://i.imgur.com/fc4hOlY.png);
  171.   padding-left: 15px;
  172.   background-repeat: no-repeat;
  173.   background-position: left;
  174. }
  175.  
  176. .artfight-nav .navbar-nav:first-child .nav-item:first-child + .nav-item + .nav-item + .nav-item + .nav-item {
  177.   background: url(https://i.imgur.com/fc4hOlY.png);
  178.   padding-left: 15px;
  179.   background-repeat: no-repeat;
  180.   background-position: left;
  181. }
  182.  
  183. .container-fluid {
  184.   max-width: 960px;
  185.   width: 95%;
  186.   background-image: url(https://i.imgur.com/FdIRxub.png);
  187.   border-top: 2px white solid;
  188.   border-bottom: 2px white solid;
  189. }
  190.  
  191. .navbar-nav .nav-link {
  192.   padding-right: 0;
  193.   padding-left: 15px;
  194. }
  195.  
  196. .bg-light {
  197.   background-image: url(https://i.imgur.com/k7aIxNw.jpeg) !important;
  198.   background-attachment: fixed;
  199. }
  200.  
  201. .alert-success {
  202.   color: #dce0d8;
  203.   background-color: #927ddf;
  204.   border-color: #fff;
  205.   margin: 10px;
  206.   font-style: italic;
  207.   font-weight: 700;
  208. }
  209.  
  210. .nav-tabs {
  211.   background: #5a4c8c;
  212.   color: white !important;
  213.   border: 2px white solid;
  214.   font-family: Verdana, sans-serif;
  215.   font-weight: 800;
  216. }
  217.  
  218. .nav-link.active {
  219.   background: #fff !important;
  220.   color: #5a4c8c !important;
  221.   font-style: italic;
  222.   border: 2px solid;
  223.   border-color: white !important;
  224. }
  225.  
  226. .card-body {
  227.   color: #5a4c8c;
  228. }
  229.  
  230. .card-header {
  231.   background-image: url(https://i.imgur.com/k7aIxNw.jpeg);
  232.   font-family: Verdana, sans-serif;
  233.   font-weight: 800;
  234.   text-transform: uppercase;
  235.   background-attachment: fixed;
  236.   letter-spacing: 1px;
  237. }
  238.  
  239. .attack-thumb {
  240.   border-style: solid !important;
  241.   border-width: 2px !important;
  242.   border-color: inherit !important;
  243. }
  244.  
  245. .card-footer {
  246.   background: #362e53;
  247.   border: 2px white solid;
  248.   font-style: italic;
  249.   letter-spacing: 1px;
  250. }
  251.  
  252. .col-12 {
  253.   flex: 0 0 100%;
  254.   max-width: 100%;
  255.   background: #b8b0ed;
  256.   max-width: 100%;
  257.   background: #b8b0ed;
  258.   border-top: 2px white solid;
  259. }
  260.  
  261. .far {
  262.   font-family: 'Font Awesome 5 Pro';
  263.   font-weight: 400;
  264.   color: #31294f !important;
  265. }
  266.  
  267. .footer div.contain {
  268.   background-color: #2d2342 !important;
  269.   border-top: 2px white solid;
  270. }
  271.  
  272. .donate-wormston {
  273.   background: url(https://i.imgur.com/vPPJFtF.png);
  274.   max-height: 100px;
  275.   padding: 50px;
  276. background-repeat: no-repeat;
  277. }
  278.  
  279. .profile-stats {
  280.   font-family: Verdana, sans-serif;
  281. }
  282.  
  283. .profile-stats-title {
  284.   text-transform: uppercase;
  285.   letter-spacing: 2px;
  286.   color: #dad4ff;
  287.   font-style: italic;
  288.   font-weight: 900;
  289. }
  290.  
  291. .profile-characters-title {
  292.   text-transform: uppercase;
  293.   letter-spacing: 2px;
  294.   color: #dad4ff;
  295.   font-style: italic;
  296.   font-weight: 900;
  297. }
  298.  
  299. .profile-attacks-title {
  300.   text-transform: uppercase;
  301.   letter-spacing: 2px;
  302.   color: #dad4ff;
  303.   font-style: italic;
  304.   font-weight: 900;
  305. }
  306.  
  307. .profile-defenses-title {
  308.   text-transform: uppercase;
  309.   letter-spacing: 2px;
  310.   color: #dad4ff;
  311.   font-style: italic;
  312.   font-weight: 900;
  313. }
  314.  
  315. .progress {
  316.   height: 1.3rem;
  317.   line-height: 0;
  318.   font-size: .9375rem;
  319.   background-color: #30284d;
  320.   border-radius: .25rem;
  321. }
  322.  
  323. .progress-bar {
  324.   color: #ecf0fd;
  325.   background-color: #6258c8 !important;
  326. }
  327.  
  328. .text-secondary {
  329.   color: #927ddf !important;
  330. }
  331.  
  332. .table-card td:last-child {
  333.   border-right: 0;
  334.   color: #372f54 !important;
  335.   font-weight: 600;
  336. }
  337.  
  338. .table-card td:first-child {
  339.   border-left: 0;
  340.   color: white !important;
  341. }
  342.  
  343. .col-md-6.profile-overall-stats-wrapper {
  344.   margin-bottom: 20px;
  345. }
  346.  
  347. .col-md-6.profile-current-stats-wrapper {
  348.   margin-bottom: 20px;
  349. }
  350.  
  351. .page-item.active .page-link {
  352.   z-index: 3;
  353.   color: #fff;
  354.   background-color: #927ddf !important;
  355.   border-color: rgb(255, 255, 255);
  356. }
  357.  
  358. .page-link {
  359.   position: relative;
  360.   display: block;
  361.   padding: .5rem .75rem;
  362.   margin-left: -1px;
  363.   line-height: 1.25;
  364.   color: #fff;
  365.   background-color: #2d2342;
  366.   border: 1px solid rgba(0,0,0,.5);
  367. }
  368.  
  369. .page-item.disabled .page-link {
  370.   color: #fff;
  371.   pointer-events: none;
  372.   cursor: auto;
  373.   background-color: #9285c3;
  374.   border-color: rgb(255, 255, 255);
  375. }
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!