API tools faq
paste
Advertisement
voskhodart

Fossils

voskhodart
Jun 24th, 2025
684
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 7.83 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: #432716 !important;
  5.   font-family: Verdana, sans-serif;
  6.   color: #e7b668;
  7.   border-bottom: 2px #dfab57 solid;
  8. }
  9.  
  10. .w-25 {
  11.   background-image: url(https://images.artfight.net/2025/2025_Fossils.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/EdEODwp.png) !important;
  19.   background-position: left !important;
  20.   max-height: 150px;
  21.   border-bottom: 2px #e7b668 solid;
  22. }
  23.  
  24.  
  25. .nav-link {
  26.   color: #e7b668 !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: #dfab57;
  51.   background-color: #732411;
  52.   font-size: 9px;
  53.   font-style: italic;
  54.   text-transform: lowercase;
  55.   padding: 5px;
  56.   border: 2px #e7b668 solid;
  57. }
  58.  
  59. .dropdown-menu {
  60.   background: #dd9c46;
  61.   color: #e7b668 !important;
  62.   border: 2px #e7b668 solid;
  63. }
  64.  
  65. .dropdown-item {
  66.   color: #a04825 !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: #f7d092;
  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 #e7cfc6 !important;
  87.   border-bottom: 1px solid #ffd5d1 !important;
  88. }
  89.  
  90. #wrapper {
  91.   background: #6f65bf;
  92.   background-image: url(https://i.imgur.com/oKI9UoG.jpeg);
  93.   background-attachment: fixed;
  94.   background-size:cover;
  95.   color: #e7b668;
  96. }
  97.  
  98. .mb-3 {
  99.   margin-bottom: 0px !important;
  100. }
  101.  
  102. #content {
  103.   background-image: url(https://i.imgur.com/LTlGSkb.png);
  104.   padding-top: 30px;
  105.   background-repeat: no-repeat;
  106.   background-position: top;
  107. }
  108.  
  109. .profile-header-wrapper {
  110.   background: #5e3425;
  111.   padding: 20px;
  112.   border-bottom: 2px #e7b668 solid;
  113. }
  114.  
  115. .bg-light {
  116.   background-image: url(https://i.imgur.com/eYGIDUG.jpeg);
  117.   background-attachment: fixed;
  118. }
  119.  
  120. .panel-heading {
  121.   border: 2px #e7b668 solid !important;
  122.   font-family: Verdana, sans-serif;
  123. }
  124.  
  125. .card {
  126.   background: #dfab57;
  127.   border: 0px;
  128.   color: #e7b668;
  129.   border-radius: 0px;
  130. }
  131.  
  132. td {
  133.   background: #896955;
  134. }
  135.  
  136. a {
  137.   color: #dfab57 !important;
  138.   font-weight: 800;
  139.   text-decoration: none;
  140. }
  141.  
  142. .btn:hover {
  143.   color: #e7b668;
  144.   text-decoration: none;
  145.   background: #debfa5 !important;
  146. }
  147.  
  148. .element-disabled {
  149.   opacity: .55;
  150.   color: #e7b668 !important;
  151. }
  152.  
  153. .btn {
  154.   background: #dfab57;
  155.   border: 1px #371b12 solid;
  156.   color: #5e3425 !important;
  157.   border-radius: 0px;
  158. }
  159.  
  160.  
  161. #navbar ul.navbar-nav.mr-auto li a i {
  162.   display: none;
  163. }
  164.  
  165. .artfight-nav .navbar-nav:first-child .nav-item:first-child {
  166.   background: url(https://i.imgur.com/gfZhvUf.png);
  167.   padding-left: 15px;
  168.   background-repeat: no-repeat;
  169.   background-position: left;
  170. }
  171.  
  172. .artfight-nav .navbar-nav:first-child .nav-item:first-child + .nav-item {
  173.   background: url(https://i.imgur.com/gfZhvUf.png);
  174.   padding-left: 15px;
  175.   background-repeat: no-repeat;
  176.   background-position: left;
  177. }
  178.  
  179. .artfight-nav .navbar-nav:first-child .nav-item:first-child + .nav-item + .nav-item {
  180.   background-image: url(https://i.imgur.com/gfZhvUf.png) !important;
  181.   padding-left: 15px;
  182.   background-repeat: no-repeat;
  183.   background-position: left;
  184. }
  185.  
  186. /* BROWSE */
  187.  
  188. .artfight-nav .navbar-nav:first-child .nav-item:first-child + .nav-item + .nav-item + .nav-item {
  189.   background: url(https://i.imgur.com/gfZhvUf.png);
  190.   padding-left: 15px;
  191.   background-repeat: no-repeat;
  192.   background-position: left;
  193. }
  194.  
  195. .artfight-nav .navbar-nav:first-child .nav-item:first-child + .nav-item + .nav-item + .nav-item + .nav-item {
  196.   background: url(https://i.imgur.com/gfZhvUf.png);
  197.   padding-left: 15px;
  198.   background-repeat: no-repeat;
  199.   background-position: left;
  200. }
  201.  
  202. .container-fluid {
  203.   max-width: 960px;
  204.   width: 95%;
  205.   background-image: url(https://i.imgur.com/vXo2Qdj.png);
  206.   border-top: 2px #e7b668 solid;
  207.   border-bottom: 2px #e7b668 solid;
  208.   padding-left: 0px;
  209.   padding-right: 0px;
  210. }
  211.  
  212. .navbar-nav .nav-link {
  213.   padding-right: 0;
  214.   padding-left: 15px;
  215. }
  216.  
  217. .bg-light {
  218.   background-image: url(https://i.imgur.com/ocW4IQg.jpeg) !important;
  219.   background-attachment: fixed;
  220. }
  221.  
  222. .alert-success {
  223.   color: #dce0d8;
  224.   background-color: #927ddf;
  225.   border-color: #e7b668;
  226.   margin: 10px;
  227.   font-style: italic;
  228.   font-weight: 700;
  229. }
  230.  
  231. .nav-tabs {
  232.   background: #833f1f;
  233.   color: #e7b668 !important;
  234.   border: 2px #e7b668 solid;
  235.   font-family: Verdana, sans-serif;
  236.   font-weight: 800;
  237.   border-radius: 0px;
  238. }
  239.  
  240. .nav-link.active {
  241.   background: #e7b668 !important;
  242.   color: #5e3425 !important;
  243.   font-style: italic;
  244.   border: 2px solid;
  245.   border-color: #e7b668 !important;
  246. }
  247.  
  248. .card-body {
  249.   color: #dec199;
  250.   background: #6c4132;
  251.   border-color: #e7b668;
  252.   border-style: solid;
  253.   border-width: 2px;
  254. }
  255.  
  256. .card-header {
  257.   background-image: url(https://i.imgur.com/ocW4IQg.jpeg);
  258.   font-family: Verdana, sans-serif;
  259.   font-weight: 800;
  260.   text-transform: uppercase;
  261.   background-attachment: fixed;
  262.   letter-spacing: 1px;
  263. }
  264.  
  265. .attack-thumb {
  266.   border-style: solid !important;
  267.   border-width: 2px !important;
  268.   border-color: inherit !important;
  269. }
  270.  
  271. .card-footer {
  272.   background: #5e3425;
  273.   border: 2px #e7b668 solid;
  274.   font-style: italic;
  275.   letter-spacing: 1px;
  276. }
  277.  
  278. .col-12 {
  279.   flex: 0 0 100%;
  280.   max-width: 100%;
  281.   max-width: 100%;
  282. }
  283.  
  284. .far {
  285.   font-family: 'Font Awesome 5 Pro';
  286.   font-weight: 400;
  287.   color: #31294f !important;
  288. }
  289.  
  290. .footer div.contain {
  291.   background-color: #432716 !important;
  292.   border-top: 2px #e7b668 solid;
  293. }
  294.  
  295. .donate-wormston {
  296.   background: url(https://images.artfight.net/2025/2025_Fossils.png);
  297.   max-height: 100px;
  298.   padding: 50px;
  299. background-repeat: no-repeat;
  300.   background-size: cover;
  301. }
  302.  
  303. .profile-stats {
  304.   font-family: Verdana, sans-serif;
  305. }
  306.  
  307. .profile-stats-title {
  308.   text-transform: uppercase;
  309.   letter-spacing: 2px;
  310.   color: #dfab57;
  311.   font-style: italic;
  312.   font-weight: 900;
  313.   margin-left: 20px;
  314. }
  315.  
  316. .profile-characters-title {
  317.   text-transform: uppercase;
  318.   letter-spacing: 2px;
  319.   color: #dfab57;
  320.   font-style: italic;
  321.   font-weight: 900;
  322.   margin-left: 20px;
  323. }
  324.  
  325. .profile-attacks-title {
  326.   text-transform: uppercase;
  327.   letter-spacing: 2px;
  328.   color: #dfab57;
  329.   font-style: italic;
  330.   font-weight: 900;
  331.   margin-left: 20px;
  332. }
  333.  
  334. .profile-defenses-title {
  335.   text-transform: uppercase;
  336.   letter-spacing: 2px;
  337.   color: #dfab57;
  338.   font-style: italic;
  339.   font-weight: 900;
  340.   margin-left: 20px;
  341. }
  342.  
  343. .progress {
  344.   height: 1.3rem;
  345.   line-height: 0;
  346.   font-size: .9375rem;
  347.   background-color: #3b1d15;
  348.   border-radius: .25rem;
  349. }
  350.  
  351. .progress-bar {
  352.   color: #ecf0fd;
  353.   background-color: #c8a258 !important;
  354. }
  355.  
  356. .text-secondary {
  357.   color: #833f1f !important;
  358. }
  359.  
  360. .table-card td:last-child {
  361.   border-right: 0;
  362.   color: #3b1d15 !important;
  363.   font-weight: 600;
  364. }
  365.  
  366. .table-card td:first-child {
  367.   border-left: 0;
  368.   color: #e7b668 !important;
  369. }
  370.  
  371. .col-md-6.profile-overall-stats-wrapper {
  372.   margin-bottom: 20px;
  373. }
  374.  
  375. .col-md-6.profile-current-stats-wrapper {
  376.   margin-bottom: 20px;
  377. }
  378.  
  379. .page-item.active .page-link {
  380.   z-index: 3;
  381.   color: #e7b668;
  382.   background-color: #927ddf !important;
  383.   border-color: rgb(255, 255, 255);
  384. }
  385.  
  386. .page-link {
  387.   position: relative;
  388.   display: block;
  389.   padding: .5rem .75rem;
  390.   margin-left: -1px;
  391.   line-height: 1.25;
  392.   color: #e7b668;
  393.   background-color: #432716;
  394.   border: 1px solid rgba(0,0,0,.5);
  395. }
  396.  
  397. .page-item.disabled .page-link {
  398.   color: #e7b668;
  399.   pointer-events: none;
  400.   cursor: auto;
  401.   background-color: #9285c3;
  402.   border-color: rgb(255, 255, 255);
  403. }
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!