API tools faq
paste
Advertisement
PhantomGame

Monochrome CSS

PhantomGame
Apr 23rd, 2025
309
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 23.87 KB | Gaming | 0 0
raw download clone embed print report
  1. /* INSTINCTSS' CSS - GAME */
  2. /* THANK YOU NXXH DISCORD */
  3. /* HUD SCALE: 0.5; RESOLUTION : 1920x1080 */
  4. /* July 21, 2021 @ 6:08 PM */
  5.  
  6. /*========================================*/
  7.  
  8. /* COLORS */
  9. :root {
  10.     --white: #fff;
  11.     --offwhite: #f8f8ff;
  12.     --black: #000;
  13.     --transp: #fff0;
  14.     --AE86: #868686;
  15.     --outline: -2px 0 #000, 0 2px #000, 2px 0 #000, 0 -2px #000;
  16.     --outline2: -3px 0 #000, 0 3px #000, 3px 0 #000, 0 -3px #000;
  17.     --div-grey: transparent
  18.  
  19. }
  20.  
  21. /* FONT */
  22. @font-face {
  23.     font-family: gamefont;
  24.     src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLEj6Z1xlFQ.woff2);
  25. }
  26.  
  27. /*MAIN MENU*/
  28.     /* LOGO */
  29.     #mainLogo {
  30.         content:url(https://i.postimg.cc/ZYw4G3nZ/Monochrome.png);
  31.         height: 150px
  32.     }
  33.     #seasonLabel {
  34.         display: none
  35.     }
  36.  
  37.     /* CLUTTER CLEAR */
  38.     #newsHolder, #voiceDisplay, #editorBtnM, .menuSocialB, #aContainer, #aHolder, #endAContainer,
  39.     #aMerger, #ot-sdk-btn-floating, .youNewDiv, #helpTxtHol, #menuMiniProfilePic,
  40.     #mLevelCont, #instructions, #onetrust-consent-sdk, #topRightAdHolder, #streamContainer {
  41.         display: none !important
  42.     }
  43.  
  44.  
  45.     /* BUTTONS */
  46.     .button, .buttonB, .buttonPI, .buttonR, .buttonP, .buttonO, .buttonG, .buttonCL {
  47.         background-color: var(--transp) !important;
  48.         border: #fff0 !important;
  49.         text-shadow: var(--outline);
  50.         box-shadow: inset 0 -7px 0 0 var(--transp) !important
  51.     }
  52.     .button:hover, .buttonB:hover, .buttonPI:hover, .buttonR:hover, .buttonP:hover, .buttonO:hover, .buttonG:hover, .buttonCL:hover {
  53.         background-color: var(--transp) !important;
  54.         box-shadow: none !important;
  55.         border: none !important;
  56.         -webkit-transform: scale(.8) !important;
  57.         transform: scale(.8) !important;
  58.         color: var(--white) !important
  59.     }
  60.     .menuItem .menuItemTitle {
  61.         color: var(--white);
  62.         text-shadow: var(--outline)
  63.     }
  64.     #faceItIconM {
  65.         display: none !important
  66.     }
  67.     #policeButton {
  68.         border: unset !important
  69.     }
  70.  
  71. /* MENU FPS + PING */
  72.     #menuPingDisplay, #menuFPSDisplay {
  73.         color: var(--white) !important;
  74.         text-shadow: var(--outline)
  75.     }
  76.     #menuFPS {
  77.         color: var(--white) !important
  78.     }
  79.     #menuPingText {
  80.         color: var(--white);
  81.         text-shadow: var(--outline)
  82.     }
  83.     #menuPingText:after {
  84.         content: " ms";
  85.         color: var(--white);
  86.         text-shadow: var(--outline)
  87.     }
  88.     #menuPingDisplay .material-icons {
  89.         display: none
  90.     }
  91.  
  92.  
  93.    /* ICONS */
  94.             /* QUIT */
  95.             #clientExit {
  96.                 display: flex
  97.             }
  98.            
  99.             /* IMAGES */
  100.             .iconProfile {
  101.                background-image: url(https://cdn.discordapp.com/attachments/846260683996921856/847217797293146132/sheding_settings.png)
  102.             }
  103.             .iconShop {
  104.                background-image: url(https://cdn.discordapp.com/attachments/846260683996921856/847218170133741638/wangdian_shop.png)
  105.             }
  106.             .iconChall {
  107.                 background-image: url(https://cdn.discordapp.com/attachments/846260683996921856/847220469412659220/tiaozhan_challenges.png)
  108.             }
  109.             .iconSocial {
  110.                 background-image: url(https://cdn.discordapp.com/attachments/846260683996921856/847217794604335134/jiaoji_social.png)
  111.             }
  112.             .iconGames {
  113.                 background-image: url(https://cdn.discordapp.com/attachments/846260683996921856/847217789449142322/boyi_games.png)
  114.             }
  115.             .iconSettings {
  116.                 background-image: url(https://cdn.discordapp.com/attachments/846260683996921856/847217797293146132/sheding_settings.png)
  117.             }
  118.             .iconMods {
  119.                 background-image: url(https://cdn.discordapp.com/attachments/846260683996921856/847217787159445544/bianhua_change.png)
  120.             }
  121.             .iconExit {
  122.                 background-image: url(https://cdn.discordapp.com/attachments/846260683996921856/847217792000327690/guanbi_shutdown.png)
  123.             }
  124.             .menuItem:hover .iconProfile {
  125.                background-image: url(https://cdn.discordapp.com/attachments/846260683996921856/847217798572802048/sheding_settings2.png);
  126.             }
  127.             .menuItem:hover .iconShop {
  128.                background-image: url(https://cdn.discordapp.com/attachments/846260683996921856/847218172700393492/wangdian_shop2.png);
  129.             }
  130.              .menuItem:hover .iconChall {
  131.                 background-image: url(https://cdn.discordapp.com/attachments/846260683996921856/847220470758506516/tiaozhan_challenges2.png);
  132.             }
  133.             .menuItem:hover  .iconSocial {
  134.                 background-image: url(https://cdn.discordapp.com/attachments/846260683996921856/847217795711893514/jiaoji_social2.png);
  135.             }
  136.             .menuItem:hover  .iconGames {
  137.                 background-image: url(https://cdn.discordapp.com/attachments/846260683996921856/847217790649499699/boyi_games2.png);
  138.             }
  139.             .menuItem:hover  .iconSettings {
  140.                 background-image: url(https://cdn.discordapp.com/attachments/846260683996921856/847217798572802048/sheding_settings2.png);
  141.             }
  142.             .menuItem:hover  .iconMods {
  143.                 background-image: url(https://cdn.discordapp.com/attachments/846260683996921856/847217788220997703/bianhua_change2.png);
  144.             }
  145.             .menuItem:hover .iconExit {
  146.                 background-image: url(https://cdn.discordapp.com/attachments/846260683996921856/847217793346961408/guanbi_shutdown2.png)
  147.             }
  148.  
  149. /* MEAT */
  150.     #instructionHolder {
  151.         background-color: #000000bf
  152.     }
  153.     #windowHolder.popupWin {
  154.         background-color: var(--transp)
  155.     }
  156.     .menuItem {
  157.         background-color: var(--transp)
  158.     }
  159.     #menuWindow {
  160.         box-shadow: none;
  161.         background-color: var(--transp);
  162.         border-radius: 15px;
  163.         -webkit-box-shadow: none;
  164.         -moz-box-shadow: none;
  165.         box-shadow: none
  166.     }
  167.     #menuWindow.dark {
  168.         background-color: #000000bf;
  169.         -webkit-box-shadow: none;
  170.         -moz-box-shadow: none;
  171.         box-shadow: none
  172.     }
  173.     #menuRegionLabel {
  174.         font-size: 30px;
  175.     }
  176. .headerBarRight .verticalSeparator {
  177.     display: none
  178. }
  179.     .settName,.settNameSmall {
  180.         color: var(--white) !important;
  181.         text-shadow: (--outline) !important
  182.     }
  183.     #menuKRCount {
  184.         color: var(--white);
  185.         text-shadow: var(--outline)
  186.     }
  187.     .krSocial {
  188.         color: var(--white);
  189.         background-color: var(--black);
  190.         box-shadow: var(--outline)
  191.     }
  192.     .krSocial:hover {
  193.         background-color: var(--white);
  194.         box-shadow: var(--outline)
  195.     }
  196.     .floatR, .menuLink, .smlInput, #requiresRestart {
  197.         color: var(--white);
  198.         text-shadow: var(--transp)
  199.     }
  200.     .updDisN, .subPassChg {
  201.         background-color: var(--white)
  202.     }
  203.     .xpBar, .xpBarB, itemSearchH {
  204.         background-color: var(--transp)
  205.     }
  206.     .xpBarV {
  207.         font-size: 25px;
  208.         text-shadow: var(--outline)
  209.     }
  210.     .progressBarInner {
  211.         background: var(--white)
  212.     }  
  213.     #menuItemContainer, .menuItem, #termsInfo {
  214.         color: var(--transp);
  215.         background: var(--transp)
  216.     }
  217.     .headerBar {
  218.         background-color: var(--transp);
  219.     }
  220.  
  221.    /* BOTTOM RIGHT */
  222.     #termsInfo, #mapInfoHolder {
  223.         background-color: var(--transp);
  224.         color: var(--white);
  225.         text-shadow: var(--outline);
  226.     }
  227.     #mapInfoHolder::before {
  228.         content: 'twitch.tv/InstinctssTV';
  229.         color: var(--white);
  230.         text-shadow: var(--outline);
  231.         font-size: 15px;
  232.     }
  233.  
  234.     #mapInfoHld {
  235.         font-size: 0;
  236.         border: unset
  237.     }
  238.     #mapInfo {
  239.         color: var(--white);
  240.         font-size: 30px;
  241.         text-shadow: var(--outline);
  242.         height: 25px
  243.     }
  244.     .verticalSeparatorInline {
  245.         border-left: var(--transp)
  246.     }
  247.  
  248.     /* SLIDERS */
  249.     .sliderM {
  250.         height: 10px;
  251.         background-color: var(--white);
  252.         border-radius: 5px
  253.     }
  254.     .sliderM::-webkit-slider-thumb {
  255.         background-color: var(--white);
  256.         width: 20px;
  257.         height: 20px;
  258.         border-radius: 50%;
  259.         box-shadow: var(--outline) !important;
  260.     }
  261.     .slider:before {
  262.         background-color: var(--white);
  263.         width: 24px;
  264.         height: 24px;
  265.         left: 3px;
  266.         border-radius: 50%;
  267.         box-shadow: var(--outline) !important;
  268.     }
  269.     .slider {
  270.         background-color: var(--white);
  271.         -webkit-transition: .1s;
  272.         width: 56px;
  273.         height: 31px;
  274.         transition: .1s;
  275.         border-radius: 20px;
  276.     }
  277.     .sliderVal {
  278.         color: var(--white);
  279.         background-color: var(--transp);
  280.         text-shadow: var(--outline);
  281.     }
  282.     input:checked+.slider {
  283.         background-color: var(--AE86)
  284.     }
  285.  
  286.     input:checked + .slider:before {
  287.         transform: translateX(24px);
  288.     }
  289.    
  290.         /* SPECTATE */
  291.         .sliderSml {
  292.             background-color: var(--AE86)
  293.         }
  294.         input:checked+.sliderSml {
  295.             background-color: var(--black)
  296.         }
  297.         input:focus+.sliderSml {
  298.             box-shadow: none
  299.         }
  300.  
  301.     /* CUSTOMIZE */
  302.         /* MODEL */
  303.         #menuClassContainer {
  304.             width: 450px;
  305.             bottom: 200px;
  306.         }
  307.         #customizeButton .material-icons {
  308.             display: none
  309.         }
  310.         #menuClassName, #menuClassIcn {
  311.             display: none
  312.         }
  313.         #menuClassSubtext {
  314.             display: none
  315.         }
  316.         #classPreviewCanvas {
  317.             width: 625px !important;!i;!;
  318.             height: 500px !important;!importa;!importam;!importamt;!importam;!import;!importn;!importna;!importnat;!importna;!importn;!i;!;
  319.             margin-left: -50px;
  320.             margin-bottom: 0;
  321.         }
  322.         #menuClassNameTag {
  323.             display: block !important;
  324.             position: absolute;
  325.             text-shadow: none;
  326.             color: #var(--white);
  327.             font-size: 19px;
  328.             right: 50%;
  329.             bottom: 425px;
  330.             transform: translateX(50%)
  331.             }
  332.         #customizeButton {
  333.             display: block;
  334.             position: absolute;
  335.             right: 10px;
  336.             bottom: 50px;
  337.             opacity: 0;
  338.             height: 350px;
  339.             width: 350px;
  340.             }
  341.         .menuClassPlayerName {
  342.             color: var(--white);
  343.             text-shadow: var(--outline)
  344.         }
  345.  
  346.         /* CLASS */
  347.         .classCard {
  348.             background-color: var(--transp);
  349.             color: var(--white) !important;
  350.             text-shadow: var(--outline)
  351.         }
  352.         .classWeap {
  353.             text-shadow: var(--transp) !important;
  354.             transition-duration: 0.25s
  355.         }
  356.         .classLvl {
  357.             color: var(--white) !important;
  358.             transition-duration: 0.25s;
  359.             bottom: 30px;
  360.             left: unset;
  361.             right: 10px;
  362.         }
  363.         .classHP {
  364.             color: var(--white) !important;
  365.             transition-duration: 0.25s
  366.         }
  367.         .classHP span {
  368.             color: var(--white) !important;
  369.         }
  370.         .classCard:hover .classHP {
  371.             opacity: 0;
  372.             transition-duration: 0.25s
  373.         }
  374.         .classCard:hover .classLvl {
  375.             opacity: 0;
  376.             transition-duration: 0.25s
  377.         }
  378.         .classCard:hover .classWeap {
  379.             opacity: 0;
  380.             transition-duration: 0.25s
  381.         }
  382.         .classCard:hover .clsXPBarC {
  383.             opacity: 0;
  384.             transition-duration: 0.25s
  385.         }
  386.         .classImgC {
  387.             border-radius: 15px
  388.         }
  389.         .classXPBar {
  390.             background-color: var(--transp);
  391.             border-radius: 10px
  392.         }
  393.         .clsXPBarC {
  394.             margin: 0;
  395.             background-color: var(--white);
  396.             height: 10px;
  397.             border-radius: 10px;
  398.         }
  399.         .classCard:hover img {
  400.             opacity: 1;
  401.             transform: scale(1.25);
  402.             transition-duration: 0.25s;
  403.         }
  404.         .classCard img {
  405.             opacity: 0.5;
  406.             transform: scale(1);
  407.             transition-duration: 0.25s;
  408.         }
  409.  
  410.         /* LOADOUT */
  411.         .skinCard {
  412.             border-left: none !important;
  413.             border-right: none !important;
  414.             border-top: none !important;
  415.             border-bottom: none !important;
  416.             padding-right: 15px !important;
  417.             background-color: var(--transp);
  418.             text-shadow: var(--outline);
  419.             font-size: 20px;
  420.         }
  421.         .skinCard:hover {
  422.             background-color: var(--transp);
  423.         }
  424.         .itemOwn, .selctInfoBtn, .itemCnt[data-badge]:after {
  425.             display: none;
  426.         }
  427.         .itemSea {
  428.             color: var(--transp) !important
  429.         }
  430.  
  431.     /* SETTINGS + SERVERS */
  432.     .serverHeader, .quickJoin, #serverSearch {
  433.         background-color: var(--transp)
  434.     }
  435.     .settingsHeader, .serverHeader {
  436.         background-color: var(--black)
  437.     }
  438.     .quickJoin, #serverSearch, #serverSearch::placeholder {
  439.         color: var(--white) !important;
  440.         text-shadow: var(--outline2) !important
  441.     }
  442.     .settingsBtn {
  443.         color: var(--white);
  444.         background-color: var(--transp);
  445.         text-shadow: var(--outline)
  446.     }
  447.     .inputGrey2 {
  448.         color: var(--white);
  449.         background: var(--transp);
  450.         text-shadow: var(--outline);
  451.         border: 0
  452.     }
  453.     #settSearch {
  454.         background-color: var(--transp);
  455.         text-shadow: var(--outline)
  456.     }
  457.    
  458.         /* SERVERS */
  459.         .carousel {
  460.             display: none
  461.         }
  462.         .setBodH {  
  463.             background-color: var(--transp)
  464.         }
  465.         .setHed {
  466.             background-color: var(--transp);
  467.             color: var(--transp)
  468.         }
  469.         .setHed:hover {
  470.             background-color: var(--transp)
  471.         }
  472.         .setHedS {
  473.             border: 0px solid var(--transp);
  474.             background-color: var(--transp);
  475.             color: var(--white)
  476.         }
  477.         .quickJoin {
  478.             background-color: var(--transp) !important;
  479.             color: var(--white) !important;
  480.             text-shadow: var(--outline);
  481.             border: 4px solid var(--outline) !important;
  482.         }
  483.         a, a:active, a:visited {
  484.             color: var(--white);
  485.             text-shadow: var(--outline)
  486.         }
  487.         input:checked+.slider2 {
  488.             background-color: var(--black)
  489.         }
  490.         .slider2 {
  491.             background-color: var(--AE86);
  492.         }
  493.         #serverSearch {
  494.             color: var(--white);
  495.             background-color: var(--transp);
  496.             text-shadow: var(--outline)
  497.         }
  498.  
  499.         /* HOST GAME */
  500.         .serverHostOp, .serverHostOpH {
  501.             transition: font-size 0.20s cubic-bezier(0.20, 0.90, 0.30, 1.00);
  502.             color: var(--white) !important;
  503.             text-shadow: var(--outline2) !important;
  504.             font-size: 50px;
  505.             text-align: center;
  506.             background-size: 0px;
  507.             background-color: var(--transp) !important;
  508.             border: none;
  509.             padding-right: 15px;
  510.             margin: unset !important
  511.          }
  512.         .serverHostOpH {
  513.             display: none
  514.         }
  515.         .serverHostOp-small {
  516.             margin-bottom: 20px !important
  517.         }
  518.         .serverHostOp:hover {
  519.              font-size: 60px;
  520.         }
  521.         .hostMapName {
  522.             text-align: center;
  523.             width: 100%;
  524.             padding-top: 40px;
  525.             padding-left: 0px;
  526.             font-size: 15px;
  527.             left: 0px;
  528.             top: 0px;
  529.             background: transparent;
  530.         }
  531.         .hostMap {
  532.             border: none;
  533.             border-radius: 10px !important
  534.         }
  535.         .hostMapVersion, .hostMapYear, .hostMapBy, .mapInfoT {
  536.             display: none;
  537.         }
  538.         .hostMapImg, .hostMapImg:hover {
  539.             filter: grayscale(100%);
  540.         }
  541.         .hostMapImg {
  542.             transition: 0.5s;
  543.             border-radius: 10px !important
  544.         }
  545.         .hostPresetBtn {
  546.             color: var(--white);
  547.             background-color: var(--transp);
  548.             text-shadow: var(--outline)
  549.         }
  550.         .hostOpt {
  551.             border: none
  552.         }
  553.         .optCheck {
  554.             background-color: var(--transp)
  555.         }
  556.         .optImg {
  557.             top: 4px;
  558.             width: 35px;
  559.             right: 2px;
  560.             opacity: 50%
  561.         }
  562.         .optName {
  563.             text-shadow: var(--outline);
  564.             color: var(--white);
  565.             z-index: 1;
  566.             font-size: 15px;
  567.         }
  568.         input:checked+.optCheck {
  569.             background-color: var(--black)
  570.         }
  571.         input:hover+.optCheck {
  572.             background-color: var(--white)
  573.         }
  574.  
  575.     .accountButton {
  576.         background-color: var(--black)
  577.     }
  578.     .formInput, .formInput::placeholder {
  579.         color: var(--white);
  580.         text-shadow: var(--outline);
  581.     }
  582.     .loadoutBtn, .hostToggle, .hostToggle:hover {
  583.         color: var(--white);
  584.         background-color: var(--transp);
  585.         text-shadow: var(--outline);
  586.     }
  587.  
  588. /* IN-GAME HUD */
  589.     /* ICONS */
  590. #hudClassIcon, #timerIcon, #maxHP, #healthBar, #bottomLeftPlayerLeft, #bottomLeftPlayerMid, #ammoMax, #ammoIcon, #bottomLeftChallIcon, #matchInfo.topLeftOld, #curGameInfo, #reloadMsg {
  591.     display: none !important
  592. }
  593. .statIcon {
  594.     background-color: var(--transp)
  595. }
  596. .statIcon span {
  597.     color: var(--white);
  598.     text-shadow: var(--outline)
  599. }
  600.  
  601.     /* HEALTH */
  602. #bottomLeftPlayer {
  603.     background-color: var(--transp)
  604. }
  605. #bottomLeftHealth {
  606.     background-color: var(--transp);
  607.     width: 75px;
  608.     height: 65px;
  609.     etter-spacing: 1px;
  610.     position: fixed;
  611.     left: 40%;
  612.     bottom: 10%;
  613.     margin-bottom: 10%;
  614.     align-items: center;
  615.     font-size: 40px;
  616.     text-align: center;
  617.     color: var(--white);
  618.     margin-top: 0;
  619.     will-change: unset;
  620.     text-shadow: var(--outline)
  621. }
  622.  
  623.     /* AMMO */
  624. #ammoVal {
  625.     position: fixed;
  626.     right: 40% !important;
  627.     bottom: 10% !important;
  628.     margin-bottom: 10% !important;
  629.     font-size: 40px !important;
  630.     text-shadow: var(--outline);
  631. }
  632. #ammoHolder {
  633.     background-color: var(--transp) !important;
  634.     width: 65px;
  635.     height: 5px;
  636.     top: calc(50% + 35px);
  637.     left: calc(50% - 35px);
  638.     background-color: var(--transp);
  639.     letter-spacing: 1px;
  640.     border-radius: 0px;
  641.     position: fixed;
  642.     padding: 0;
  643.     padding-top: 0;
  644.     padding-left: 0;
  645.     transform: none;
  646. }
  647. #reloadMsg {
  648.     bottom: 150px;
  649.     text-shadow: var(--outline)
  650. }
  651.  
  652.     /* TIMER */
  653. #timerHolder.topLeftOld {
  654.     left: 50%;
  655.     top: 100px;
  656.     background-color: transparent;
  657.     text-shadow: var(--outline);
  658.     margin-right: 20px
  659. }
  660.  
  661. #timerInner.topLeftOld {
  662.     padding: unset;
  663.     margin: unset
  664. }
  665.  
  666.     /* LEADERBOARD */
  667. .leaderNameM, .newLeaderNameM, .endTableN[style='color: #fff;'] {
  668.     color: var(--white);
  669.     text-shadow: var(--outline)
  670. }
  671. .leaderNameF, .newLeaderNameF, .endTableN[style='color: rgba(255,255,255,.6);'] {
  672.     color: #d4d4d4 !important;
  673.     text-shadow: var(--outline)
  674. }
  675. .leaderName, .newLeaderName, .endTableN[style='color: #eb5656;'] {
  676.     color: #7d7d7d !important;
  677.     text-shadow: var(--outline)
  678. }
  679. .leaderScore {
  680.     color: var(--white) !important;
  681.     text-shadow: var(--outline)
  682. }
  683. .leaderCounter {
  684.     color: var(--white) !important;
  685.     text-shadow: var(--outline)
  686. }
  687. #leaderboardHolder {
  688.     background-color: var(--transp) !important
  689. }
  690.         /* SCORES */
  691.         #teamScores {
  692.             position: fixed;
  693.             top: 10px;
  694.             left: 50%;
  695.             transform: translateX(-50%);
  696.             width: 685px;
  697.             height: 50px;
  698.             padding: 10px;
  699.             padding-left: 0;
  700.             padding-top: 0;
  701.             padding-right: 0;
  702.             padding-bottom: 0;
  703.             margin-left: 0;
  704.             margin-top: 0;
  705.             margin-right: 0;
  706.             margin-bottom: 0;
  707.             border-radius: 0;
  708.             background-color: var(--transp);
  709.             text-shadow: var(--outline)
  710.         }
  711.  
  712.         .tScore {
  713.             display: inline-block;
  714.             color: var(--black) !important;
  715.         }
  716.  
  717.         #tScoreV1 {
  718.             position: fixed;
  719.             left: -25%;
  720.             top: 4px;
  721.             background-color: var(--transp)
  722.         }
  723.  
  724.         #tScoreV2 {
  725.             position: fixed;
  726.             left: 25%;
  727.             top: 4px;
  728.             background-color: var(--transp)
  729.         }
  730.  
  731.         .tScoreT {
  732.             width: 100%;
  733.             margin-top: 12px;
  734.             text-align: center;
  735.             font-size: 24px;
  736.             color: var(--white) !important;
  737.             text-shadow: var(--outline);
  738.             background-color: var(--transp);
  739.             z-index: 2;
  740.         }
  741.  
  742.         .tScoreM {
  743.             display: none;
  744.             background-color: var(--transp);
  745.             color: var(--black) !important;
  746.         }
  747.  
  748.         .tScoreF {
  749.             left: 50%;
  750.             width: 90px;
  751.             height: 60px;
  752.             margin-left: 125px;
  753.             margin-right: 125px;
  754.             padding-left: 0;
  755.             padding-right: 0;
  756.             background-color: var(--transp);
  757.             color: #7d7d7d !important;
  758.             opacity: 50%;
  759.             z-index: 1;
  760.         }
  761.  
  762.         .tScoreF.you {
  763.             background-color: var(--transp);
  764.             color: var(--white) !important;
  765.             opacity: 50%;
  766.             z-index: 1;
  767.         }
  768.  
  769.         .tScoreC {
  770.             left: 50%;
  771.             width: 90px;
  772.             height: 60px;
  773.             margin-left: 125px;
  774.             margin-right: 125px;
  775.             background-color: var(--transp);
  776.             color: var(--black) !important;
  777.             opacity: 50%;
  778.             z-index: 1;
  779.         }
  780.  
  781.         .tScoreC.you {
  782.             background-color: var(--transp);
  783.             opacity: 50%;
  784.             z-index: 1;
  785.         }
  786.  
  787.     /* CHAT */
  788. .chatItem {
  789.    background-color: var(--transp) !important;
  790.    color: (--white);
  791.    text-shadow: var(--outline)
  792. }
  793. .chatMsg {
  794.     color: var(--white);
  795.     text-shadow: var(--outline)
  796. }
  797. .chatMsg [style="color:#fff"] {
  798.     color: var(--white) !important;
  799.     text-shadow: var(--outline)
  800. }
  801. .chatMsg[style="color:#fc03ec"] {
  802.     color: #505050 !important;
  803.     text-shadow: var(--outline)
  804. }
  805. .chatMsg [style="color:#eb5656"] {
  806.     color: #7d7d7d !important;
  807.     text-shadow: var(--outline)
  808. }
  809. .chatMsg [style="color:#9eeb56"] {
  810.     color: #d4d4d4 !important;
  811.     text-shadow: var(--outline)
  812. }
  813. .chatMsg [style="color:#76ff03"] {
  814.     color: #84f300 !important;
  815.     text-shadow: var(--outline)
  816. }
  817. #chatInput::placeholder {
  818.     color: rgb(255 255 255);
  819.     text-shadow: var(--outline)
  820. }
  821. #chatInput {
  822.     background-color: var(--transp) !important;
  823.     border: var(--transp) !important;
  824.     color: var(--white);
  825.     text-shadow: var(--outline)
  826. }
  827. #chatInputHolder {
  828.     background-color: var(--transp) !important;
  829.     border: var(--transp) !important;
  830. }
  831. #chatList {
  832.     background-color: var(--transp) !important
  833. }
  834. #chatHolder {
  835.     position: absolute;
  836.     z-index: 1;
  837.     width: 340px;
  838.     bottom: 20px !important;
  839. }
  840. #uiBase.onMenu #chatHolder {
  841.     bottom: 0px !important;
  842.     top: 50% !important
  843. }
  844.  
  845.     /* WEAPONS */
  846. .weapItem {
  847.     background: transparent
  848. }
  849.  
  850. .weapIcon {
  851.     margin-right: 0 !important;
  852.     transition-duration: 0.2s;
  853. }
  854. .weapItem[style*="0.5"] .weapIcon {
  855.     position: fixed;
  856.     right: calc(50% - 64px);
  857.     bottom: -140px;
  858.     opacity: 0 !important;
  859. }
  860. .weapItem[style*="1"] .weapIcon {
  861.     position: fixed;
  862.     bottom: 200px;
  863.     right: calc(50% - 64px);
  864. }
  865. .weapItem:last-child .weapIcon {
  866.     transform: translateY(16px);
  867. }
  868. .weapKey, .weapSkin {
  869.     display: none
  870. }
  871.  
  872.     /* FPS + PING */
  873. .debugInfo {
  874.     text-align: left
  875. }
  876. #pingText:after {
  877.     content: ' ms';
  878.     color: var(--white);
  879.     text-shadow: var(--outline);
  880.     font-size: 14px;
  881. }
  882. #pingText {
  883.     color: var(--white);
  884.     text-shadow: var(--outline);
  885. }
  886. #pingDisplay {
  887.     font-size: 0
  888. }
  889. #pingDisplay .material-icons {
  890.     display: none
  891. }
  892. #fpsDisplay {
  893.     color: var(--white);
  894.     text-shadow: var(--outline)
  895. }
  896. #ingameFPS {
  897.     color: var(--white) !important;
  898.     text-shadow: var(--outline)
  899. }
  900.  
  901.     /* VICTORY DEFEAT DRAW */
  902. [src="./img/vic.png"] {
  903.     content:url(https://cdn.discordapp.com/attachments/846260683996921856/847677762361098270/shengli_victory.png)
  904. }
  905. [src="./img/def.png"] {
  906.     content:url(https://cdn.discordapp.com/attachments/846260683996921856/847678456203706378/shibai_defeat.png)
  907. }
  908. [src="./img/dra.png"] {
  909.     content:url(https://cdn.discordapp.com/attachments/846260683996921856/847677757336977438/jiangchi_stalemate.png)
  910. }
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!