API tools faq
paste
Advertisement
voskhodart

ArtFight Profile Code - Onyx

voskhodart
Jun 17th, 2024 (edited)
405
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 6.98 KB | None | 0 0
raw download clone embed print report
  1. /* Profile code by Voskhod. Banner image by Akshar Dave https://unsplash.com/photos/a-black-and-white-photo-of-a-palm-leaf-BcvPlibJyo0 */
  2.  
  3. .navbar {
  4.   background: black !important;
  5.   color: #4e4d4f;
  6.   padding-top: 20px;
  7.   padding-bottom: 20px;
  8.   border-bottom: 3px #3a3636 double;
  9. }
  10.  
  11. .banner {
  12.   border-bottom: 3px #3a3636 double;
  13.   background-image: url(https://images.unsplash.com/photo-1648362589317-065f81ea1100?q=80&w=2067&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D) !important;
  14.   background-position: bottom center;
  15.   background-repeat: no-repeat;
  16.   background-size: cover;
  17.   height: 250px;
  18. }
  19.  
  20. .navbar-dark .navbar-nav .nav-link {
  21.   color: #3a3636;
  22.   font-weight: 700;
  23. }
  24.  
  25. .navbar-dark .navbar-nav .nav-link:hover {
  26.   color: #524747;
  27. }
  28.  
  29. .fab {
  30.   font-weight: 100;
  31.   color: #201e1e;
  32. }
  33.  
  34. .fas {
  35.   color: #201e1e;
  36. }
  37.  
  38. .badge-primary {
  39.   color: #b6b6b6;
  40.   background-color: #424545;
  41.   font-weight: 400;
  42.   text-transform: lowercase;
  43.   font-style: italic;
  44. }
  45.  
  46. .fa-heart {
  47.   color: #272728;
  48. }
  49.  
  50. .navbar-icon {
  51.   border: 3px black double;
  52. }
  53.  
  54. .badge-danger {
  55.   color: #a4a4a4;
  56.   background-color: #424545;
  57.   font-weight: 400;
  58.   font-style: italic;
  59.   border: 2px black solid;
  60. }
  61.  
  62. .dropdown-menu {
  63.   background: #0b0b0b !important;
  64.   border: 2px #272728 solid !important;
  65.   padding: 10px;
  66.   color: #868686;
  67. }
  68.  
  69. .dropdown-item {
  70.   color: #423f3f;
  71.   font-weight: 400;
  72.   letter-spacing: 1px;
  73.   text-transform: lowercase;
  74. }
  75.  
  76. .dropdown-item:hover {
  77.   color: #595959;
  78.   text-decoration: none;
  79.   background-color: #131313;
  80.   font-weight: 600;
  81. }
  82.  
  83. .badge-info {
  84.   color: #000;
  85.   background-color: #424545;
  86.   font-weight: 400;
  87. }
  88.  
  89. #wrapper {
  90.   background-image: url(https://i.imgur.com/87N6Edx.png);
  91.   background-repeat: repeat;
  92.   background-size: contain;
  93. }
  94.  
  95. .banner-container {
  96.   margin-bottom: 0px !important;
  97. }
  98.  
  99. #content {
  100.   background-image: url(https://i.imgur.com/vuyPm3l.png);
  101. background-repeat: no-repeat;
  102. margin-top: -16px;
  103. }
  104.  
  105. .container-fluid {
  106.   max-width: 980px;
  107.   width: 90%;
  108. }
  109.  
  110. .profile-header-wrapper {
  111.   padding-top: 0px;
  112.   float: left;
  113.   width: 40%;
  114. }
  115.  
  116. .profile-header-background {
  117.   background-image: url(https://i.imgur.com/87N6Edx.png) !important;
  118.   background-attachment: fixed;
  119. border-bottom: 3px #363333 double !important;
  120.   border-left: 1px solid #222 !important;
  121.   border-right: 1px solid #222 !important;
  122. }
  123.  
  124. .profile-normal-header {
  125.   padding-bottom: 20px !important;
  126.   margin-top: 20px;
  127. }
  128. .profile-header-buttons {
  129.   margin-top: 29px;
  130.   float: none !important;
  131. }
  132. .profile-description {
  133.   width:60%;
  134.   max-height:840px;
  135.   overflow:auto;
  136.   float:right;
  137.   padding: 30px;
  138.   color: #9a9a9a;
  139. }
  140. .profile-attacks-header {
  141.   clear: right !important;
  142. }
  143. .profile-header-normal-status {
  144.   color: #343232;
  145. }
  146. .profile-links {
  147.   min-width:100%;
  148.   padding: 0px;
  149. }
  150. .profile-followers {
  151.   min-width:100% !important;
  152.   padding: 0px;
  153. }
  154.  
  155. .nav-tabs .nav-item {
  156.   width: 20%;
  157.   text-align: center;
  158.   width: 100% !important;
  159. }
  160.  
  161. @media only screen and (max-width: 600px) {
  162.   .profile-links, .profile-followers {
  163.     float: none !important;
  164.     width: 100% !important;
  165.     margin:0% 0% 0% 0%;
  166.     padding-left: 15px;
  167.     padding-right: 15px;
  168.   }
  169.   .profile-links .panel, .profile-followers .panel {
  170.     width:100% !important;
  171.   }
  172.  
  173.   .profile-header-name .element-disabled {
  174.     display: block !important;
  175.   }
  176.   .profile-header-buttons, .profile-body {
  177.     margin-top: 0px;
  178.   }
  179.  
  180. }
  181. @media only screen and (max-width: 1600px) {
  182.   .profile-header-name .element-disabled {
  183.     display: none;
  184.   }
  185. }
  186.  
  187. .nav {
  188.   background: #020202;
  189.   border-bottom: double 3px #222;
  190. }
  191.  
  192. .active {
  193.   background: #0c0c0c !important;
  194.   border: 0px white solid !important;
  195.   margin-bottom: 1px !important;
  196.   color: #5b5757 !important;
  197.   text-transform: uppercase;
  198.   font-weight: 600;
  199. }
  200.  
  201. .nav-tabs .nav-link {
  202.   color: #686363 !important;
  203.   text-transform: uppercase;
  204.   font-size: 12px;
  205.   padding-top: 20px;
  206.   padding-bottom: 20px;
  207. }
  208.  
  209. .card-body {
  210.   background-color: transparent;
  211.   background-image: url(https://i.imgur.com/87N6Edx.png) !important;
  212.   background-attachment: fixed;
  213.   border: 0px !important;
  214. }
  215.  
  216. .card {
  217.   background-color: transparent;
  218.   border: 0px !important;
  219. }
  220.  
  221. .btn {
  222.   background: black;
  223.   color: #393939;
  224.   border: 0px;
  225.   font-weight: 400;
  226.   text-transform: lowercase;
  227. }
  228.  
  229. .btn:hover {
  230.   color: #e3e3e3;
  231.   text-decoration: none;
  232.   background: #313131 !important;
  233.   color: #000 !important;
  234.   font-weight: 700;
  235. }
  236.  
  237. .card-header {
  238. background-image: url(https://i.imgur.com/XKQxJBC.png) !important;
  239.   background-attachment: fixed;
  240.   background-repeat: repeat;
  241.   background-size: contain;
  242.   color: #726e6e;
  243.   text-transform: uppercase;
  244.   font-weight: 600;
  245.   letter-spacing: 2px;
  246. }
  247.  
  248. .alert-success {
  249.   color: #939393;
  250.   background-color: #0b0b0b;
  251.   border-color: #000;
  252.   margin-top: 16px;
  253.   font-weight: 700;
  254. }
  255.  
  256. .bg-light {
  257.   background-image: url(https://i.imgur.com/87N6Edx.png) !important;
  258.   background-attachment: fixed !important;
  259.   color: #535252 !important;
  260. }
  261.  
  262. a {
  263.   color: #a89491;
  264.   text-decoration: none;
  265.   }
  266.  
  267. .footer {
  268.   border-top: 3px #575757 double;
  269.   background: #090909 !important;
  270. }
  271.  
  272. footer div.contain {
  273.   background: black !important;
  274. }
  275.  
  276. .comment {
  277.   border: 3px double black;
  278.   padding: 20px;
  279. }
  280.  
  281. .thumbnail {
  282.   border: 2px solid !important;
  283.   border-color: inherit !important;
  284. }
  285.  
  286. .comment .panel-body {
  287.   max-height: 500px;
  288.   overflow: auto;
  289.   color: #737373;
  290. }
  291.  
  292. .profile-stats-title, .profile-characters-title, .profile-attacks-title, .profile-defenses-title {
  293.  text-align: center;
  294.   text-transform: uppercase;
  295.   letter-spacing: 3px;
  296.   font-weight: 100;
  297.   color: #484747;
  298. }
  299.  
  300. @media (min-width: 768px) {
  301.   .col-md-6 {
  302.     flex: 100% !important;
  303. width: 100%;
  304.     min-width: 100%;
  305.     max-width: 100%;
  306.   }
  307. }
  308.  
  309. .progress {
  310.   background-color: #080808;
  311. }
  312.  
  313. .progress-bar {
  314. background-color: #333232 !important;
  315.   font-weight: 900;
  316.   color: #646464;
  317. }
  318.  
  319. .nav-tabs .nav-link:hover {
  320.   border-color: transparent;
  321.   background: #070707;
  322.   color: white !important;
  323. }
  324.  
  325. .profile-characters-permissions {
  326.   color: #6c6c6c;
  327. }
  328.  
  329. .page-item.active .page-link {
  330.   color: #b0aaaa;
  331.   background-color: #6d7272;
  332.   border-color: rgba(0,0,0,.5);
  333. }
  334.  
  335. .page-item.disabled .page-link {
  336.   color: #303030;
  337.   pointer-events: none;
  338.   cursor: auto;
  339.   background-color: #151515;
  340.   border-color: rgba(0,0,0,.5);
  341. }
  342.  
  343. .page-link {
  344.   position: relative;
  345.   display: block;
  346.   padding: .5rem .75rem;
  347.   margin-left: -1px;
  348.   line-height: 1.25;
  349.   color: #a9a7a7;
  350.   background-color: #323030;
  351.   border: 1px solid rgba(0,0,0,.5);
  352. }
  353.  
  354. @media (min-width: 992px) {
  355.   .col-lg-2 {
  356.     max-width: 33.333% !important;
  357.     min-width: 33.333% !important;
  358.     width: 33% !important;
  359.     flex: 33.33% !important;
  360.   }
  361. }
  362.  
  363. @media (min-width: 768px) {
  364.   .col-md-2 {
  365.     flex: 33.33%;
  366.     max-width: 33.33%;
  367.     min-width: 33.33%;
  368.   }
  369. }
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!