API tools faq
paste
Advertisement
PhantomGame

Sorable CSS

PhantomGame
Apr 23rd, 2025
298
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 31.04 KB | Gaming | 0 0
raw download clone embed print report
  1. /*Made By GreenRampage & Tae. Re-Created & Re-Written by Ragundah. Futher edits by Quacky*./
  2. /*ando fixes start*/
  3.  
  4. :root {
  5.     --div-grey: transparent;
  6.     --div-black: rgba(0,0,0,.3)
  7. }
  8.  
  9. .rainbowText{background-image: linear-gradient(to right, #2e62ff, #0099ff , #00ff00, #ffde3b, #ff3399, #6666ff);animation: gradient-border 2s linear infinite;background-size: 400% 100%;color: transparent !important;-webkit-background-clip: text;}
  10. @keyframes gradient-border{0%, 200% {background-position: 0 0;}99.999999999999999% {background-position: -130% 0;}}
  11.  
  12.  
  13. *::-webkit-scrollbar {
  14.     display: none;
  15. }
  16. .button, .button:hover {
  17.     border: hidden !important;
  18. }
  19. .button, .menuItem, #mapInfo {
  20.     text-transform: lowercase;
  21. }
  22.  
  23. .menuItemTitle {
  24.     color: var(--accent) !important;
  25. }
  26.  
  27. .menuItem:hover > .menuItemTitle {
  28.     color: white !important;
  29. }
  30.  
  31. #hostMenuBtn {
  32.     display: none !important;
  33. }
  34.  
  35. #hideFull {
  36.     position: absolute !important;
  37.     right: 25px !important;
  38. }
  39.  
  40. .changeText {
  41.     color: var(--accent);
  42. }
  43.  
  44. .vis-item {
  45.     background-color: var(--accent) !important;
  46.     border-color: black !important;
  47. }
  48.  
  49. .vis-text {
  50.     color: var(--accent) !important;
  51. }
  52.  
  53. #premTime {
  54.     color: var(--accent);
  55. }
  56.  
  57. #creatorDash > div > span {
  58.     color: var(--accent) !important;
  59. }
  60.  
  61. #creatorDash > div > span > span {
  62.     color: var(--accent) !important;
  63. }
  64.  
  65.  
  66. .altlistelement {
  67.     color: rgba(255,255,255,0.75) !important;
  68.     box-shadow: none !important;
  69.     background-color: transparent !important;
  70. }
  71. .altdeletebtn {
  72.     box-shadow:none !important;
  73.     background-color: transparent !important;
  74.     color: red !important;
  75. }
  76.  
  77. #shareTxt {
  78.     color: black !important;
  79. }
  80.  
  81. .menuDebugInfo {
  82.     display: inline-block !important;
  83. }
  84.  
  85. #menuFPS, #menuPingText, #menuPingIcon {
  86.     color: var(--accent) !important;
  87. }
  88.  
  89. #menuPingDisplay, #menuFPSDisplay, #menuPingText, #menuFPS {
  90.     font-size: 16px;
  91. }
  92.  
  93. #menuFPSDisplay {
  94.     margin-right: 0px;
  95. }
  96.  
  97. #menuRegionLabel {
  98.     text-transform: lowercase;
  99. }
  100.  
  101. #menuPingDisplay {
  102.     position: fixed;
  103.     right: 15px;
  104. }
  105.  
  106. #mapInfoHld {
  107.     font-size: 0;
  108.     text-align: center;
  109. }
  110.  
  111. .mapInfo {
  112.  
  113. }
  114.  
  115. .mailText, .mailObj, #mailList {
  116.     color: var(--accent) !important;
  117. }
  118.  
  119. .setHed > div {
  120.     color: var(--accent) !important;
  121. }
  122.  
  123.  
  124. #clientExitPop {
  125.     background-color: rgba(0,0,0,0.4) !important;
  126.     box-shadow: 0 0 8px 2px var(--accent) !important;
  127.     border-radius: 12px !important;
  128.     top: 85%;
  129. }
  130.  
  131. #consentWindow {
  132.     background-color: rgba(0,0,0,0.4) !important;
  133.     box-shadow: 0 0 8px 2px var(--accent) !important;
  134.     border-radius: 12px !important;
  135. }
  136.  
  137. #clientExitPop > div {
  138.     text-align: center;
  139. }
  140.  
  141. #confirmBtn, #declineBtn,.termsBtn {
  142.     text-shadow:none !important;
  143.     color:black;
  144. }
  145.  
  146. #krRewardsInfo > div > div > span {
  147.     color: var(--accent) !important;
  148. }
  149.  
  150.  
  151. #ingameFPS {
  152.     color: var(--accent-color) !important;
  153. }
  154.  
  155. #pingIcon {
  156.     color: var(--accent) !important;
  157. }
  158.  
  159. #jumpSIMG, #jumpSVIDHolder {
  160.     display:none !important;
  161. }
  162.  
  163.  
  164. .countIcon {
  165.     background-color: rgba(0,0,0,0) !important;
  166.     border-radius: 0;
  167.     margin-left: 20px;
  168.     text-shadow: none !important;
  169.     margin-bottom: 0;
  170.     padding: 7px;
  171. }
  172.  
  173.  
  174. .slidecontainer {
  175.     margin-top: 5px;
  176. }
  177.  
  178.  
  179.  
  180.  
  181. #leaderDisplay {
  182.     background-color: rgba(0,0,0,0.2) !important;
  183. }
  184.  
  185.  
  186.  
  187. #killStreakHolder {
  188.     position: fixed;
  189.     right: 48.54%;
  190.     bottom: 10px;
  191.     margin-right: 0px;
  192.     margin-bottom: 0px;
  193. }
  194.  
  195. .killStreakItem {
  196.     background-color: transparent;
  197. }
  198.  
  199. #itemSearch {
  200.     background-color: transparent;
  201.     box-shadow: 0 0 8px 2px var(--accent);
  202. }
  203. #polConfPop {
  204.     background-color: black;
  205.     box-shadow: 0 0 8px 2px var(--accent);
  206.     border-radius: 12px;
  207. }
  208.  
  209. #polConfPop > div {
  210.     color: var(--accent) !important;
  211. }
  212.  
  213. #polConfPop > #confirmBtn, #polConfPop > #declineBtn{
  214.     text-shadow:none !important;
  215.     color:black !important;
  216. }
  217.  
  218. #tradeChatHolder {
  219.     bottom: 376px;
  220. }
  221. #tradeChatInput {
  222.     border-radius: 4px;
  223.     font-size: 14px;
  224. }
  225.  
  226. #tradeChatList {
  227.     max-height: 520px;
  228.     overflow-y: auto;
  229. }
  230.  
  231. .tradeChatItem {
  232.     font-size: 14px;
  233. }
  234.  
  235. .tListN.inv {
  236.     background-color: var(--accent) !important;
  237. }
  238.  
  239. #tSubName, #tDecName {
  240.     text-shadow:none;
  241.     color:black;
  242. }
  243.  
  244. .estOfferVal {
  245.     color: gray;
  246. }
  247.  
  248. .estOfferVal > span {
  249.     color: var(--accent) !important;
  250. }
  251.  
  252. #interactMsg {
  253.     bottom: 270px;
  254. }
  255.  
  256. #interactMsg > span {
  257.     color: var(--accent) !important;
  258. }
  259.  
  260. .tItemN {
  261.     font-size: 10px;
  262.     text-align: center;
  263. }
  264.  
  265. .tTotal {
  266.     color: black;
  267. }
  268.  
  269. .material-icons.vote {
  270.     color: var(--accent);
  271. }
  272. .meleeChatIcon {
  273.     filter: brightness(0) drop-shadow(-2px 0px 1px #fff) drop-shadow(0px 0px 1px #fff) drop-shadow(2px 0px 1px var(--accent));
  274. }
  275.  
  276. /*ando fixes end*/
  277.  
  278. /*Section I: Frame*/
  279.  
  280. :root {
  281.     --accent: #1F51FF;
  282. }
  283.  
  284. /*DO NOT EDIT BELOW UNLESS YOU KNOW WHAT YOU ARE DOING*/
  285.  
  286. @font-face {
  287.     font-family: gamefont;
  288.     src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLBT5Z1xlFQ.woff2);
  289. }
  290.  
  291. * {
  292.     color: #fff;
  293. }
  294.  
  295. a {
  296.     color: var(--accent);
  297. }
  298.  
  299. .grey {
  300.     color: rgba(255,255,255,.5);
  301. }
  302.  
  303. .material-icons[style*="color:#FBC02D"] {
  304.     color: var(--accent) !important;
  305. }
  306.  
  307. .material-icons[style*="color:#40C4FF"] {
  308.     color: var(--accent) !important;
  309. }
  310.  
  311. .material-icons[style*="color:#2196F3;font-size:33px;vertical-align:bottom;"] {
  312.     color: var(--accent) !important;
  313. }
  314.  
  315. /*You Hate to See It*/
  316.  
  317. #aHolder {
  318.     display: none !important;
  319. }
  320.  
  321. .endAHolder {
  322.     display: none !important;
  323. }
  324.  
  325. #onetrust-consent-sdk {
  326.     display: none;
  327. }
  328.  
  329. #newsHolder {
  330.     display: none;
  331. }
  332.  
  333. .krSocial {
  334.     display: none;
  335. }
  336.  
  337. .menuSocialB, #editorBtnM {
  338.     display: none !important;
  339. }
  340.  
  341. /*Section II: Chat*/
  342.  
  343. #uiBase.onMenu #chatHolder {
  344.     left: 20px;
  345. }
  346.  
  347. #chatHolder[style="bottom: 148px;"] {
  348.     bottom: 30px !important;
  349. }
  350.  
  351. #chatList {
  352.     text-align: center;
  353. }
  354.  
  355. #chatList::-webkit-scrollbar {
  356.     width: 4px;
  357. }
  358.  
  359.  
  360. #chatList::-webkit-scrollbar-thumb {
  361.     background: var(--accent);
  362.     border-radius: 50px;
  363. }
  364.  
  365. #chatList::-webkit-scrollbar-track {
  366.   background: transparent;
  367. }
  368.  
  369. .chatItem {
  370.     color: #fff !important;
  371.     font-size: 16px;
  372.     width: -webkit-fill-available;
  373.     box-shadow: rgba(255, 255, 255, 0.25) 0px 0px 0px 2px inset;
  374.     margin: 0px;
  375.     background-color: rgba(0,0,0,0.4) !important;
  376.     border-radius: 0;
  377.     max-width: unset;
  378. }
  379.  
  380.  
  381. .weaponChatIcon {
  382.     filter: brightness(0) drop-shadow(-2px 0px 1px #fff) drop-shadow(0px 0px 1px #fff) drop-shadow(2px 0px 1px var(--accent));
  383. }
  384.  
  385. .chatMsg[style*="#ffffff"] {
  386.     color: #fff !important;
  387. }
  388.  
  389. .chatMsg span {
  390.     color: var(--accent) !important;
  391.     opacity: 0.75;
  392. }
  393.  
  394. .chatMsg span[style="color:#9eeb56"] {
  395.     color: #ffffff !important;
  396. }
  397.  
  398. .chatMsg span[style="color:#fff"] {
  399.     color: #ffffff !important;
  400. }
  401.  
  402. #chatInput {
  403.     text-align: center;
  404.     background-color: transparent;
  405.     border-bottom: 4px solid var(--accent);
  406. }
  407.  
  408. #voiceDisplay {
  409.     display: none;
  410. }
  411.  
  412. /*Section III: Menu*/
  413.  
  414. #mainLogo {
  415.     content: unset!important;
  416.     height: 225px
  417. }
  418.  
  419. #mainLogo {
  420.     content: url(https://i.postimg.cc/mr7TJ5z6/sorable.png) !important;
  421. }
  422.  
  423. #gameNameHolder {
  424.     pointer-events: all;
  425.     font-size: 0;
  426.     color: transparent;
  427.     transition: 0.5s;
  428. }
  429.  
  430. #gameNameHolder:hover {
  431.     font-size: 36px;
  432.     color: #fff;
  433. }
  434.  
  435. #gameNameHolder::after {
  436.     content: "css by tae#4444";
  437.     display: block;
  438.     font-family: 'ISOCP';
  439. }
  440.  
  441. #seasonLabel {
  442.     display: none;
  443. }
  444.  
  445. .onMenu #instructions {
  446.     display: none;
  447. }
  448.  
  449. #instructionsUpdate {
  450.     background-color: rgba(0,0,0,0.4);
  451.     box-shadow: 0 0 8px 2px var(--accent);
  452. }
  453.  
  454. /*Headers*/
  455.  
  456. .headerBar {
  457.     background-color: transparent;
  458. }
  459.  
  460. #headerRight {
  461.     padding: 0;
  462. }
  463.  
  464. #mailIcon {
  465.     font-size: 32px !important;
  466. }
  467.  
  468. #mLevelCont {
  469.     position: relative;
  470.     left: 0px !important;
  471.     height: unset;
  472.     padding: 0 4px;
  473.     margin-left: 8px;
  474.     border-radius: 4px;
  475. }
  476.  
  477. #mLevelContV {
  478.     font-size: 16px;
  479.     vertical-align: top;
  480.     line-height: unset
  481. }
  482.  
  483. .progressBar {
  484.     background-color: rgba(255,255,255,0.15);
  485.     padding: 0;
  486. }
  487.  
  488. .progressBarInner {
  489.     background-color: var(--accent);
  490.     background-image: unset
  491. }
  492.  
  493. .verticalSeparator {
  494.     height: 4px !important;
  495.     border-width: 0;
  496.     background-color: var(--accent);
  497. }
  498.  
  499. .headerBar .verticalSeparator {
  500.     height: 0px !important
  501. }
  502.  
  503. #tlInfHold {
  504.     left: 20px;
  505. }
  506.  
  507. #youNewDiv {
  508.     display: none;
  509. }
  510.  
  511. #streamContainer {
  512.     left: 20px;
  513.     height: 32px;
  514.     padding: 0;
  515.     overflow: hidden;
  516.     background-color: transparent;
  517.     transition-duration: 0.5s;
  518. }
  519.  
  520. #streamContainer:hover {
  521.     height: 400px;
  522. }
  523.  
  524. .streamItem[style="text-align: center;"] {
  525.     text-align: left !important;
  526. }
  527.  
  528. .menuDebugInfo {
  529.     display: none;
  530. }
  531.  
  532. #uiBase.onMenu #spectButton {
  533.     z-index: 1;
  534.     width: 96px;
  535.     top: 50%;
  536. }
  537.  
  538. #spectButton span[style*="font-size:15px"] {
  539.     color: transparent !important;
  540. }
  541.  
  542. #spectButton .switchsml {
  543.     margin: 0;
  544.     position: absolute;
  545.     width: 100%;
  546. }
  547.  
  548. .sliderSml {
  549.     opacity: 1;
  550. }
  551.  
  552. .sliderSml::before {
  553.     content: "Spectate";
  554.     font-size: 20px;
  555.     color: white;
  556.     width: max-content;
  557.     height: auto;
  558.     background-color: transparent;
  559.     text-align: center;
  560.     transition-duration: 0.25s;
  561. }
  562.  
  563. input:checked+.sliderSml::before {
  564.     content: "Spectating";
  565.     transform: translateX(-12px);
  566.     color: var(--accent);
  567. }
  568. input:checked+.sliderSml {
  569.     background-color: transparent !important;
  570. }
  571.  
  572. .sliderSml {
  573.     opacity: 1;
  574.     background-color: transparent;
  575. }
  576.  
  577. /*Menu Buttons*/
  578.  
  579. #subLogoButtons {
  580.     bottom: 72px;
  581.     transform: translate(-50%,0);
  582. }
  583.  
  584. #subLogoButtons>.button {
  585.     padding: 0 !important;
  586.     margin: 0 16px;
  587.     background-color: transparent !important;
  588.     box-shadow: none !important;
  589.     text-shadow: none !important;
  590.     font-size: 24px !important;
  591.     transition-duration: 0.25s;
  592. }
  593.  
  594. #subLogoButtons>.button:hover {
  595.     transform: unset;
  596.     color: var(--accent);
  597. }
  598.  
  599. #menuItemContainer {
  600.     flex-direction: row;
  601.     top: unset;
  602.     bottom: 20px;
  603.     left: 50%;
  604.     width: unset;
  605.     background-color: transparent;
  606.     transform: translateX(-50%)
  607. }
  608. #menuItemContainer > div > span {
  609.     display: none;
  610. }
  611.  
  612. .menuItem {
  613.     background-color: transparent;
  614.     margin: 0 16px;
  615. }
  616.  
  617. .menuItem:hover {
  618.     border-left: none;
  619. }
  620.  
  621. .menuItem .menuItemIcon {
  622.     display: none;
  623. }
  624.  
  625. .menuItem .menuItemTitle {
  626.     margin: 0;
  627.     font-size: 24px !important;
  628.     transition-duration: 0.25s;
  629. }
  630.  
  631. .menuItem:hover> .menuItemTitle {
  632.     color: var(--accent);
  633. }
  634.  
  635. /*Menu Window*/
  636.  
  637. #menuWindow::-webkit-scrollbar {
  638.     width: 2px;
  639. }
  640.  
  641. #menuWindow::-webkit-scrollbar-thumb {
  642.     background: var(--accent);
  643.     border-radius: 50px;
  644. }
  645.  
  646. #menuWindow::-webkit-scrollbar-track {
  647.   background: transparent;
  648. }
  649.  
  650. #menuWindow.dark {
  651.     background-color: rgba(0,0,0,0.4);
  652.     box-shadow: 0 0 8px 2px var(--accent);
  653.     border-radius: 12px;
  654. }
  655.  
  656. #itemSearchH {
  657.     background: transparent
  658. }
  659.  
  660. #selectorContainer {
  661.     background-color: transparent
  662. }
  663.  
  664. .settName, .settNameSmall {
  665.     color: rgba(255,255,255,0.75);
  666. }
  667.  
  668. .settName.b {
  669.     color: var(--accent) !important;
  670. }
  671.  
  672. #menuWindow div[style="color:rgba(0,0,0,0.3);margin-top:-5px;margin-bottom:10px"] {
  673.     display: none;
  674. }
  675.  
  676. #menuWindow [style*="rgba(0,0,0,0.3)"], #menuWindow [style*="rgba(0,0,0,0.4)"], #menuWindow [style*="rgba(0,0,0,0.5)"], #menuWindow [style*="rgba(0,0,0,0.8)"]  {
  677.     color: rgba(255,255,255,0.5) !important;
  678. }
  679.  
  680. #menuWindow [style*="#000"] {
  681.     color: #fff !important;
  682. }
  683.  
  684. #menuWindow [style="color:#2196F3"] {
  685.     color: var(--accent) !important;
  686. }
  687.  
  688. #menuWindow .settText[style*="#292929"], #menuWindow .wepLink[style*="#292929"] {
  689.     filter: drop-shadow(0px 0px 2px var(--accent)) drop-shadow(0px 0px 4px var(--accent));
  690. }
  691.  
  692. .floatR span[style="color:rgba(0,0,0,0.5)"] {
  693.     color: var(--accent) !important;
  694. }
  695.  
  696. .menuTabNew {
  697.     color: #fff;
  698. }
  699.  
  700. .xpBar {
  701.     background-color: rgba(255,255,255,0.15);
  702.     border-radius: 12px;
  703.     height: 24px;
  704.     padding: 0;
  705. }
  706.  
  707. .xpBarB {
  708.     border-radius: 12px;
  709.     background-color: var(--accent);
  710. }
  711.  
  712. .xpBarV {
  713.     top: 0px;
  714. }
  715.  
  716. /*Account & Login*/
  717.  
  718. .accountInput {
  719.     color: #fff;
  720. }
  721.  
  722. .accountButton {
  723.     background-color: transparent;
  724.     color: var(--accent);
  725.     transition-duration: 0.25s;
  726. }
  727.  
  728. .button.lgn {
  729.     width: auto !important;
  730.     padding: 0 !important;
  731.     margin: 0 !important;
  732.     box-shadow: none !important;
  733.     background-color: transparent !important;
  734.     text-shadow: none !important;
  735.     color: var(--accent);
  736. }
  737.  
  738. /*Button Border Fixes*/
  739.  
  740. .button, .button:hover {
  741.     border: hidden !important;
  742. }
  743.  
  744. .rnkShpBtn {
  745.     width: 275px;
  746.     bottom: 15px;
  747.     height: 45px;
  748.     line-height: 41px;
  749.     left: 20px;
  750.     border-radius: 5px;
  751.     position: absolute;
  752.     background-color: #ff6a0b;
  753.     text-shadow: -1px -1px 0 #1c1c1c, 1px -1px 0 #1c1c1c, -1px 1px 0 #1c1c1c, 1px 1px 0 #1c1c1c, -2px -2px 0 #1c1c1c, 2px -2px 0 #1c1c1c, -2px 2px 0 #1c1c1c, 2px 2px 0 #1c1c1c, -3px -3px 0 #1c1c1c, 3px -3px 0 #1c1c1c, -3px 3px 0 #1c1c1c, 3px 3px 0 #1c1c1c
  754. }
  755.  
  756. .buttonB {
  757.     border: 0px solid #414a6d!important
  758. }
  759.  
  760. .buttonPI {
  761.     border: 0px solid #fa50ae!important
  762. }
  763.  
  764. .buttonR {
  765.     border: 0px solid #ff4747!important
  766. }
  767.  
  768. .buttonP {
  769.     border: 0px solid #b447ff!important
  770. }
  771.  
  772. .buttonO {
  773.     border: 0px solid #ff6a0b!important
  774. }
  775.  
  776. .buttonG {
  777.     border: 0px solid #31caec!important
  778. }
  779.  
  780. .quickJoin {
  781.     float: right;
  782.     border-radius: 5px;
  783.     border: 0px solid #2196f3;
  784.     font-size: 14px;
  785.     padding: 6px;
  786.     cursor: pointer;
  787.     pointer-events: all;
  788.     z-index: 99999;
  789.     display: inline-block;
  790.     margin-right: 15px;
  791.     color: #fff;
  792.     margin-top: -3px;
  793.     vertical-align: top;
  794.     -webkit-transition: all .08s;
  795.     transition: all .08s;
  796. }
  797.  
  798. /*Clan Page*/
  799.  
  800. #clanWarKPB {
  801.     background-color: var(--accent);
  802. }
  803.  
  804. #clanFundsIn {
  805.     background-color: transparent;
  806.     border: none;
  807. }
  808.  
  809. .clanFndB {
  810.     background-color: transparent !important;
  811.     color: var(--accent);
  812. }
  813.  
  814. /*Shop*/
  815.  
  816. #limitedBarProg {
  817.     background-color: var(--accent);
  818. }
  819.  
  820. /*Challenges*/
  821.  
  822. .chalCard {
  823.     text-shadow: none;
  824. }
  825.  
  826. .chalXPBar {
  827.     padding: 0;
  828.     border-radius: 12px;
  829.     background-color: rgba(255,255,255,0.15);
  830. }
  831.  
  832. .chalXPBarC {
  833.     border-radius: 12px;
  834.     background-color: var(--accent);
  835. }
  836.  
  837. .chalImgC {
  838.     background-color: transparent;
  839.     filter: grayscale(1) brightness(2) drop-shadow(0px 0px 2px var(--accent)) drop-shadow(0px 0px 4px var(--accent));
  840. }
  841.  
  842. /*Customization*/
  843.  
  844. #classPreviewCanvas {
  845.     width: 600px !important;
  846.     height: 480px !important;
  847.     margin-right: -120px
  848. }
  849.  
  850. #menuClassContainer {
  851.     transform: unset;
  852. }
  853.  
  854. #menuClassNameTag {
  855.     display: none;
  856. }
  857.  
  858. #bubbleContainer {
  859.     display: none;
  860. }
  861.  
  862. #menuClassName, #menuClassSubtext {
  863.     text-shadow: none;
  864. }
  865.  
  866. #menuClassName {
  867.     font-size: 28px;
  868. }
  869.  
  870. #menuClassSubtext {
  871.     color: var(--accent);
  872. }
  873.  
  874. #customizeButton {
  875.     width: 475px;
  876.     height: 350px;
  877.     position: fixed;
  878.     right: 0;
  879.     bottom: 80px;
  880.     transform: unset;
  881.     font-size: 0 !important;
  882.     background-color: transparent !important;
  883.     box-shadow: none !important;
  884. }
  885.  
  886. #customizeButton .material-icons {
  887.     display: none;
  888. }
  889.  
  890. /*Loadout*/
  891.  
  892. #loadoutSelect {
  893.     background-color: rgba(255,255,255,0.15) !important;
  894.     border-radius: 16px !important;
  895. }
  896.  
  897. #loadoutName {
  898.     background-color: transparent !important;
  899.     border-radius: 0;
  900.     border-bottom: 4px solid var(--accent) !important;
  901. }
  902.  
  903. .settText, .wepLink {
  904.     color: var(--accent);
  905. }
  906.  
  907. .wepLink[style="color:#2196F3"] {
  908.     color: var(--accent) !important;
  909. }
  910.  
  911. .skinColorItem {
  912.     width: 24px;
  913.     height: 24px;
  914.     border: none;
  915. }
  916.  
  917. .premiumSkinCol {
  918.     font-size: 28px !important;
  919.     margin-top: -2px;
  920.     color: var(--accent) !important;
  921. }
  922.  
  923. /*Class and Skin Card*/
  924.  
  925. .classCard {
  926.     text-shadow: none;
  927.     background-color: rgba(255,255,255,0.15);
  928.     border-radius: 8px;
  929.     height: 228px;
  930.     line-height: 28px;
  931.     font-size: 0;
  932.     transition-duration: 0.25s;
  933. }
  934.  
  935. .classCard:hover {
  936.     font-size: 28px;
  937.     background-color: rgba(0,0,0,0.4);
  938. }
  939.  
  940. .classWeap {
  941.     font-size: 0;
  942.     height: 0;
  943. }
  944.  
  945. .classImgH {
  946.     float: unset
  947. }
  948.  
  949. .classImgC {
  950.     margin-top: 32px;
  951.     transition-duration: 0.25s;
  952.     width: 180px;
  953. }
  954.  
  955. .classHP, .classHP *, .className {
  956.     font-size: 20px !important
  957. }
  958.  
  959. .className {
  960.     left: 50%;
  961.     transform: translateX(-50%)
  962. }
  963.  
  964. .classLvl {
  965.     font-size: 20px;
  966.     left:  unset;
  967.     right: 5px;
  968.     bottom: 15px
  969. }
  970.  
  971. .classCard:hover img {
  972.     opacity: unset;
  973.     transform: unset;
  974. }
  975.  
  976. .classXPBar {
  977.     top: unset;
  978.     bottom: 0;
  979.     width: -webkit-fill-available;
  980.     left: -0;
  981.     height: 14px;
  982.     background-color: rgba(0,0,0,0.25);
  983. }
  984.  
  985. .clsXPBarC {
  986.     margin: 0;
  987.     background-color: var(--accent);
  988. }
  989.  
  990. .clsXPBarV {
  991.     line-height: 15px
  992. }
  993.  
  994. .skinCard[style*="#292929"], .noBtnCard[style*="#292929"] {
  995.     text-shadow: 0 0 2px var(--accent), 0 0 4px var(--accent);
  996. }
  997.  
  998. .skinCard, .noBtnCard {
  999.     border-radius: 8px;
  1000.     border-width: 0 !important;
  1001.     border-bottom-width: 4px !important;
  1002.     background-color: rgba(255,255,255,0.15);
  1003.     width: 155px;
  1004.     margin-left: 5px;
  1005.     margin-right: 5px;
  1006. }
  1007.  
  1008. .skinCard.blackShad {
  1009.     text-shadow: none;
  1010. }
  1011.  
  1012. .noBtnCard {
  1013.     width: 145px;
  1014. }
  1015.  
  1016. .sprayImg {
  1017.     margin-left: 20px;
  1018. }
  1019.  
  1020. /*KPD*/
  1021.  
  1022. #policeButton {
  1023.     margin: 0;
  1024.     padding: 0;
  1025.     border: unset !important
  1026. }
  1027.  
  1028. #policeButton::before {
  1029.     content: 'KPD';
  1030. }
  1031.  
  1032. #policeButton img {
  1033.     display: none
  1034. }
  1035.  
  1036. /* #policeButton {
  1037.     margin: 0;
  1038.     padding: 0;
  1039.     height: 40px !important;
  1040.     width: 50px !important;
  1041.     color: #fff;
  1042.     display: block;
  1043.     position: fixed;
  1044.     bottom: 20px;
  1045.     left: 370px;
  1046.     background-color: transparent !important;
  1047.     box-shadow: none !important;
  1048.     background-image: url(https://cdn.discordapp.com/attachments/606698825058353152/847537821442506802/SorableLogo.png);
  1049.     background-size: cover;
  1050. }
  1051.  
  1052. #policeButton img {
  1053.     margin: 0 !important;
  1054.     height: 36px !important;
  1055.     opacity: 0;
  1056. } */
  1057.  
  1058. #policePopC {
  1059.     background-color: rgba(44,44,44);
  1060.     box-shadow: 0 0 8px 2px var(--accent);
  1061.     height: auto;
  1062. }
  1063.  
  1064. #policePopC [style*="0.6"] {
  1065.     color: rgba(255,255,255,0.5) !important;
  1066. }
  1067.  
  1068. #trustProg {
  1069.     padding: 0;
  1070.     border-radius: 14px;
  1071.     height: 28px;
  1072.     background-color: rgba(255,255,255,0.15);
  1073. }
  1074.  
  1075. #trustPrgHD {
  1076.     height: 100%;
  1077.     border-radius: 14px;
  1078.     background-color: var(--accent) !important;
  1079. }
  1080.  
  1081. #trustProgHD {
  1082.     text-shadow: none;
  1083.     line-height: 32px;
  1084.     font-size: 20px;
  1085. }
  1086.  
  1087. #activateKDM {
  1088.     width: auto;
  1089.     background-color: transparent !important;
  1090.     color: var(--accent);
  1091.     text-shadow: none !important;
  1092.     box-shadow: none !important;
  1093. }
  1094.  
  1095. /*Mod and Map List*/
  1096.  
  1097. #mpCat, .searchBtn {
  1098.     background-color: rgba(255,255,255,0.15);
  1099.     border-radius: 16px;
  1100.     border: none;
  1101. }
  1102.  
  1103. .mapByTxt {
  1104.     color: #fff;
  1105. }
  1106.  
  1107. /*Map Host*/
  1108.  
  1109. .hostMap {
  1110.     border: none;
  1111.     height: 94px;
  1112.     width: 230px;
  1113. }
  1114.  
  1115. .hostMapBy, .hostMapYear, .hostMapVersion {
  1116.     display: none;
  1117. }
  1118.  
  1119. .hostMapName {
  1120.     top: 50%;
  1121.     left: 50%;
  1122.     font-size: 24px;
  1123.     width: 100%;
  1124.     text-align: center;
  1125.     transform: translate(-50%, -50%);
  1126. }
  1127.  
  1128. .hostMapImg {
  1129.     filter: grayscale(100%) brightness(0.75);
  1130.     border-radius: 8px;
  1131.     width: 230px;
  1132. }
  1133.  
  1134. .hostMap .blackShad {
  1135.     text-shadow: none;
  1136. }
  1137.  
  1138. .hostOpt {
  1139.     border: none;
  1140.     border-radius: 24px;
  1141.     background-color: transparent;
  1142.     width: 210px;
  1143. }
  1144.  
  1145. .optName {
  1146.     text-shadow: none;
  1147.     font-size: 20px;
  1148.     width: 100%;
  1149.     display: flex;
  1150.     justify-content: center;
  1151. }
  1152.  
  1153. .optCheck {
  1154.     background-color: transparent;
  1155.     border-radius: 24px;
  1156. }
  1157.  
  1158. input:hover+.optCheck {
  1159.     background-color: var(--accent);
  1160.     opacity: 0.25;
  1161. }
  1162.  
  1163. input:checked+.optCheck {
  1164.     background: transparent;
  1165.     box-shadow: inset 0 0 16px 2px var(--accent);
  1166. }
  1167.  
  1168. #customSnameTeam1, #customSnameTeam2, #passCode, #rawMapData, #presetName, #presetSelect {
  1169.     border-radius: 6px !important;
  1170.     background-color: rgba(255, 255, 255, 0.15) !important;
  1171. }
  1172.  
  1173. /*Options/Settings*/
  1174.  
  1175. .serverHeader, .settingsHeader {
  1176.     background-color: transparent;
  1177.     position: static;
  1178. }
  1179.  
  1180. #settSearch {
  1181.     border-radius: 0;
  1182.     background-color: transparent;
  1183.     border-bottom: 4px solid var(--accent);
  1184. }
  1185.  
  1186. .settingTab {
  1187.     grid-row: 1;
  1188. }
  1189.  
  1190. .settingTab, .tabANew {
  1191.     grid-row: 1;
  1192.     border-color: var(--accent);
  1193.     transition-duration: 0.25s;
  1194. }
  1195.  
  1196. .settingTab:hover, .tabANew:hover, .menuTabNew:hover {
  1197.     border-color: var(--accent);
  1198.     opacity: 0.75;
  1199. }
  1200.  
  1201. .settingsBtn, .loadoutBtn, .subPassChg, .lnkTw, .hostToggle, .hostPresetBtn {
  1202.     background-color: rgba(255,255,255,0.15);
  1203.     color: #fff;
  1204.     border-radius: 16px;
  1205. }
  1206.  
  1207. .lnkTw {
  1208.     color: var(--accent);
  1209. }
  1210.  
  1211. .inputGrey, .inputGrey2, .formInput {
  1212.     background: rgba(255,255,255,0.15);
  1213.     border-radius: 16px;
  1214. }
  1215.  
  1216. .smlInput {
  1217.     color: #fff;
  1218. }
  1219.  
  1220. option {
  1221.     background: #000;
  1222. }
  1223.  
  1224. .setHed {
  1225.     color: var(--accent);
  1226. }
  1227.  
  1228. .plusOrMinus {
  1229.     font-size: 36px !important;
  1230.     margin-right: -4px !important;
  1231.     color: var(--accent);
  1232. }
  1233.  
  1234. .settName span[style="color: #eb5656"] {
  1235.     color: var(--accent) !important;
  1236. }
  1237.  
  1238. #requiresRestart {
  1239.     color: var(--accent);
  1240. }
  1241.  
  1242. #requiresRestart span {
  1243.     color: var(--accent) !important;
  1244. }
  1245.  
  1246. .sliderM {
  1247.     height: 8px;
  1248.     position: relative;
  1249.     top: -4px;
  1250.     background-color: rgba(255, 255, 255, 0.15);
  1251. }
  1252.  
  1253. .sliderM::-webkit-slider-thumb {
  1254.     background-color: transparent;
  1255.     width: 16px;
  1256.     height: 16px;
  1257.     border-radius: 50%;
  1258.     box-shadow: inset 0 0 0 4px var(--accent);
  1259. }
  1260.  
  1261. .sliderVal {
  1262.     background-color: rgba(255,255,255,0.15);
  1263.     color: #fff;
  1264.     border-radius: 16px;
  1265. }
  1266.  
  1267. .switch {
  1268.     width: 70px;
  1269. }
  1270.  
  1271. .slider {
  1272.     background-color: rgba(255,255,255,0.15);
  1273.     border-radius: 16px;
  1274. }
  1275.  
  1276. input:checked+.slider {
  1277.     background-color: var(--accent);
  1278. }
  1279.  
  1280. .slider:before {
  1281.     background-color: transparent;
  1282.     content: "ー";
  1283.     font-weight: bolder;
  1284.     -webkit-text-stroke: medium;
  1285.     text-align: center;
  1286.     font-size: 16px;
  1287.     transition: .25s;
  1288.     border-radius: 16px;
  1289. }
  1290.  
  1291. input:checked+.slider:before {
  1292.     transform: translateX(36px) rotate(360deg);
  1293.     color: transparent;
  1294.     box-shadow: inset 0 0 0 4px #fff;
  1295. }
  1296.  
  1297. .switch2 {
  1298.     width: 48px;
  1299. }
  1300.  
  1301. .slider2 {
  1302.     background-color: rgba(255,255,255,0.15);
  1303.     border-radius: 16px;
  1304. }
  1305.  
  1306. input:checked+.slider2 {
  1307.     background-color: var(--accent);
  1308. }
  1309.  
  1310. .slider2:before {
  1311.     background-color: transparent;
  1312.     content: "ー";
  1313.     font-weight: bolder;
  1314.     -webkit-text-stroke: medium;
  1315.     text-align: center;
  1316.     font-size: 14px;
  1317.     transition: .25s;
  1318.     border-radius: 16px;
  1319. }
  1320.  
  1321. input:checked+.slider2:before {
  1322.     transform: translateX(16px) rotate(360deg);
  1323.     color: transparent;
  1324.     box-shadow: inset 0 0 0 4px #fff;
  1325. }
  1326.  
  1327. input[type=color] {
  1328.     width: 60px;
  1329.     border-color: var(--accent);
  1330. }
  1331.  
  1332. /*Server Nav*/
  1333.  
  1334. .menuSelectorHeader {
  1335.     width: 796px;
  1336. }
  1337. .quickJoin {
  1338.     background-color: transparent;
  1339.     color: var(--accent);
  1340.     font-size: 16px;
  1341.     padding: 0;
  1342.     margin-bottom: 4px;
  1343.     margin-left: 12px;
  1344. }
  1345. .slide {
  1346.     border-color: transparent;
  1347. }
  1348.  
  1349. #menuWindow [style*="rgba(0,0,0,0.6)"] {
  1350.     color: #fff !important;
  1351. }
  1352.  
  1353. /*Terms Area*/
  1354.  
  1355. #mapInfo {
  1356.     margin-bottom: 0px;
  1357. }
  1358.  
  1359. #termsInfo {
  1360.     background-color: transparent;
  1361. }
  1362.  
  1363. .verticalSeparatorInline {
  1364.     height: 40px;
  1365. }
  1366.  
  1367. .terms {
  1368.     font-size: 0;
  1369.     transition-duration: 0.25s;
  1370. }
  1371.  
  1372. .terms:last-child {
  1373.     font-size: 20px;
  1374. }
  1375.  
  1376. #termsInfo:hover .terms {
  1377.     font-size: 20px;
  1378. }
  1379.  
  1380. .verticalSeparatorInline {
  1381.     width: 0;
  1382.     height: 36px;
  1383.     opacity: 0;
  1384.     transition-duration: 0.25s;
  1385. }
  1386.  
  1387. #termsInfo:hover .verticalSeparatorInline {
  1388.     width: 4px;
  1389.     opacity: 1;
  1390. }
  1391.  
  1392. .standout::before {
  1393.     content: 'Use Code Sorable';
  1394.     font-size: 20px;
  1395.     margin-right: 20px;
  1396.     color: rgba(255, 255, 255, .5);
  1397.     visibility: visible;
  1398.     pointer-events: none;
  1399. }
  1400.  
  1401. /*Section IV: HUD*/
  1402.  
  1403. /*Health*/
  1404.  
  1405. #hudClassIcon {
  1406.     position: fixed;
  1407.     bottom: 30px;
  1408.     right: 20px;
  1409.     border-radius: 0;
  1410.     background-color: transparent;
  1411. }
  1412.  
  1413. #hudClassImg {
  1414.     border-radius: 0;
  1415. }
  1416.  
  1417. #bottomLeftHealth {
  1418.     position: fixed;
  1419.     right: calc(50% + 128px);
  1420.     bottom: 40px;
  1421.     background-color: transparent;
  1422.     text-shadow: 2px 2px 0px #000 !important;
  1423.     font-size: 64px;
  1424.     color: #e3e3e3; !important;
  1425.     text-shadow: 2px 2px 0px #000 !important;
  1426. }
  1427.  
  1428. #bottomLeftHealthBar {
  1429.     position: fixed;
  1430.     width: 200px;
  1431.     display: flex;
  1432.     direction: rtl;
  1433.     justify-content: space-evenly;
  1434.     align-items: center;
  1435.     bottom: 30px;
  1436.     padding: unset;
  1437.     right: calc(50% + 128px);
  1438.     background-color: transparent;
  1439.     column-gap: unset;
  1440. }
  1441.  
  1442. .nHealthBarSeg {
  1443.     height: 13px;
  1444.     width: -webkit-fill-available;
  1445.     margin-right: -1px;
  1446.     background-color: transparent;
  1447. }
  1448.  
  1449. .nHpBSeg {
  1450.     border-radius: unset;
  1451.     height: 13px;
  1452. }
  1453.  
  1454. #bottomLeftPlayer, #bottomLeftPlayer * {
  1455.     background-color: transparent
  1456. }
  1457.  
  1458. #bottomLeftChallIcon {
  1459.     left: calc(50% - 125px);
  1460.     position: fixed;
  1461.     transform: translateY(-65px);
  1462.     filter: brightness(5);
  1463.     margin-left: 12px;
  1464. }
  1465.  
  1466. #bottomLeftTeamHolder, #bottomLeftPlayerLeft {
  1467.     display: none
  1468. }
  1469.  
  1470. /*Ammo*/
  1471.  
  1472. #ammoHolder {
  1473.     position: fixed;
  1474.     left: calc(50% + 128px);
  1475.     bottom: 30px;
  1476.     font-size: 64px;
  1477.     padding: 0;
  1478.     background-position-y: 95px;
  1479.     padding-bottom: 12px;
  1480.     height: auto;
  1481.     width: 200px;
  1482.     margin: unset;
  1483.     text-align: end;
  1484.     border-radius: 0;
  1485.     background-color: transparent;
  1486.     background-image: linear-gradient(90deg, var(--accent), var(--accent));
  1487.     direction: rtl;
  1488. }
  1489.  
  1490. #ammoHolder[style*="background-size: 0%;"] {
  1491.     background-size: 100% !important;
  1492. }
  1493.  
  1494. #ammoVal {
  1495.     font-size: 64px;
  1496.     color: var(--accent);
  1497.     text-shadow: 2px 2px 0px #000 !important;
  1498. }
  1499.  
  1500. #ammoMax {
  1501.     display: none;
  1502. }
  1503.  
  1504. #ammoIcon {
  1505.     height: 28px;
  1506.     filter: brightness(5) grayscale(1);
  1507.     margin-left: 0;
  1508.     margin-right: -12px;
  1509.     vertical-align: middle;
  1510.     text-shadow: 2px 2px 0px #000 !important;
  1511.     image-rendering: pixelated
  1512. }
  1513.  
  1514.  
  1515. #reloadMsg {
  1516.     right: calc(50% - 320px);
  1517.     left: unset;
  1518.     bottom: 28px;
  1519.     margin: 0;
  1520.     background-image: none;
  1521.     transform: unset;
  1522.     font-size: 0;
  1523.     padding: 0;
  1524.     background: transparent;
  1525.     border: unset
  1526. }
  1527.  
  1528. #reloadMsg::after {
  1529.     content: "!";
  1530.     font-size: 32px;
  1531. }
  1532.  
  1533. /*Weapon Display*/
  1534.  
  1535. #weapHolder {
  1536.     bottom: 30px;
  1537.     background-color: transparent
  1538. }
  1539.  
  1540. .weapItemInner, .weapItem {
  1541.     background: transparent;
  1542.     margin: unset;
  1543.     padding: unset
  1544. }
  1545.  
  1546. .weapItem {
  1547.     position: absolute;
  1548.     bottom: 0;
  1549.     right: 0;
  1550. }
  1551.  
  1552. .weapIcon {
  1553.     margin-right: 0 !important;
  1554.     transition-duration: 0.5s;
  1555.     text-shadow: 2px 2px 0px #000 !important;
  1556.     filter: brightness(0) drop-shadow(-2px 0px 1px #fff) drop-shadow(0px 0px 1px #fff) drop-shadow(2px 0px 1px var(--accent));
  1557.  
  1558. }
  1559.  
  1560. .weapItem[style*="0.5"] .weapIcon {
  1561.     position: fixed;
  1562.     right: calc(50% - 64px);
  1563.     bottom: -140px;
  1564.     opacity: 0 !important;
  1565.     text-shadow: 2px 2px 0px #000 !important;
  1566. }
  1567.  
  1568. .weapItem[style*="1"] .weapIcon {
  1569.     position: fixed;
  1570.     bottom: 40px;
  1571.     right: calc(50% - 64px);
  1572.     text-shadow: 2px 2px 0px #000 !important;
  1573. }
  1574.  
  1575. .weapItem:last-child .weapIcon {
  1576.     transform: translateY(16px);
  1577.     text-shadow: 2px 2px 0px #000 !important;
  1578. }
  1579.  
  1580.  
  1581. #weapIconMel {
  1582.     margin: 0 !important;
  1583.     text-shadow: 2px 2px 0px #000 !important;
  1584. }
  1585.  
  1586. .weapKey, .weapSkin, .weapStreakHolder {
  1587.     display: none;
  1588. }
  1589.  
  1590. .greyInner {
  1591.     background: transparent;
  1592.     margin: unset;
  1593.     padding: unset;
  1594. }
  1595.  
  1596. /*Top Left*/
  1597.  
  1598. #pingDisplay .material-icons, #ingressDisplay .material-icons, #egressDisplay .material-icons {
  1599.     font-size: 24px;
  1600. }
  1601.  
  1602. #pingIcon {
  1603.     color: var(--accent) !important;
  1604. }
  1605.  
  1606. #timerHolder.topLeftOld {
  1607.     position: fixed;
  1608.     left: 50%;
  1609.     bottom: 15%;
  1610.     transform: translateX(-50%);
  1611.     background-color: transparent;
  1612.     text-shadow: 2px 2px 0px #000 !important;
  1613. }
  1614.  
  1615. #timerVal.topLeftOld {
  1616.     text-shadow: 2px 2px 4px #000 !important;
  1617. }
  1618.  
  1619. #timerIcon.topLeftOld {
  1620.     width: 24px;
  1621.     height: 24px;
  1622.     filter: brightness(5);
  1623.     text-shadow: 2px 2px 0px #000 !important;
  1624. }
  1625.  
  1626. .leftUIB {
  1627.     background-color: transparent;
  1628. }
  1629.  
  1630. #ingressDisplay .material-icons, #egressDisplay .material-icons, #egressIcon {
  1631.     font-size: 20px !important;
  1632.     color: var(--accent) !important;
  1633. }
  1634.  
  1635. #pingText {
  1636.     color: var(--accent) !important
  1637. }
  1638.  
  1639. .debugInfo {
  1640.     margin-left: 20px
  1641. }
  1642.  
  1643. /*Top Right*/
  1644.  
  1645. #streakCount {
  1646.     position: fixed;
  1647.     left: 50%;
  1648.     bottom: 10%;
  1649.     transform: translate(-50%);
  1650.     margin: unset;
  1651. }
  1652.  
  1653. .statIcon {
  1654.     background-color: transparent;
  1655.     color: #fff;
  1656.     text-shadow: 2px 2px 4px #000;
  1657.     font-size: 32px;
  1658.     margin-right: 10px;
  1659.     padding: 5px 10px;
  1660. }
  1661.  
  1662. #killsIcon, #deathsIcon, #streakIcon, #kdIcon {
  1663.     width: 28px;
  1664.     height: 28px;
  1665. }
  1666.  
  1667. .statIcon span {
  1668.     color: #fff !important;
  1669. }
  1670.  
  1671. /*Leaderboard*/
  1672.  
  1673. #leaderContainer::before {
  1674.     content: "leaderboard";
  1675.     display: flex;
  1676.     font-size: 24px;
  1677.     color: #fff;
  1678.     border-bottom: 4px solid var(--accent);
  1679.     border-image-slice: 1;
  1680.     margin-bottom: 8px;
  1681.     padding-bottom: 4px;
  1682. }
  1683.  
  1684. #leaderDisplay {
  1685.     background-color: transparent;
  1686. }
  1687.  
  1688. .leaderName, .newLeaderName, .newLeaderNameF, .endTableN[style*="color:#eb5656"] {
  1689.     color: var(--accent) !important;
  1690. }
  1691.  
  1692. /*End Card*/
  1693.  
  1694. #victorySub {
  1695.     display: none;
  1696. }
  1697.  
  1698. .teamTotals {
  1699.     background-color: transparent;
  1700. }
  1701.  
  1702. .teamTotalN0 {
  1703.     color: rgba(44,44,44);
  1704.     text-shadow: 0 0 4px var(--accent), 0 0 4px var(--accent);
  1705. }
  1706.  
  1707. .teamTotalN1 {
  1708.     color: var(--accent);
  1709.     text-shadow: 0 0 4px var(--accent), 0 0 4px var(--accent);
  1710. }
  1711.  
  1712.  
  1713. .teamTotalScore, .teamTotalN0, .teamTotalN1 {
  1714.     font-size: 24px;
  1715. }
  1716.  
  1717. #matchVoteHolder {
  1718.     background-color: transparent;
  1719. }
  1720.  
  1721. .matchVote {
  1722.     transition-duration: 0.25s;
  1723. }
  1724.  
  1725. .matchVote:hover {
  1726.     box-shadow: 0 0 8px 2px var(--accent);
  1727. }
  1728.  
  1729. .matchVoteThumb:hover {
  1730.     opacity: unset;
  1731.     transform: unset;
  1732. }
  1733.  
  1734. .endCard {
  1735.     border-radius: 12px;
  1736.     background-color: rgba(0,0,0,0.4);
  1737.     box-shadow: 0 0 8px 2px var(--accent);
  1738. }
  1739.  
  1740. .tabHeader.selected {
  1741.     color: var(--accent);
  1742.     border-color: var(--accent);
  1743. }
  1744.  
  1745. .reportBut {
  1746.     color: var(--accent);
  1747. }
  1748.  
  1749. #endTable span[style="color:#F8C55C"] {
  1750.     color: var(--accent) !important;
  1751. }
  1752.  
  1753. /*Spectate*/
  1754.  
  1755. #specNames, #specContr {
  1756.     background-color: transparent;
  1757.     text-shadow: 2px 2px #000;
  1758. }
  1759. #menuBtnProfile,#menuBtnShop {
  1760.     font-size:0 !important;
  1761. }
  1762.  
  1763. #menuBtnProfile:after,#menuBtnShop:after {
  1764.     font-size:24px !important;
  1765. }
  1766.  
  1767. #menuBtnProfile:after {
  1768.     content:'Profile';
  1769. }
  1770.  
  1771. #menuBtnShop:after {
  1772.     content:'Shop';
  1773. }
  1774.  
  1775. #rankedSoonTm {
  1776.     visibility:hidden;
  1777. }
  1778.  
  1779. #rankedSoonTm:after {
  1780.     visibility:Hidden;
  1781.     content:'1 year anniversary coming since the faceit partner announcement';
  1782. }
Tags: Krunker
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!