Css by alses Images Configs / CSS This set does not include any images. /* INSTINCTSS' CSS - GAME */ /* THANK YOU NXXH DISCORD */ /* HUD SCALE: 0.5; RESOLUTION : 1920x1080 */ /* July 21, 2021 @ 6:08 PM */ /*========================================*/ /* COLORS */ :root { --white: #fff; --offwhite: #f8f8ff; --black: #000; --transp: #fff0; --AE86: #868686; --outline: -2px 0 #000, 0 2px #000, 2px 0 #000, 0 -2px #000; --outline2: -3px 0 #000, 0 3px #000, 3px 0 #000, 0 -3px #000; } /* FONT */ @font-face { font-family: gamefont; src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLEj6Z1xlFQ.woff2); } /*MAIN MENU*/ /* LOGO */ #mainLogo { content:url(https://cdn.discordapp.com/attachments/846260683996921856/847224818558304277/monochrome.png); } #seasonLabel { display: none } /* CLUTTER CLEAR */ #newsHolder, #voiceDisplay, #editorBtnM, .imageButton, #aContainer, #aHolder, #endAContainer, #aMerger, #ot-sdk-btn-floating, .youNewDiv, #helpTxtHol, #menuMiniProfilePic, #mLevelCont, #instructions, #onetrust-consent-sdk { display: none !important } /* BUTTONS */ .button, .buttonB, .buttonPI, .buttonR, .buttonP, .buttonO, .buttonG, .buttonCL { background-color: var(--transp) !important; border: #fff0 !important; text-shadow: var(--outline); box-shadow: inset 0 -7px 0 0 var(--transp) !important } .button:hover, .buttonB:hover, .buttonPI:hover, .buttonR:hover, .buttonP:hover, .buttonO:hover, .buttonG:hover, .buttonCL:hover { background-color: var(--transp) !important; box-shadow: none !important; border: none !important; -webkit-transform: scale(.8) !important; transform: scale(.8) !important; color: var(--white) !important } .menuItem .menuItemTitle { color: var(--white); text-shadow: var(--outline) } #faceItIconM { display: none !important } #policeButton { margin-right:0px; margin-left: 0px; bottom: 75%; right: 327%; } /* MENU FPS + PING */ #menuPingDisplay, #menuFPSDisplay { color: var(--white) !important; text-shadow: var(--outline) } #menuFPS { color: var(--white) !important } #menuPingText { color: var(--white); text-shadow: var(--outline) } #menuPingText:after { content: " ms"; color: var(--white); text-shadow: var(--outline) } #menuPingDisplay .material-icons { display: none } /* CC CONTAINER */ #streamContainer { height:25px; overflow:hidden; background-color: var(--transp); transition-duration:.5s } #streamContainer:hover { height:240px } .twitch { text-shadow: var(--outline) } .youtube { text-shadow: var(--outline) } .esports { text-shadow: var(--outline) } .strmViews { color: var(--white); text-shadow: var(--outline) } /* ICONS */ /* QUIT */ #clientExit { display: flex } /* IMAGES */ .iconProfile { background-image: url(https://cdn.discordapp.com/attachments/846260683996921856/847217797293146132/sheding_settings.png) } .iconShop { background-image: url(https://cdn.discordapp.com/attachments/846260683996921856/847218170133741638/wangdian_shop.png) } .iconChall { background-image: url(https://cdn.discordapp.com/attachments/846260683996921856/847220469412659220/tiaozhan_challenges.png) } .iconSocial { background-image: url(https://cdn.discordapp.com/attachments/846260683996921856/847217794604335134/jiaoji_social.png) } .iconGames { background-image: url(https://cdn.discordapp.com/attachments/846260683996921856/847217789449142322/boyi_games.png) } .iconSettings { background-image: url(https://cdn.discordapp.com/attachments/846260683996921856/847217797293146132/sheding_settings.png) } .iconMods { background-image: url(https://cdn.discordapp.com/attachments/846260683996921856/847217787159445544/bianhua_change.png) } .iconExit { background-image: url(https://cdn.discordapp.com/attachments/846260683996921856/847217792000327690/guanbi_shutdown.png) } .menuItem:hover .iconProfile { background-image: url(https://cdn.discordapp.com/attachments/846260683996921856/847217798572802048/sheding_settings2.png); } .menuItem:hover .iconShop { background-image: url(https://cdn.discordapp.com/attachments/846260683996921856/847218172700393492/wangdian_shop2.png); } .menuItem:hover .iconChall { background-image: url(https://cdn.discordapp.com/attachments/846260683996921856/847220470758506516/tiaozhan_challenges2.png); } .menuItem:hover .iconSocial { background-image: url(https://cdn.discordapp.com/attachments/846260683996921856/847217795711893514/jiaoji_social2.png); } .menuItem:hover .iconGames { background-image: url(https://cdn.discordapp.com/attachments/846260683996921856/847217790649499699/boyi_games2.png); } .menuItem:hover .iconSettings { background-image: url(https://cdn.discordapp.com/attachments/846260683996921856/847217798572802048/sheding_settings2.png); } .menuItem:hover .iconMods { background-image: url(https://cdn.discordapp.com/attachments/846260683996921856/847217788220997703/bianhua_change2.png); } .menuItem:hover .iconExit { background-image: url(https://cdn.discordapp.com/attachments/846260683996921856/847217793346961408/guanbi_shutdown2.png) } /* BRAVE WARNING */ #braveWarning { display: none !important } /* MEAT */ #instructionHolder { background-color: #000000bf } #windowHolder.popupWin { background-color: var(--transp) } .menuItem { background-color: var(--transp) } #menuWindow { box-shadow: none; background-color: var(--transp); border-radius: 15px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } #menuWindow.dark { background-color: #000000bf; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } #menuRegionLabel { font-size: 30px; } .settName,.settNameSmall { color: var(--white) !important; text-shadow: var(--outline) !important } #menuKRCount { color: var(--white); text-shadow: var(--outline) } .krSocial { color: var(--white); background-color: var(--black); box-shadow: var(--outline) } .krSocial:hover { background-color: var(--white); box-shadow: var(--outline) } .floatR, .menuLink, .smlInput, #requiresRestart { color: var(--white); text-shadow: var(--transp) } .updDisN, .subPassChg { background-color: var(--white) } .xpBar, .xpBarB, itemSearchH { background-color: var(--transp) } .xpBarV { font-size: 25px; text-shadow: var(--outline) } .progressBarInner { background: var(--white) } .menuItem, #termsInfo { color: var(--transp); background: var(--transp) } .headerBar { background-color: var(--transp); } /* BOTTOM RIGHT */ #termsInfo, #mapInfoHolder { background-color: var(--transp); color: var(--white); text-shadow: var(--outline); } #mapInfoHolder::before { content: 'twitch.tv/InstinctssTV'; color: var(--white); text-shadow: var(--outline); font-size: 15px; } #mapInfo { color: var(--white); font-size: 30px; text-shadow: var(--outline); height: 25px } .verticalSeparatorInline { border-left: var(--transp) } /* SLIDERS */ .sliderM { height: 10px; background-color: var(--white); border-radius: 5px } .sliderM::-webkit-slider-thumb { background-color: var(--white); width: 20px; height: 20px; border-radius: 50%; box-shadow: var(--outline) !important; } .slider:before { background-color: var(--white); width: 24px; height: 24px; left: 1px; border-radius: 50%; box-shadow: var(--outline) !important; } .slider { background-color: var(--white); -webkit-transition: .1s; width: 56px; height: 31px; transition: .1s; border-radius: 20px; } .sliderVal { color: var(--white); background-color: var(--transp); text-shadow: var(--outline); } input:checked+.slider { background-color: var(--AE86) } /* SPECTATE */ .sliderSml { background-color: var(--AE86) } input:checked+.sliderSml { background-color: var(--black) } input:focus+.sliderSml { box-shadow: none } /* SHOP */ .shopCard { transition: font-size 0.20s cubic-bezier(0.20, 0.90, 0.30, 1.00); text-align: center; font-size: 0px; border-radius: 30px; text-shadow: var(--outline) } .shopCard:hover { font-size: 15px; } .shopCard:hover .spinVal { font-size: 15px; } .spinVal { transition: font-size 0.20s cubic-bezier(0.20, 0.90, 0.30, 1.00); text-align: center; font-size: 0px; background: var(--transp); position: absolute; bottom: -90px; } .creatorCodeBtn, .redVouchBtn { background-color: var(--transp)!important } /* CHALLENGES */ .chalXPBar, .chalXPBarC, .chalCard { background-color: var(--transp) !important } .chalProg, .chalRight, .chalDesc { color: var(--white) !important; text-shadow: var(--outline) !important } .chalImgC { border: none; } /* CUSTOMIZE */ /* MODEL */ #customizeButton .material-icons { display: none } #menuClassName { display: none } #menuClassSubtext { display: none } #menuClassNameTag { margin-top: -300px; position: absolute; text-shadow: none; color: var(--white); font-size: 19px } #customizeButton { bottom: 210px; opacity: 0; height: 300px; width: 260px } .menuClassPlayerName { color: var(--white); text-shadow: var(--outline) } /* CLASS */ .classCard { background-color: var(--transp); color: var(--white) !important; text-shadow: var(--outline) } .classWeap { text-shadow: var(--transp) !important; transition-duration: 0.25s } .classLvl { color: var(--white) !important; transition-duration: 0.25s } .classHP { color: var(--white) !important; transition-duration: 0.25s } .classHP span { color: var(--white) !important; } .classCard:hover .classHP { opacity: 0; transition-duration: 0.25s } .classCard:hover .classLvl { opacity: 0; transition-duration: 0.25s } .classCard:hover .classWeap { opacity: 0; transition-duration: 0.25s } .classCard:hover .clsXPBarC { opacity: 0; transition-duration: 0.25s } .classImgC { border-radius: 15px } .classXPBar { background-color: var(--transp); border-radius: 10px } .clsXPBarC { margin: 0; background-color: var(--white); height: 10px; border-radius: 10px; } .classCard:hover img { opacity: 1; transform: scale(1.25); transition-duration: 0.25s; } .classCard img { opacity: 0.5; transform: scale(1); transition-duration: 0.25s; } /* LOADOUT */ .skinCard { border-left: none !important; border-right: none !important; border-top: none !important; border-bottom: none !important; padding-right: 15px !important; background-color: var(--transp); text-shadow: var(--outline); font-size: 20px; } .skinCard:hover { background-color: var(--transp); } .itemOwn, .selctInfoBtn, .itemCnt[data-badge]:after { display: none; } .itemSea { color: var(--transp) !important } /* SETTINGS + SERVERS */ .serverHeader, .quickJoin, #serverSearch { background-color: var(--transp) } .settingsHeader, .serverHeader { background-color: var(--black) } .quickJoin, #serverSearch, #serverSearch::placeholder { color: var(--white) !important; text-shadow: var(--outline2) !important } .settingsBtn { color: var(--white); background-color: var(--transp); text-shadow: var(--outline) } .inputGrey2 { color: var(--white); background: var(--transp); text-shadow: var(--outline); border: 0 } #settSearch { background-color: var(--transp); text-shadow: var(--outline) } /* SERVERS */ .carousel { display: none } .setBodH { background-color: var(--transp) } .setHed { background-color: var(--transp); color: var(--transp) } .setHed:hover { background-color: var(--transp) } .setHedS { border: 0px solid var(--transp); background-color: var(--transp); color: var(--white) } .quickJoin { background-color: var(--transp) !important; color: var(--white) !important; text-shadow: var(--outline); border: 4px solid var(--outline) !important; } a, a:active, a:visited { color: var(--white); text-shadow: var(--outline) } input:checked+.slider2 { background-color: var(--black) } .slider2 { background-color: var(--AE86); } #serverSearch { color: var(--white); background-color: var(--transp); text-shadow: var(--outline) } /* HOST GAME */ .serverHostOp, .serverHostOpH { transition: font-size 0.20s cubic-bezier(0.20, 0.90, 0.30, 1.00); color: var(--white) !important; text-shadow: var(--outline2) !important; font-size: 50px; width: 100%; text-align: center; background-size: 0px; background-color: var(--transp) !important; border: none; padding-right: 15px; } .serverHostOpH { display: none } .serverHostOp:hover { font-size: 75px } .hostMapName { text-align: center; width: 100%; padding-top: 30px; padding-left: 0px; font-size: 15px; left: 0px; top: 0px; } .hostMap { border: none; padding-right: 8px; border-radius: 10px !important } .hostMapVersion, .hostMapYear, .hostMapBy, .mapInfoT { display: none; } .hostMapImg, .hostMapImg:hover { filter: grayscale(100%); } .hostMapImg { transition: 0.5s; border-radius: 10px !important } .hostPresetBtn { color: var(--white); background-color: var(--transp); text-shadow: var(--outline) } .hostOpt { border: none } .optCheck { background-color: var(--transp) } .optImg { top: 4px; width: 35px; right: 2px; opacity: 50% } .optName { text-shadow: var(--outline); color: var(--white); z-index: 1; font-size: 15px; } input:checked+.optCheck { background-color: var(--black) } input:hover+.optCheck { background-color: var(--white) } .accountButton { background-color: var(--black) } .formInput, .formInput::placeholder { color: var(--white); text-shadow: var(--outline); } .loadoutBtn, .hostToggle, .hostToggle:hover { color: var(--white); background-color: var(--transp); text-shadow: var(--outline); } /* IN-GAME HUD */ /* ICONS */ #hudClassIcon, #timerIcon, #maxHP, #healthBar, #challIcon, #ammoMax, #ammoIcon, #curGameInfo, #reloadMsg { display: none !important } .countIcon { background-color: var(--transp) } #killsVal,#deathsVal,#streakVal,#myScoreVal,#kdVal { color: var(--white); text-shadow: var(--outline) } /* NUKE ICON */ /* [src="./img/streaks/0.png"] { content:url(); } */ /* HEALTH */ #healthValueHolder { background-color: var(--transp); width: 75px; height: 65px; etter-spacing: 1px; position: fixed; left: 40%; bottom: 10%; margin-bottom: 10%; align-items: center } #healthValue { font-size: 40px; text-align: center; color: var(--white); margin-top: 0; will-change: unset; text-shadow: var(--outline) } /* AMMO */ #ammoDisplay { background-color: var(--transp) !important; width: 65px; height: 10px; top: calc(50% + 35px); left: 48.76% } #ammoVal { position: fixed; right: 40% !important; bottom: 10% !important; margin-bottom: 10% !important; font-size: 40px !important; text-shadow: var(--outline); } #ammoDisplay { background-color: var(--transp); letter-spacing: 1px; border-radius: 0px; position: fixed; right: 40%; bottom: 10%; margin-bottom: 10%; padding: 0; padding-top: 0; padding-left: 0; transform: none; } #reloadMsg { bottom: 150px; text-shadow: var(--outline) } /* TIMER */ #timerDisplay { left: 50%; top: 100px; background-color: transparent; text-shadow: var(--outline) } /* TIMER ALWAYS SHOWS */ #spectateUI { display: block !important; } #specNames, #specGameInfo, #spec0, #spectateInfo, #spec1, #specStats, #specSUS, #specContr, #specKPDContr { display: none !important; } #uiBase.onMenu #specTimer { background-color: transparent; font-size: 20px; position: fixed; transform: translateX(-50%); top: 500px; margin-top: 0; text-shadow: var(--outline) } #specTimer { top: 0; margin-top: -75px; } /* LEADERBOARD */ .leaderNameM, .newLeaderNameM, .endTableN[style='color: #fff;'] { color: var(--white); text-shadow: var(--outline) } .leaderNameF, .newLeaderNameF, .endTableN[style='color: rgba(255,255,255,.6);'] { color: #d4d4d4 !important; text-shadow: var(--outline) } .leaderName, .newLeaderName, .endTableN[style='color: #eb5656;'] { color: #7d7d7d !important; text-shadow: var(--outline) } .leaderScore { color: var(--white) !important; text-shadow: var(--outline) } .leaderCounter { color: var(--white) !important; text-shadow: var(--outline) } #leaderDisplay { background-color: var(--transp) !important } /* SCORES */ #teamScores { position: fixed; top: 10px; left: 50%; transform: translateX(-50%); width: 685px; height: 50px; padding: 10px; padding-left: 0; padding-top: 0; padding-right: 0; padding-bottom: 0; margin-left: 0; margin-top: 0; margin-right: 0; margin-bottom: 0; border-radius: 0; background-color: var(--transp); text-shadow: var(--outline) } .tScore { display: inline-block; color: var(--black) !important; } #tScoreV1 { position: fixed; left: -25%; top: 4px; background-color: var(--transp) } #tScoreV2 { position: fixed; left: 25%; top: 4px; background-color: var(--transp) } .tScoreT { width: 100%; margin-top: 12px; text-align: center; font-size: 24px; color: var(--white) !important; text-shadow: var(--outline); background-color: var(--transp); z-index: 2; } .tScoreM { display: none; background-color: var(--transp); color: var(--black) !important; } .tScoreF { left: 50%; width: 90px; height: 60px; margin-left: 125px; margin-right: 125px; padding-left: 0; padding-right: 0; background-color: var(--transp); color: #7d7d7d !important; opacity: 50%; z-index: 1; } .tScoreF.you { background-color: var(--transp); color: var(--white) !important; opacity: 50%; z-index: 1; } .tScoreC { left: 50%; width: 90px; height: 60px; margin-left: 125px; margin-right: 125px; background-color: var(--transp); color: var(--black) !important; opacity: 50%; z-index: 1; } .tScoreC.you { background-color: var(--transp); opacity: 50%; z-index: 1; } /* CHAT */ .chatItem { background-color: var(--transp) !important; color: (--white); text-shadow: var(--outline) } .chatMsg { color: var(--white); text-shadow: var(--outline) } .chatMsg [style="color:#fff"] { color: var(--white) !important; text-shadow: var(--outline) } .chatMsg[style="color:#fc03ec"] { color: #505050 !important; text-shadow: var(--outline) } .chatMsg [style="color:#eb5656"] { color: #7d7d7d !important; text-shadow: var(--outline) } .chatMsg [style="color:#9eeb56"] { color: #d4d4d4 !important; text-shadow: var(--outline) } .chatMsg [style="color:#76ff03"] { color: #84f300 !important; text-shadow: var(--outline) } #chatInput::placeholder { color: rgb(255 255 255); text-shadow: var(--outline) } #chatInput { background-color: var(--transp) !important; border: var(--transp) !important; color: var(--white); text-shadow: var(--outline) } #chatInputHolder { background-color: var(--transp) !important; border: var(--transp) !important; } #chatList { background-color: var(--transp) !important } #chatHolder { position: absolute; z-index: 1; width: 340px; bottom: 6% !important; } #uiBase.onMenu #chatHolder { bottom: 0px !important; top: 30% !important } /* WEAPONS */ .weapIcon { margin-right: 0 !important; transition-duration: 0.2s; } .weapIcon[style*="opacity: 0.7"], .weapIcon[style*="opacity:0.7"] { position: fixed; right: calc(50% - 64px); bottom: -140px; opacity: 0 !important; } .weapIcon[style*="opacity:1"], .weapIcon[style*="opacity: 1"] { position: fixed; bottom: 200px; right: calc(50% - 64px); } .weapItem:last-child .weapIcon { transform: translateY(16px); } .weapKey { display: none } /* FPS + PING */ #pingText:after { content: ' ms'; color: var(--white); text-shadow: var(--outline) } #pingText { color: var(--white); text-shadow: var(--outline) } #pingDisplay .material-icons { display: none } #fpsDisplay { color: var(--white); text-shadow: var(--outline) } #ingameFPS { color: var(--white) !important; text-shadow: var(--outline) } /* VICTORY DEFEAT DRAW */ [src="./img/vic.png"] { content:url(https://cdn.discordapp.com/attachments/846260683996921856/847677762361098270/shengli_victory.png) } [src="./img/def.png"] { content:url(https://cdn.discordapp.com/attachments/846260683996921856/847678456203706378/shibai_defeat.png) } [src="./img/dra.png"] { content:url(https://cdn.discordapp.com/attachments/846260683996921856/847677757336977438/jiangchi_stalemate.png) } « Previous set | Next set »