API tools faq
paste
Advertisement
voskhodart

LCARS

voskhodart
Jun 16th, 2025
191
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 46.70 KB | None | 0 0
raw download clone embed print report
  1. /* -------- 832+ ------- */
  2.  
  3. @media (min-width: 832px) {
  4.  
  5. .donate-wormston {
  6. }
  7.  
  8. footer div.contain {
  9.   background-color: #6372c5 !important;
  10. }
  11.  
  12. .badge-primary {
  13.   color: #000;
  14.   background-color: #3796fb;
  15. }th
  16.  
  17. .badge-danger {
  18.   color: #000;
  19.   background-color: #6372c5;
  20.   border: 2px black solid;
  21.   font-size: 10px;
  22.   font-weight: 900;
  23. }
  24.  
  25. .badge-info {
  26.   color: #f4bc5e;
  27.   background-color: #000;
  28.   font-weight: 900;
  29.   font-style: italic;
  30.   font-size: unset;
  31. }
  32.  
  33. .profile-stats-title {
  34.   color: rgba(0,0,0,0);
  35.   background-image: url(https://i.imgur.com/picuo5E.png);
  36.   background-size: contain;
  37.   background-repeat: no-repeat;
  38.   min-height: 80px;
  39.   background-position: right;
  40. }
  41.  
  42. .profile-characters-title {
  43.   color: rgba(0,0,0,0);
  44.   background-image: url(https://i.imgur.com/ufjJSpV.png);
  45.   background-size: contain;
  46.   background-repeat: no-repeat;
  47.   min-height: 80px;
  48.   background-position: right;
  49. }
  50.  
  51. .profile-attacks-title {
  52.   color: rgba(0,0,0,0);
  53.   background-image: url(https://i.imgur.com/6jZpQ4F.png);
  54.   background-size: contain;
  55.   background-repeat: no-repeat;
  56.   min-height: 80px;
  57.   background-position: right;
  58. }
  59.  
  60. .profile-defenses-title {
  61.   color: rgba(0,0,0,0);
  62.   background-image: url(https://i.imgur.com/jWokijM.png);
  63.   background-size: contain;
  64.   background-repeat: no-repeat;
  65.   min-height: 80px;
  66.   background-position: right;
  67. }
  68.  
  69.  
  70.  
  71. .alert-success {
  72.   color: #000;
  73.   background-color: #c89ccc;
  74.   border-color: #c89ccc;
  75.   font-weight: 900;
  76.   text-transform: uppercase;
  77. }
  78.  
  79. tr {
  80.   background: #fcf8a1;
  81.   color: black;
  82.   font-weight: 900;
  83. }
  84.  
  85. .bg-light {
  86.   background: #fa9817 !important;
  87. }
  88.  
  89. .card-body.panel-body {
  90.     background: #fcf8a1 !important;
  91.     color: black !important;
  92.     font-weight: 700;
  93. }
  94.  
  95. .bg-danger-muted {
  96.   background-color: #6372c3 !important;
  97.   font-size: 120%;
  98.   font-family: Vernada, sans-serif !important;
  99. }
  100.  
  101. .fa.fa-question-circle.text-secondary {
  102.   color: #fcf8a1 !important;
  103. }
  104.  
  105. .progress {
  106.   background: #9f9dfb;
  107. }
  108.  
  109. .progress-bar {
  110.   background: #6372c3 !important;
  111. }
  112.  
  113. a {
  114.   color: #fa9817;
  115.   text-decoration: none;
  116.   background-color: transparent;
  117. }
  118.  
  119. .card-footer {
  120.   background-color: #fcf8a1;
  121.   border: none;
  122.   color: black !important;
  123.   font-weight: 900;
  124. }
  125.  
  126. .alert {
  127.   position: relative;
  128.   padding: .75rem 1.25rem;
  129.   margin-bottom: 1rem;
  130.   border: 3px solid #fcf8a1;
  131.   border-radius: .25rem;
  132.   font-weight: 900;
  133.   background: #fcf8a1;
  134.   color: black;
  135. }
  136.  
  137. .close {
  138.   color: black;
  139.   font-weight: 900;
  140.   opacity: 100%;
  141. }
  142.  
  143. .profile-header-background.panel-heading.bg-light.p-2.border.rounded.position-relative {
  144. background: #fefaa4 !important;
  145.     border: 6px #fefaa4 solid !important;
  146. }
  147.  
  148. .card.panel.float-left.d-none.d-md-block.profile-avatar-wrapper {
  149.   background: #000;
  150.   border: none;
  151. }
  152.  
  153. .d-none.d-md-block.mt-3.profile-header-normal-status {
  154.   color: #f99717 !important;
  155.   font-weight: 900;
  156.   text-transform: uppercase;
  157.   font-family: Verdana, sans-serif;
  158. }
  159.  
  160. .card-header {
  161.   padding: .75rem 1rem;
  162.   margin-bottom: 0;
  163.   background-color: #fa9817;
  164.   border-bottom: 4px solid rgb(250, 152, 23);
  165.   color: black;
  166.   font-weight: 900 !important;
  167.   font-family: Verdana;
  168.   text-transform: uppercase;
  169. }
  170.  
  171. div#content div.container-fluid div.profile-body div.panel.panel-default.profile-gallery-header.profile-attacks-header div.panel-heading h2 {
  172.   border: 0 !important;
  173.   font: 0/0 a !important;
  174.   background: url(https://i.imgur.com/Psn5pRg.png) !important;
  175.   padding-bottom: 12px !important;
  176.   margin-left: 1px !important;
  177.   margin-top: 7px !important;
  178.   margin-bottom: 3px !important;
  179.   background-size: contain !important;
  180.   height: 50px;
  181.   background-repeat: no-repeat !important;
  182. }
  183.  
  184. div#content div.container-fluid div.profile-body div.panel.panel-default.profile-gallery-header.profile-characters-header div.panel-heading h2 {
  185.   border: 0 !important;
  186.   font: 0/0 a !important;
  187.   background: url(https://i.imgur.com/WQd94zg.png) !important;
  188.   padding-bottom: 12px !important;
  189.   margin-left: 1px !important;
  190.   margin-top: 7px !important;
  191.   margin-bottom: 3px !important;
  192.   background-size: contain !important;
  193.   height: 50px;
  194.   background-repeat: no-repeat !important;
  195. }
  196.  
  197. div#content div.container-fluid div.profile-body div.panel.panel-default.profile-gallery-header.profile-defenses-header div.panel-heading h2 {
  198.   border: 0 !important;
  199.   font: 0/0 a !important;
  200.   background: url(https://i.imgur.com/uperNuG.png) !important;
  201.   padding-bottom: 12px !important;
  202.   margin-left: 1px !important;
  203.   margin-top: 7px !important;
  204.   margin-bottom: 3px !important;
  205.   background-size: contain !important;
  206.   height: 50px;
  207.   background-repeat: no-repeat !important;
  208. }
  209.  
  210. .profile-links.col-md-6 {
  211.   width: 95%;
  212.   padding-right: 5%;
  213. }
  214.  
  215. .profile-followers.col-md-6 {
  216.   width: 95%;
  217.   padding-right: 5%;
  218. }
  219.  
  220. .nav-tabs .nav-link:hover {
  221.   border: 4px white;
  222.   background-color: #ffefda;
  223.   color: #f4bc5e !important;
  224. }
  225.  
  226. div.sceditor-toolbar {
  227.   background: #fa9817 !important;
  228.   border-bottom: 0px !important;
  229. }
  230.  
  231. .nav-tabs .nav-item {
  232.   max-width: 100%;
  233.   min-width: 20%;
  234. }
  235.  
  236. .profile-description.mb-4.clearfix {
  237.   background: #ffefda;
  238.   color: #000 !important;
  239.   font-family: Veranda, sans-serif;
  240.   font-weight: 800;
  241.   border: dotted 1px #fa9817;
  242. }
  243.  
  244. .profile-gallery-header-link a {
  245.   border: 0 !important;
  246.   font: 0/0 a !important;
  247.   background: url(https://i.imgur.com/wD5ByLB.pngg) !important;
  248.   padding-left: 70px !important;
  249.   padding-top: 20px !important;
  250.   padding-bottom: 30px !important;
  251.   background-size: contain !important;
  252.   background-repeat: no-repeat !important;
  253. }
  254.  
  255. #profile-dropdown {
  256. background: #f4bc5e;
  257.     border: none;
  258.     color: #000;
  259. }
  260.  
  261. #wrapper {
  262.   min-height: 100%;
  263.   position: relative;
  264.   background-image: url(https://i.imgur.com/Fay44Mr.png);
  265.   background-repeat: no-repeat;
  266.   background-color: #000000;
  267. }
  268.  
  269. .banner {
  270.   height: 100px;
  271.   margin-bottom: 210px;
  272.   background-image: url(https://i.imgur.com/YCejQOP.png) !important;
  273.   background-color: #000000 !important;
  274. }
  275.  
  276. .navbar {
  277.   background-image: url(https://i.imgur.com/2Mct8uN.png) !important;
  278.   height: 200px;
  279.   background-size: cover;
  280. }
  281.  
  282. .navbar-brand img {
  283.   display: none;
  284. }
  285.  
  286. .artfight-nav .navbar-brand {
  287.   background-image: url(https://upload.wikimedia.org/wikipedia/commons/5/59/Empty.png) !important;
  288.   background-repeat: no-repeat;
  289.   padding-left: 40px !important;
  290.   height: 60px;
  291.   color: rgba(0, 0, 0, 0.02) !important;
  292.   margin-top: -70px;
  293. }
  294.  
  295.  
  296. .navbar-nav.mr-auto {
  297.   margin-top: -160px;
  298. }
  299.  
  300. .comments-posts {
  301.   padding-right: 5%;
  302.   color: black !important;
  303.   font-family: Verdana, sans-serif;
  304. }
  305.  
  306.  .comments.mt-3 {
  307.     font-family: verdana, sans-serif;
  308.     font-weight: 900;
  309.     color: rgba(0,0,0,0);
  310.     background-image: url(https://i.imgur.com/rEZMFfD.png);
  311.     background-size: contain;
  312.     background-repeat: no-repeat;
  313. max-width: 80%;
  314.     margin-top: 40px !important;
  315.     margin-left: auto;
  316.     margin-right: auto;
  317.   }
  318.  
  319. .comments-new.mb-4 {
  320.   margin-top: 90px;
  321. }
  322.  
  323.  .btn-submit-once {
  324.     text-transform: uppercase;
  325.     font-weight: 900;
  326.     font-family: Verdana, sans-serif;
  327.     letter-spacing: 20px;
  328.     border: 0px !important;
  329.     background-image: url(https://i.imgur.com/UVldweX.png) !important;
  330.     background-size: cover !important;
  331.     color: rgba(0,0,0,0) !important;
  332.     height: 150px;
  333.   }
  334.  
  335.  .btn-submit-once:hover {
  336.     border: 0px !important;
  337. background-image: url(https://i.imgur.com/78B3lq2.png) !important;
  338.     background-size: cover !important;
  339.     color: rgba(0,0,0,0) !important;
  340.   }
  341.  
  342. i {
  343.   color: black !important;
  344.   font-style: normal;
  345.   font-weight: 800;
  346. }
  347.  
  348. .nav-tabs {
  349.   border-bottom: none;
  350.   background: #f4bc5e;
  351.   color: black !important;
  352.   font-weight: 900;
  353.   font-family: Veranda, sans-serif;
  354. width: 60%;
  355.     float: right;
  356. }
  357.  
  358. .active {
  359.   margin-bottom: -3px !important;
  360.   background: #f99717 !important;
  361.   margin-top: -3px !important;
  362.   border: none !important;
  363.   color: black !important;
  364.   font-size: 100% !important;
  365. }
  366.  
  367.  
  368.  
  369. .fa-discord {
  370.   color: rgba(0, 0, 0, 0.02) !important;
  371.   padding-left: 70px;
  372.   background-image: url(https://i.imgur.com/2HKFYmL.png);
  373.   background-size: cover;
  374.   padding-bottom: 24px;
  375. }
  376.  
  377. .fa-question-square {
  378.   color: rgba(0, 0, 0, 0.02) !important;
  379.   background-image: url(https://i.imgur.com/uBEaIPt.png);
  380.   padding-left: 38px;
  381.   padding-bottom: 24px;
  382.   background-size: cover;
  383.   margin-left: 0px;
  384. }
  385.  
  386. .fa-shopping-cart {
  387.   color: rgba(0, 0, 0, 0.02) !important;
  388.   background-image: url(https://i.imgur.com/VysOv5c.png);
  389.   padding-left: 42px;
  390.   padding-bottom: 24px;
  391.   background-size: cover;
  392.   margin-left: 0px;
  393. }
  394.  
  395. .fa-search {
  396.   color: rgba(0, 0, 0, 0.02) !important;
  397.   background-image: url(https://i.imgur.com/Ihh4pEm.png);
  398.   padding-left: 60px;
  399.   padding-bottom: 24px;
  400.   background-size: cover;
  401.   margin-left: 0px;
  402. }
  403.  
  404. .fa-plus {
  405.   color: rgba(0, 0, 0, 0.02) !important;
  406.   background-image: url(https://i.imgur.com/HXiGuYz.png);
  407.   padding-left: 55px;
  408.   padding-bottom: 24px;
  409.   background-size: cover;
  410.   margin-left: 0px;
  411. }
  412.  
  413. .navbar-dark .navbar-nav .nav-link:first-child {
  414.   color: hsla(0, 0%, 100%, 0.2);
  415.   font-size: 0px;
  416. }
  417.  
  418. .dropdown-menu {
  419.   background: #000 !important;
  420.   border: 2px #f4bc5e solid;
  421.   text-transform: uppercase;
  422. }
  423.  
  424. .dropdown-item:hover {
  425.   background: #fcf8a1;
  426.   color: black;
  427.   font-weight: 900;
  428. }
  429.  
  430. .btn.btn-primary {
  431. background:#f4bc5e;
  432. border:none;
  433. color:#000000
  434. }
  435.  
  436. .btn {
  437. background:#f4bc5e;
  438. border:none;
  439. color:#000000
  440. }
  441.  
  442. .avatar-dropdown {
  443.   padding-left: 140px !important;
  444.   padding-right: 20px !important;
  445.   padding-top: 20px !important;
  446.   padding-bottom: 25px !important;
  447.   margin-right: -15px;
  448.   background-image: url(https://i.imgur.com/grz0NCJ.png);
  449.   background-size: cover;
  450. }
  451.  
  452. .dropdown-item {
  453.   font-weight: 600;
  454.   color: #cc625c;
  455.   letter-spacing: -1px;
  456. }
  457.  
  458. .dropdown-header {
  459.   font-weight: 900;
  460.   letter-spacing: 2px;
  461.   color: #f4bc5e;
  462.   font-style: italic;
  463.   margin-top: 15px;
  464. }
  465.  
  466. .dropdown-divider {
  467.   height: 0;
  468.   margin: .5rem 0;
  469.   overflow: hidden;
  470.   border-top: 2px solid #f4bc5e;
  471. }
  472.  
  473. /* Profile width */
  474.  
  475. .container-fluid {
  476.   max-width: 1200px;
  477.   width: 90%;
  478. margin-left: 135px;
  479. }
  480.  
  481. /* Makes profile header amount for left 40%, flush with top of profile container */
  482.  
  483. .profile-header-wrapper {
  484.   padding-top: 0px;
  485.   float: left;
  486.   width: 39%;
  487.     padding-right: 1%;
  488. }
  489.  
  490. @media only screen and (max-width: 600px) {
  491.   .profile-header-wrapper {
  492.     float: none;
  493.     width: 100%;
  494.   }
  495. }
  496.  
  497. /* Desktop header */
  498.  
  499. .profile-normal-header {
  500.   padding-bottom: 50px !important;
  501.   margin-top: 20px;
  502. }
  503.  
  504. /* Header buttons */
  505.  
  506. .profile-header-buttons {
  507.   margin-top: 29px;
  508.   float: none !important;
  509. }
  510.  
  511. /* Makes profile description account for the right 60% of the profile */
  512.  
  513. .profile-description {
  514.   width: 60%;
  515.   max-height: 840px;
  516.   overflow: auto;
  517.   float: right;
  518.   padding: 30px;
  519. }
  520. }
  521.  
  522. /* Attacks header, makes header full-width */
  523.  
  524. .profile-attacks-header {
  525.   clear: right !important;
  526. }
  527.  
  528. /* Removes padding around links & followers sections */
  529.  
  530. .profile-links {
  531.   %min-width: 100%;
  532.   padding: 0px;
  533. }
  534.  
  535. .profile-followers {
  536.   %min-width: 100% !important;
  537.   padding: 0px;
  538. }
  539.  
  540. /* Links & followers flex */
  541.  
  542. @media only screen and (max-width: 600px) {
  543.   .profile-links, .profile-followers {
  544.     %width: 100% !important;
  545.     margin: 0px;
  546.     padding-left: 20px;
  547.     %padding-right: 15px;
  548.     float: none !important;
  549.   }
  550.  
  551.   .profile-links .panel, .profile-followers .panel {
  552.     width:100% !important;
  553.   }
  554.  
  555. /* Puts nav tabs in a row, centers tab titles */
  556.  
  557. .nav-tabs .nav-item {
  558.   width: 20%;
  559.   text-align: center;
  560.   width: 100% !important;
  561. }
  562.  
  563. /* Profile description */
  564.  
  565. .profile-description {
  566.    float: none !important;
  567.    width: 100% !important;
  568.    padding-top: 0px;
  569.    max-height: 100%;
  570.   }
  571.  
  572.   .profile-header-name .element-disabled {
  573.     display: block !important;
  574.   }
  575.  
  576.   .profile-header-buttons, .profile-body {
  577.     margin-top: 0;
  578.   }
  579. }
  580.  
  581. .active {
  582.   margin-bottom: 1px !important;
  583. }
  584.  
  585. .nav-tabs .nav-link {
  586.   text-transform: uppercase;
  587.   font-size: 12px;
  588.   padding-top: 20px;
  589.   padding-bottom: 20px;
  590. color: black !important;
  591.   letter-spacing: 1px !important;
  592. }
  593.  
  594. /* Thumbnail flex stuff */
  595.  
  596. @media (min-width: 768px) {
  597.   .col-md-6 {
  598. width: 100%;
  599.     min-width: 100%;
  600.     max-width: 100%;
  601.   }
  602. }
  603.  
  604. @media (min-width: 992px) {
  605.   .col-lg-2 {
  606.     max-width: 33.333% !important;
  607.     min-width: 33.333% !important;
  608.     width: 33% !important;
  609.       text-align: center;
  610.     margin: auto;
  611.   }
  612. }
  613.  
  614. @media (min-width: 768px) {
  615.   .col-md-2 {
  616.     max-width: 33.33%;
  617.     min-width: 33.33%;
  618.   }
  619. }
  620.  
  621. @media only screen and (max-width: 1600px) {
  622.   .profile-header-name .element-disabled {
  623.     display: none;
  624.   }
  625. }
  626.  
  627. /* Stats, Characters, Attacks, & Defense tab titles */
  628.  
  629. .profile-stats-title, .profile-characters-title, .profile-attacks-title, .profile-defenses-title {
  630.  text-align: center;
  631. }
  632.  
  633. .thumbnail {
  634.   border: 6px solid;
  635.   border-color: black !important;
  636. }
  637.  
  638. .thumbnail-width {
  639.   max-width: 250px;
  640.   margin: auto;
  641. }
  642.  
  643. }
  644.  
  645.  
  646.  
  647. /* --------- 768-832 ----- */
  648.  
  649. @media (min-width: 768px) and (max-width: 832px) {
  650.  
  651. .donate-wormston {
  652.   background: url(https://i.imgur.com/LusFj2a.png);
  653.        max-height: 100px;
  654.   padding: 40px;
  655. background-repeat: no-repeat;
  656.     margin-left:40px;
  657. }
  658.  
  659. .profile-stats {
  660.   padding-top: 420px;
  661.   margin-right: 5%;
  662.   width: 90%;
  663. }
  664.  
  665. .profile-attacks {
  666.   padding-top: 420px;
  667.   margin-right: 5%;
  668.   width: 90%;
  669. }
  670.  
  671. .profile-characters{
  672.   padding-top: 420px;
  673.   margin-right: 5%;
  674.   width: 90%;
  675. }
  676.  
  677. .profile-defenses {
  678.   padding-top: 420px;
  679.   margin-right: 5%;
  680.   width: 90%;
  681. }
  682.  
  683. .profile-stats-title {
  684.   color: rgba(0,0,0,0);
  685.   background-image: url(https://i.imgur.com/picuo5E.png);
  686.   background-size: contain;
  687.   background-repeat: no-repeat;
  688.   min-height: 80px;
  689.   background-position: right;
  690. }
  691.  
  692. .profile-characters-title {
  693.   color: rgba(0,0,0,0);
  694.   background-image: url(https://i.imgur.com/ufjJSpV.png);
  695.   background-size: contain;
  696.   background-repeat: no-repeat;
  697.   min-height: 80px;
  698.   background-position: right;
  699. }
  700.  
  701. .profile-attacks-title {
  702.   color: rgba(0,0,0,0);
  703.   background-image: url(https://i.imgur.com/6jZpQ4F.png);
  704.   background-size: contain;
  705.   background-repeat: no-repeat;
  706.   min-height: 80px;
  707.   background-position: right;
  708. }
  709.  
  710. .profile-defenses-title {
  711.   color: rgba(0,0,0,0);
  712.   background-image: url(https://i.imgur.com/jWokijM.png);
  713.   background-size: contain;
  714.   background-repeat: no-repeat;
  715.   min-height: 80px;
  716.   background-position: right;
  717. }
  718.  
  719.  
  720.  
  721. .alert-success {
  722.   color: #000;
  723.   background-color: #c89ccc;
  724.   border-color: #c89ccc;
  725.   font-weight: 900;
  726.   text-transform: uppercase;
  727. }
  728.  
  729. tr {
  730.   background: #fcf8a1;
  731.   color: black;
  732.   font-weight: 900;
  733. }
  734.  
  735. .bg-light {
  736.   background: #fa9817 !important;
  737. }
  738.  
  739. .card-body.panel-body {
  740.     background: #fcf8a1 !important;
  741.     color: black !important;
  742.     font-weight: 700;
  743. }
  744.  
  745. .bg-danger-muted {
  746.   background-color: #6372c3 !important;
  747.   font-size: 120%;
  748.   font-family: Vernada, sans-serif !important;
  749. }
  750.  
  751. .fa.fa-question-circle.text-secondary {
  752.   color: #fcf8a1 !important;
  753. }
  754.  
  755. .progress {
  756.   background: #9f9dfb;
  757. }
  758.  
  759. .progress-bar {
  760.   background: #6372c3 !important;
  761. }
  762.  
  763. a {
  764.   color: #fa9817;
  765.   text-decoration: none;
  766.   background-color: transparent;
  767. }
  768.  
  769. .card-footer {
  770.   background-color: #fcf8a1;
  771.   border: none;
  772.   color: black !important;
  773.   font-weight: 900;
  774. }
  775.  
  776. .alert {
  777.   position: relative;
  778.   padding: .75rem 1.25rem;
  779.   margin-bottom: 1rem;
  780.   border: 3px solid #fcf8a1;
  781.   border-radius: .25rem;
  782.   font-weight: 900;
  783.   background: #fcf8a1;
  784.   color: black;
  785. }
  786.  
  787. .close {
  788.   color: black;
  789.   font-weight: 900;
  790.   opacity: 100%;
  791. }
  792.  
  793. .profile-header-background.panel-heading.bg-light.p-2.border.rounded.position-relative {
  794. background: #fefaa4 !important;
  795.     border: 6px #fefaa4 solid !important;
  796. }
  797.  
  798. .card.panel.float-left.d-none.d-md-block.profile-avatar-wrapper {
  799.   background: #000;
  800.   border: none;
  801. }
  802.  
  803. .d-none.d-md-block.mt-3.profile-header-normal-status {
  804.   color: #f99717 !important;
  805.   font-weight: 900;
  806.   text-transform: uppercase;
  807.   font-family: Verdana, sans-serif;
  808. }
  809.  
  810. .card-header {
  811.   padding: .75rem 1rem;
  812.   margin-bottom: 0;
  813.   background-color: #fa9817;
  814.   border-bottom: 4px solid rgb(250, 152, 23);
  815.   color: black;
  816.   font-weight: 900 !important;
  817.   font-family: Verdana;
  818.   text-transform: uppercase;
  819. }
  820.  
  821. div#content div.container-fluid div.profile-body div.panel.panel-default.profile-gallery-header.profile-attacks-header div.panel-heading h2 {
  822.   border: 0 !important;
  823.   font: 0/0 a !important;
  824.   background: url(https://i.imgur.com/Psn5pRg.png) !important;
  825.   padding-bottom: 12px !important;
  826.   margin-left: 1px !important;
  827.   margin-top: 7px !important;
  828.   margin-bottom: 3px !important;
  829.   background-size: contain !important;
  830.   height: 50px;
  831.   background-repeat: no-repeat !important;
  832. }
  833.  
  834. div#content div.container-fluid div.profile-body div.panel.panel-default.profile-gallery-header.profile-characters-header div.panel-heading h2 {
  835.   border: 0 !important;
  836.   font: 0/0 a !important;
  837.   background: url(https://i.imgur.com/WQd94zg.png) !important;
  838.   padding-bottom: 12px !important;
  839.   margin-left: 1px !important;
  840.   margin-top: 7px !important;
  841.   margin-bottom: 3px !important;
  842.   background-size: contain !important;
  843.   height: 50px;
  844.   background-repeat: no-repeat !important;
  845. }
  846.  
  847. .profile-body {
  848.   width: 95% !important;
  849.   margin-right: 5% !important;
  850.   padding-right: 5% !important;
  851. }
  852.  
  853. div#content div.container-fluid div.profile-body div.panel.panel-default.profile-gallery-header.profile-defenses-header div.panel-heading h2 {
  854.   border: 0 !important;
  855.   font: 0/0 a !important;
  856.   background: url(https://i.imgur.com/uperNuG.png) !important;
  857.   padding-bottom: 12px !important;
  858.   margin-left: 1px !important;
  859.   margin-top: 7px !important;
  860.   margin-bottom: 3px !important;
  861.   background-size: contain !important;
  862.   height: 50px;
  863.   background-repeat: no-repeat !important;
  864. }
  865.  
  866. .profile-links.col-md-6 {
  867.   width: 95%;
  868.   padding-right: 5%;
  869. }
  870.  
  871. .profile-followers.col-md-6 {
  872.   width: 95%;
  873. }
  874.  
  875. .nav-tabs .nav-link:hover {
  876.   border: 4px white;
  877.   background-color: #ffefda;
  878.   color: #f4bc5e !important;
  879. }
  880.  
  881. div.sceditor-toolbar {
  882.   background: #fa9817 !important;
  883.   border-bottom: 0px !important;
  884. }
  885.  
  886. .nav-tabs .nav-item {
  887.   max-width: 100%;
  888.   min-width: 20%;
  889. }
  890.  
  891. .profile-description.mb-4.clearfix {
  892.   background: #ffefda;
  893.   color: #000 !important;
  894.   font-family: Veranda, sans-serif;
  895.   font-weight: 800;
  896.   border: dotted 1px #fa9817;
  897.   clear: both !important;
  898. }
  899.  
  900. .profile-gallery-header-link a {
  901.   border: 0 !important;
  902.   font: 0/0 a !important;
  903.   background: url(https://i.imgur.com/wD5ByLB.pngg) !important;
  904.   padding-left: 70px !important;
  905.   padding-top: 20px !important;
  906.   padding-bottom: 30px !important;
  907.   background-size: contain !important;
  908.   background-repeat: no-repeat !important;
  909. }
  910.  
  911. #profile-dropdown {
  912. background: #f4bc5e;
  913.     border: none;
  914.     color: #000;
  915. }
  916.  
  917. #wrapper {
  918.   min-height: 100%;
  919.   position: relative;
  920.   background-image: url(https://i.imgur.com/cNS7HY6.png);
  921.   background-repeat: no-repeat;
  922.   background-color: #000000;
  923. }
  924.  
  925. .banner {
  926.   height: 100px;
  927.   margin-bottom: 210px;
  928.   background-image: url(https://i.imgur.com/YCejQOP.png) !important;
  929.   background-color: #000000 !important;
  930. }
  931.  
  932. .navbar {
  933.   background-image: url(https://i.imgur.com/2Mct8uN.png) !important;
  934.   height: 200px;
  935.   background-size: cover;
  936. }
  937.  
  938. .navbar-brand img {
  939.   display: none;
  940. }
  941.  
  942. .artfight-nav .navbar-brand {
  943.   background-image: url(https://upload.wikimedia.org/wikipedia/commons/5/59/Empty.png) !important;
  944.   background-repeat: no-repeat;
  945.   padding-left: 40px !important;
  946.   height: 60px;
  947.   color: rgba(0, 0, 0, 0.02) !important;
  948.   margin-top: -70px;
  949. }
  950.  
  951. .element-disabled {
  952.   opacity: 0;
  953. }
  954.  
  955. .nav {
  956.   width: 90% !important;
  957.   margin-right: 5% !important;
  958.   display: block;
  959. }
  960.  
  961.  
  962. .navbar-nav.mr-auto {
  963.  margin-top: -85px;
  964. }
  965.  
  966.   .comments-posts {
  967.     padding-right: 5%;
  968.     color: #000 !important;
  969.     font-family: Verdana, sans-serif;
  970.     width: 125%;
  971.     margin-left: -150px;
  972.   }
  973.  
  974.  .comments.mt-3 {
  975.     font-family: verdana, sans-serif;
  976.     font-weight: 900;
  977.     color: rgba(0,0,0,0);
  978.     background-image: url(https://i.imgur.com/rEZMFfD.png);
  979.     background-size: contain;
  980.     background-repeat: no-repeat;
  981. max-width: 90%;
  982.     margin-top: 40px !important;
  983.     margin-left: 0px;
  984.     margin-right: auto;
  985.   }
  986.  
  987. .comments-new.mb-4 {
  988.   margin-top: 90px;
  989. }
  990.  
  991.  .btn-submit-once {
  992.     text-transform: uppercase;
  993.     font-weight: 900;
  994.     font-family: Verdana, sans-serif;
  995.     letter-spacing: 20px;
  996.     border: 0px !important;
  997.     background-image: url(https://i.imgur.com/UVldweX.png) !important;
  998.     background-size: cover !important;
  999.     color: rgba(0,0,0,0) !important;
  1000.     height: 150px;
  1001.   }
  1002.  
  1003.  .btn-submit-once:hover {
  1004.     border: 0px !important;
  1005. background-image: url(https://i.imgur.com/78B3lq2.png) !important;
  1006.     background-size: cover !important;
  1007.     color: rgba(0,0,0,0) !important;
  1008.   }
  1009.  
  1010. i {
  1011.   color: black !important;
  1012.   font-style: normal;
  1013.   font-weight: 800;
  1014. }
  1015.  
  1016. .nav-tabs {
  1017. border-bottom: none;
  1018.     background: #f4bc5e;
  1019.     color: #000 !important;
  1020.     font-weight: 900;
  1021.     font-family: Veranda, sans-serif;
  1022.     width: 90% !important;
  1023.     float: left;
  1024.     clear: both !important;
  1025.     margin-right: 5% !important;
  1026. }
  1027.  
  1028. .active {
  1029.   margin-bottom: -3px !important;
  1030.   background: #f99717 !important;
  1031.   margin-top: -3px !important;
  1032.   border: none !important;
  1033.   color: black !important;
  1034.   font-size: 100% !important;
  1035. }
  1036.  
  1037.  
  1038.  
  1039. .fa-discord {
  1040.   color: rgba(0, 0, 0, 0.02) !important;
  1041.   padding-left: 70px;
  1042.   background-image: url(https://i.imgur.com/2HKFYmL.png);
  1043.   background-size: cover;
  1044.   padding-bottom: 24px;
  1045. }
  1046.  
  1047. .fa-question-square {
  1048.   color: rgba(0, 0, 0, 0.02) !important;
  1049.   background-image: url(https://i.imgur.com/uBEaIPt.png);
  1050.   padding-left: 38px;
  1051.   padding-bottom: 24px;
  1052.   background-size: cover;
  1053.   margin-left: 0px;
  1054. }
  1055.  
  1056. .fa-shopping-cart {
  1057.   color: rgba(0, 0, 0, 0.02) !important;
  1058.   background-image: url(https://i.imgur.com/VysOv5c.png);
  1059.   padding-left: 42px;
  1060.   padding-bottom: 24px;
  1061.   background-size: cover;
  1062.   margin-left: 0px;
  1063. }
  1064.  
  1065. .fa-search {
  1066.   color: rgba(0, 0, 0, 0.02) !important;
  1067.   background-image: url(https://i.imgur.com/Ihh4pEm.png);
  1068.   padding-left: 60px;
  1069.   padding-bottom: 24px;
  1070.   background-size: cover;
  1071.   margin-left: 0px;
  1072. }
  1073.  
  1074. .fa-plus {
  1075.   color: rgba(0, 0, 0, 0.02) !important;
  1076.   background-image: url(https://i.imgur.com/HXiGuYz.png);
  1077.   padding-left: 55px;
  1078.   padding-bottom: 24px;
  1079.   background-size: cover;
  1080.   margin-left: 0px;
  1081. }
  1082.  
  1083. .navbar-dark .navbar-nav .nav-link:first-child {
  1084.   color: hsla(0, 0%, 100%, 0.2);
  1085.   font-size: 0px;
  1086. }
  1087.  
  1088. .dropdown-menu {
  1089.   background: #000 !important;
  1090.   border: 2px #f4bc5e solid;
  1091.   text-transform: uppercase;
  1092. }
  1093.  
  1094. .dropdown-item:hover {
  1095.   background: #fcf8a1;
  1096.   color: black;
  1097.   font-weight: 900;
  1098. }
  1099.  
  1100. .btn.btn-primary {
  1101. background:#f4bc5e;
  1102. border:none;
  1103. color:#000000
  1104. }
  1105.  
  1106. .btn {
  1107. background:#f4bc5e;
  1108. border:none;
  1109. color:#000000
  1110. }
  1111.  
  1112. .avatar-dropdown {
  1113.   padding-left: 140px !important;
  1114.   padding-right: 20px !important;
  1115.   padding-top: 20px !important;
  1116.   padding-bottom: 25px !important;
  1117.   margin-right: -15px;
  1118.   background-image: url(https://i.imgur.com/grz0NCJ.png);
  1119.   background-size: cover;
  1120. }
  1121.  
  1122. .dropdown-item {
  1123.   font-weight: 600;
  1124.   color: #cc625c;
  1125.   letter-spacing: -1px;
  1126. }
  1127.  
  1128. .dropdown-header {
  1129.   font-weight: 900;
  1130.   letter-spacing: 2px;
  1131.   color: #f4bc5e;
  1132.   font-style: italic;
  1133.   margin-top: 15px;
  1134. }
  1135.  
  1136. .dropdown-divider {
  1137.   height: 0;
  1138.   margin: .5rem 0;
  1139.   overflow: hidden;
  1140.   border-top: 2px solid #f4bc5e;
  1141. }
  1142.  
  1143. /* Profile width */
  1144.  
  1145. .container-fluid {
  1146.   max-width: 1200px;
  1147.   width: 90%;
  1148. margin-left: 135px;
  1149. }
  1150.  
  1151. /* Makes profile header amount for left 40%, flush with top of profile container */
  1152.  
  1153.   .profile-header-wrapper {
  1154.     padding-top: 0;
  1155.     float: left;
  1156.     width: 95%;
  1157.     padding-right: 5%;
  1158.     margin-bottom: 25px;
  1159.   }
  1160.  
  1161. }
  1162.  
  1163. /* -------- 700-768 -------- */
  1164.  
  1165. @media (min-width: 700px) and (max-width: 768px) {
  1166.  
  1167. .artfight-nav.navbar.navbar-dark.navbar-static-top.navbar-expand-md.mb-0 {
  1168.   margin: 0px;
  1169.     margin-bottom: 0px;
  1170.   padding: 0px;
  1171. }
  1172.  
  1173. #navbar {
  1174.   background: black !important;
  1175.   padding: 20px;
  1176.   border-top: 4px #f8961d solid;
  1177.   border-bottom: 4px #f8961d solid;
  1178. margin-bottom: -170px;
  1179. }
  1180.  
  1181. .card.profile-avatar-wrapper {
  1182.   background: #f8961d !important;
  1183.   border: none;
  1184. }
  1185.  
  1186. .card {
  1187.   background: #f8961d !important;
  1188.   color: black;
  1189.   font-weight: 900;
  1190. }
  1191.  
  1192. .donate-wormston {
  1193.   background: url(https://i.imgur.com/LusFj2a.png);
  1194.        max-height: 100px;
  1195.   padding: 40px;
  1196. background-repeat: no-repeat;
  1197.     margin-left:40px;
  1198. }
  1199.  
  1200. .profile-stats {
  1201.   padding-top: 420px;
  1202.   margin-right: 5%;
  1203.   width: 90%;
  1204. }
  1205.  
  1206. .profile-attacks {
  1207.   padding-top: 420px;
  1208.   margin-right: 5%;
  1209.   width: 90%;
  1210. }
  1211.  
  1212. .profile-characters{
  1213.   padding-top: 420px;
  1214.   margin-right: 5%;
  1215.   width: 90%;
  1216. }
  1217.  
  1218. .profile-defenses {
  1219.   padding-top: 420px;
  1220.   margin-right: 5%;
  1221.   width: 90%;
  1222. }
  1223.  
  1224. .profile-stats-title {
  1225.   color: rgba(0,0,0,0);
  1226.   background-image: url(https://i.imgur.com/picuo5E.png);
  1227.   background-size: contain;
  1228.   background-repeat: no-repeat;
  1229.   min-height: 80px;
  1230.   background-position: right;
  1231. }
  1232.  
  1233. .profile-characters-title {
  1234.   color: rgba(0,0,0,0);
  1235.   background-image: url(https://i.imgur.com/ufjJSpV.png);
  1236.   background-size: contain;
  1237.   background-repeat: no-repeat;
  1238.   min-height: 80px;
  1239.   background-position: right;
  1240. }
  1241.  
  1242. .profile-attacks-title {
  1243.   color: rgba(0,0,0,0);
  1244.   background-image: url(https://i.imgur.com/6jZpQ4F.png);
  1245.   background-size: contain;
  1246.   background-repeat: no-repeat;
  1247.   min-height: 80px;
  1248.   background-position: right;
  1249. }
  1250.  
  1251. .profile-defenses-title {
  1252.   color: rgba(0,0,0,0);
  1253.   background-image: url(https://i.imgur.com/jWokijM.png);
  1254.   background-size: contain;
  1255.   background-repeat: no-repeat;
  1256.   min-height: 80px;
  1257.   background-position: right;
  1258. }
  1259.  
  1260.  
  1261.  
  1262. .alert-success {
  1263.   color: #000;
  1264.   background-color: #c89ccc;
  1265.   border-color: #c89ccc;
  1266.   font-weight: 900;
  1267.   text-transform: uppercase;
  1268. }
  1269.  
  1270. tr {
  1271.   background: #fcf8a1;
  1272.   color: black;
  1273.   font-weight: 900;
  1274. }
  1275.  
  1276. .bg-light {
  1277.   background: #fa9817 !important;
  1278. }
  1279.  
  1280. .card-body.panel-body {
  1281.     background: #fcf8a1 !important;
  1282.     color: black !important;
  1283.     font-weight: 700;
  1284. }
  1285.  
  1286. .bg-danger-muted {
  1287.   background-color: #6372c3 !important;
  1288.   font-size: 120%;
  1289.   font-family: Vernada, sans-serif !important;
  1290. }
  1291.  
  1292. .fa.fa-question-circle.text-secondary {
  1293.   color: #fcf8a1 !important;
  1294. }
  1295.  
  1296. .progress {
  1297.   background: #9f9dfb;
  1298. }
  1299.  
  1300. .progress-bar {
  1301.   background: #6372c3 !important;
  1302. }
  1303.  
  1304. a {
  1305.   color: #fa9817;
  1306.   text-decoration: none;
  1307.   background-color: transparent;
  1308. }
  1309.  
  1310. .card-footer {
  1311.   background-color: #fcf8a1;
  1312.   border: none;
  1313.   color: black !important;
  1314.   font-weight: 900;
  1315. }
  1316.  
  1317. .alert {
  1318.   position: relative;
  1319.   padding: .75rem 1.25rem;
  1320.   margin-bottom: 1rem;
  1321.   border: 3px solid #fcf8a1;
  1322.   border-radius: .25rem;
  1323.   font-weight: 900;
  1324.   background: #fcf8a1;
  1325.   color: black;
  1326. }
  1327.  
  1328. .close {
  1329.   color: black;
  1330.   font-weight: 900;
  1331.   opacity: 100%;
  1332. }
  1333.  
  1334. .profile-header-background.panel-heading.bg-light.p-2.border.rounded.position-relative {
  1335. background: #fefaa4 !important;
  1336.     border: 6px #fefaa4 solid !important;
  1337. }
  1338.  
  1339. .card.panel.float-left.d-none.d-md-block.profile-avatar-wrapper {
  1340.   background: #000;
  1341.   border: none;
  1342. }
  1343.  
  1344. .d-none.d-md-block.mt-3.profile-header-normal-status {
  1345.   color: #f99717 !important;
  1346.   font-weight: 900;
  1347.   text-transform: uppercase;
  1348.   font-family: Verdana, sans-serif;
  1349. }
  1350.  
  1351. .card-header {
  1352.   padding: .75rem 1rem;
  1353.   margin-bottom: 0;
  1354.   background-color: #fa9817;
  1355.   border-bottom: 4px solid rgb(250, 152, 23);
  1356.   color: black;
  1357.   font-weight: 900 !important;
  1358.   font-family: Verdana;
  1359.   text-transform: uppercase;
  1360. }
  1361.  
  1362. div#content div.container-fluid div.profile-body div.panel.panel-default.profile-gallery-header.profile-attacks-header div.panel-heading h2 {
  1363.   border: 0 !important;
  1364.   font: 0/0 a !important;
  1365.   background: url(https://i.imgur.com/Psn5pRg.png) !important;
  1366.   padding-bottom: 12px !important;
  1367.   margin-left: 1px !important;
  1368.   margin-top: 7px !important;
  1369.   margin-bottom: 3px !important;
  1370.   background-size: contain !important;
  1371.   height: 50px;
  1372.   background-repeat: no-repeat !important;
  1373. }
  1374.  
  1375. div#content div.container-fluid div.profile-body div.panel.panel-default.profile-gallery-header.profile-characters-header div.panel-heading h2 {
  1376.   border: 0 !important;
  1377.   font: 0/0 a !important;
  1378.   background: url(https://i.imgur.com/WQd94zg.png) !important;
  1379.   padding-bottom: 12px !important;
  1380.   margin-left: 1px !important;
  1381.   margin-top: 7px !important;
  1382.   margin-bottom: 3px !important;
  1383.   background-size: contain !important;
  1384.   height: 50px;
  1385.   background-repeat: no-repeat !important;
  1386. }
  1387.  
  1388. .profile-body {
  1389.   width: 95% !important;
  1390.   margin-right: 5% !important;
  1391.   padding-right: 5% !important;
  1392. }
  1393.  
  1394. div#content div.container-fluid div.profile-body div.panel.panel-default.profile-gallery-header.profile-defenses-header div.panel-heading h2 {
  1395.   border: 0 !important;
  1396.   font: 0/0 a !important;
  1397.   background: url(https://i.imgur.com/uperNuG.png) !important;
  1398.   padding-bottom: 12px !important;
  1399.   margin-left: 1px !important;
  1400.   margin-top: 7px !important;
  1401.   margin-bottom: 3px !important;
  1402.   background-size: contain !important;
  1403.   height: 50px;
  1404.   background-repeat: no-repeat !important;
  1405. }
  1406.  
  1407. .profile-links.col-md-6 {
  1408.   width: 95%;
  1409.   padding-right: 5%;
  1410. }
  1411.  
  1412. .profile-followers.col-md-6 {
  1413.   width: 95%;
  1414. }
  1415.  
  1416. .nav-tabs .nav-link:hover {
  1417.   border: 4px white;
  1418.   background-color: #ffefda;
  1419.   color: #f4bc5e !important;
  1420. }
  1421.  
  1422. div.sceditor-toolbar {
  1423.   background: #fa9817 !important;
  1424.   border-bottom: 0px !important;
  1425. }
  1426.  
  1427. .nav-tabs .nav-item {
  1428.   max-width: 100%;
  1429.   min-width: 20%;
  1430. }
  1431.  
  1432. .profile-description.mb-4.clearfix {
  1433.   background: #ffefda;
  1434.   color: #000 !important;
  1435.   font-family: Veranda, sans-serif;
  1436.   font-weight: 800;
  1437.   border: dotted 1px #fa9817;
  1438.   clear: both !important;
  1439. padding-top: 20px;
  1440. }
  1441.  
  1442. .profile-gallery-header-link a {
  1443.   border: 0 !important;
  1444.   font: 0/0 a !important;
  1445.   background: url(https://i.imgur.com/wD5ByLB.pngg) !important;
  1446.   padding-left: 70px !important;
  1447.   padding-top: 20px !important;
  1448.   padding-bottom: 30px !important;
  1449.   background-size: contain !important;
  1450.   background-repeat: no-repeat !important;
  1451. }
  1452.  
  1453. #profile-dropdown {
  1454. background: #f4bc5e;
  1455.     border: none;
  1456.     color: #000;
  1457. }
  1458.  
  1459. #wrapper {
  1460.   min-height: 100%;
  1461.   position: relative;
  1462.   background-image: url(https://i.imgur.com/cNS7HY6.png);
  1463.   background-repeat: no-repeat;
  1464.   background-color: #000000;
  1465. }
  1466.  
  1467. .banner {
  1468.   height: 100px;
  1469.   margin-bottom: 180px;
  1470.   background-image: url(https://i.imgur.com/YCejQOP.png) !important;
  1471.   background-color: #000000 !important;
  1472. }
  1473.  
  1474. .navbar {
  1475.   background-image: url(https://i.imgur.com/2Mct8uN.png) !important;
  1476.   min-height: 200px;
  1477.   background-size: cover;
  1478. }
  1479.  
  1480. .navbar-brand img {
  1481.   display: none;
  1482. }
  1483.  
  1484. .artfight-nav .navbar-brand {
  1485.   background-image: url(https://upload.wikimedia.org/wikipedia/commons/5/59/Empty.png) !important;
  1486.   background-repeat: no-repeat;
  1487.   padding-left: 40px !important;
  1488.   height: 60px;
  1489.   color: rgba(0, 0, 0, 0.02) !important;
  1490.   margin-top: -70px;
  1491. }
  1492.  
  1493. .element-disabled {
  1494.   opacity: 0;
  1495. }
  1496.  
  1497. .nav {
  1498.   width: 90% !important;
  1499.   margin-right: 5% !important;
  1500.   display: block;
  1501. }
  1502.  
  1503.  
  1504. .navbar-nav.mr-auto {
  1505.  %margin-top: -85px;
  1506. }
  1507.  
  1508.   .comments-posts {
  1509.     padding-right: 5%;
  1510.     color: #000 !important;
  1511.     font-family: Verdana, sans-serif;
  1512. width: 105%;
  1513.     margin-left: 0px;
  1514.   }
  1515.  
  1516.  .comments.mt-3 {
  1517.     font-family: verdana, sans-serif;
  1518.     font-weight: 900;
  1519.     color: rgba(0,0,0,0);
  1520.     background-image: url(https://i.imgur.com/rEZMFfD.png);
  1521.     background-size: contain;
  1522.     background-repeat: no-repeat;
  1523. max-width: 90%;
  1524.     margin-top: 40px !important;
  1525.     margin-left: 0px;
  1526.     margin-right: auto;
  1527.   }
  1528.  
  1529. .comments-new.mb-4 {
  1530.   margin-top: 90px;
  1531. }
  1532.  
  1533.  .btn-submit-once {
  1534.     text-transform: uppercase;
  1535.     font-weight: 900;
  1536.     font-family: Verdana, sans-serif;
  1537.     letter-spacing: 20px;
  1538.     border: 0px !important;
  1539.     background-image: url(https://i.imgur.com/UVldweX.png) !important;
  1540.     background-size: cover !important;
  1541.     color: rgba(0,0,0,0) !important;
  1542.     height: 150px;
  1543.   }
  1544.  
  1545.  .btn-submit-once:hover {
  1546.     border: 0px !important;
  1547. background-image: url(https://i.imgur.com/78B3lq2.png) !important;
  1548.     background-size: cover !important;
  1549.     color: rgba(0,0,0,0) !important;
  1550.   }
  1551.  
  1552. i {
  1553.   color: black !important;
  1554.   font-style: normal;
  1555.   font-weight: 800;
  1556. }
  1557.  
  1558. .nav-tabs {
  1559. border-bottom: none;
  1560.     background: #f4bc5e;
  1561.     color: #000 !important;
  1562.     font-weight: 900;
  1563.     font-family: Veranda, sans-serif;
  1564.     width: 90% !important;
  1565.     float: left;
  1566.     clear: both !important;
  1567.     margin-right: 5% !important;
  1568. margin-bottom: 0px !important;
  1569. }
  1570.  
  1571. .active {
  1572.   margin-bottom: -3px !important;
  1573.   background: #f99717 !important;
  1574.   margin-top: -3px !important;
  1575.   border: none !important;
  1576.   color: black !important;
  1577.   font-size: 100% !important;
  1578. }
  1579.  
  1580.  
  1581.  
  1582. .fa-discord {
  1583.   color: rgba(0, 0, 0, 0.02) !important;
  1584.   padding-left: 70px;
  1585.   background-image: url(https://i.imgur.com/2HKFYmL.png);
  1586.   background-size: cover;
  1587.   padding-bottom: 24px;
  1588. }
  1589.  
  1590. .fa-question-square {
  1591.   color: rgba(0, 0, 0, 0.02) !important;
  1592.   background-image: url(https://i.imgur.com/uBEaIPt.png);
  1593.   padding-left: 38px;
  1594.   padding-bottom: 24px;
  1595.   background-size: cover;
  1596.   margin-left: 0px;
  1597. }
  1598.  
  1599. .fa-shopping-cart {
  1600.   color: rgba(0, 0, 0, 0.02) !important;
  1601.   background-image: url(https://i.imgur.com/VysOv5c.png);
  1602.   padding-left: 42px;
  1603.   padding-bottom: 24px;
  1604.   background-size: cover;
  1605.   margin-left: 0px;
  1606. }
  1607.  
  1608. .fa-search {
  1609.   color: rgba(0, 0, 0, 0.02) !important;
  1610.   background-image: url(https://i.imgur.com/Ihh4pEm.png);
  1611.   padding-left: 60px;
  1612.   padding-bottom: 24px;
  1613.   background-size: cover;
  1614.   margin-left: 0px;
  1615. }
  1616.  
  1617. .fa-plus {
  1618.   color: rgba(0, 0, 0, 0.02) !important;
  1619.   background-image: url(https://i.imgur.com/HXiGuYz.png);
  1620.   padding-left: 55px;
  1621.   padding-bottom: 24px;
  1622.   background-size: cover;
  1623.   margin-left: 0px;
  1624. }
  1625.  
  1626. .navbar-dark .navbar-nav .nav-link:first-child {
  1627.   color: hsla(0, 0%, 100%, 0.2);
  1628.   font-size: 0px;
  1629. }
  1630.  
  1631. .dropdown-menu {
  1632.   background: #000 !important;
  1633.   border: 2px #f4bc5e solid;
  1634.   text-transform: uppercase;
  1635. }
  1636.  
  1637. .dropdown-item:hover {
  1638.   background: #fcf8a1;
  1639.   color: black;
  1640.   font-weight: 900;
  1641. }
  1642.  
  1643. .btn.btn-primary {
  1644. background:#f4bc5e;
  1645. border:none;
  1646. color:#000000
  1647. }
  1648.  
  1649. .btn {
  1650. background:#f4bc5e;
  1651. border:none;
  1652. color:#000000
  1653. }
  1654.  
  1655. .avatar-dropdown {
  1656.   padding-left: 140px !important;
  1657.   padding-right: 20px !important;
  1658.   padding-top: 20px !important;
  1659.   padding-bottom: 25px !important;
  1660.   margin-right: -15px;
  1661.   background-image: url(https://i.imgur.com/grz0NCJ.png);
  1662.   background-size: cover;
  1663. }
  1664.  
  1665. .dropdown-item {
  1666.   font-weight: 600;
  1667.   color: #cc625c;
  1668.   letter-spacing: -1px;
  1669. }
  1670.  
  1671. .dropdown-header {
  1672.   font-weight: 900;
  1673.   letter-spacing: 2px;
  1674.   color: #f4bc5e;
  1675.   font-style: italic;
  1676.   margin-top: 15px;
  1677. }
  1678.  
  1679. .dropdown-divider {
  1680.   height: 0;
  1681.   margin: .5rem 0;
  1682.   overflow: hidden;
  1683.   border-top: 2px solid #f4bc5e;
  1684. }
  1685.  
  1686. .container-fluid {
  1687.   max-width: 1200px;
  1688.   width: 90%;
  1689. margin-left: 135px;
  1690. }
  1691.  
  1692.   .profile-header-wrapper {
  1693.     padding-top: 0;
  1694.     float: left;
  1695.     width: 95%;
  1696.     padding-right: 5%;
  1697.     margin-bottom: 25px;
  1698.   }
  1699.  
  1700. }
  1701.  
  1702. /* -------- <700 -------- */
  1703.  
  1704. @media (max-width: 700px) {
  1705.  
  1706. .artfight-nav.navbar.navbar-dark.navbar-static-top.navbar-expand-md.mb-0 {
  1707.   margin: 0px;
  1708.     margin-bottom: 0px;
  1709.   padding: 0px;
  1710. }
  1711.  
  1712. #navbar {
  1713.   background: black !important;
  1714.   padding: 20px;
  1715.   border-top: 4px #f8961d solid;
  1716.   border-bottom: 4px #f8961d solid;
  1717. margin-bottom: -170px;
  1718. }
  1719.  
  1720. .card.profile-avatar-wrapper {
  1721.   background: #f8961d !important;
  1722.   border: none;
  1723. }
  1724.  
  1725. .card {
  1726.   background: #f8961d !important;
  1727.   color: black;
  1728.   font-weight: 900;
  1729. }
  1730.  
  1731. .donate-wormston {
  1732.   background: url(https://i.imgur.com/LusFj2a.png);
  1733.        max-height: 100px;
  1734.   padding: 40px;
  1735. background-repeat: no-repeat;
  1736.     margin-left:40px;
  1737. }
  1738.  
  1739. .profile-stats {
  1740. padding-top: 680px;
  1741.     width: 100%;
  1742. }
  1743.  
  1744. .profile-attacks {
  1745. padding-top: 680px;
  1746.     width: 100%;
  1747. }
  1748.  
  1749. .profile-characters{
  1750. padding-top: 680px;
  1751.     width: 100%;
  1752. }
  1753.  
  1754. .profile-defenses {
  1755. padding-top: 680px;
  1756.     width: 100%;
  1757. }
  1758.  
  1759. .profile-stats-title {
  1760.   color: rgba(0,0,0,0);
  1761.   background-image: url(https://i.imgur.com/picuo5E.png);
  1762.   background-size: contain;
  1763.   background-repeat: no-repeat;
  1764.   min-height: 80px;
  1765.   background-position: right;
  1766. }
  1767.  
  1768. .profile-characters-title {
  1769.   color: rgba(0,0,0,0);
  1770.   background-image: url(https://i.imgur.com/ufjJSpV.png);
  1771.   background-size: contain;
  1772.   background-repeat: no-repeat;
  1773.   min-height: 80px;
  1774.   background-position: right;
  1775. }
  1776.  
  1777. .profile-attacks-title {
  1778.   color: rgba(0,0,0,0);
  1779.   background-image: url(https://i.imgur.com/6jZpQ4F.png);
  1780.   background-size: contain;
  1781.   background-repeat: no-repeat;
  1782.   min-height: 80px;
  1783.   background-position: right;
  1784. }
  1785.  
  1786. .profile-defenses-title {
  1787.   color: rgba(0,0,0,0);
  1788.   background-image: url(https://i.imgur.com/jWokijM.png);
  1789.   background-size: contain;
  1790.   background-repeat: no-repeat;
  1791.   min-height: 80px;
  1792.   background-position: right;
  1793. }
  1794.  
  1795.  
  1796.  
  1797. .alert-success {
  1798.   color: #000;
  1799.   background-color: #c89ccc;
  1800.   border-color: #c89ccc;
  1801.   font-weight: 900;
  1802.   text-transform: uppercase;
  1803. }
  1804.  
  1805. tr {
  1806.   background: #fcf8a1;
  1807.   color: black;
  1808.   font-weight: 900;
  1809. }
  1810.  
  1811. .bg-light {
  1812.   background: #fa9817 !important;
  1813. }
  1814.  
  1815. .card-body.panel-body {
  1816.     background: #fcf8a1 !important;
  1817.     color: black !important;
  1818.     font-weight: 700;
  1819. }
  1820.  
  1821. .bg-danger-muted {
  1822.   background-color: #6372c3 !important;
  1823.   font-size: 120%;
  1824.   font-family: Vernada, sans-serif !important;
  1825. }
  1826.  
  1827. .fa.fa-question-circle.text-secondary {
  1828.   color: #fcf8a1 !important;
  1829. }
  1830.  
  1831. .progress {
  1832.   background: #9f9dfb;
  1833. }
  1834.  
  1835. .progress-bar {
  1836.   background: #6372c3 !important;
  1837. }
  1838.  
  1839. a {
  1840.   color: #fa9817;
  1841.   text-decoration: none;
  1842.   background-color: transparent;
  1843. }
  1844.  
  1845. .card-footer {
  1846.   background-color: #fcf8a1;
  1847.   border: none;
  1848.   color: black !important;
  1849.   font-weight: 900;
  1850. }
  1851.  
  1852. .alert {
  1853.   position: relative;
  1854.   padding: .75rem 1.25rem;
  1855.   margin-bottom: 1rem;
  1856.   border: 3px solid #fcf8a1;
  1857.   border-radius: .25rem;
  1858.   font-weight: 900;
  1859.   background: #fcf8a1;
  1860.   color: black;
  1861. }
  1862.  
  1863. .close {
  1864.   color: black;
  1865.   font-weight: 900;
  1866.   opacity: 100%;
  1867. }
  1868.  
  1869. .profile-header-background.panel-heading.bg-light.p-2.border.rounded.position-relative {
  1870. background: #fefaa4 !important;
  1871.     border: 6px #fefaa4 solid !important;
  1872. }
  1873.  
  1874. .card.panel.float-left.d-none.d-md-block.profile-avatar-wrapper {
  1875.   background: #000;
  1876.   border: none;
  1877. }
  1878.  
  1879. .d-none.d-md-block.mt-3.profile-header-normal-status {
  1880.   color: #f99717 !important;
  1881.   font-weight: 900;
  1882.   text-transform: uppercase;
  1883.   font-family: Verdana, sans-serif;
  1884. }
  1885.  
  1886. .card-header {
  1887.   padding: .75rem 1rem;
  1888.   margin-bottom: 0;
  1889.   background-color: #fa9817;
  1890.   border-bottom: 4px solid rgb(250, 152, 23);
  1891.   color: black;
  1892.   font-weight: 900 !important;
  1893.   font-family: Verdana;
  1894.   text-transform: uppercase;
  1895. }
  1896.  
  1897. div#content div.container-fluid div.profile-body div.panel.panel-default.profile-gallery-header.profile-attacks-header div.panel-heading h2 {
  1898.   border: 0 !important;
  1899.   font: 0/0 a !important;
  1900.   background: url(https://i.imgur.com/Psn5pRg.png) !important;
  1901.   padding-bottom: 12px !important;
  1902.   margin-left: 1px !important;
  1903.   margin-top: 7px !important;
  1904.   margin-bottom: 3px !important;
  1905.   background-size: contain !important;
  1906.   height: 50px;
  1907.   background-repeat: no-repeat !important;
  1908. }
  1909.  
  1910. div#content div.container-fluid div.profile-body div.panel.panel-default.profile-gallery-header.profile-characters-header div.panel-heading h2 {
  1911.   border: 0 !important;
  1912.   font: 0/0 a !important;
  1913.   background: url(https://i.imgur.com/WQd94zg.png) !important;
  1914.   padding-bottom: 12px !important;
  1915.   margin-left: 1px !important;
  1916.   margin-top: 7px !important;
  1917.   margin-bottom: 3px !important;
  1918.   background-size: contain !important;
  1919.   height: 50px;
  1920.   background-repeat: no-repeat !important;
  1921. }
  1922.  
  1923. .profile-body {
  1924. width: 100% !important;
  1925.     margin-right: 0% !important;
  1926.     padding-right: 0% !important;
  1927. }
  1928.  
  1929. div#content div.container-fluid div.profile-body div.panel.panel-default.profile-gallery-header.profile-defenses-header div.panel-heading h2 {
  1930.   border: 0 !important;
  1931.   font: 0/0 a !important;
  1932.   background: url(https://i.imgur.com/uperNuG.png) !important;
  1933.   padding-bottom: 12px !important;
  1934.   margin-left: 1px !important;
  1935.   margin-top: 7px !important;
  1936.   margin-bottom: 3px !important;
  1937.   background-size: contain !important;
  1938.   height: 50px;
  1939.   background-repeat: no-repeat !important;
  1940. }
  1941.  
  1942. .profile-links.col-md-6 {
  1943.   width: 100%;
  1944. }
  1945.  
  1946. .profile-followers.col-md-6 {
  1947.   width: 100%;
  1948. }
  1949.  
  1950. .nav-tabs .nav-link:hover {
  1951.   border: 4px white;
  1952.   background-color: #ffefda;
  1953.   color: #f4bc5e !important;
  1954. }
  1955.  
  1956. div.sceditor-toolbar {
  1957.   background: #fa9817 !important;
  1958.   border-bottom: 0px !important;
  1959. }
  1960.  
  1961. .nav-tabs .nav-item {
  1962.   max-width: 100%;
  1963.   min-width: 20%;
  1964. }
  1965.  
  1966. .profile-description.mb-4.clearfix {
  1967.   background: #ffefda;
  1968.   color: #000 !important;
  1969.   font-family: Veranda, sans-serif;
  1970.   font-weight: 800;
  1971.   border: dotted 1px #fa9817;
  1972.   clear: both !important;
  1973. padding-top: 20px;
  1974. }
  1975.  
  1976. .profile-gallery-header-link a {
  1977.   border: 0 !important;
  1978.   font: 0/0 a !important;
  1979.   background: url(https://i.imgur.com/wD5ByLB.pngg) !important;
  1980.   padding-left: 70px !important;
  1981.   padding-top: 20px !important;
  1982.   padding-bottom: 30px !important;
  1983.   background-size: contain !important;
  1984.   background-repeat: no-repeat !important;
  1985. }
  1986.  
  1987. #profile-dropdown {
  1988. background: #f4bc5e;
  1989.     border: none;
  1990.     color: #000;
  1991. }
  1992.  
  1993. #wrapper {
  1994.   min-height: 100%;
  1995.   position: relative;
  1996.   background-image: url(https://i.imgur.com/FeHzIdc.png);
  1997.   background-repeat: no-repeat;
  1998.   background-color: #000000;
  1999. }
  2000.  
  2001. .banner {
  2002.   height: 100px;
  2003.   margin-bottom: 180px;
  2004.   background-image: url(https://i.imgur.com/YCejQOP.png) !important;
  2005.   background-color: #000000 !important;
  2006. }
  2007.  
  2008. .navbar {
  2009.   background-image: url(https://i.imgur.com/2Mct8uN.png) !important;
  2010.   min-height: 200px;
  2011.   background-size: cover;
  2012. }
  2013.  
  2014. .navbar-brand img {
  2015.   display: none;
  2016. }
  2017.  
  2018. .artfight-nav .navbar-brand {
  2019.   background-image: url(https://upload.wikimedia.org/wikipedia/commons/5/59/Empty.png) !important;
  2020.   background-repeat: no-repeat;
  2021.   padding-left: 40px !important;
  2022.   height: 60px;
  2023.   color: rgba(0, 0, 0, 0.02) !important;
  2024.   margin-top: -70px;
  2025. }
  2026.  
  2027. .element-disabled {
  2028.   opacity: 0;
  2029. }
  2030.  
  2031. .nav {
  2032.   width: 90% !important;
  2033.   margin-right: 5% !important;
  2034.   display: block;
  2035. }
  2036.  
  2037.  
  2038. .navbar-nav.mr-auto {
  2039.  %margin-top: -85px;
  2040. }
  2041.  
  2042.   .comments-posts {
  2043.     padding-right: 5%;
  2044.     color: #000 !important;
  2045.     font-family: Verdana, sans-serif;
  2046. width: 105%;
  2047.     margin-left: 0px;
  2048.   }
  2049.  
  2050.  .comments.mt-3 {
  2051.    font-family: verdana, sans-serif;
  2052.     font-weight: 900;
  2053.     color: rgba(0,0,0,0);
  2054.     background-image: url("https://i.imgur.com/rEZMFfD.png");
  2055.     background-size: contain;
  2056.     background-repeat: no-repeat;
  2057.     max-width: 100%;
  2058.     margin-top: 40px !important;
  2059.     margin-left: 0;
  2060.     margin-right: 0;
  2061.   }
  2062.  
  2063. .comments-new.mb-4 {
  2064.   margin-top: 20px;
  2065. }
  2066.  
  2067.  .btn-submit-once {
  2068.     text-transform: uppercase;
  2069.     font-weight: 900;
  2070.     font-family: Verdana, sans-serif;
  2071.     letter-spacing: 20px;
  2072.     border: 0 !important;
  2073.     background-image: url(https://i.imgur.com/UVldweX.png) !important;
  2074.     background-size: cover !important;
  2075.     color: rgba(0,0,0,0) !important;
  2076.     min-height: 100px;
  2077.   }
  2078.  
  2079.  .btn-submit-once:hover {
  2080.     border: 0px !important;
  2081. background-image: url(https://i.imgur.com/78B3lq2.png) !important;
  2082.     background-size: cover !important;
  2083.     color: rgba(0,0,0,0) !important;
  2084.   }
  2085.  
  2086. i {
  2087.   color: black !important;
  2088.   font-style: normal;
  2089.   font-weight: 800;
  2090. }
  2091.  
  2092. .nav-tabs {
  2093. border-bottom: none;
  2094.     background: #f4bc5e;
  2095.     color: #000 !important;
  2096.     font-weight: 900;
  2097.     font-family: Veranda, sans-serif;
  2098.     width: 100% !important;
  2099.     float: left;
  2100.     clear: both !important;
  2101.     margin-right: 0% !important;
  2102.     margin-bottom: 0 !important;
  2103. }
  2104.  
  2105. .active {
  2106.   margin-bottom: -3px !important;
  2107.   background: #f99717 !important;
  2108.   margin-top: -3px !important;
  2109.   border: none !important;
  2110.   color: black !important;
  2111.   font-size: 100% !important;
  2112. }
  2113.  
  2114.  
  2115.  
  2116. .fa-discord {
  2117.   color: rgba(0, 0, 0, 0.02) !important;
  2118.   padding-left: 70px;
  2119.   background-image: url(https://i.imgur.com/2HKFYmL.png);
  2120.   background-size: cover;
  2121.   padding-bottom: 24px;
  2122. }
  2123.  
  2124. .fa-question-square {
  2125.   color: rgba(0, 0, 0, 0.02) !important;
  2126.   background-image: url(https://i.imgur.com/uBEaIPt.png);
  2127.   padding-left: 38px;
  2128.   padding-bottom: 24px;
  2129.   background-size: cover;
  2130.   margin-left: 0px;
  2131. }
  2132.  
  2133. .fa-shopping-cart {
  2134.   color: rgba(0, 0, 0, 0.02) !important;
  2135.   background-image: url(https://i.imgur.com/VysOv5c.png);
  2136.   padding-left: 42px;
  2137.   padding-bottom: 24px;
  2138.   background-size: cover;
  2139.   margin-left: 0px;
  2140. }
  2141.  
  2142. .fa-search {
  2143.   color: rgba(0, 0, 0, 0.02) !important;
  2144.   background-image: url(https://i.imgur.com/Ihh4pEm.png);
  2145.   padding-left: 60px;
  2146.   padding-bottom: 24px;
  2147.   background-size: cover;
  2148.   margin-left: 0px;
  2149. }
  2150.  
  2151. .fa-plus {
  2152.   color: rgba(0, 0, 0, 0.02) !important;
  2153.   background-image: url(https://i.imgur.com/HXiGuYz.png);
  2154.   padding-left: 55px;
  2155.   padding-bottom: 24px;
  2156.   background-size: cover;
  2157.   margin-left: 0px;
  2158. }
  2159.  
  2160. .navbar-dark .navbar-nav .nav-link:first-child {
  2161.   color: hsla(0, 0%, 100%, 0.2);
  2162.   font-size: 0px;
  2163. }
  2164.  
  2165. .dropdown-menu {
  2166.   background: #000 !important;
  2167.   border: 2px #f4bc5e solid;
  2168.   text-transform: uppercase;
  2169. }
  2170.  
  2171. .dropdown-item:hover {
  2172.   background: #fcf8a1;
  2173.   color: black;
  2174.   font-weight: 900;
  2175. }
  2176.  
  2177. .btn.btn-primary {
  2178. background:#f4bc5e;
  2179. border:none;
  2180. color:#000000
  2181. }
  2182.  
  2183. .btn {
  2184. background:#f4bc5e;
  2185. border:none;
  2186. color:#000000
  2187. }
  2188.  
  2189. .avatar-dropdown {
  2190.   padding-left: 140px !important;
  2191.   padding-right: 20px !important;
  2192.   padding-top: 20px !important;
  2193.   padding-bottom: 25px !important;
  2194.   margin-right: -15px;
  2195.   background-image: url(https://i.imgur.com/grz0NCJ.png);
  2196.   background-size: cover;
  2197. }
  2198.  
  2199. .dropdown-item {
  2200.   font-weight: 600;
  2201.   color: #cc625c;
  2202.   letter-spacing: -1px;
  2203. }
  2204.  
  2205. .dropdown-header {
  2206.   font-weight: 900;
  2207.   letter-spacing: 2px;
  2208.   color: #f4bc5e;
  2209.   font-style: italic;
  2210.   margin-top: 15px;
  2211. }
  2212.  
  2213. .dropdown-divider {
  2214.   height: 0;
  2215.   margin: .5rem 0;
  2216.   overflow: hidden;
  2217.   border-top: 2px solid #f4bc5e;
  2218. }
  2219.  
  2220. .container-fluid {
  2221.   max-width: 1200px;
  2222.   width: 100%;
  2223. }
  2224.  
  2225. .profile-header-wrapper.clearfix {
  2226. margin-left: 72px;
  2227.     width: 85%;
  2228.     margin-top: -80px;
  2229. }
  2230.   .profile-header-wrapper {
  2231.     padding-top: 0;
  2232.     float: left;
  2233.     padding-right: 5%;
  2234.     margin-bottom: 25px;
  2235.   }
  2236.  
  2237. }
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!