API tools faq
paste
Advertisement
voskhodart

ArtFight Profile Code - Seafoam

voskhodart
Jun 17th, 2024 (edited)
495
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: #4ca078 !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_Seafoam.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/dZRajZQ.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: #ffe6d0 !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: #ffffff;
  38.   background-color: #ffc48e;
  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: #b9e1bf;
  48.   color: #fff !important;
  49.   border: 2px white solid;
  50. }
  51.  
  52. .dropdown-item {
  53.   background: #b9e1bf;
  54.   color: #642929 !important;
  55.   text-transform: capitalize;
  56.   font-weight: 100;
  57. }
  58.  
  59. .dropdown-item:hover {
  60.   background: #8db389 !important;
  61.   font-style: italic;
  62. }
  63.  
  64. .dropdown-header {
  65.   color: #56b490;
  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 #ffe3da !important;
  75.   border-bottom: 1px solid #f2eeb6 !important;
  76. }
  77.  
  78. #wrapper {
  79.   background: #6f65bf;
  80.   background-image: url(https://i.imgur.com/72fDKLl.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/72fDKLl.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: #ffebcd;
  114.   border: 0px;
  115.   color: #fff;
  116. }
  117.  
  118. a {
  119.   color: #87cc87 !important;
  120.   font-weight: 800;
  121.   text-decoration: none;
  122. }
  123.  
  124. .btn:hover {
  125. background: #ffe6d0;
  126.   border: 1px #4ca078 solid;
  127.   color: #ed5f49 !important;
  128. }
  129.  
  130. .element-disabled {
  131.   opacity: .55;
  132.   color: #fff !important;
  133. }
  134.  
  135. .btn {
  136.   background: #ffe6d0;
  137.   border: 1px #4ca078 solid;
  138.   color: #eb4732 !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/7PrgXLv.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/7PrgXLv.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/7PrgXLv.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/7PrgXLv.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/7PrgXLv.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/FIWgoIw.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/72fDKLl.jpeg) !important;
  198.   background-attachment: fixed;
  199. }
  200.  
  201. .alert-success {
  202.   color: #d28567;
  203.   background-color: #b8eac3;
  204.   border-color: #fff;
  205.   margin: 10px;
  206.   font-style: italic;
  207.   font-weight: 700;
  208. }
  209.  
  210. .nav-tabs {
  211.   background: #244b49;
  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: #35665f !important;
  221.   font-style: italic;
  222.   border: 2px solid;
  223.   border-color: white !important;
  224. }
  225.  
  226. .card-body {
  227.   color: #35665f;
  228. }
  229.  
  230. .card-header {
  231.   background-image: url(https://i.imgur.com/72fDKLl.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: #efcbac;
  256.   max-width: 100%;
  257.   border-top: 2px white solid;
  258. }
  259.  
  260. .far {
  261.   font-weight: 800;
  262.   color: #eb4732 !important;
  263. }
  264.  
  265. .footer div.contain {
  266.   background-color: #4ca078 !important;
  267.   border-top: 2px white solid;
  268. }
  269.  
  270. .donate-wormston {
  271.   background: url(https://i.imgur.com/bZNRtdo.png);
  272.   max-height: 100px;
  273.   padding: 50px;
  274. background-repeat: no-repeat;
  275. }
  276.  
  277. .profile-stats {
  278.   font-family: Verdana, sans-serif;
  279. }
  280.  
  281. .profile-stats-title {
  282.   text-transform: uppercase;
  283.   letter-spacing: 2px;
  284.   color: #fff2df;
  285.   font-style: italic;
  286.   font-weight: 900;
  287. }
  288.  
  289. .profile-characters-title {
  290.   text-transform: uppercase;
  291.   letter-spacing: 2px;
  292.   color: #fff2df;
  293.   font-style: italic;
  294.   font-weight: 900;
  295. }
  296.  
  297. .profile-attacks-title {
  298.   text-transform: uppercase;
  299.   letter-spacing: 2px;
  300.   color: #fff2df;
  301.   font-style: italic;
  302.   font-weight: 900;
  303. }
  304.  
  305. .profile-defenses-title {
  306.   text-transform: uppercase;
  307.   letter-spacing: 2px;
  308.   color: #fff2df;
  309.   font-style: italic;
  310.   font-weight: 900;
  311. }
  312.  
  313. .progress {
  314.   height: 1.3rem;
  315.   line-height: 0;
  316.   font-size: .9375rem;
  317.   background-color: #30284d;
  318.   border-radius: .25rem;
  319. }
  320.  
  321. .progress-bar {
  322.   color: #ffffff;
  323.   background-color: #c17474 !important;
  324. }
  325.  
  326. .text-secondary {
  327.   color: #ffe6d0 !important;
  328. }
  329.  
  330. .table-card td:last-child {
  331.   border-right: 0;
  332.   color: #2f5443 !important;
  333.   font-weight: 600;
  334. }
  335.  
  336. .table-card td:first-child {
  337.   border-left: 0;
  338.   color: white !important;
  339. }
  340.  
  341. .col-md-6.profile-overall-stats-wrapper {
  342.   margin-bottom: 20px;
  343. }
  344.  
  345. .col-md-6.profile-current-stats-wrapper {
  346.   margin-bottom: 20px;
  347. }
  348.  
  349. .page-item.active .page-link {
  350.   z-index: 3;
  351.   color: #fff;
  352.   background-color: #ffe6d0 !important;
  353.   border-color: rgb(255, 255, 255);
  354. }
  355.  
  356. .page-link {
  357.   position: relative;
  358.   display: block;
  359.   padding: .5rem .75rem;
  360.   margin-left: -1px;
  361.   line-height: 1.25;
  362.   color: #fff;
  363.   background-color: #4ca078;
  364.   border: 1px solid rgba(0,0,0,.5);
  365. }
  366.  
  367. .page-item.disabled .page-link {
  368.   color: #fff;
  369.   background-color: #eff0db;
  370.   border-color: #fff;
  371.   color: #4ca078 !important;
  372. }
  373.  
  374. .username-navbar {
  375.   background: #34645e;
  376.   border: 2px #87cc87 dashed;
  377. }
  378.  
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!