@import url('custom.css'); :root { --chatfont: 13px; /* Font size for chat messages */ --basefont: "Segoe UI","Helvetica Neue","Motiva Sans",Arial,Helvetica,sans-serif; --semibold: "Segoe UI Semibold","Helvetica Neue Medium","Motiva Sans","Arial Bold","Helvetica Bold",sans-serif; --semilight: "Segoe UI Semilight","Helvetica Neue Light","Motiva Sans","Arial Light","Helvetica Light",sans-serif; --scrollbarSize: 15px; --focus: 102, 36, 226; /* Default Metro skin purple accent */ --W10close_Red_h: 232, 18, 35; /* Window close button color on hover */ --W10close_Red_p: 241, 112, 121; /* Window close button color when pressed */ --clientBG: 26, 26, 26; --header_dark: 20, 20, 20; --frameBorder: 15, 15, 15; --online: 93, 178, 255; --ingame: 130, 186, 0; --offline: 145, 145, 145; /* Originally white45 but that makes it too bold */ --golden: 255, 255, 99; --textentry: 39, 39, 39; --white03: 255, 255, 255, 0.03; --white05: 255, 255, 255, 0.05; --white08: 255, 255, 255, 0.08; --white10: 255, 255, 255, 0.10; --white12: 255, 255, 255, 0.12; --white20: 255, 255, 255, 0.20; --white24: 255, 255, 255, 0.24; --white25: 255, 255, 255, 0.25; --white35: 255, 255, 255, 0.35; --white45: 255, 255, 255, 0.45; --white50: 255, 255, 255, 0.50; --white75: 255, 255, 255, 0.75; --white: 255, 255, 255; --black05: 255, 255, 255, 0.05; --black10: 0, 0, 0, 0.10; --black12: 0, 0, 0, 0.12; --black20: 0, 0, 0, 0.20; --black24: 0, 0, 0, 0.24; --black25: 0, 0, 0, 0.25; --black45: 0, 0, 0, 0.45; --black50: 0, 0, 0, 0.50; --black75: 0, 0, 0, 0.75; --black: 0, 0, 0; --red: 255, 0, 0; --searchicon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' x='0px' y='0px' viewBox='0 0 100 100'%3E%3Cg transform='translate(0,-952.36218)'%3E%3Cpath class='ColorSelector' d='m 40.99855,964.36216 c -15.9798,0 -28.9986,13.01864 -28.9986,28.99862 0,15.97992 13.0188,28.99862 28.9986,28.99862 6.9189,0 13.2881,-2.4349 18.2803,-6.4997 l 23.5927,23.6239 c 1.1714,1.1714 3.0784,1.1715 4.2498,0 1.1716,-1.1715 1.1716,-3.0783 0,-4.2498 l -23.6239,-23.5926 c 4.0649,-4.9923 6.4997,-11.3615 6.4997,-18.28042 0,-15.97998 -13.0187,-28.99862 -28.9986,-28.99862 z m 0,5.99972 c 12.7374,0 22.9989,10.26145 22.9989,22.9989 0,12.73732 -10.2615,22.99892 -22.9989,22.99892 -12.7374,0 -22.9989,-10.2616 -22.9989,-22.99892 0,-12.73745 10.2615,-22.9989 22.9989,-22.9989 z' fill='%23ffffff' fill-opacity='1' stroke='none' visibility='visible' display='inline' overflow='visible'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); --arrow_up: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALAgMAAADUwp+1AAAACVBMVEUAAAD///////9zeKVjAAAAA3RSTlMAQIDntwj7AAAAJUlEQVQI12OAgxQGBsaVDAxsbg4MkowTGFKAcAKDBIMDAwtMBQBYIAP5KnftSQAAAABJRU5ErkJggg==); --arrow_down: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALAgMAAADUwp+1AAAACVBMVEUAAAD///////9zeKVjAAAAA3RSTlMAQIDntwj7AAAAJElEQVQI12OAAQcGFoYJDBIMKUAoyTiBgc3NgYFxJVAiBa4EAFbgA/lztmmEAAAAAElFTkSuQmCC); } /* The abundance of !important overrides is a remnant of the time when SFP required one for everything. */ /* Remove animations, round corners and delays */ * { box-shadow: none !important; border-radius: 0 !important; transition-delay: 1ms !important; transition-duration: 1ms !important; text-shadow: none !important; } /* User's name and status */ .currentUserContainer .labelHolder { justify-content: center; /* As in Valve's, but just to be sure */ margin-right: 12px !important; margin-top: 0; } /* .currentUserContainer [class*="personanameandstatus_richPresenceLabel_"] */ .currentUserContainer ._1k82NiWym4STegDGxRBHz2 { -webkit-app-region: drag !important; } /* Top friends list part */ .currentUserContainer { border-bottom: 1px solid rgb(var(--frameBorder)) !important; background-color: rgb(var(--header_dark)); padding-right: 0; } /* Friends list window*/ .friendlistListContainer { background: rgb(var(--clientBG)) !important; } /* Top friends list panel bg*/ /* .friendListHeaderContainer, .friendsListSectionTitle */ .friendListHeaderContainer, .friendsListSectionTitle { background-color: rgb(var(--clientBG)) !important; } .friendListHeaderContainer { border: 0; min-height: fit-content; } .quickAccessFriends.emptyQuickAccess.hintDismissed { margin-top: 0; } /* Bottom panel bg*/ .friendListFooter { background-color: rgb(var(--clientBG)) !important; min-height: 15px !important; z-index: -1; } /* Top Panel Avatar Effect*/ .statusHeaderGlow { opacity: 0 !important; } /* Top Panel Focus Effect*/ .title-area-highlight { display: none; } /*Top Panel Focus Line*/ .singleWindowFocusBar { height: 0px !important; background: rgb(var(--clientBG)) !important; mask: none !important; -webkit-mask: none !important; } /* Online Friends header */ .onlineFriends .groupHeaderContainer { background: rgb(var(--clientBG)) !important; } /* Offline Friends header */ .offlineFriends .groupHeaderContainer { background: rgb(var(--clientBG)) !important; } /* Remove each category header margin */ .FriendsListContent .friendlistListContainer .friendGroup { border-top: none !important; margin-top: 0px !important; } /* PlusMinus Friends Header */ /* .friendGroup.offlineFriends .groupName .groupCount, .friendGroup.onlineFriends .groupName .groupCount, .friendGroup .groupName .groupCount.collapsed */ .friendGroup.offlineFriends .groupName .groupCount, .friendGroup.onlineFriends .groupName .groupCount, .friendGroup .groupName .groupCount.collapsed { color: rgb(var(--white)) !important; } /*Number of friends in a category*/ .friendGroup .groupName .groupCount { color: rgb(var(--white)) !important; margin-top: 0px !important; } .groupName { color: rgb(var(--white)) !important; font-size: 13px !important; /* Matched to the original Metro */ text-transform: uppercase !important; margin-bottom: -3px !important; } .friendGroup .groupName { margin-top: 0px !important; padding-top: 0px; padding-bottom: 0px; font-family: var(--basefont); /* Matched to the original Metro */ } .groupName .gameGroupContainer .groupIcon { height: 16px; width: 16px; margin-top: 3px; } /* PlusMinus Friends Header Color*/ /* .ExpandPlusMinus .SVGIcon_PlusCircle .horizontalLine, .ExpandPlusMinus .SVGIcon_PlusCircle .verticalLine */ .ExpandPlusMinus .SVGIcon_PlusCircle .horizontalLine, .ExpandPlusMinus .SVGIcon_PlusCircle .verticalLine { stroke: rgb(var(--white)) !important; } .ExpandPlusMinus { margin-top: 2px !important; } /* zzz icon next to friends' names on the list */ /* .listContentContainer [class*="friendsnooze_SnoozeContainer_"] */ .listContentContainer ._3EzTyjJx_tZUEIHygPwAeC { display: none !important; } /* [class*="friendsnooze_SnoozeContainer_"].in-game [class*="friendsnooze_SnoozeZ_"] */ ._3EzTyjJx_tZUEIHygPwAeC.in-game ._1DArl3Gs9lXPcZdmCIlDJa { color: rgb(var(--ingame)) !important; } /* [class*="friendsnooze_SnoozeContainer_"].online[class*="friendsnooze_Dim_"] [class*="friendsnooze_SnoozeZ_"], [class*="friendsnooze_SnoozeContainer_"].online [class*="friendsnooze_SnoozeZ_"] */ ._3EzTyjJx_tZUEIHygPwAeC.online._2TzRZ3Ygn6XEn8aKf7CqWB ._1DArl3Gs9lXPcZdmCIlDJa, ._3EzTyjJx_tZUEIHygPwAeC.online ._1DArl3Gs9lXPcZdmCIlDJa { color: rgb(var(--online)) !important; } /* Remove useless "Watch Broadcast" text */ /* .friendsContainer .watchingbroadcast .richPresenceContainer .gameName, .friendlistListContainer .watchingbroadcast .richPresenceContainer .gameName */ .friendsContainer .watchingbroadcast .richPresenceContainer .gameName, .friendlistListContainer .watchingbroadcast .richPresenceContainer .gameName { position: absolute !important; opacity: 0 !important; } /* X unread Message in Friends Panel */ .unreadMessageViolator { background: rgb(var(--clientBG)) !important; color: rgb(var(--focus)) !important; width: calc(100% - 2px) !important; border: 0 !important; right: 0px !important; left: 0px !important; z-index: 2 !important; } /* Make chat screenshots small at startup */ .chatImageFull { width: 120px !important; /* height: 150px !important; */ } .chatImageContainer img { /* the container might be a bit buggy but not important*/ min-width: 100% !important; min-height: 100% !important; } /* Fix for each friend list to have correct hover height including the rich presence */ /* .CompactFriendsList .friend, .CompactFriendsList .friendGroup .friend, .CompactFriendsList .friendGroup .SteamPlayerGroupFooter, .CompactFriendsList .friendGroup.gameGroup:not(.OtherGamesGroup) .friend */ .CompactFriendsList .friend, .CompactFriendsList .friendGroup .friend, .CompactFriendsList .friendGroup .SteamPlayerGroupFooter, .CompactFriendsList .friendGroup.gameGroup:not(.OtherGamesGroup) .friend { padding: 4px 0 8px 12px; } /* .chatRoomMembers .CompactFriendsList .friend:hover, .MemberListColumn .friend:hover */ .chatRoomMembers .CompactFriendsList .friend:hover, .MemberListColumn .friend:hover { background-color: rgba(var(--white05)); } /* Friends list items hover colors */ /* .friendStatusHover.online:hover, .friendStatusHover.online.Friend_ContextMenuActive */ .friendStatusHover.online:hover, .friendStatusHover.online.Friend_ContextMenuActive { background-color: rgba(var(--white05)) !important; } /* .friendStatusHover.ingame:hover, .friendStatusHover.ingame.Friend_ContextMenuActive */ .friendStatusHover.ingame:hover, .friendStatusHover.ingame.Friend_ContextMenuActive { background-color: rgba(var(--white05)) !important; } /* .friendStatusHover.offline:hover, .friendStatusHover.offline.Friend_ContextMenuActive */ .friendStatusHover.offline:hover, .friendStatusHover.offline.Friend_ContextMenuActive { background-color: rgba(var(--white05)) !important; } /* .friendStatusHover.watchingbroadcast:hover, .friendStatusHover.watchingbroadcast.Friend_ContextMenuActive */ .friendStatusHover.watchingbroadcast:hover, .friendStatusHover.watchingbroadcast.Friend_ContextMenuActive { background-color: rgba(var(--white05)) !important; } /* .friendStatusHover.golden:hover, .friendStatusHover.golden.Friend_ContextMenuActive */ .friendStatusHover.golden:hover, .friendStatusHover.golden.Friend_ContextMenuActive { background-color: rgba(var(--white05)) !important; } /*Group chats hover*/ .ChatRoomListGroupItem:hover .ChatRoomListGroupItem_header { background-color: rgba(var(--white05)); } /* Avatar status boxes */ .avatarHolder .avatarStatus { display: none !important; } /* [class*="miniprofile_miniProfileContent_"] [class*="miniprofile_playerAvatar_"] [class*="steamavatar_avatar_"] */ ._3QoRRxsgnDolcCPCrAPm47 ._2rDsqxyJxBWUKDmY1lZ1Vw ._1p_QrI3ixF-RAwnxad9pEm { border: none !important; } /* .offline [class*="steamavatar_avatar_"] */ .offline ._1p_QrI3ixF-RAwnxad9pEm { border: 1px solid rgb(var(--offline)) !important; } /* .online [class*="steamavatar_avatar_"] */ .online ._1p_QrI3ixF-RAwnxad9pEm { border: 1px solid rgb(var(--online)) !important; } /* .ingame [class*="steamavatar_avatar_"] */ .ingame ._1p_QrI3ixF-RAwnxad9pEm { border: 1px solid rgb(var(--ingame)) !important; } /* .watchingbroadcast [class*="steamavatar_avatar_"] */ .watchingbroadcast ._1p_QrI3ixF-RAwnxad9pEm { border: 1px solid #c9bdf7 !important; } /* .golden [class*="steamavatar_avatar_"] */ .golden ._1p_QrI3ixF-RAwnxad9pEm { border: 1px solid rgb(213, 191, 106) !important; } /* [class*="chattabs_ChatTab_"] [class*="chattabs_ChatTabContent_Friend_"], [class*="chattabs_ChatTabContent_ChatRoomName_"] */ .X2iywwN7fcdh9zXpXVsrk ._3tIp1VL2rG6tO8sY0CeRl9, .J8J3o5BtWdX2ZAOJB2AE6 { opacity: 1 !important; } /* Icons on the friends panel */ /* .friendRequestButton .SVGIcon_FriendRequest .friendBodyFull, .friendRequestButton .SVGIcon_FriendRequest .friendHead, .friendRequestButton .SVGIcon_FriendRequest .friendArm, .friendRequestButton .SVGIcon_FriendRequest .friendBody, .addFriendButton .SVGIcon_AddFriend .friendHead, .addFriendButton .SVGIcon_AddFriend .friendBody, .addFriendButton .SVGIcon_AddFriend .plusCircle, .friendsListSectionTitle .SVGIcon_NewChatGroup */ .friendRequestButton .SVGIcon_FriendRequest .friendBodyFull, .friendRequestButton .SVGIcon_FriendRequest .friendHead, .friendRequestButton .SVGIcon_FriendRequest .friendArm, .friendRequestButton .SVGIcon_FriendRequest .friendBody, .addFriendButton .SVGIcon_AddFriend .friendHead, .addFriendButton .SVGIcon_AddFriend .friendBody, .addFriendButton .SVGIcon_AddFriend .plusCircle, .friendsListSectionTitle .SVGIcon_NewChatGroup { fill: rgb(var(--white)) !important; } /* .friendsListSectionTitle, .activeTab */ .friendsListSectionTitle, .activeTab { color: rgb(var(--white)) !important; background-color: rgb(var(--clientBG)) !important; } .TabSearchButton .ColorSelector { fill: rgb(var(--white)) !important; stroke: rgb(var(--white)) !important; } /* Remove Friends List Top Shadow */ /* [class*="insetshadow_FriendListInsetShadowTop_"], [class*="insetshadow_FriendListInsetShadowBottom_"] */ ._2-sgwZvgc-3h4gcUWbTNTh, ._2hL6ssOeMwczcGsrkJWupl { background: none !important; } /* Remove Playing with X amount of people */ .SteamPlayerGroupFooterLabel { display: none !important; } /* .friend.firstInGroup .SteamPlayerGroupLines, .friend.inGroup .SteamPlayerGroupLines, .friend.lastInGroup .SteamPlayerGroupLines, .SteamPlayerGroupFooter .SteamPlayerGroupLines */ .friend.firstInGroup .SteamPlayerGroupLines, .friend.inGroup .SteamPlayerGroupLines, .friend.lastInGroup .SteamPlayerGroupLines, .SteamPlayerGroupFooter .SteamPlayerGroupLines { display: none !important; } .SteamPlayerGroupFooterCount .count { position: absolute !important; margin-top: -42px !important; color: rgba(var(--ingame), 1) !important; font-size: 14px !important; line-height: 14px !important; right: 27px !important; text-align: left !important; } .CompactFriendsList .SteamPlayerGroupFooterCount .count { display: none !important; } /* Remove heightspace after each friend item */ .friendGroup .SteamPlayerGroupFooter { position: absolute !important; } /* Remove waste of space after categorized games */ .CompactFriendsList .friendsContainer { padding: 0 !important; } .chatWindow { background: rgb(var(--clientBG)) !important; font-size: var(--chatfont) !important; } .chatRoomListContainer { background: rgb(var(--clientBG)) !important; } .titleBarContainer.ChatTabs { background: rgb(var(--header_dark)) !important; border: none !important; } .chatEntryControls { background-color: rgb(var(--textentry)) !important; } /* Avatar status inside the chat tabs context menu */ /* [class*="chattabs_ChatTabContent_Friend_"] .avatarHolder .avatarStatus */ ._3tIp1VL2rG6tO8sY0CeRl9 .avatarHolder .avatarStatus { height: 107% !important; margin: -1px 1px !important; z-index: -1 !important; } .ChatTabsContextMenu .ChatTabContextMenuItem { padding: 0 !important; } .ChatTabsContextMenu { padding-top: 0; } .ScrollToBottomButton { padding-top: 0px !important; color: rgb(var(--white)) !important; z-index: 13 !important; } .ScrollToBottomButton > span { width: 100% !important; background: rgb(var(--header_dark)) !important; } .ScrollToBottomButton.UnreadMessages > span { color: rgb(var(--focus)) !important; font-weight: 600; } /* Favorites List Unread Indicator */ /* .quickAccessFriends.compactQuickAccess .friend.quickAccessFriend .ChatUnreadMessageIndicator .chatUnreadCircle */ .quickAccessFriends.compactQuickAccess .friend.quickAccessFriend .ChatUnreadMessageIndicator .chatUnreadCircle { top: -4px !important; height: 2px !important; width: 100% !important; left: 2px !important; } /* .quickAccessFriends:not(.compactQuickAccess) .friend.quickAccessFriend .ChatUnreadMessageIndicator .chatUnreadCircle */ .quickAccessFriends:not(.compactQuickAccess) .friend.quickAccessFriend .ChatUnreadMessageIndicator .chatUnreadCircle { left: 3px !important; top: -4px !important; height: 2px !important; width: calc(100% - 6px) !important; } .Collapsed .chatSectionTitle .ChatUnreadMessageIndicator .chatUnreadCircle { background-color: transparent !important; } .ChatUnreadMessageIndicator .chatUnreadCircle { background-color: rgb(var(--focus)) !important; border-radius: 3px !important; width: 6px !important; height: 6px !important; } .chatHeader { background: rgb(var(--clientBG)) !important; min-height: 0px !important; z-index: 2; border-top: 1px solid rgb(var(--frameBorder)); } /* .chatTabList [class*="chattabs_ChatTab_"], .ChatTabsBackButton */ .chatTabList .X2iywwN7fcdh9zXpXVsrk, .ChatTabsBackButton { background: rgb(var(--clientBG)) !important; /*rgba(var(--white05))*/ border: 0 !important; /*border-bottom: 1px solid transparent !important; /* It's --focus in the original Metro but it also doesn't have profile pics to align with in that one*/ width: 170px !important; } /* [class*="chattabs_ChatTab_"] */ .X2iywwN7fcdh9zXpXVsrk { background: rgb(var(--clientBG)) !important; padding-right: 5px !important; padding-left: 7px; } .chatEntry { background: rgb(var(--textentry)) !important; padding: 0px !important; } /* [class*="chatentry_chatSubmitButton_"][class*="chatentry_disabled_"], [class*="chatentry_chatSubmitButton_"][class*="chatentry_EmbedButton_"], [class*="chatentry_chatSubmitButton_"][class*="chatentry_EmoticonPickerButton_"] */ ._1IEiKQnjHpIv-m601y6hvP._2GM2kkVRqL-SdkG4oQjUzY, ._1IEiKQnjHpIv-m601y6hvP._24xNxnnkSf6A1WY3MnCCeg, ._1IEiKQnjHpIv-m601y6hvP.K-lPMiafCuZRqjfXykujt { background-color: rgb(var(--textentry)) !important; } /* .VoiceToggle.Inactive:hover, [class*="chatentry_chatSubmitButton_"][class*="chatentry_EmbedButton_"]:hover, [class*="chatentry_chatSubmitButton_"][class*="chatentry_EmoticonPickerButton_"]:hover, [class*="chatentry_chatSubmitButton_"]:hover */ .VoiceToggle.Inactive:hover, ._1IEiKQnjHpIv-m601y6hvP._24xNxnnkSf6A1WY3MnCCeg:hover, ._1IEiKQnjHpIv-m601y6hvP.K-lPMiafCuZRqjfXykujt:hover, ._1IEiKQnjHpIv-m601y6hvP:hover { background-color: rgba(var(--white05)) !important; cursor: default !important; } .ChatMessageEntryVoice { background: transparent; color: rgba(var(--white)) !important; max-width: 46px !important; margin-left: 0px !important; padding: 0; } .ChatMessageEntryVoice.Active { background: none; } .ChatMessageEntryVoice.Disabled { opacity: 0.2; border: none !important; outline: none !important; } /* [class*="chatentry_chatSubmitButton_"] */ ._1IEiKQnjHpIv-m601y6hvP { position: relative; background-color: rgb(var(--textentry)) !important; border: 0 !important; margin-top: 0 !important; min-width: 32px !important; min-height: 40px !important; cursor: default !important; } .chatWindow .chatEntry > .compactableHeight { height: 40px !important; } .VoiceToggle { height: 40px !important; border: 0; cursor: default; } .buttonsContainer .VoiceToggleIconCtn { top: 8px !important; left: 10px; } .chatEntry .activeVoiceFlexBox { height: 28px !important; } /* .SVGIcon_Submit, [class*="chatentry_EmoticonPickerButton_"] .SVGIcon_Emoticon, [class*="chatentry_EmbedButton_"] .SVGIcon_Paperclip */ .SVGIcon_Submit, .K-lPMiafCuZRqjfXykujt .SVGIcon_Emoticon, ._24xNxnnkSf6A1WY3MnCCeg .SVGIcon_Paperclip { width: 20px !important; height: 20px !important; margin-top: 2px; margin-bottom: 2px; } .ChatMessageEntryVoice .activeVoiceButtons button { max-width: 28px !important; min-width: 28px !important; min-height: 28px !important; max-height: 28px !important; margin-top: 5px !important; } .ChatMessageEntryVoice .activeVoiceButtons { width: 64px !important; } .ChatMessageEntryVoice.pushToTalkEnabled .activeVoiceButtons { margin-top: 0; } .ChatMessageEntryVoice.pushToTalkEnabled .VoiceControlPanelButton { min-height: 14px !important; } /* .ChatMessageEntryVoice.pushToTalkEnabled .activeVoiceButtons .SVGIcon_Button.SVGIcon_Shadow */ .ChatMessageEntryVoice.pushToTalkEnabled .activeVoiceButtons .SVGIcon_Button.SVGIcon_Shadow { top: 2px !important; } .ChatMessageEntryVoice .activeVoicePushToTalk { top: 24px; right: 0px !important; width: 66px !important; text-align: center !important; color: #74c069; /* Hardcoded, must be changed */ background-color: transparent; } .VoiceToggle, .chatTextarea { background: rgb(var(--textentry)); } .ChatMessageBlock.SingletonMsg .FriendChatTimeStamp { background: none !important; } /* [class*="chatentry_chatSubmitButton_"][class*="chatentry_disabled_"] */ ._1IEiKQnjHpIv-m601y6hvP._2GM2kkVRqL-SdkG4oQjUzY { margin-left: -1px !important; display: none !important; } /* [class*="contextmenu_contextMenu_"] */ .LQkrbbayZPY11qHm01t7F { background: rgb(var(--clientBG)); padding: 0px; } /* [class*="contextmenu_contextMenu_"]::after */ .LQkrbbayZPY11qHm01t7F::after { /* Sims's idea. Thanks! */ border: 1px solid rgb(var(--frameBorder)); position: absolute; top: 0; left: 0; width: calc(100% - 2px); height: calc(100% - 2px); content: ''; z-index: 200; pointer-events: none; } /* [class*="contextmenu_contextMenuItem_"]:hover, [class*="contextmenu_contextMenuItem_"][class*="contextmenu_active_"] */ .pFo3kQOzrl9qVLPXXGIMp:hover, .pFo3kQOzrl9qVLPXXGIMp._1KPWUt7wYWSfD3V7sYpsyT { background: rgba(var(--white05)) !important; } /* [class*="contextmenu_contextMenuItem_"][class*="contextmenu_SubMenu_"] */ .pFo3kQOzrl9qVLPXXGIMp.jVo8TLdJLQjHUL3pO8px9 { padding-right: 0; } /* [class*="contextmenu_contextMenuItem_"][class*="contextmenu_SubMenu_"].SVGIcon_DownArrowContextMenu */ .pFo3kQOzrl9qVLPXXGIMp.jVo8TLdJLQjHUL3pO8px9.SVGIcon_DownArrowContextMenu { fill: rgba(var(--white)); } /* Settings windows */ /* .DialogContent, .DialogContentTransition, [class*="pagedcontent_Content_"] */ .DialogContent, .DialogContentTransition, .APT8A-fjMRZ55HRAs5T1i { background: rgb(var(--clientBG)) !important; } .DialogSlider_Value { background: rgb(var(--focus)) !important; } .DialogSlider_Grabber { background: rgba(var(--white75)) !important; } button.Primary.DialogButton:not(.Off):not(.Disabled) { background: rgb(var(--white12)); } /* [class*="radio_Button_"][class*="radio_Active_"], [class*="radio_Button_"][class*="radio_Active_"]:hover */ ._3lwcRYJ_r7x01Cn15bcdYI._3ZBFoxumQBb1JEVw_DZzaC, ._3lwcRYJ_r7x01Cn15bcdYI._3ZBFoxumQBb1JEVw_DZzaC:hover { background-color: rgb(var(--focus)); } /* [class*="toggle_Toggle_"] [class*="toggle_ToggleSwitch_"][class*="toggle_On_"] */ ._3jXWQl2Xun5nCqu_XZuWlx ._2mW8B6npDIK23Ft0oWU46I._1YqUAESt7qu1Zh60YEX9UF { background-color: rgb(var(--focus)); background-image: none; } /* [class*="toggle_Toggle_"] [class*="toggle_ToggleRail_"][class*="toggle_Highlight_"] */ ._3jXWQl2Xun5nCqu_XZuWlx .GKYwHIpJCXaWh3_8eEfAc._2l9tHgvLGdcJ28Ttj7MBdg { background-color: rgba(var(--focus), 0.3); } /* [class*="radio_Group_"] */ ._2qYC3gFAkLcB48i6dTz051 { color: rgb(var(--white)); } button.DialogButton:hover { background: rgb(var(--white24)) !important; color: rgb(var(--white)); } /* button.DialogButton:disabled, button.DialogButton:disabled:hover */ button.DialogButton:disabled, button.DialogButton:disabled:hover { background: rgb(var(--header_dark)) !important; } button.DialogButton.Primary:hover, button.DialogButton.Primary.gpfocus { color: rgb(var(--white)); } .DialogCheckbox path { stroke: rgb(var(--white)) !important; } button.DialogButton.roleButton.owner:disabled { background-color: rgb(var(--header_dark)) !important; } .Disabled .DialogOnOffToggle_Option.Active { background-color: #4f4f4f !important; /* Hardcoded, must be changed */ } .DialogDropDownMenu._DialogInputContainer { border: 1px solid #383535 !important; /* Hardcoded, must be changed */ background: rgb(var(--header_dark)) !important; } ._DialogInputContainer .DialogDropDown_Arrow .SVGIcon_DownArrowContextMenu { fill: rgba(var(--white75)) !important; } .DialogBody a { color: rgb(140, 140, 140) !important; /* Hardcoded, must be changed */ text-decoration: underline !important; } .DialogBody a:hover { color: rgba(var(--white75)) !important; } /* ._DialogTextInputBase, ._DialogInputContainer */ ._DialogTextInputBase, ._DialogInputContainer { background: rgb(var(--textentry)); } .FriendPicker_SuggestedFriend .friend:hover { background: rgb(var(--white05)); } .DialogDropDown._DialogInputContainer { color: rgba(var(--white)) !important; padding: 3px 5px !important; border: 1px solid rgb(var(--white12)); } /* [class*="voicesettings_TransmissionTypeSettings_"] */ ._9f6l1QguATU8azyynXSQM { border: 1px solid rgb(53, 53, 53) !important; /* Hardcoded, must be changed */ } .DialogDropDown._DialogInputContainer:hover { border: 1px solid rgb(var(--white24)); } .DialogDropDown_Arrow { top: 5px !important; } /* .Dialog_EditNickName .friend.online ._DialogTextInputBase, .Dialog_ChangePersonaName .friend.online ._DialogTextInputBase */ .Dialog_EditNickName .friend.online ._DialogTextInputBase, .Dialog_ChangePersonaName .friend.online ._DialogTextInputBase { border: 1px solid rgb(53, 53, 53) !important; /* Hardcoded, must be changed */ color: rgba(var(--white75)) !important; background: rgb(39, 39, 39) !important; /* Hardcoded, must be changed */ } .DialogDropDown { cursor: initial !important; } /* .DialogLabel, .DialogLabelStrong */ .DialogLabel, .DialogLabelStrong { text-transform: none !important; } .DialogDropDown_Arrow .SVGIcon_DownArrowContextMenu { fill: none !important; } /* button.DialogButton, .DialogToggleField_Option:hover:not(.Active) */ button.DialogButton, .DialogToggleField_Option:hover:not(.Active) { background: #4c4c4c; /* Hardcoded, must be changed */ } .DialogToggleField_Option { background: #343434 !important; /* Hardcoded, must be changed */ } .DialogToggleField_Option.Active { background: rgb(var(--focus)) !important; } /* .DialogLabel, .DialogLabelStrong, ._DialogInputContainer */ .DialogLabel, .DialogLabelStrong, ._DialogInputContainer { color: rgb(var(--white50)); } .DialogCheckbox_Container { padding: 0 !important; } /* ._DialogLayout:not(.DialogButton):not(.DialogContent), [class*="radio_Group_"] */ ._DialogLayout:not(.DialogButton):not(.DialogContent), ._2qYC3gFAkLcB48i6dTz051 { background: none !important; } /* [class*="pagedsettings_PagedSettingsDialog_PageListColumn_"], [class*="pagedcontent_Nav_"] */ .RTicBCbDcEGkjsbmWzA8C, ._3o6fvTcJst7E2CI8mm7R5T { background: rgb(var(--header_dark)) !important; padding-left: 0px !important; min-width: 205px !important; padding-top: 25px; } /* [class*="pagedcontent_Nav_"] */ ._3o6fvTcJst7E2CI8mm7R5T { padding-right: 0px !important; } /* [class*="pagedsettings_PagedSettingsDialog_Title_"], [class*="pagedcontent_Nav_"] [class*="pagedcontent_NavTitle_"] */ ._3qEgQJqeb0zyM12KXq64Or, ._3o6fvTcJst7E2CI8mm7R5T ._35flyR8QkcLS-uAVkJV1y { color: rgb(var(--white)) !important; font-size: 18px !important; text-transform: none !important; margin-left: 15px !important; margin-top: 0; font-weight: 200 !important; padding-left: 0px; } /* .DialogHeader, [class*="dialogs_DialogTitle_"] */ .DialogHeader, ._2sEAgtM7FebEn2IJoa0oaU { color: rgb(var(--white)) !important; font-size: 18px !important; text-transform: none !important; letter-spacing: 0px !important; font-weight: 200 !important; } /* [class*="pagedsettings_PagedSettingsDialog_PageListItem_"], [class*="pagedcontent_Nav_"] [class*="pagedcontent_NavItems_"] [class*="pagedcontent_NavItem_"] */ .bkfjn0yka2uHNqEvWZaTJ, ._3o6fvTcJst7E2CI8mm7R5T ._35rqZT0pAY4hJLqHRbaEQg ._2tYhabG7rEAJB2eolDND0O { text-transform: none !important; font-size: 14px !important; margin-bottom: 3px !important; padding: 5px 15px !important; cursor: default !important; } /* [class*="pagedsettings_PagedSettingsDialog_PageListItem_"][class*="pagedsettings_Active_"], [class*="pagedcontent_Nav_"] [class*="pagedcontent_NavItems_"] [class*="pagedcontent_NavItem_"][class*="pagedcontent_Active_"] */ .bkfjn0yka2uHNqEvWZaTJ.Myra7iGjzCdMPzitboVfh, ._3o6fvTcJst7E2CI8mm7R5T ._35rqZT0pAY4hJLqHRbaEQg ._2tYhabG7rEAJB2eolDND0O._22BLe9DAiRwH1vJMpWz-Ko { background-color: rgb(var(--white25)); color: rgb(var(--white)); } /* [class*="pagedsettings_PagedSettingsDialog_PageListItem_"]:not([class*="pagedsettings_Active_"]):hover */ .bkfjn0yka2uHNqEvWZaTJ:not(.Myra7iGjzCdMPzitboVfh):hover { background-color: rgb(var(--white12)); } /* [class*="pagedsettings_PagedSettingsDialog_PageListItem_"], [class*="pagedsettings_PagedSettingsDialog_PageListItem_"]:not([class*="pagedsettings_Active_"]):hover, [class*="pagedcontent_Nav_"] [class*="pagedcontent_NavItems_"] [class*="pagedcontent_NavItem_"], [class*="pagedcontent_Nav_"] [class*="pagedcontent_NavItems_"] [class*="pagedcontent_NavItem_"]:not([class*="pagedcontent_Active_"]):hover */ .bkfjn0yka2uHNqEvWZaTJ, .bkfjn0yka2uHNqEvWZaTJ:not(.Myra7iGjzCdMPzitboVfh):hover, ._3o6fvTcJst7E2CI8mm7R5T ._35rqZT0pAY4hJLqHRbaEQg ._2tYhabG7rEAJB2eolDND0O, ._3o6fvTcJst7E2CI8mm7R5T ._35rqZT0pAY4hJLqHRbaEQg ._2tYhabG7rEAJB2eolDND0O:not(._22BLe9DAiRwH1vJMpWz-Ko):hover { color: rgb(var(--white50)); } /* [class*="chatroomgroupsettings_LeaveButton_"] */ ._2Vi7csvNy_HVkg923w0xxv { margin-left: 0; padding-left: 5px; } .ModalPosition_TopBar { display: none; } .DialogToggleField_Option:hover:not(.Active) { background: rgb(var(--white12)); } /*.DialogCheckbox .SVGIcon_DialogCheck { overflow: rgb(var(--white)) !important; Looks like a typo }*/ .FriendsSettingsNotificationRow { background-color: transparent !important; color: rgb(140, 140, 140) !important; /* Hardcoded, must be changed */ } .MemberListColumn.MemberListViewCompact ::-webkit-scrollbar { /* Don't show the scrollbar in compact mode (but container remains scrollable) */ width: 0 !important; background: transparent !important; } /* scroll bar*/ ::-webkit-scrollbar { width: var(--scrollbarSize) !important; } .ChatTabs ::-webkit-scrollbar-thumb { background-color: transparent !important; } ::-webkit-scrollbar-thumb { border-radius: 0px !important; background: rgba(var(--white05)) !important; border: 0px solid #131313 !important; } .chatWindow ::-webkit-scrollbar, .friendlist ::-webkit-scrollbar { background: rgb(var(--clientBG)) !important; width: var(--scrollbarSize) !important; } /* scroll bar button */ ::-webkit-scrollbar-button:single-button { height: 16px !important; border-radius: 0px !important; background-color: none !important; border: 2px solid transparent !important; display: block; } /* disables scroll buttons at settings */ .DialogBody::-webkit-scrollbar-button { display: none !important; } ::-webkit-scrollbar-button:hover { background-color: rgba(var(--white05)); } /* Remove the following sections when on Linux or Mac */ /* Up */ ::-webkit-scrollbar-button:vertical:decrement { background-image: var(--arrow_up); background-repeat: no-repeat; background-position: 0px 0px; } /* Down */ ::-webkit-scrollbar-button:vertical:increment { background-image: var(--arrow_down); background-repeat: no-repeat; background-position: 0px 0px; } /* Remove the above sections when on Linux or Mac */ /* hovering for the scrollbar itself */ ::-webkit-scrollbar-thumb:hover { background-color: rgba(var(--white10)) !important; border-radius: 0px !important; } .multiChatDialog { border: 1px solid rgb(var(--frameBorder)); } .friendsListSectionTitle .chatSectionTitle .groupChatSectionTitle { position: absolute !important; left: 15px !important; /* Matched to the original Metro except for the font size of 12px, as we don't need to worry about the width here: */ font-weight: 600; letter-spacing: 0; font-family: var(--basefont); /* */ } .groupChatSectionTitle { font-weight: 600; letter-spacing: 0; font-family: var(--basefont); } /* Groups chat selected category on servers */ /* .chatRoomTextChannel.ActiveTextChannel, .chatRoomGroupNavCollapsed .chatRoomTextChannel.ActiveTextChannel:hover */ .chatRoomTextChannel.ActiveTextChannel, .chatRoomGroupNavCollapsed .chatRoomTextChannel.ActiveTextChannel:hover { background: rgb(var(--white25)); } .chatRoomGroupNavCollapsed .chatRoomTextChannel.ActiveTextChannel:hover .chatRoomTextChannelName { background: transparent; } .chatRoomGroupNavCollapsed .chatRoomVoiceChannel:not(.ActiveVoiceChannel):hover .chatRoomVoiceChannelName, .chatRoomGroupNavCollapsed .chatRoomTextChannel:hover .chatRoomTextChannelName { background-color: transparent; } /* Friend search input box */ /* .friendSearchInput[type="text"]:focus, .friendSearchInput[type="text"] */ .friendSearchInput[type="text"]:focus, .friendSearchInput[type="text"] { background-color: rgb(var(--textentry)) !important; color: rgb(var(--white)); } .SearchActive .friendSearchClear { opacity: 0; } .friendSearchClear:hover { opacity: 0.5; } .friendSearchClear { cursor: default; } .SearchActive:focus-within .friendSearchClear:not(:hover) { opacity: 1; } /* Random stuff from groups area on friends list */ .chatRoomVoiceChannel .ActiveVoiceChannel { background-color: #191b1b !important; } .ChatRoomListGroupItem .openGroupButton:hover { background-color: #2f2e2e !important; } /* Voice control */ .activeVoiceControls { background: transparent !important; border-image: none !important; border-color: rgb(0, 163, 0) !important; border-top: 0; } .OneOnOneVoiceStatusLabel { margin-top: 1px; overflow: hidden; white-space: normal; } .OneOnOneVoiceActive { background: rgb(var(--header_dark)) !important; border-bottom: 1px solid rgb(var(--frameBorder)) !important; } /* Change cursor at groups */ .voiceRoomDragBar { cursor: initial !important; } /* Group chats List Height remake */ .chatRoomListContainer[style="height: 0px; max-height: 0px; min-height: 0px;"] { display: none !important; } .chatRoomListContainer { height: 100vh !important; max-height: calc(100vh - 121px) !important; } /* Friends remove height and remake height */ .friendlistListContainer { min-height: 0px !important; } /* Group chats Button Clickable Area */ .ToggleGroupChatList { position: absolute !important; z-index: 11 !important; right: 50px !important; width: 100% !important; height: 30px !important; } .Collapsed .ToggleGroupChatList svg { display: none; } /* .FriendsListChatSection.ChatRoomListContainerParent .ToggleGroupChatList .SVGIcon_DoubleArrow */ .FriendsListChatSection.ChatRoomListContainerParent .ToggleGroupChatList .SVGIcon_DoubleArrow { width: 123px !important; height: 8px !important; margin-top: 11px !important; } /* chat window message entry box */ /* [class*="chatentry_chatEntryControls_"] */ ._2gP0DqVyb1aEACymAe6if3 { background-color: rgb(var(--textentry)) !important; padding-right: 0px !important; color: rgb(var(--white)) !important; } /*the box where you type*/ /* [class*="chatentry_chatTextarea_"] */ .pewyBQoFSgFWo_Ms99aRm { font-size: 13px !important; background-color: rgb(var(--textentry)) !important; height: 29px !important; padding: 5px 5px 5px 5px !important; color: rgb(var(--white)) !important; } /* [class*="chatentry_chatEntryControls_"] [class*="chatentry_chatSubmitButton_"] */ ._2gP0DqVyb1aEACymAe6if3 ._1IEiKQnjHpIv-m601y6hvP { margin-bottom: 0px !important; } /* .ChatTabs.compactView .friend [class*="personanameandstatus_richPresenceLabel_"] */ .ChatTabs.compactView .friend ._1k82NiWym4STegDGxRBHz2 { line-height: 13px !important; font-size: 12px !important; margin-top: 1px !important; } /* .ChatTabs.compactView .chatTabList .chatTab, .ChatTabs.compactView .ChatTabsBackButton */ .ChatTabs.compactView .chatTabList .chatTab, .ChatTabs.compactView .ChatTabsBackButton { height: 34px !important; } /* .ingame.awayOrSnooze [class*="personanameandstatus_richPresenceLabel_"], .ingame [class*="personanameandstatus_richPresenceLabel_"], .ingame [class*="personanameandstatus_richPresenceLabel_"] a, .ingame [class*="personanameandstatus_richPresenceLabel_"] a:hover, .ingame [class*="personanameandstatus_richPresenceLabel_"] a:active, .ingame [class*="personanameandstatus_richPresenceLabel_"] a:visited */ .ingame.awayOrSnooze ._1k82NiWym4STegDGxRBHz2, .ingame ._1k82NiWym4STegDGxRBHz2, .ingame ._1k82NiWym4STegDGxRBHz2 a, .ingame ._1k82NiWym4STegDGxRBHz2 a:hover, .ingame ._1k82NiWym4STegDGxRBHz2 a:active, .ingame ._1k82NiWym4STegDGxRBHz2 a:visited { color: rgba(var(--ingame), 0.75) !important; } /* .ingame [class*="personanameandstatus_gameName_"][class*="personanameandstatus_richPresenceLabel_"], .ingame [class*="personanameandstatus_gameName_"][class*="personanameandstatus_richPresenceLabel_"] a, .ingame [class*="personanameandstatus_gameName_"][class*="personanameandstatus_richPresenceLabel_"] a:hover, .ingame [class*="personanameandstatus_gameName_"][class*="personanameandstatus_richPresenceLabel_"] a:active, .ingame [class*="personanameandstatus_gameName_"][class*="personanameandstatus_richPresenceLabel_"] a:visited, .ingame[class*="personanameandstatus_twoLine_"] [class*="personanameandstatus_richPresenceLabel_"] */ .ingame ._2wpaptjZY-3Gn1HOPlL85O._1k82NiWym4STegDGxRBHz2, .ingame ._2wpaptjZY-3Gn1HOPlL85O._1k82NiWym4STegDGxRBHz2 a, .ingame ._2wpaptjZY-3Gn1HOPlL85O._1k82NiWym4STegDGxRBHz2 a:hover, .ingame ._2wpaptjZY-3Gn1HOPlL85O._1k82NiWym4STegDGxRBHz2 a:active, .ingame ._2wpaptjZY-3Gn1HOPlL85O._1k82NiWym4STegDGxRBHz2 a:visited, .ingame._27M2GicEvwcoEI5R0FSKi9 ._1k82NiWym4STegDGxRBHz2 { color: rgb(var(--ingame)) !important; } /* .online [class*="personanameandstatus_richPresenceLabel_"], .online [class*="personanameandstatus_gameName_"][class*="personanameandstatus_richPresenceLabel_"] a, .online [class*="personanameandstatus_gameName_"][class*="personanameandstatus_richPresenceLabel_"] a:hover, .online [class*="personanameandstatus_gameName_"][class*="personanameandstatus_richPresenceLabel_"] a:active, .online [class*="personanameandstatus_gameName_"][class*="personanameandstatus_richPresenceLabel_"] a:visited */ .online ._1k82NiWym4STegDGxRBHz2, .online ._2wpaptjZY-3Gn1HOPlL85O._1k82NiWym4STegDGxRBHz2 a, .online ._2wpaptjZY-3Gn1HOPlL85O._1k82NiWym4STegDGxRBHz2 a:hover, .online ._2wpaptjZY-3Gn1HOPlL85O._1k82NiWym4STegDGxRBHz2 a:active, .online ._2wpaptjZY-3Gn1HOPlL85O._1k82NiWym4STegDGxRBHz2 a:visited { color: rgb(var(--online)) !important; } /* .ingame [class*="personanameandstatus_playerName_"] */ .ingame .r62qzcdJQ0qezZglOtiUX { color: rgb(var(--ingame)) !important; } /* .currentUserContainer .ingame [class*="personanameandstatus_playerName_"], .friend.ingame */ .currentUserContainer .ingame .r62qzcdJQ0qezZglOtiUX, .friend.ingame { color: rgb(var(--ingame)) !important; } /* .online [class*="personanameandstatus_playerName_"] */ .online .r62qzcdJQ0qezZglOtiUX { color: rgb(var(--online)) !important; } /* .ingame [class*="steamavatar_avatarStatus_"], .ingame .X-Large [class*="steamavatar_avatarStatus_"] */ .ingame ._1yIzy56YfJIliF6ykwhP2r, .ingame .X-Large ._1yIzy56YfJIliF6ykwhP2r { background: rgb(var(--ingame)) !important; } /* .online [class*="steamavatar_avatarStatus_"] */ .online ._1yIzy56YfJIliF6ykwhP2r { background: rgb(var(--online)) !important; } .FriendChatTimeStamp { font-size: 10px !important; display: none !important; } .FriendChatTimeStamp.online { color: #4b8fcc !important; } .FriendChatSpeaker .speaker.online { color: rgb(var(--online)) !important; } .FriendChatSpeaker .speaker.ingame { color: rgb(var(--ingame)) !important; } /* .ChatHistoryContainer .nameWidthLabel, .ChatSpeaker .speaker */ .ChatHistoryContainer .nameWidthLabel, .ChatSpeaker .speaker { font-size: 13px; } .chatHistoryScroll { padding: 5px 0px 16px 1px !important; scroll-padding-top: auto; scroll-padding-bottom: auto; } .window_resize_grip { background-image: none !important; width: 5px !important; height: 5px !important; } .inviteAnotherFriendButton { background: transparent !important; cursor: initial !important; } /* .inviteAnotherFriendButton:hover .invitePlus, .chatRoomButton:hover:not(.Disabled) .invitePlus */ .inviteAnotherFriendButton:hover .invitePlus, .chatRoomButton:hover:not(.Disabled) .invitePlus { transform: none !important; } .chatWindow .chatEntry > * { margin-bottom: 0; } .singlewindow .chatWindow .chatEntry { padding-left: 0px !important; padding-right: 0px !important; } .OneOnOneVoiceClose { background-color: rgb(var(--white12)); z-index: 200 !important; } /*emoticons and attachments area*/ /* [class*="chatentry_chatEntryActionsGroup_"] */ ._3grea2u6WuuGLHj9gJFmzY { background-color: rgb(var(--textentry)) !important; padding: 0px !important; margin-left: 0px !important; min-height: 40px; } /*arrow at tab selection*/ .chatTabSelector { background: none !important; border: 0; width: 18px; height: 16px !important; margin: 9px 3px 0px 6px; cursor: initial !important; } .chatTabSelector .SVGIcon_DownArrowContextMenu { margin-left: 2px !important; margin-top: 2px !important; fill: rgb(var(--white35)) !important; width: 100%; height: 100%; } .FriendChatTypingNotification { background-color: transparent; background: linear-gradient(to top, rgb(var(--clientBG)) 95%, transparent 0); color: #8c8c8c; padding: 0px 4px 0px 10px; font-weight: 300; text-transform: uppercase; } /* [class*="chattabs_ChatTab_"] .chatTabHighlight */ .X2iywwN7fcdh9zXpXVsrk .chatTabHighlight { height: 0px !important; z-index: 20 !important; background: none !important; } /* [class*="chattabs_ChatTab_"]:not([class*="chattabs_Active_"]) .chatTabHighlight */ .X2iywwN7fcdh9zXpXVsrk:not(._1BNlZUYDbVr8VhCTmq7ksk) .chatTabHighlight { background: none !important; } /* [class*="contextmenu_contextMenuContents_"] */ ._2y2tUbsMx8OIwkimGSyHmb { font-size: 12px !important; } /* [class*="contextmenu_contextMenuItem_"] */ .pFo3kQOzrl9qVLPXXGIMp { padding: 4px 10px !important; line-height: 16px !important; color: rgb(var(--white)) !important; border-top: none !important; border-bottom: none !important; } /* [class*="contextmenu_contextMenuItem_"] li:nth-child(2) */ .pFo3kQOzrl9qVLPXXGIMp li:nth-child(2) { display: none !important; } /* .contextMenuUnselectable:hover, .contextMenuGameTitle, .contextMenuBroadcast, .contextMenuGameOptions */ .contextMenuUnselectable:hover, .contextMenuGameTitle, .contextMenuBroadcast, .contextMenuGameOptions { background-color: rgb(var(--clientBG)) !important; } .contextMenuGameTitle { border-top: 1px solid rgb(var(--white12)) !important; } .contextMenuGameOptions .SVGIcon_Play { display: none !important; } /* html[class*="contextmenu_ContextMenuPopup_"] [class*="contextmenu_contextMenuContents_"] */ html._2GpKTB_eizdXpH2xVGbMKi ._2y2tUbsMx8OIwkimGSyHmb { padding: 0 !important; } .currentUserAvatar:hover { transform: none !important; filter: none !important; } /* [class*="miniprofile_miniProfileBackground_"] */ ._108IPFOOzK5rCCHyQTvvcx { background: rgba(var(--clientBG)); } /* [class*="miniprofile_miniProfileBackgroundBlur_"] */ .QTyZxuJqRp2J8MTHlwPnc { opacity: 0 !important; } /* [class*="miniprofile_miniProfileContent_"] [class*="miniprofile_miniProfilePlayer_"].in-game [class*="miniprofile_personaName_"]:not([class*="miniprofile_hasNickname_"]) [class*="miniprofile_personaNameLabel_"], [class*="miniprofile_miniProfileContent_"] [class*="miniprofile_miniProfilePlayer_"].in-game [class*="miniprofile_personaName_"][class*="miniprofile_nickName_"] [class*="miniprofile_personaNameLabel_"] */ ._3QoRRxsgnDolcCPCrAPm47 ._25tjYDzXV5ikVRTYuo3gkg.in-game .K3kJzGQ5wihTMCijNJlBv:not(._2lhxiWpu1TQo8jSZm2VHsN) ._1NqKJdLf1QCef95pyZZwmL, ._3QoRRxsgnDolcCPCrAPm47 ._25tjYDzXV5ikVRTYuo3gkg.in-game .K3kJzGQ5wihTMCijNJlBv._1oOq4b51Mdj1pZboaWOvOL ._1NqKJdLf1QCef95pyZZwmL { color: rgb(var(--ingame)); } /* [class*="miniprofile_miniProfileContent_"] [class*="miniprofile_miniProfilePlayer_"].online [class*="miniprofile_personaName_"]:not([class*="miniprofile_hasNickname_"]) [class*="miniprofile_personaNameLabel_"], [class*="miniprofile_miniProfileContent_"] [class*="miniprofile_miniProfilePlayer_"].online [class*="miniprofile_personaName_"][class*="miniprofile_nickName_"] [class*="miniprofile_personaNameLabel_"] */ ._3QoRRxsgnDolcCPCrAPm47 ._25tjYDzXV5ikVRTYuo3gkg.online .K3kJzGQ5wihTMCijNJlBv:not(._2lhxiWpu1TQo8jSZm2VHsN) ._1NqKJdLf1QCef95pyZZwmL, ._3QoRRxsgnDolcCPCrAPm47 ._25tjYDzXV5ikVRTYuo3gkg.online .K3kJzGQ5wihTMCijNJlBv._1oOq4b51Mdj1pZboaWOvOL ._1NqKJdLf1QCef95pyZZwmL { color: rgb(var(--online)); } /* [class*="miniprofile_miniProfileContent_"] [class*="miniprofile_miniProfilePlayer_"][class*="miniprofile_online_"] [class*="miniprofile_nickname_"], [class*="miniprofile_miniProfileContent_"] [class*="miniprofile_miniProfilePlayer_"][class*="miniprofile_online_"] [class*="miniprofile_persona_"], [class*="miniprofile_miniProfileContent_"] [class*="miniprofile_miniProfilePlayer_"].online [class*="miniprofile_playerContent_"] [class*="miniprofile_awayStatusLabel_"] */ ._3QoRRxsgnDolcCPCrAPm47 ._25tjYDzXV5ikVRTYuo3gkg.miniprofile_online_ .drAAsgW-ufgBGjQ4mIfiJ, ._3QoRRxsgnDolcCPCrAPm47 ._25tjYDzXV5ikVRTYuo3gkg.miniprofile_online_ ._2TAMH-SbRqivpq6WNRR-VH, ._3QoRRxsgnDolcCPCrAPm47 ._25tjYDzXV5ikVRTYuo3gkg.online ._1oD1aSbwaTNwncgaVdaSv8 ._1nBxb6NZrm5NL86Cmgo4g2 { color: rgb(var(--online)); } /* [class*="miniprofile_miniProfileContent_"] [class*="miniprofile_playerContent_"] [class*="miniprofile_persona_"] [class*="miniprofile_personaName_"][class*="miniprofile_hasNickname_"] [class*="miniprofile_personaNameLabel_"] */ ._3QoRRxsgnDolcCPCrAPm47 ._1oD1aSbwaTNwncgaVdaSv8 ._2TAMH-SbRqivpq6WNRR-VH .K3kJzGQ5wihTMCijNJlBv._2lhxiWpu1TQo8jSZm2VHsN ._1NqKJdLf1QCef95pyZZwmL { color: rgb(var(--offline)); } /* [class*="miniprofile_miniProfileContent_"] [class*="miniprofile_miniProfilePlayer_"].online [class*="miniprofile_playerAvatar_"] */ ._3QoRRxsgnDolcCPCrAPm47 ._25tjYDzXV5ikVRTYuo3gkg.online ._2rDsqxyJxBWUKDmY1lZ1Vw { border-bottom: 2px solid rgb(var(--online)) !important; } /* [class*="miniprofile_miniProfileContent_"][class*="miniprofile_miniProfilePlayer_"].in-game [class*="miniprofile_playerAvatar_"] */ ._3QoRRxsgnDolcCPCrAPm47._25tjYDzXV5ikVRTYuo3gkg.in-game ._2rDsqxyJxBWUKDmY1lZ1Vw { border-bottom: 2px solid rgb(var(--ingame)) !important; } /* [class*="personastatusicons_PersonaStatusIcon_"].online .SVGIcon_VR path, [class*="personastatusicons_PersonaStatusIcon_"].online .SVGIcon_MobilePhone path, [class*="personastatusicons_PersonaStatusIcon_"].online .SVGIcon_BigPicture path */ ._1YsWjZbxFewllb2PX6ZhNm.online .SVGIcon_VR path, ._1YsWjZbxFewllb2PX6ZhNm.online .SVGIcon_MobilePhone path, ._1YsWjZbxFewllb2PX6ZhNm.online .SVGIcon_BigPicture path { fill: rgb(var(--online)) !important; } /* [class*="personastatusicons_PersonaStatusIcon_"].ingame .SVGIcon_VR path, [class*="personastatusicons_PersonaStatusIcon_"].ingame .SVGIcon_MobilePhone path, [class*="personastatusicons_PersonaStatusIcon_"].ingame .SVGIcon_BigPicture path */ ._1YsWjZbxFewllb2PX6ZhNm.ingame .SVGIcon_VR path, ._1YsWjZbxFewllb2PX6ZhNm.ingame .SVGIcon_MobilePhone path, ._1YsWjZbxFewllb2PX6ZhNm.ingame .SVGIcon_BigPicture path { fill: rgb(var(--ingame)) !important; } .friendListButtons { right: 4px !important; top: 27px !important; } /* Glow of unread messages*/ .ChatUnreadMessageIndicator { background: none !important; } .chatSectionTitle .ChatUnreadMessageIndicator { top: 12px !important; padding: 0 !important; left: 5px !important; height: 6px !important; width: 6px !important; background: rgb(var(--focus)) !important; border-radius: 3px !important; } /* [class*="chattabs_UnreadCircle_"] */ ._2NKkBU2gEImqo4YaPQ9Lck { background-color: rgb(var(--focus)) !important; border-radius: 50% !important; } /* [class*="chattabs_UnreadGlow_"] */ ._2z-o5GLHkTjJrgQAgz2uqh { background: none !important; } /* [class*="chattabs_Active_"] .chatTabUnreadBadge */ ._1BNlZUYDbVr8VhCTmq7ksk .chatTabUnreadBadge { display: none !important; } /* .chatTab.ChatTabTransiton-exit, .chatTab.ChatTabTransiton-exit-active, .chatTab.ChatTabTransiton-appear-active, .chatTab.ChatTabTransiton-enter-active, .chatTab.ChatTabTransiton-appear, .chatTab.ChatTabTransiton-enter */ .chatTab.ChatTabTransiton-exit, .chatTab.ChatTabTransiton-exit-active, .chatTab.ChatTabTransiton-appear-active, .chatTab.ChatTabTransiton-enter-active, .chatTab.ChatTabTransiton-appear, .chatTab.ChatTabTransiton-enter { transform: none !important; } /* [class*="emoticon_EmoticonSelector_Separator_"] [class*="emoticon_EmoticonSelector_SeparatorBackground_"] */ ._2rHxROFxWkZaLXjZSiY_Hq ._2VvGxXs4cHlRanfWIJJhoi { height: 1px !important; background: black !important; } /*Suggested commands and emoticons*/ /* [class*="suggestdialog_suggestOption_"] */ ._2vKzaUZjsSot6P6v7AhDga { color: rgb(var(--white)) !important; background-color: rgb(var(--clientBG)) !important; line-height: 20px !important; margin: 0 !important; padding: 2px !important; padding-left: 22px !important; } /* [class*="suggestdialog_mentionDialog_"] */ ._3cYwTZottPHUZlRdtGxHI0 { padding: 0 !important; background: rgb(var(--clientBG)); border: 1px solid rgb(var(--frameBorder)); width: fit-content; } .currentUserContainer .ContextMenuButton { padding-top: 0px !important; opacity: 0.6 !important; } .titleBarContainer .currentUserContainer .ContextMenuButton { margin-top: -2px !important; margin-bottom: 2px !important; } /* [class*="suggestdialog_suggestOption_"][class*="suggestdialog_selected_"] */ ._2vKzaUZjsSot6P6v7AhDga.vuyQsbjGz1XyM66XierTV { color: !important; background-color: rgb(var(--white05)) !important; padding-left: 22px !important; } /* .timeDivision.time_passes .preHorizDivider, .timeDivision.time_passes .horizDivider */ .timeDivision.time_passes .preHorizDivider, .timeDivision.time_passes .horizDivider { border: none; border-top: 1px solid rgb(var(--white12)); margin-left: 0; } .timeDivision .preHorizDivider { width: 15%; } /* .timeDivision .preHorizDivider, .timeDivision .horizDivider */ .timeDivision .preHorizDivider, .timeDivision .horizDivider { background-color: transparent; } .msg.timeDivision { font-size: 12px; color: rgb(var(--offline)); font-family: var(--basefont); font-size: 13px; } /*Connection issues message*/ .ConnectionTroubleContent { background: rgb(var(--focus)) !important; } /*URLs*/ /* .msg a, [class*="bbcode_ChatMessageSteamStore_Name_"] */ .msg a, .Dcb5QTOPquvCQfALEITUv { color: rgba(var(--white75)) !important; text-decoration: underline !important; border-bottom: none !important; } /* .msg .OpenGraphMessageURL, .OpenGraphMessageURL_full */ .msg .OpenGraphMessageURL, .OpenGraphMessageURL_full { color: rgba(var(--white75)) !important; } /* .msg a:hover, [class*="bbcode_ChatMessageSteamStore_Name_"]:hover, .BBCodeTitle:hover */ .msg a:hover, .Dcb5QTOPquvCQfALEITUv:hover, .BBCodeTitle:hover { color: !important; border-bottom: none !important; filter: brightness(0.9) !important; } /*selected text for copying etc*/ ::selection { background: rgba(var(--focus), 0.9) !important; } .SVGIcon_MobilePhone { fill: none !important; } /* .chatTabSelector .SVGIcon_DownArrowContextMenu:hover, .chatTabSelector.UnreadMessages .SVGIcon_DownArrowContextMenu:hover */ .chatTabSelector .SVGIcon_DownArrowContextMenu:hover, .chatTabSelector.UnreadMessages .SVGIcon_DownArrowContextMenu:hover { fill: rgb(var(--white75)) !important; } /* .chatTabList [class*="chattabs_ChatTab_"]:not([class*="chattabs_Active_"]) */ .chatTabList .X2iywwN7fcdh9zXpXVsrk:not(._1BNlZUYDbVr8VhCTmq7ksk) { background: rgb(var(--header_dark)) !important; /*border-bottom: 1px solid rgb(var(--frameBorder)) !important;*/ } /* [class*="chattabs_ChatTab_"]:not([class*="chattabs_Active_"]) [class*="chattabs_ChatTabContent_Friend_"], [class*="chattabs_ChatTab_"]:not([class*="chattabs_Active_"]) [class*="chattabs_ChatTabContent_ChatRoom_"] */ .X2iywwN7fcdh9zXpXVsrk:not(._1BNlZUYDbVr8VhCTmq7ksk) ._3tIp1VL2rG6tO8sY0CeRl9, .X2iywwN7fcdh9zXpXVsrk:not(._1BNlZUYDbVr8VhCTmq7ksk) ._3p2bEOYMWv-ZZ3bp9vqFjb { filter: grayscale(100%) !important; opacity: 0.5 !important; } /* [class*="chattabs_ChatTab_"]:hover:not([class*="chattabs_Active_"]), .ChatTabsContextMenu [class*="chattabs_ChatTab_"]:hover */ .X2iywwN7fcdh9zXpXVsrk:hover:not(._1BNlZUYDbVr8VhCTmq7ksk), .ChatTabsContextMenu .X2iywwN7fcdh9zXpXVsrk:hover { background-color: rgba(var(--white05)) !important; } .msg.ChatMsgSlashEmote .speaker { background: rgb(var(--textentry)) !important; color: rgb(var(--online)) !important; } /*group chat member count*/ .statMembersOnline { color: rgb(var(--online)) !important; } .statMembersInGame { color: rgb(var(--ingame)) !important; } .inviteButton.inviteButtonJoinVoice { background: rgb(var(--white12)); } .inviteButton.inviteButtonJoinVoice:hover { background: rgb(var(--white24)); } .OneOnOneVoiceRoomControls { background-color: rgb(var(--clientBG)) !important; white-space: nowrap; border-bottom: 1px solid rgb(var(--frameBorder)); } .msg.voiceChannelInvite { color: rgba(var(--white50)) !important; float: left; } .SlashCommandSuggestion_SlashCommandDescription { color: rgba(var(--white)) !important; } .SingleUserChat .msg { margin-right: 4px !important; } .SingleUserChat .msgText { margin-right: 6px !important; margin-left: 8px !important; } .MultiUserChat .isCurrentUser .msgText { color: rgb(var(--offline)) !important; } /*Unread notification circle in chat context menu*/ /* .ChatTabsContextMenu.compactView .ChatTabContextMenuItem .TabRightContainer .chatTabUnreadBadge:before */ .ChatTabsContextMenu.compactView .ChatTabContextMenuItem .TabRightContainer .chatTabUnreadBadge::before { right: 0px !important; background-color: rgb(var(--focus)) !important; } .ChatTabContextMenuItem .TabRightContainer .chatTabUnreadBadge { display: initial !important; background: none !important; } /*Friend request and Add friend buttons*/ /* .addFriendButton:hover .SVGIcon_AddFriend .plusCircle, .friendRequestButton:hover .requestsNumber */ .addFriendButton:hover .SVGIcon_AddFriend .plusCircle, .friendRequestButton:hover .requestsNumber { transform: none !important; } /* .addFriendButton:hover .SVGIcon_AddFriend, .friendRequestButton:hover .SVGIcon_FriendRequest */ .addFriendButton:hover .SVGIcon_AddFriend, .friendRequestButton:hover .SVGIcon_FriendRequest { background-color: rgba(var(--white05)) !important; } /* .friendRequestButton:hover:not(.friendRequestViewActive) .SVGIcon_FriendRequest .friendArm */ .friendRequestButton:hover:not(.friendRequestViewActive) .SVGIcon_FriendRequest .friendArm { animation-name: none !important; } .ContextMenuButton { cursor: default !important; } button.DialogButton { color: rgb(var(--white)); background: rgba(var(--white12)); cursor: default; } .voiceMicTestContainer { padding: 0 !important; } .voiceSelfDirections { background-color: rgb(var(--clientBG)) !important; } button.DialogButton.Primary:hover { background: rgb(var(--white24)); } /* .NonInlinedEmbed .SVGIcon_Video path, .NonInlinedEmbed .SVGIcon_Image path, .NonInlinedEmbed .SVGIcon_Hyperlink */ .NonInlinedEmbed .SVGIcon_Video path, .NonInlinedEmbed .SVGIcon_Image path, .NonInlinedEmbed .SVGIcon_Hyperlink { fill: rgb(var(--white)) !important; stroke: rgb(var(--white)) !important; } /* Hide status icons (mobile, VR, etc) from some areas*/ /* .currentUserContainer [class*="personastatusicons_PersonaStatusIcon_"][class*="personastatusicons_MobilePhoneIcon_"], [class*="miniprofile_miniProfile_"] [class*="personastatusicons_PersonaStatusIcon_"] */ .currentUserContainer ._1YsWjZbxFewllb2PX6ZhNm._3pGV8dWHnZMYHcytHxo6pw, ._1AMAp6cciTbpuVe8FTH3rK ._1YsWjZbxFewllb2PX6ZhNm { display: none !important; } /* .ChatRoomSpeaker .speaker .speakerAvatar, .ChatMsgSlashEmote .speaker .speakerAvatar */ .ChatRoomSpeaker .speaker .speakerAvatar, .ChatMsgSlashEmote .speaker .speakerAvatar { display: none; } /* [class*="messages_SpeakerName_Online_"] */ ._2EAaUMq8cHVzfuKK6YQnpR { color: rgb(var(--online)) !important; } /* [class*="messages_SpeakerName_InGame_"] */ ._1siGy9uIqY5Aairhl31PTI { color: rgb(var(--ingame)) !important; } /* [class*="chattabs_ChatTabContent_Friend_"] .friend.offline .avatarHolder, [class*="chattabs_ChatTabContent_Friend_"] .friend.awayOrSnooze .avatarHolder */ ._3tIp1VL2rG6tO8sY0CeRl9 .friend.offline .avatarHolder, ._3tIp1VL2rG6tO8sY0CeRl9 .friend.awayOrSnooze .avatarHolder { filter: brightness(60%) !important; } .friend.offline .avatarHolder img.avatar { filter: none !important; } .speakerTimeStamp { font-size: 13px; color: rgb(var(--offline)); line-height: normal; align-self: center; } .largeChatFont .speakerTimeStamp { line-height: 20px; font-size: 16px; } .MultiUserChat .msg:not(.ChatMsgSlashEmote) { padding-left: 9px !important; } .MultiUserChat .msg { padding: 0 !important; } .msg { line-height: 23px !important; /* Aligned with the original Metro */ } .ChatRoomSpeaker { padding-top: 0px !important; margin-top: 5px; margin-bottom: 2px; } .msg.serverMsg .msgText { text-align: left !important; color: rgb(var(--white50)) !important; cursor: text; } /* [class*="miniprofile_miniProfile_"] */ ._1AMAp6cciTbpuVe8FTH3rK { border: none; } /* [class*="miniprofile_miniProfileContent_"] */ ._3QoRRxsgnDolcCPCrAPm47 { border: 1px solid rgb(var(--frameBorder)); } /*Nickname * indicator in chat window*/ .chatBody .playerNicknameBracket { display: none !important; } /*new emoticon icon color*/ /* [class*="emoticon_NewEmoticonIndicator_"] */ ._3B1SUx7hDHl_0zpJXbJMcC { background: none !important; top: 98% !important; right: 0% !important; left: 0% !important; } /* [class*="emoticon_NewEmoticonIndicator_"] [class*="emoticon_NewEmoticonCircle_"] */ ._3B1SUx7hDHl_0zpJXbJMcC ._2ZOluvz9PNJJ_h5yPgdIGP { width: 100% !important; height: 1px !important; background-color: rgb(var(--focus)) !important; } /* [class*="steamavatar_avatarFrame_"] */ ._3atbNcPD1_nRVTjOvryjWe { display: var(--avatarframes); } /* Hide status line of inactive tabs */ /* [class*="chattabs_ChatTab_"]:not([class*="chattabs_Active_"]) [class*="chattabs_ChatTabContent_Friend_"] .avatarHolder .avatarStatus, [class*="chattabs_ChatTab_"]:not([class*="chattabs_Active_"]) [class*="chattabs_ChatTabContent_Friend_"] [class*="steamavatar_avatarFrame_"] */ .X2iywwN7fcdh9zXpXVsrk:not(._1BNlZUYDbVr8VhCTmq7ksk) ._3tIp1VL2rG6tO8sY0CeRl9 .avatarHolder .avatarStatus, .X2iywwN7fcdh9zXpXVsrk:not(._1BNlZUYDbVr8VhCTmq7ksk) ._3tIp1VL2rG6tO8sY0CeRl9 ._3atbNcPD1_nRVTjOvryjWe { opacity: 0 !important; } /* [class*="chattabs_ChatTab_"]:not([class*="chattabs_Active_"]) [class*="chattabs_ChatTabContent_Friend_"] [class*="steamavatar_avatar_"] */ .X2iywwN7fcdh9zXpXVsrk:not(._1BNlZUYDbVr8VhCTmq7ksk) ._3tIp1VL2rG6tO8sY0CeRl9 ._1p_QrI3ixF-RAwnxad9pEm { border: 1px solid transparent !important; } .NonInlinedEmbed .SVGIcon_Hyperlink { display: none !important; } /*Invite box*/ .ChatMessageInvite { background: rgb(var(--black45)); border-left: 3px solid rgb(var(--focus)); color: rgb(var(--white75)); } .inviteButton { background: rgb(var(--white12)); } .inviteButton:hover { background: rgb(var(--white24)); } /* .msg.ChatMessageInvite .invitedTimeLabel, .Invite_ExpireTime */ .msg.ChatMessageInvite .invitedTimeLabel, .Invite_ExpireTime { color: rgb(var(--white75)); } /* .gameInviteMsg .productImage.productImageBlur, .broadcastInviteMsg .productImage.productImageBlur, .broadcastViewRequestMsg .productImage.productImageBlur */ .gameInviteMsg .productImage.productImageBlur, .broadcastInviteMsg .productImage.productImageBlur, .broadcastViewRequestMsg .productImage.productImageBlur { filter: opacity(0) !important; } /*Embedded elements*/ /* .msg div.ChatMessageOpenGraph, .msg div.SteamPublishedFile, .BBCodeYouTubeComponent, [class*="bbcode_ChatMessageTweet_"]:not([class*="bbcode_ChatMessageTweet_Body"]):not([class*="bbcode_ChatMessageTweet_Header"]):not([class*="bbcode_ChatMessageTweet_Logo"]):not([class*="bbcode_ChatMessageTweet_ScreenName"]):not([class*="bbcode_ChatMessageTweet_Verified"]):not([class*="bbcode_ChatMessageTweet_Footer"]):not([class*="bbcode_ChatMessageTweet_Name"]):not([class*="bbcode_ChatMessageTweet_Created"]), .BBCodeOEmbedComponent, [class*="bbcode_ChatMessageSteamStore_Failed_"], [class*="bbcode_ChatMessageSteamStore_"]:not([class*="_ViewStore_"]):not([class*="_Footer_"]):not([class*="_Header"]):not([class*="Details"]):not([class*="_Name"]):not([class*="_GameNameAndIcon"]):not([class*="_Description"]):not([class*="bbcode_ChatMessageSteamStore_Body"]):not([class*="bbcode_ChatMessageSteamStore_Pricing"]) */ .msg div.ChatMessageOpenGraph, .msg div.SteamPublishedFile, .BBCodeYouTubeComponent, ._1m1WP_hR7KrV2mNhxk0SZd:not(._1fqeTSmMdlqGxE5pVy7Vvi):not(.EHnVOAK9M-X6Dnpc-hj-_):not(._9fxkZdblcYBoiZAHiCLxE):not(._3dCX6PWJbqPiFBfRPGgAdQ):not(._1yadQlvkNbav40EiMZZDsy):not(._2W2cCAK3NSwz8nFf1y8J9A):not(._19_eY66ItsRWFz8S_urwH7):not(._1m1WP_hR7KrV2mNhxk0SZd), .BBCodeOEmbedComponent, ._3NgkbkQ2UEVdJZysdvBdL_, ._2Aj4bTkiMFJlW7Rs3O_PsQ:not(._ViewStore_):not(._Footer_):not(._Header):not(.Details):not(._Name):not(._GameNameAndIcon):not(._Description):not(._13jaTds2RypYM3snz86HjU):not(.-zHPw-Gz7zp-8qsn-gdgV) { background: rgb(var(--black45)); } /* [class*="bbcode_ChatMessageSteamStore_Header_"] */ ._2ktrJC0Nx4wPGhE06kRh48 { background: none !important; } /* .BBCodeCollapsed, .BBCodeCollapsed:hover */ .BBCodeCollapsed, .BBCodeCollapsed:hover { background-color: rgba(0, 0, 0, 0.45) !important; } /* [class*="bbcode_ChatMessageTweet_"], [class*="bbcode_ChatMessageSteamStore_Failed_"], [class*="bbcode_ChatMessageSteamStore_"]:not([class*="bbcode_ChatMessageSteamStore_ViewStore_"]), [class*="bbcode_ChatMessageSteamStore_"]:not([class*="bbcode_ChatMessageSteamStore_ViewStore_"]) span */ ._1m1WP_hR7KrV2mNhxk0SZd, ._3NgkbkQ2UEVdJZysdvBdL_, ._2Aj4bTkiMFJlW7Rs3O_PsQ:not(._2dMaNzEX17c_Y8vZ14ke83), ._2Aj4bTkiMFJlW7Rs3O_PsQ:not(._2dMaNzEX17c_Y8vZ14ke83) span { color: rgb(var(--white75)) !important; } .OpenGraphImgBackground .ChatMessageOpenGraph_Image { display: none !important; } /*Search box at the top of friends list*/ .TabSearchButton:hover { background-color: rgb(var(--clientBG)) !important; } .TabSearchButton { margin-top: 3px; } /*Hide single window switch button*/ .title-area-icon.singleWindowToggle { display: none !important; } /*Line that separates friends and chat windows in single window mode*/ .singleWindowDivider { min-width: 1px !important; width: 1px !important; background-color: rgb(var(--frameBorder)) !important; border: none !important; } .chatDialogs { background: rgb(var(--clientBG)) !important; } /* .friend [class*="personanameandstatus_richPresenceLabel_"] */ .friend ._1k82NiWym4STegDGxRBHz2 { margin-top: 0px !important; } /* .awayOrSnooze [class*="steamavatar_avatarStatus_"] */ .awayOrSnooze ._1yIzy56YfJIliF6ykwhP2r { -webkit-mask: none !important; } .socialListTab { padding-left: 15px !important; font-weight: 600; letter-spacing: 0; font-family: var(--basefont); margin-top: 0; } .friendsListSectionTitle { z-index: 2; padding-left: 15px !important; letter-spacing: 0; } .friendlistListContainer .friend .avatarHolder { width: 34px !important; height: 34px !important; transform: scale(1, 1) translateX(0px) !important; padding-right: 0px !important; } /* .CompactFriendsList .SteamPlayerGroupFooter .SteamPlayerGroupFooterCount, .CompactFriendsList .friend .avatarHolder */ .CompactFriendsList .SteamPlayerGroupFooter .SteamPlayerGroupFooterCount, .CompactFriendsList .friend .avatarHolder { height: 24px !important; width: 24px !important; } .CompactFriendsList .friend .avatarHolder { padding-right: 2px !important; } /* Miniprofile avatar */ /* [class*="miniprofile_miniProfileContent_"] [class*="miniprofile_playerAvatar_"] */ ._3QoRRxsgnDolcCPCrAPm47 ._2rDsqxyJxBWUKDmY1lZ1Vw { height: 90px !important; } /* .friendGroup .friend, .friendGroup .SteamPlayerGroupFooter */ .friendGroup .friend, .friendGroup .SteamPlayerGroupFooter { padding-left: 15px; padding-top: 8px; } .FriendInGameIcon { margin-left: -18px !important; margin-right: 15px !important; margin-top: 4px !important; } .AvatarAndUser { padding-left: 15px !important; padding-top: 12px !important; padding-bottom: 12px !important; } /* .currentUserAvatar img.avatar, .currentUserAvatar .avatarHolder */ .currentUserAvatar img.avatar, .currentUserAvatar .avatarHolder { width: 32px !important; height: 32px !important; } /* [class*="chattabs_ChatTabRow_"] .friend [class*="personanameandstatus_statusAndName_"] */ ._3n80SfAwzFqelSuprYLFQv .friend ._3n8q82Bm3oNKRPFbrZOlo8 { margin-top: -1px !important; } /* [class*="chattabs_ChatTabRow_"] .friend .ingame [class*="personanameandstatus_statusAndName_"] */ ._3n80SfAwzFqelSuprYLFQv .friend .ingame ._3n8q82Bm3oNKRPFbrZOlo8 { margin-top: -2px !important; } /* .friend [class*="personanameandstatus_statusAndName_"] */ .friend ._3n8q82Bm3oNKRPFbrZOlo8 { margin-top: -5px !important; } /* .compactView .friend [class*="personanameandstatus_statusAndName_"] */ .compactView .friend ._3n8q82Bm3oNKRPFbrZOlo8 { margin-top: -3px !important; } /* .currentUserContainer [class*="personanameandstatus_playerName_"] */ .currentUserContainer .r62qzcdJQ0qezZglOtiUX { font-size: 14px !important; font-weight: normal; } .friendlist .labelHolder { margin-left: 9px !important; } /* [class*="miniprofile_miniProfileContent_"][class*="miniprofile_avatarStatus_"][class*="miniprofile_miniProfileAvatarStatus_"] */ ._3QoRRxsgnDolcCPCrAPm47._1y2O1kDXBPlD_kXwGP8IZ8.IzSuQRE0zmHg5jGUs_EYS { margin-bottom: -4px !important; } .title-area-icon { padding: 0; margin-top: 0px !important; } .DesktopUI .title-area .title-bar-actions, .friendsui-container .title-area .title-bar-actions { margin-right: 0px; } .title-area .title-bar-actions { right: 0px !important; } /*Gray hover color for every title bar button .title-area-icon:hover{ background: rgba(var(--white05))!important;}*/ .friendsui-container .title-area-icon .SVGIcon_Minimize { margin-top: 2px; width: 11px; height: 12px; } .friendsui-container .title-area-icon .SVGIcon_Maximize { width: 12px; height: 13px; } .friendsui-container .title-area-icon .SVGIcon_X_Line { width: 12px; height: 12px; } /* .minimizeButton:hover, .maximizeButton:hover, .restoreButton:hover */ .minimizeButton:hover, .maximizeButton:hover, .restoreButton:hover { background: rgba(var(--white05)) !important; } /* .minimizeButton:active, .maximizeButton:active, .restoreButton:active */ .minimizeButton:active, .maximizeButton:active, .restoreButton:active { background: rgba(var(--white10)) !important; } /* .closeButton:not([class*="chattabs_CloseButton_"]):hover */ .closeButton:not(._18EIcuUAoTtqjzcDzsTcdy):hover { background: rgb(var(--W10close_Red_h)) !important; } /* .closeButton:not([class*="chattabs_CloseButton_"]):active */ .closeButton:not(._18EIcuUAoTtqjzcDzsTcdy):active { background: rgb(var(--W10close_Red_p)) !important; } .multiChatDialog .title-area-icon { padding: 0 !important; } /* .title-area-icon .SVGIcon_Button rect, .title-area-icon .SVGIcon_Button line, .title-area-icon .SVGIcon_Button polyline */ .title-area-icon .SVGIcon_Button rect, .title-area-icon .SVGIcon_Button line, .title-area-icon .SVGIcon_Button polyline { stroke: rgb(var(--white)) !important; } /* .singlewindow .currentUserContainer .labelHolder[class*="personanameandstatus_twoLine_"][class*="personanameandstatus_statusAndName_"], .singlewindow .currentUserContainer .labelHolder[class*="personanameandstatus_twoLine_"] */ .singlewindow .currentUserContainer .labelHolder._27M2GicEvwcoEI5R0FSKi9._3n8q82Bm3oNKRPFbrZOlo8, .singlewindow .currentUserContainer .labelHolder._27M2GicEvwcoEI5R0FSKi9 { margin-right: 24px !important; /* Space for the collapse arrow */ } .chatTabSelector.UnreadMessages .SVGIcon_DownArrowContextMenu { fill: rgb(var(--focus)) !important; } .title-area-icon .SVGIcon_Maximize line { display: none !important; } /* .chatTabDraggableSpace.ChromeClearance, .chatTabDraggableSpace */ .chatTabDraggableSpace.ChromeClearance, .chatTabDraggableSpace { width: 15px !important; } .chatTabDraggableSpace.ChromeClearance { width: 80px !important; height: 18px !important; } /* .VoiceToggleIconCtn .SVGIcon_VoiceRoom .Microphone, [class*="chatentry_chatSubmitButton_"] .SVGIcon_Submit path */ .VoiceToggleIconCtn .SVGIcon_VoiceRoom .Microphone, ._1IEiKQnjHpIv-m601y6hvP .SVGIcon_Submit path { fill: rgb(var(--white75)) !important; } /* [class*="chatentry_chatSubmitButton_"]:not([class*="chatentry_disabled_"]):hover .SVGIcon_Button.SVGIcon_Submit path */ ._1IEiKQnjHpIv-m601y6hvP:not(._2GM2kkVRqL-SdkG4oQjUzY):hover .SVGIcon_Button.SVGIcon_Submit path { stroke: none !important; } /* [class*="chatentry_chatSubmitButton_"] .SVGIcon_Submit */ ._1IEiKQnjHpIv-m601y6hvP .SVGIcon_Submit { margin-top: 6px !important; } /*Unread messages count near username in friendslist*/ .FriendMessageCount { background: rgb(var(--focus)) !important; color: white !important; font-size: 15px !important; line-height: 30px !important; height: 30px !important; min-width: 30px !important; padding: 0px !important; z-index: 99 !important; border-radius: 30px !important; } .CompactFriendsList .FriendMessageCount { line-height: 24px !important; height: 24px !important; min-width: 24px !important; } /*Unread messages box at chat tabs*/ .chatTab .chatTabUnreadBadge { color: rgb(var(--white)) !important; background: rgb(var(--focus)) !important; } .quickAccessFriends .friend.friend.awayOrSnooze .avatarHolder img { opacity: initial !important; } .quickAccessFriends:not(.emptyQuickAccess) { padding-left: 9px !important; margin-left: 0; border-bottom: 1px solid rgb(var(--frameBorder)); } /* [class*="chattabs_CloseButton_"] */ ._18EIcuUAoTtqjzcDzsTcdy { cursor: default !important; margin-left: 1px; } /* .compactView [class*="steamavatar_avatarHolder_"] [class*="steamavatar_avatarFrame_"] */ .compactView ._1YGAHSfGavQI6MODJq-pJB ._3atbNcPD1_nRVTjOvryjWe { transform: scale(1.16) !important; } .inviteAnotherFriendButton .SVGIcon_Button { fill: rgb(var(--white)) !important; opacity: 0.4 !important; } /* .inviteAnotherFriendButton .SVGIcon_Button line, .chatRoomButton .SVGIcon_Button line */ .inviteAnotherFriendButton .SVGIcon_Button line, .chatRoomButton .SVGIcon_Button line { stroke: rgb(var(--white)) !important; } .inviteAnotherFriendButton:hover { background: rgba(var(--white05)) !important; } .chatRoomButton .SVGIcon_Button { fill: rgb(var(--white)) !important; } .chatRoomButton:hover { background: rgba(var(--white05)) !important; } .TradeOfferInvite .leftInviteContainer .SVGIcon_Trade { background-color: rgb(var(--focus)) !important; } .friendlistListContainer .Collapsed .ExpandPlusMinus .SVGIcon_PlusCircle { stroke: rgba(var(--white50)) !important; } .friendlistListContainer .ExpandPlusMinus .SVGIcon_PlusCircle { width: 4px !important; height: 17px !important; margin-left: 1px !important; stroke: rgb(var(--white)) !important; } .friendlistListContainer .SVGIcon_PlusCircle circle { stroke-width: 180px !important; opacity: 1 !important; } /* .friendlistListContainer .ExpandPlusMinus .SVGIcon_PlusCircle .horizontalLine, .ExpandPlusMinus .SVGIcon_PlusCircle .verticalLine */ .friendlistListContainer .ExpandPlusMinus .SVGIcon_PlusCircle .horizontalLine, .ExpandPlusMinus .SVGIcon_PlusCircle .verticalLine { display: none !important; } .friendlistListContainer .ExpandPlusMinus { opacity: 1 !important; } /* .friendGroup.offlineFriends .groupName .groupCount, .friendGroup.onlineFriends .groupName .groupCount, .friendGroup .groupName .groupCount.collapsed, .friendGroup .groupName .groupCount */ .friendGroup.offlineFriends .groupName .groupCount, .friendGroup.onlineFriends .groupName .groupCount, .friendGroup .groupName .groupCount.collapsed, .friendGroup .groupName .groupCount { opacity: 1 !important; color: rgb(var(--white50)) !important; transform: translateX(3px) !important; } .dropTargetBox { border: 2px dashed rgba(var(--focus), 0.4) !important; } /* [class*="miniprofile_miniProfileContent_"] [class*="miniprofile_playerNicknameBracket_"], [class*="personanameandstatus_playerNickname_"], .ChatRoomSpeaker .speaker .speakerName .playerNickname, [class*="personanameandstatus_playerNicknameBracket_"], .ChatTabs [class*="personanameandstatus_compactView_"] [class*="personanameandstatus_playerNickname_"], .playerNicknameBracket */ ._3QoRRxsgnDolcCPCrAPm47 ._2kL-H1DTdh9-rWGv9KafAP, ._3T-9PkwXmTHyFu3b1pAn2O, .ChatRoomSpeaker .speaker .speakerName .playerNickname, ._2aXevHqPLXEAmOJUXiYYUT, .ChatTabs ._34CCBJ8pGM-KGInRNV98M- ._3T-9PkwXmTHyFu3b1pAn2O, .playerNicknameBracket { color: rgba(var(--white75)) !important; } .ChatRoomSpeaker .speaker .speakerName { margin-top: 0 !important; align-self: center; } /* Status line for avatars in chat tabs*/ /* [class*="chattabs_ChatTab_"] .ChatTabContent .avatarHolder .avatarStatus */ .X2iywwN7fcdh9zXpXVsrk .ChatTabContent .avatarHolder .avatarStatus { z-index: 3 !important; margin: 0px !important; position: absolute !important; height: 100% !important; } .chat_main_flex { border: 1px solid rgb(var(--frameBorder)) !important; } .DialogToggleField_Option:not(.Active) { color: transparent !important; } /* .friend.ingame [class*="personanameandstatus_twoLine_"] [class*="personanameandstatus_richPresenceLabel_"] */ .friend.ingame ._27M2GicEvwcoEI5R0FSKi9 ._1k82NiWym4STegDGxRBHz2 { color: inherit !important; } /* [class*="contextmenu_contextMenu_"] .compactView .avatar */ .LQkrbbayZPY11qHm01t7F .compactView .avatar { padding: 0px !important; } .ChatTabContent .avatarHolder .avatar { padding: 1px; height: auto !important; } .ChatTabs:not(.compactView) .ChatTabContent .avatarHolder .avatar { width: 32px !important; } .ChatTabs:not(.compactView) .ChatTabContent .avatarHolder { margin-top: 4px !important; margin-left: 2px !important; } /* .offline [class*="personanameandstatus_playerName_"] */ .offline .r62qzcdJQ0qezZglOtiUX { color: rgb(var(--offline)) !important; } /* .offline [class*="personanameandstatus_richPresenceLabel_"], .offline [class*="personanameandstatus_gameName_"][class*="personanameandstatus_richPresenceLabel_"] a, .offline [class*="personanameandstatus_gameName_"][class*="personanameandstatus_richPresenceLabel_"] a:hover, .offline [class*="personanameandstatus_gameName_"][class*="personanameandstatus_richPresenceLabel_"] a:active, .offline [class*="personanameandstatus_gameName_"][class*="personanameandstatus_richPresenceLabel_"] a:visited */ .offline ._1k82NiWym4STegDGxRBHz2, .offline ._2wpaptjZY-3Gn1HOPlL85O._1k82NiWym4STegDGxRBHz2 a, .offline ._2wpaptjZY-3Gn1HOPlL85O._1k82NiWym4STegDGxRBHz2 a:hover, .offline ._2wpaptjZY-3Gn1HOPlL85O._1k82NiWym4STegDGxRBHz2 a:active, .offline ._2wpaptjZY-3Gn1HOPlL85O._1k82NiWym4STegDGxRBHz2 a:visited { color: rgb(var(--offline)) !important; } .msgText { color: rgba(var(--white75)) !important; } /* .smallChatFont .msg.serverMsg .msgText, .smallChatFont .nameWidthLabel, .ChatHistoryContainer.smallChatFont .ChatSpeaker .speaker, .smallChatFont .msg, .smallChatFont .speakerTimeStamp */ .smallChatFont .msg.serverMsg .msgText, .smallChatFont .nameWidthLabel, .ChatHistoryContainer.smallChatFont .ChatSpeaker .speaker, .smallChatFont .msg, .smallChatFont .speakerTimeStamp { line-height: normal; } /* .smallChatFont .chatTextarea, .smallChatFont .msg.serverMsg .msgText, .FriendsSettingsChatFontSizeSection_ButtonRow .smallFontSetting, .smallChatFont .ChatMessageOpenGraph_Title, .smallChatFont .nameWidthLabel, .ChatHistoryContainer.smallChatFont .ChatSpeaker .speaker, .smallChatFont */ .smallChatFont .chatTextarea, .smallChatFont .msg.serverMsg .msgText, .FriendsSettingsChatFontSizeSection_ButtonRow .smallFontSetting, .smallChatFont .ChatMessageOpenGraph_Title, .smallChatFont .nameWidthLabel, .ChatHistoryContainer.smallChatFont .ChatSpeaker .speaker, .smallChatFont { font-size: 12px !important; } .smallChatFont .speakerTimeStamp { font-size: 11px !important; } .friendlistListContainer .Collapsed .ExpandPlusMinus .SVGIcon_PlusCircle:hover { stroke: rgb(var(--white)) !important; } .contextMenuGameName { color: rgb(var(--white)) !important; } .ChatRoomListGroupItem .groupNameStatusContainer .chatRoomName { color: rgb(var(--white)) !important; } .confirmInviteRequestContainer .cancelAddFriends .SVGIcon_Arrow polyline { stroke: rgb(var(--white)); } /* [class*="personanameandstatus_playerName_"] */ .r62qzcdJQ0qezZglOtiUX { -webkit-mask: none !important; } button.DialogButton::before { box-shadow: none !important; } /* [class*="emoticon_EmoticonSelector_Item_"]:hover [class*="emoticon_emoticon_"][class*="emoticon_large_"] */ .gW-jgM1W9E29Jh50AV8zA:hover ._316r8gf6PZbv2JR4fpKVey._2mWtZB9gvYuhLMQ5xsKs4_ { transform: none !important; filter: none !important; } /* [class*="emoticon_EmoticonSelector_Item_"]:hover, [class*="emoticon_StickerButton_"]:hover, [class*="emoticon_RoomEffectButton_"]:hover */ .gW-jgM1W9E29Jh50AV8zA:hover, .sJoLlh6QDjMbw_XRF-XQ:hover, .emoticon_RoomEffectButton_:hover { background-color: rgba(var(--white05)) !important; } .ChatMessageBlockDelete { left: 0px !important; top: 25px !important; } /* .quickAccessFriends.compactQuickAccess .favoriteElement:hover .friend .avatarHolder */ .quickAccessFriends.compactQuickAccess .favoriteElement:hover .friend .avatarHolder { transform: scale(1) !important; } .chatTabSelector.UnreadMessages .ChatUnreadMessageIndicator { width: 5px !important; } /* [class*="personanameandstatus_playerName_"], [class*="personanameandstatus_playerNickname_"] */ .r62qzcdJQ0qezZglOtiUX, ._3T-9PkwXmTHyFu3b1pAn2O { font-size: 13px !important; text-overflow: ellipsis !important; } /* Restoring this unnecessarily crops the right side of the friends' game status in the friends list .friendlist [class*="personanameandstatus_richPresenceLabel_"] { -webkit-mask: linear-gradient( to right, black calc(100% - 10px), rgba(0, 0, 0, 0) calc(100% - 10px) ) !important; }*/ /* [class*="personanameandstatus_richPresenceLabel_"] */ ._1k82NiWym4STegDGxRBHz2 { -webkit-mask: linear-gradient( to right, black 98%, rgba(0, 0, 0, 0) 98% ) !important; } .contextMenuGameItem { -webkit-mask: linear-gradient( to right, black 100%, rgba(0, 0, 0, 0) 100% ) !important; } .ChatSpeaker.ChatRoomSpeaker .speaker .rankIcon > * { top: 5px !important; } .MemberListColumn { border-left: 1px solid rgb(var(--frameBorder)) !important; } .chatRoomMembers { border-left: none; } .chatRoomGroupHeader { border-bottom: 1px solid rgb(var(--frameBorder)) !important; } /* img[class*="emoticon_emoticon_"][class*="emoticon_large_"] */ img._316r8gf6PZbv2JR4fpKVey._2mWtZB9gvYuhLMQ5xsKs4_ { margin-top: 0px !important; margin-bottom: 0px !important; } /* img[class*="emoticon_emoticon_"] */ img._316r8gf6PZbv2JR4fpKVey { vertical-align: bottom; } /* .friend .watchingbroadcast [class*="personanameandstatus_statusAndName_"] */ .friend .watchingbroadcast ._3n8q82Bm3oNKRPFbrZOlo8 { margin-top: -8px !important; } /* .compactView .friend .watchingbroadcast [class*="personanameandstatus_statusAndName_"] */ .compactView .friend .watchingbroadcast ._3n8q82Bm3oNKRPFbrZOlo8 { margin-top: -4px !important; } /* .titleBarContainer .currentUserContainer [class*="personanameandstatus_richPresenceLabel_"]:not([class*="personanameandstatus_gameName_"]) */ .titleBarContainer .currentUserContainer ._1k82NiWym4STegDGxRBHz2:not(._2wpaptjZY-3Gn1HOPlL85O) { margin-top: -1px !important; } .ChatTabsContextMenu.CompactFriendsList .friend { margin-top: 0px !important; padding-left: 1px !important; } /* .ChatRoomMultiFriendAvatar, .ChatRoomGroupAvatar */ .ChatRoomMultiFriendAvatar, .ChatRoomGroupAvatar { border: 1px solid #535c68 !important; } /* .FriendsSettingsVoiceTransmissionType_ButtonRow, .FriendsSettingsFlashSection_ButtonRow */ .FriendsSettingsVoiceTransmissionType_ButtonRow, .FriendsSettingsFlashSection_ButtonRow { background-color: transparent !important; } .DialogSlider_Slider { border: 1px solid #2a2d33 !important; background: transparent !important; } /* [class*="chattabs_ChatTabContent_Friend_"] .friend.awayOrSnooze .labelHolder, [class*="chattabs_ChatTabContent_Friend_"] .friend.awayOrSnooze .avatarHolder .avatarStatus, [class*="chattabs_ChatTabContent_Friend_"] .friend.offline .avatarHolder .avatarStatus, [class*="chattabs_ChatTabContent_Friend_"] .friend.offline .labelHolder */ ._3tIp1VL2rG6tO8sY0CeRl9 .friend.awayOrSnooze .labelHolder, ._3tIp1VL2rG6tO8sY0CeRl9 .friend.awayOrSnooze .avatarHolder .avatarStatus, ._3tIp1VL2rG6tO8sY0CeRl9 .friend.offline .avatarHolder .avatarStatus, ._3tIp1VL2rG6tO8sY0CeRl9 .friend.offline .labelHolder { opacity: 0.5 !important; } /* .friend.awayOrSnooze .playerNameQuickAccessContainer, .friend.awayOrSnooze .labelHolder */ .friend.awayOrSnooze .playerNameQuickAccessContainer, .friend.awayOrSnooze .labelHolder { opacity: 1 !important; } .friend.awayOrSnooze { opacity: 1; filter: none; } .friendsListSectionTitle .SVGIcon_NewChatGroup line { stroke: rgb(var(--clientBG)) !important; } /* .friendSearchClear .SVGIcon_X_Line line, [class*="chattabs_ChatTab_"] .chatTabClose .SVGIcon_X_Line line */ .friendSearchClear .SVGIcon_X_Line line, .X2iywwN7fcdh9zXpXVsrk .chatTabClose .SVGIcon_X_Line line { stroke: rgb(var(--white)) !important; } /* .chatTabList [class*="chattabs_Active_"], [class*="chattabs_ChatTabContent_ChatRoomName_"] */ .chatTabList ._1BNlZUYDbVr8VhCTmq7ksk, .J8J3o5BtWdX2ZAOJB2AE6 { color: rgb(var(--white)) !important; } .changeLog .SVGIcon_Scroll path { fill: rgb(var(--white)) !important; } .changeLog { right: 9px !important; } .changeLog .SVGIcon_Scroll { width: 18px !important; height: 18px !important; } .changeLog:hover { background-color: rgba(var(--white05)) !important; } /* .currentUserContainer [class*="personanameandstatus_statusAndName_"] */ .currentUserContainer ._3n8q82Bm3oNKRPFbrZOlo8 { margin-right: 72px; -webkit-app-region: drag !important; margin-bottom: 0; } /* .currentUserContainer [class*="personanameandstatus_playerName_"] */ .currentUserContainer .r62qzcdJQ0qezZglOtiUX { -webkit-app-region: drag !important; } /* .compactQuickAccess .friend.quickAccessFriend .avatarHolder .avatar, .friend.quickAccessFriend .avatarHolder .avatar */ .compactQuickAccess .friend.quickAccessFriend .avatarHolder .avatar, .friend.quickAccessFriend .avatarHolder .avatar { height: auto !important; } /* .friendCollapseButton, .friendSettingsButton, .friendCollapseButton .SVGIcon_DoubleArrow, .chatTabOpenFriendsList */ .friendCollapseButton, .friendSettingsButton, .friendCollapseButton .SVGIcon_DoubleArrow, .chatTabOpenFriendsList { cursor: default !important; } .chatTabOpenFriendsList { color: rgba(var(--white75)) !important; background-color: rgb(var(--clientBG)) !important; height: 36px; } .chatTabOpenFriendsList:hover { background-color: rgba(var(--white05)) !important; } .friend.online { color: rgb(var(--online)) !important; } /* [class*="friendsnooze_SnoozeContainer_"][class*="friendsnooze_Dim_"] [class*="friendsnooze_SnoozeZ_"] */ ._3EzTyjJx_tZUEIHygPwAeC._2TzRZ3Ygn6XEn8aKf7CqWB ._1DArl3Gs9lXPcZdmCIlDJa { filter: none !important; } /* [class*="shared_svg_library_EmoticonBow_"] */ ._3nqUNkFEGhT_NAyO2pzTdf { top: 0 !important; } /* [class*="steamavatar_avatarHolder_"].X-Small */ ._1YGAHSfGavQI6MODJq-pJB.X-Small { width: 30px !important; height: 30px !important; } /* .compactView [class*="steamavatar_avatarHolder_"].X-Small */ .compactView ._1YGAHSfGavQI6MODJq-pJB.X-Small { margin-top: 2px !important; } /* [class*="chattabs_ChatTab_"]:before, [class*="chattabs_ChatTab_"]:last-of-type:after */ .X2iywwN7fcdh9zXpXVsrk::before, .X2iywwN7fcdh9zXpXVsrk:last-of-type::after { width: 0 !important; } /* [class*="emoticon_StickerButton_"], [class*="emoticon_RoomEffectButton_"] */ .sJoLlh6QDjMbw_XRF-XQ, .emoticon_RoomEffectButton_ { background: none !important; } .socialListTab.TabSearchActive { padding-left: 12px !important; background-color: rgb(var(--textentry)) !important; } /* .friendlist .friend [class*="personanameandstatus_compactView_"] [class*="personanameandstatus_playerName_"], .friendlist .friend [class*="personanameandstatus_compactView_"] [class*="personanameandstatus_playerNickname_"], .friendlist .ingame [class*="personanameandstatus_compactView_"] [class*="personanameandstatus_gameName_"][class*="personanameandstatus_richPresenceLabel_"] */ .friendlist .friend ._34CCBJ8pGM-KGInRNV98M- .r62qzcdJQ0qezZglOtiUX, .friendlist .friend ._34CCBJ8pGM-KGInRNV98M- ._3T-9PkwXmTHyFu3b1pAn2O, .friendlist .ingame ._34CCBJ8pGM-KGInRNV98M- ._2wpaptjZY-3Gn1HOPlL85O._1k82NiWym4STegDGxRBHz2 { font-size: 11px !important; } .friendlist { background: rgb(var(--clientBG)); } /* [class*="personanameandstatus_statusAndName_"][class*="personanameandstatus_threeLines_"] */ ._3n8q82Bm3oNKRPFbrZOlo8._3ms2PyGmolbJQnm8GTFdFu { margin-top: -7px !important; } /* .compactView [class*="personanameandstatus_statusAndName_"][class*="personanameandstatus_threeLines_"] */ .compactView ._3n8q82Bm3oNKRPFbrZOlo8._3ms2PyGmolbJQnm8GTFdFu { margin-top: -6px !important; } .SVGIcon_Button.SVGIcon_CopyToClipboard { stroke: rgba(var(--white75)); } /* [class*="chattabs_CloseButton_"] .SVGIcon_X_Line line */ ._18EIcuUAoTtqjzcDzsTcdy .SVGIcon_X_Line line { stroke: rgb(var(--white35)); } .FriendsListChatSection.ChatRoomListContainerParent { border-top: 1px solid rgb(var(--frameBorder)) !important; } .friendlistListContainer .friend.ingame .labelHolder { padding-bottom: 2px !important; } /* .FriendPicker [class*="personanameandstatus_compactView_"] [class*="personanameandstatus_richPresenceLabel_"] */ .FriendPicker ._34CCBJ8pGM-KGInRNV98M- ._1k82NiWym4STegDGxRBHz2 { margin-top: 5px !important; } /* .currentUserAvatar, .currentUserAvatar .avatarFrame */ .currentUserAvatar, .currentUserAvatar .avatarFrame { width: 34px !important; height: 34px !important; } /* [class*="addonpicker_ItemList_"] [class*="addonpicker_Item_"], */ /* [class*="addonpicker_Tab_"], [class*="addonpicker_ItemList_"] */ ._1F8BhKKWf_XhG9QsmY_4lp, ._2tnPHy-nozONfkJPqkZciP { cursor: default !important; } /* [class*="addonpicker_ItemList_"] [class*="addonpicker_Item_"]:hover */ ._2tnPHy-nozONfkJPqkZciP ._3zgndNTKG2ncwQVa-HXHBQ:hover { background-color: rgba(var(--white05)) !important; } /* [class*="addonpicker_Tab_"][class*="addonpicker_Active_"] */ ._1F8BhKKWf_XhG9QsmY_4lp._2bg1wWoNj7Bs0BSiao9e9x { border-bottom: 4px solid rgb(var(--focus)) !important; } /* [class*="addonpicker_Tab_"]:hover:not([class*="addonpicker_Active_"]) */ ._1F8BhKKWf_XhG9QsmY_4lp:hover:not(._2bg1wWoNj7Bs0BSiao9e9x) { background-color: rgba(var(--white05)) !important; border-bottom: 4px solid transparent !important; } /* [class*="addonpicker_Tab_"] [class*="addonpicker_TabContent_"]:hover:not([class*="addonpicker_Active_"]) */ ._1F8BhKKWf_XhG9QsmY_4lp ._2MluNdiOiHT-XKPQfFiIax:hover:not(._2bg1wWoNj7Bs0BSiao9e9x) { background-color: transparent !important; } /*emoticon and reactions code popup*/ /* [class*="emoticon_EmoticonHover_"], [class*="reactions_ReactionHover_"] */ ._1GtsZWvAAnnuk-EjFP3su2, ._1lV66vm81Z2TQREsLJzKok { background-color: rgb(var(--clientBG)); border: 1px solid rgb(var(--frameBorder)); margin: 0 4px; padding: 8px; min-width: 160px; min-height: 54px; display: flex; flex-direction: row; align-items: center; } /* .emoticon_hover_title, [class*="addonpicker_SectionedPageTitle_"], [class*="addonpicker_SectionTitle_"] */ .emoticon_hover_title, ._1rBPdXFPZ9z7qEz2BZBhYQ, ._3ff2fpyHtj6qUHH3pPpjyw { color: rgb(var(--offline)) !important; } /* [class*="addonpicker_SectionedPageTitle_"], [class*="addonpicker_SectionTitle_"] */ ._1rBPdXFPZ9z7qEz2BZBhYQ, ._3ff2fpyHtj6qUHH3pPpjyw { letter-spacing: 0px; } /* [class*="emoticon_PickerTab_"] svg */ .Qpqjxuir3kRqmuYohMcn3 svg { width: 20px !important; height: 20px !important; stroke: rgb(var(--white)) !important; padding-top: 4px !important; } /* [class*="emoticon_PickerTab_"][class*="emoticon_Clock_"] svg.SVGIcon_Button.SVGIcon_Clock */ .Qpqjxuir3kRqmuYohMcn3._2a7aO1BUm6NlQvhmkPue0m svg.SVGIcon_Button.SVGIcon_Clock { width: 18px !important; height: 18px !important; padding-right: 0.5px !important; stroke: none !important; } /* [class*="addonpicker_FilterInputContainer_"] [class*="addonpicker_FilterInput_"], [class*="addonpicker_FilterInputContainer_"] [class*="addonpicker_FilterInput_"]:hover, [class*="addonpicker_FilterInputContainer_"] [class*="addonpicker_FilterInput_"]:focus */ .vzSOldNc6qJmpXlLVoi8i ._18mhxKaUFfaWL6pJANncsS, .vzSOldNc6qJmpXlLVoi8i ._18mhxKaUFfaWL6pJANncsS:hover, .vzSOldNc6qJmpXlLVoi8i ._18mhxKaUFfaWL6pJANncsS:focus { background-color: rgb(var(--textentry)) !important; } /* [class*="addonpicker_Tabs_"] */ ._3DjoXcx0aMRDIV1BxLzlzU { background-color: rgb(var(--header_dark)) !important; border-bottom: 1px solid rgb(var(--frameBorder)) !important; } .msg.EmojiOnly { line-height: 32px !important; } /* [class*="bbcode_ChatMessageSteamStore_HeaderImage_"][class*="bbcode_Blurred_"] */ ._2FK9pMqHNKs2h0VPNdoeNV._2Lv2tXqkqAAQHVLRdo3zRS { filter: opacity(0); } .YoutubePlayer { background-color: transparent !important; } /* [class*="messages_MsgWithAddons_"]:hover, [class*="reactions_MessageReaction_"]:hover */ ._3kEgIPZCMTtXeWWzzRLo4K:hover, ._3bVGcHTar9PyRAfd8Olggo:hover { background-color: rgb(var(--white05)) !important; } /* [class*="bbcode_ChatMessageSteamStore_"] */ ._2Aj4bTkiMFJlW7Rs3O_PsQ { cursor: pointer; } /* [class*="reactions_ReactionCount_"] */ .Q_Pu3nQIAya0v3x8BerPF { margin-top: 2px; color: rgba(var(--white75)) !important; } /* [class*="reactions_MessageReaction_"] */ ._3bVGcHTar9PyRAfd8Olggo { border-radius: 4px !important; background-color: transparent; cursor: initial; border: none; } /* [class*="messages_MsgWithAddons_"] [class*="messages_Addons_"] */ ._3kEgIPZCMTtXeWWzzRLo4K ._3nIwHFIw4nSXC_DUrzO_a6 { background-color: rgb(var(--clientBG)) !important; border-radius: 6px !important; border: 1px solid rgb(var(--frameBorder)); } /* [class*="messages_MsgWithAddons_"] [class*="messages_Addons_"]:hover::after */ ._3kEgIPZCMTtXeWWzzRLo4K ._3nIwHFIw4nSXC_DUrzO_a6:hover::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; background-color: rgb(var(--white12)); z-index: 1; opacity: 1; pointer-events: none; border-radius: 6px; } /* [class*="reactions_OpenPickerButton_"][class*="reactions_AddReactionIcon_"] path, [class*="messages_MsgWithAddons_"] */ .z9jg3ztyDz6xR-eLBCJvG._2nm4LZGShxxci149gEUj9V path, ._3kEgIPZCMTtXeWWzzRLo4K { stroke: rgb(var(--white)) !important; } /* [class*="reactions_OpenPickerButton_"][class*="reactions_AddReactionIcon_"] ellipse */ .z9jg3ztyDz6xR-eLBCJvG._2nm4LZGShxxci149gEUj9V ellipse { fill: rgb(var(--white)) !important; } /* [class*="reactions_AddReactionIcon_"] */ ._2nm4LZGShxxci149gEUj9V { cursor: initial; } /* [class*="messages_Addons_"] [class*="messages_Emoticon_"], [class*="messages_Addons_"] [class*="messages_Emoticon_"] path */ ._3nIwHFIw4nSXC_DUrzO_a6 .x623f5XW8KKftpfX7C_tg, ._3nIwHFIw4nSXC_DUrzO_a6 .x623f5XW8KKftpfX7C_tg path { stroke: rgb(var(--white75)) !important; } /* [class*="messages_Addons_"] [class*="messages_Emoticon_"]:hover, [class*="messages_Addons_"] [class*="messages_Emoticon_"]:hover path */ ._3nIwHFIw4nSXC_DUrzO_a6 .x623f5XW8KKftpfX7C_tg:hover, ._3nIwHFIw4nSXC_DUrzO_a6 .x623f5XW8KKftpfX7C_tg:hover path { stroke: rgb(var(--white)) !important; } /* [class*="messages_Addons_"] [class*="messages_Emoticon_"] ellipse */ ._3nIwHFIw4nSXC_DUrzO_a6 .x623f5XW8KKftpfX7C_tg ellipse { fill: rgb(var(--white75)) !important; } /* [class*="messages_Addons_"] [class*="messages_Emoticon_"]:hover ellipse */ ._3nIwHFIw4nSXC_DUrzO_a6 .x623f5XW8KKftpfX7C_tg:hover ellipse { fill: rgb(var(--white)) !important; } /* [class*="messages_MsgWithAddons_"] [class*="messages_Addons_"] [class*="messages_Emoticon_"] */ ._3kEgIPZCMTtXeWWzzRLo4K ._3nIwHFIw4nSXC_DUrzO_a6 .x623f5XW8KKftpfX7C_tg { cursor: initial; } /* [class*="reactions_OpenPickerButton_"] */ .z9jg3ztyDz6xR-eLBCJvG { opacity: 0.4; } .socialInputContainer .inputContainer input { padding-top: 1px !important; } .friendListButton:last-child:not(.addFriendButton) { margin-right: 0px; } /* [class*="friendslist_RemotePlayInviteLinkSection_"] [class*="friendslist_LinkRow_"] */ .SRcc1TnUvlXq7c7R6TRb ._2kAtv5HfuuXs5emJMlmah7 { background-color: rgb(var(--white12)); color: rgb(var(--white)); border-bottom: 1px solid rgb(var(--frameBorder)); } /* [class*="remoteplay_ContentBox_"], [class*="remoteplay_BoxButton_"][class*="remoteplay_Light_"], [class*="remoteplay_SliderControlContainer_"] [class*="remoteplay_SliderIconContainer_"], [class*="remoteplay_SliderControlContainer_"] [class*="remoteplay_SliderContainer_"], [class*="remoteplay_ControllerDropSlot_"] */ ._2NVbSaqD0yWMMczl37cIAE, ._3o7CShdvV_024QlCPNanTb.GjzZlo9Ifo19tnW4iK3te, ._33TDStSlMjInp-NnLby0r8 ._1sqgWu-dTq9FLrOuXhpEjr, ._33TDStSlMjInp-NnLby0r8 ._3MoFsAdYDk6q_0Lm2zAGSa, ._1Kiq19PmYWDOc9bBZN33cj { background-color: rgb(var(--white10)); } /* [class*="remoteplay_HeaderActions_"] [class*="remoteplay_GameInfo_"] */ .MDVOG38nM59C3Srt8VxEC .iRAI5OznyIRQ_pI7nzHbj { color: rgb(var(--ingame)); letter-spacing: 0; } /* [class*="remoteplay_SectionTitle_"], [class*="remoteplay_BoxButton_"] */ ._3uFt_Oop_phBX9z6ihWdKR, ._3o7CShdvV_024QlCPNanTb { color: rgb(var(--white)); letter-spacing: 0; } /* [class*="remoteplay_MediaBox_"] [class*="remoteplay_Content_"] [class*="remoteplay_Top_"] [class*="remoteplay_Title_"], [class*="remoteplay_InvitedGuestBox_"] [class*="remoteplay_LinkContainer_"], .ModalPosition_Content, [class*="remoteplay_ControllerDropSlot_"] [class*="remoteplay_Controller_"], [class*="remoteplay_SliderControlContainer_"] [class*="remoteplay_SliderIconContainer_"] [class*="remoteplay_SliderIcon_"], [class*="remoteplay_ControlEnabled_"] */ ._25CWUiPYAs3eN-WzoSNmur ._1Z6Z9r-omzCRoovKmXGgCX ._2zRmk7apdMgyOG5oqDtAKa .remoteplay_Title_, .heRJ8NpKFyO4pMBjHBCmc .bxf8QzuZlJx9y8dttSy4r, .ModalPosition_Content, ._1Kiq19PmYWDOc9bBZN33cj ._3MImXwrZDf4airA7EsV59Y, ._33TDStSlMjInp-NnLby0r8 ._1sqgWu-dTq9FLrOuXhpEjr ._1qiZSHmPZbCjdUpvZXtpmL, ._1YnYZmN0okOkuvSHAzObOk { color: rgb(var(--white)); } /* [class*="remoteplay_ControllerDropSlotsContainer_"] [class*="remoteplay_ControllerDropSlots_"] [class*="remoteplay_HowToHint_"] */ ._22LMC4oK3LB708upCdiF7L .I3s3okfGPF7NnDguZz-by .K3lo5ez7fmmWgDQ1yQP4B { background-color: rgb(var(--clientBG)); } /* [class*="remoteplay_ContentBox_"][class*="remoteplay_Interactable_"]:hover */ ._2NVbSaqD0yWMMczl37cIAE.ZF6iJ9yWqNVdzAbXdJ_sR:hover { background-color: rgb(var(--white10)); } /* [class*="friendslist_RemotePlayInviteLinkSection_"] [class*="friendslist_LinkRow_"] [class*="friendslist_LinkRowText_"] */ .SRcc1TnUvlXq7c7R6TRb ._2kAtv5HfuuXs5emJMlmah7 .o_39qE2DKxFG3q0A-UZCM { letter-spacing: 1px; } /* [class*="friendslist_RemotePlayInviteLinkSection_"] [class*="friendslist_LinkRow_"]:hover */ .SRcc1TnUvlXq7c7R6TRb ._2kAtv5HfuuXs5emJMlmah7:hover { color: rgb(var(--white)); background-color: rgb(var(--white24)); } /* [class*="radio_Button_"], [class*="toggle_ToggleRow_"] */ ._3lwcRYJ_r7x01Cn15bcdYI, .RFRVY1zEAMhZEG0e7yHhK { background-color: rgb(var(--white05)); } /* [class*="radio_Button_"]:hover */ ._3lwcRYJ_r7x01Cn15bcdYI:hover { background-color: rgb(var(--white10)); } .DialogToggleField_Option.Off.Active { color: rgb(var(--white)); } .ChatRoomAddRoomBtn .SVGIcon_PlusCircle { stroke: rgb(var(--white)); } .ChannelTypeTitle { color: rgb(var(--white)); } .ChannelTypeTitle .ChannelTypeLabel:hover:not(.NoPermission) { color: rgb(var(--white75)); } /* body, body[class*="shared_common_v6_"] */ body, body._3r3LeMDqAWrWz5yemfRZrr { color: rgb(var(--white)); } .statCircle { border-radius: 50% !important; } .statMembersInGame .statCircle { background-color: rgb(var(--ingame)); } .statMembersOnline .statCircle { background-color: rgb(var(--online)); } .chatRoomGroupHeaderName { color: rgb(var(--white)); } .BBCodeAlreadyCollapsedText { background-color: rgb(var(--white10)); } /* .BBCodeAlreadyCollapsed.Minimized:hover .BBCodeAlreadyCollapsedText, .BBCodeResizableComponent.Minimized:hover .BBCodeCollapsed */ .BBCodeAlreadyCollapsed.Minimized:hover .BBCodeAlreadyCollapsedText, .BBCodeResizableComponent.Minimized:hover .BBCodeCollapsed { background-color: rgb(var(--white24)); } .MemberListColumn .friendGroup .groupName .groupCountCollapsed { color: white; /* Intentionally not a variable */ } .chatRoomGroupHeaderTagline { color: rgb(var(--white50)); } .socialInputContainer .friendSearchInput[type="text"]::placeholder { color: transparent; } .friendSearchInput[type="text"] { background-position: 0px 4px; background-image: var(--searchicon); } /* .friendSearchInput[type=text]:focus */ .friendSearchInput[type="text"]:focus { background-position: 0px 4px; } .friendListHeaderContainer .title-area { height: 58px; } /* .quickAccessFriends .friend:hover .avatarHolder, .quickAccessFriends .favoriteElement:hover .friend .avatarHolder */ .quickAccessFriends .friend:hover .avatarHolder, .quickAccessFriends .favoriteElement:hover .friend .avatarHolder { transform: scale(0.86, 0.86) translateX(0px); } /* [class*="miniprofile_miniProfileContent_"][class*="miniprofile_notInOrWatchingGame_"] [class*="miniprofile_miniProfileBottom_"], [class*="miniprofile_miniProfileContent_"] [class*="miniprofile_miniProfileGameContainer_"] */ ._3QoRRxsgnDolcCPCrAPm47._34jjZG1A91u11b4W4AyNWo ._2MwqO9UiGxdr47Pnx0uw8I, ._3QoRRxsgnDolcCPCrAPm47 ._3gSTDNB2ZlqzhvkMEOxfCw { background: rgba(var(--black45)); } /* [class*="steamavatar_avatarHolder_"] [class*="steamavatar_avatarStatus_"].right, [class*="steamavatar_avatarHolder_"] [class*="steamavatar_avatarStatus_"].bottom */ ._1YGAHSfGavQI6MODJq-pJB ._1yIzy56YfJIliF6ykwhP2r.right, ._1YGAHSfGavQI6MODJq-pJB ._1yIzy56YfJIliF6ykwhP2r.bottom { display: none !important; } /* [class*="suggestdialog_suggestOption_"][class*="suggestdialog_selected_"] */ ._2vKzaUZjsSot6P6v7AhDga.vuyQsbjGz1XyM66XierTV { padding-left: 22px; } .mentionAvatar { left: 4px; margin-top: 2px; } .friendPlayerLevel { border-radius: 50% !important; } .friendPlayerLevel.lvl_100, .friendPlayerLevel.lvl_200, .friendPlayerLevel.lvl_300, .friendPlayerLevel.lvl_400, .friendPlayerLevel.lvl_500, .friendPlayerLevel.lvl_600, .friendPlayerLevel.lvl_700, .friendPlayerLevel.lvl_800, .friendPlayerLevel.lvl_900, .friendPlayerLevel.lvl_1000, .friendPlayerLevel.lvl_1100, .friendPlayerLevel.lvl_1200, .friendPlayerLevel.lvl_1300, .friendPlayerLevel.lvl_1400, .friendPlayerLevel.lvl_1500, .friendPlayerLevel.lvl_1600, .friendPlayerLevel.lvl_1700, .friendPlayerLevel.lvl_1800, .friendPlayerLevel.lvl_1900, .friendPlayerLevel.lvl_2000, .friendPlayerLevel.lvl_2100, .friendPlayerLevel.lvl_2200, .friendPlayerLevel.lvl_2300, .friendPlayerLevel.lvl_2400, .friendPlayerLevel.lvl_2500, .friendPlayerLevel.lvl_2600, .friendPlayerLevel.lvl_2700, .friendPlayerLevel.lvl_2800, .friendPlayerLevel.lvl_2900, .friendPlayerLevel.lvl_3000, .friendPlayerLevel.lvl_3100, .friendPlayerLevel.lvl_3200, .friendPlayerLevel.lvl_3300, .friendPlayerLevel.lvl_3400, .friendPlayerLevel.lvl_3500, .friendPlayerLevel.lvl_3600, .friendPlayerLevel.lvl_3700, .friendPlayerLevel.lvl_3800, .friendPlayerLevel.lvl_3900, .friendPlayerLevel.lvl_4000, .friendPlayerLevel.lvl_4100, .friendPlayerLevel.lvl_4200, .friendPlayerLevel.lvl_4300, .friendPlayerLevel.lvl_4400, .friendPlayerLevel.lvl_4500, .friendPlayerLevel.lvl_4600, .friendPlayerLevel.lvl_4700, .friendPlayerLevel.lvl_4800, .friendPlayerLevel.lvl_4900, .friendPlayerLevel.lvl_5000, .friendPlayerLevel.lvl_5100, .friendPlayerLevel.lvl_5200 { border-radius: 0 !important; } .friendsui-container .title-area-icon { height: 28px; width: 28px; } .friendsui-container .title-bar-actions { max-height: 28px; } .voiceSelfHeader .friend .avatarHolder .avatarStatus { width: 0px; } .voiceSelfHeader .friend .avatarHolder { width: 34px !important; height: 34px !important; transform: scale(1, 1) translateX(0px) !important; } .voiceSelfHeader .friend .avatarHolder .avatar { height: calc(100% - 2px); } .voiceSelfDirections .friend .labelHolder { min-width: 35px; } svg.SVGIcon_Button.SVGIcon_DownArrowContextMenu { fill: rgb(var(--offline)); } .currentUserContainer .ContextMenuButton:hover .SVGIcon_DownArrowContextMenu, .friend:hover .ContextMenuButton:hover .SVGIcon_DownArrowContextMenu { fill: rgb(var(--white75)) !important; } :not(.friendInviteContainer) .online .ContextMenuButton .SVGIcon_DownArrowContextMenu { fill: rgb(var(--online)); } .ToggleGroupChatList .SVGIcon_DoubleArrow polyline.Arrow1 { display: none; } .ToggleGroupChatList .SVGIcon_DoubleArrow polyline { stroke: rgb(var(--white)); } .ToggleGroupChatList:hover .SVGIcon_DoubleArrow polyline { stroke: rgb(var(--white75)); fill: none; } .popup_chat_frame { border: 0; } .confirmInviteRequestContainer .cancelAddFriends { top: 0px; right: 0px; background: rgb(var(--clientBG)); padding: 0px 6px; } .confirmInviteRequestContainer .confirmInviteButton { background-color: rgb(var(--white12)); color: rgb(var(--white)); font-size: 13px; } .confirmInviteRequestContainer .confirmInviteButton:hover { color: rgb(var(--white)); background-color: rgb(var(--white24)); } .ChatTabs .title-area { background: rgb(var(--header_dark)); /* border-bottom: 1px solid rgb(var(--frameBorder));*/ } .online .SVGIcon_DoNotDisturb circle, .online .SVGIcon_DoNotDisturb line { stroke: rgb(var(--red)); } /* [class*="personastatusicons_PersonaStatusIcon_"].ingame svg path */ ._1YsWjZbxFewllb2PX6ZhNm.ingame svg path { fill: rgb(var(--ingame)); } /* .titleBarContainer .currentUserContainer [class*="personanameandstatus_twoLine_"] [class*="personanameandstatus_richPresenceLabel_"] */ .titleBarContainer .currentUserContainer ._27M2GicEvwcoEI5R0FSKi9 ._1k82NiWym4STegDGxRBHz2 { margin-top: 0; margin-bottom: 0; } .ChatRoomSpeaker .speaker .speakerStatus, .ChatMsgSlashEmote .speaker .speakerStatus { display: none; } .clanInvitesGroupContainer .clanInviteTitle { color: rgb(var(--white)); } .clanInviteContainer .clanName { color: rgb(var(--white)); } .clanInvitesGroupContainer .statMembersTotal { color: rgb(var(--white50)); } /* Ideally, this would apply to hovering over the chat log only. Doesn't work when docking. */ .ChatPopup .miniProfileHover { display: none; } /* [class*="personastatusicons_PersonaStatusIcon_"][class*="personastatusicons_MobilePhoneIcon_"] */ ._1YsWjZbxFewllb2PX6ZhNm._3pGV8dWHnZMYHcytHxo6pw { margin-top: -1px; } /* [class*="addonpicker_Tab_"] .SVGIcon_Button */ ._1F8BhKKWf_XhG9QsmY_4lp .SVGIcon_Button { fill: rgb(var(--white)); } .friendGroup.friendOutgoingRequests .groupName, .friendGroup.friendRequests .groupName { padding-left: 0; } .clanInvitesGroupContainer { padding-left: 0; } .clanInvitesGroupContainer .clanInviteTitle { margin-left: 15px; } .clanInviteContainer { padding-left: 14px; } .clanInviteContainer:hover { background: rgb(var(--white05)); } .friend.offline { color: rgb(var(--offline)); } .friendInviteContainer .friend .inviteLabel { color: rgb(var(--online)) !important; } .mutualFriendNumber { color: rgb(var(--online)); } .friendInviteButton { border-radius: 50% !important; background: rgb(var(--clientBG)); border: 1px solid rgb(var(--white)); } /* [class*="chattabs_CloseButton_"]:hover .SVGIcon_X_Line line */ ._18EIcuUAoTtqjzcDzsTcdy:hover .SVGIcon_X_Line line { stroke: rgb(var(--white75)); } .confirmInviteRequestContainer .confirmInviteButton.dim:hover, .confirmInvites.dim:hover, .confirmInvites.dim { color: rgb(var(--white)); border-color: transparent; background: rgb(var(--white12)); } /* [class*="steamavatar_avatarHolder_"] [class*="steamavatar_avatarFrame_"] */ ._1YGAHSfGavQI6MODJq-pJB ._3atbNcPD1_nRVTjOvryjWe { transform: scale(1.2) translateY(.5px); } .Dialog_EditNickName .friend.online .DialogTextInputBase, .Dialog_ChangePersonaName .friend.online .DialogTextInputBase { color: rgb(var(--online)); } .DialogBodyText { color: rgb(var(--white50)); } /* .DialogTextInputBase:focus, .DialogTextInputBase:focus-within, .DialogTextInputBase:not(:disabled):hover, .DesktopUI .DialogTextInputBase:focus, .DialogTextInputBase:focus-within */ .DialogTextInputBase:focus, .DialogTextInputBase:focus-within, .DialogTextInputBase:not(:disabled):hover, .DesktopUI .DialogTextInputBase:focus, .DialogTextInputBase:focus-within { background: rgb(var(--textentry)); } /* .ChatRoomListGroupItem .openGroupButton .SVGIcon_DoubleArrow polyline, .ChatRoomListGroupItem_header:hover .openGroupButton .SVGIcon_DoubleArrow polyline */ .ChatRoomListGroupItem .openGroupButton .SVGIcon_DoubleArrow polyline, .ChatRoomListGroupItem_header:hover .openGroupButton .SVGIcon_DoubleArrow polyline { stroke: rgb(var(--white)); } .statCircle { background-color: rgb(var(--white)); } .friendsui-container .SVGIcon_Button.SVGIcon_CopyToClipboard { stroke: rgb(var(--white)); } .friendsui-container .SVGIcon_Button.SVGIcon_CopyToClipboard:hover { stroke: rgb(var(--white50)); /* Random */ } .friendsui-container .SVGIcon_Pin.Pinned .head { fill: rgb(var(--clientBG)); } .friendsui-container .SVGIcon_Pin .head { stroke: rgb(var(--white)); } .friendsui-container .SVGIcon_Pin .ground { stroke: rgb(var(--white)); } .friendsui-container .SVGIcon_Pin .ground, .friendsui-container .SVGIcon_Pin .point, .friendsui-container .SVGIcon_Pin .head { fill: rgb(var(--white)); } .chatRoomGroupNavColumn { border-right: 1px solid rgb(var(--frameBorder)); } /* [class*="bbcode_ImageModalBackground_"] */ .VUHcmgCbu1oxey7ydJHP2 { background: rgb(var(--clientBG)); border: none; } .confirmInviteButton.confirmInvites { background: rgb(var(--white12)); } .confirmInviteButton.confirmInvites:hover { background: rgb(var(--white24)); } /* [class*="pagedcontent_Nav_"] */ ._3o6fvTcJst7E2CI8mm7R5T { background: rgb(var(--header_dark)); } /* [class*="pagedcontent_Content_"] */ .APT8A-fjMRZ55HRAs5T1i { background: rgb(var(--clientBG)); } /* [class*="pagedcontent_Nav_"] [class*="pagedcontent_NavTitle_"] */ ._3o6fvTcJst7E2CI8mm7R5T ._35flyR8QkcLS-uAVkJV1y { color: rgb(var(--white)); text-transform: none; font-weight: 200; font-size: 16px; } /* [class*="pagedcontent_Nav_"] [class*="pagedcontent_NavItems_"] [class*="pagedcontent_NavItem_"][class*="pagedcontent_Active_"] */ ._3o6fvTcJst7E2CI8mm7R5T ._35rqZT0pAY4hJLqHRbaEQg ._2tYhabG7rEAJB2eolDND0O._22BLe9DAiRwH1vJMpWz-Ko { color: rgb(var(--white)); } /* [class*="pagedcontent_Nav_"] [class*="pagedcontent_NavItems_"] [class*="pagedcontent_NavItem_"] */ ._3o6fvTcJst7E2CI8mm7R5T ._35rqZT0pAY4hJLqHRbaEQg ._2tYhabG7rEAJB2eolDND0O { text-transform: none; } .friend.offline { color: rgb(var(--offline)); } .FriendPicker_SuggestedFriend:hover { background: rgb(var(--white05)); } .DialogLabel, .DialogLabelStrong { color: rgb(var(--white50)); } .Dialog_EditNickName .friend.online .DialogTextInputBase, .Dialog_ChangePersonaName .friend.online .DialogTextInputBase { color: rgb(var(--online)); } .DialogTextInputBase:not(:disabled):hover { background: rgb(var(--textentry)); cursor: text !important; } .chatRoomVoiceChannelsGroup, .chatRoomTextChannelsGroup { color: rgb(var(--white50)); } .chatRoomTextChannel:hover, .chatRoomVoiceChannel:hover .chatRoomVoiceChannelName, .chatRoomTextChannel:hover .chatRoomTextChannel { color: rgb(var(--white50)); } .chatRoomVoiceChannel:not(.ActiveVoiceChannel):hover { background-color: rgb(var(--white05)); } .friendsui-container .SVGIcon_TextRoom, .friendsui-container .SVGIcon_Button.SVGIcon_TextRoom, .friendsui-container .SVGIcon_VoiceRoom, .friendsui-container .SVGIcon_Button.SVGIcon_VoiceRoom { stroke: rgb(var(--white75)); margin-right: 0; margin-top: 0; } .friendsui-container .SVGIcon_TextRoom .TextLines { stroke: rgb(var(--white)); } .ActiveTextChannel .chatRoomTextChannelName.IsCommonsChannel { color: rgb(var(--white)) !important; } .chatRoomTextChannel:hover .chatRoomTextChannelName.IsCommonsChannel { color: rgb(var(--white50)); } .chatRoomTextChannelName.IsCommonsChannel { color: rgb(var(--white50)); } .chatRoomTextChannelName.ActiveTextChannel.IsCommonsChannel { color: rgb(var(--white)); } .chatRoomVoiceChannel { border: none; margin-left: 0; margin-right: 0; width: 100%; } .friendsui-container .SVGIcon_VoiceRoom .Microphone, .friendsui-container .SVGIcon_VoiceRoom .AudioLines { fill: rgb(var(--white)); } .chatRoomTextChannel:not(.ActiveTextChannel):hover { background: rgb(var(--white05)); } /* [class*="chattabs_ChatTab_"][class*="chattabs_Active_"] [class*="chattabs_MicStatus_"] svg path */ .X2iywwN7fcdh9zXpXVsrk._1BNlZUYDbVr8VhCTmq7ksk ._1YQL9JZaLMpdHc2ziL1vpM svg path { fill: green; } /* [class*="chattabs_ChatTab_"][class*="chattabs_Active_"] [class*="chattabs_MicStatus_"] */ .X2iywwN7fcdh9zXpXVsrk._1BNlZUYDbVr8VhCTmq7ksk ._1YQL9JZaLMpdHc2ziL1vpM { background: none; } .chatRoomVoiceChannelIconGlow { display: none; } .VoiceChannelInvite .leftInviteContainer .SVGIcon_VoiceRoom .Bubble, .OneOnOneVoiceRoomControls.OneOnOneVoiceActive .SVGIcon_VoiceRoom .Bubble, .chatRoomVoiceChannel.ActiveVoiceChannel .SVGIcon_VoiceRoom .Bubble, .VoiceToggle.Active .SVGIcon_VoiceRoom .Bubble { fill: green; } /* [class*="chattabs_ChatTab_"]:not([class*="chattabs_Active_"]) * */ .X2iywwN7fcdh9zXpXVsrk:not(._1BNlZUYDbVr8VhCTmq7ksk) * { stroke: green; fill: green; } .chatRoomVoiceChannel.ActiveVoiceChannel { background-color: rgb(var(--clientBG)); border: 1px solid rgb(var(--frameBorder)); } .emptyChannelNotice { color: rgb(var(--white50)); } .chatRoomVoiceChannel.ActiveVoiceChannel { width: 100%; } .ChatRoomListGroupItemChatRooms { margin-left: 0; } /* .friendListHeaderContainer .activeVoiceControls:before */ .friendListHeaderContainer .activeVoiceControls::before { background: none; } /* [class*="chattabs_ChatTab_"][class*="chattabs_Active_"][class*="chattabs_MicMuted_"] [class*="chattabs_MicStatus_"] */ .X2iywwN7fcdh9zXpXVsrk._1BNlZUYDbVr8VhCTmq7ksk._3M3EycCbnNyIFeU_Khd-RV ._1YQL9JZaLMpdHc2ziL1vpM { background: none; } /* [class*="chattabs_ChatTab_"][class*="chattabs_Active_"][class*="chattabs_MicMuted_"] [class*="chattabs_MicStatus_"] .SVGIcon_Button */ .X2iywwN7fcdh9zXpXVsrk._1BNlZUYDbVr8VhCTmq7ksk._3M3EycCbnNyIFeU_Khd-RV ._1YQL9JZaLMpdHc2ziL1vpM .SVGIcon_Button { fill: red; } .ChatRoomListGroupItem.ShowAllChannels .detailsView { background-color: transparent; } .ChatRoomListGroupItemChatRooms .chatRoomVoiceChannel:not(.ActiveVoiceChannel):hover { border: none; background-color: rgb(var(--white05)); } .ChatRoomListGroupItem .SVGIcon_VoiceRoom { margin-top: 0px; } .ChatRoomListGroupItem .chatRoomVoiceChannelIcon { margin-left: 16px; } .chatRoomTextChannel { cursor: default; } .VoiceRoomChatHistory .chatHistory { margin-top: 20px; } .VoiceChannelParticipants .chatRoomGroupNavCollapsed .CompactFriendsList .friend { padding-left: 8px; } .VoiceChannelParticipants .friend { padding-left: 16px; } .chatRoomGroupNavCollapsed .ChannelTypeTitle .ChatRoomAddRoomBtn { margin-left: 53px; } .groupMemberList .friend, .groupMemberList .friendGroup .friend { padding-left: 11px; } /* .isCurrentUser [class*="messages_SpeakerName_Default_"] */ .isCurrentUser ._3geCJQKRn0BSIko4joGoj7 { color: rgb(var(--offline)); } .friendSearchClear .SVGIcon_X_Line { width: 12px; height: 12px; } .friendSearchClear:hover .SVGIcon_X_Line { background-color: rgb(var(--white10)); } .friendSearchClear:hover { opacity: 1; } .ChatMessageEntryVoice.pushToTalkEnabled .activeVoiceButtons .SVGIcon_Button.SVGIcon_Shadow { display: none; } .inviteeNameLabel { color: rgb(var(--white)); } .clanActionButtons button.TextButton { color: rgb(var(--white50)); /* Random */ } .clanActionButtons button.TextButton:hover { color: rgb(var(--white75)); } /* [class*="bbcode_ChatMessageSteamStore_ViewStore_"] */ ._2dMaNzEX17c_Y8vZ14ke83 { background: #4b82b8; } .MemberListOption .SVGIcon_DoubleArrow polyline { stroke: rgb(var(--white)); /* Temporary */ } .gameGroup:not(.OtherGamesGroup):not(.NonSteamGamesGroup) .gameGroupContainer { width: 27px; height: 24px; } .friendGroup.gameGroup:not(.OtherGamesGroup) .SteamPlayerGroupFooter, .friendGroup.gameGroup:not(.OtherGamesGroup) .friend { padding: 2px 0px 2px 22px; } .CompactFriendsList .gameGroup:not(.OtherGamesGroup):not(.NonSteamGamesGroup) .gameGroupContainer { margin-right: 7px; height: 22px; } .CompactFriendsList .ExpandPlusMinus { margin-top: 1px !important; } .CompactFriendsList .gameGroupContainer .groupIcon { margin-top: 1px } .CompactFriendsList .friendlistListContainer .friendGroup.gameGroup .friend { padding-left: 12px; } /* [class*="addonpicker_Tab_"] [class*="addonpicker_TabContent_"][class*="addonpicker_Active_"], [class*="addonpicker_Tab_"] [class*="addonpicker_TabContent_"] */ ._1F8BhKKWf_XhG9QsmY_4lp ._2MluNdiOiHT-XKPQfFiIax._2bg1wWoNj7Bs0BSiao9e9x, ._1F8BhKKWf_XhG9QsmY_4lp ._2MluNdiOiHT-XKPQfFiIax { color: rgb(var(--white)); } .chatRoomVoiceChannelNameContainer .chatRoomVoiceChannelName { padding-left: 20px; } .MemberListColumn .CompactFriendsList .friend.ingame .labelHolder { margin-top: 1px; } :not(.friendInviteContainer) .ingame .ContextMenuButton .SVGIcon_DownArrowContextMenu { fill: rgb(var(--ingame)); } .ChatRoomMemberScrollList_List .ContextMenuButton .SVGIcon_DownArrowContextMenu { margin-bottom: 0; } /* .ChatRoomMemberScrollList_List .friend [class*="personanameandstatus_twoLine_"] [class*="personanameandstatus_statusAndName_"] */ .ChatRoomMemberScrollList_List .friend ._27M2GicEvwcoEI5R0FSKi9 ._3n8q82Bm3oNKRPFbrZOlo8 { margin-top: -3px !important; } .DialogTextInputBase, ._DialogInputContainer { color: rgb(var(--white)); background: rgb(var(--textentry)); } .chatRoomVoiceChannel:not(.ActiveVoiceChannel):hover .SVGIcon_VoiceRoom .Microphone, .chatRoomVoiceChannel:not(.ActiveVoiceChannel):hover .SVGIcon_VoiceRoom .AudioLines { fill: rgb(var(--white)); } /* [class*="chatentry_chatEntryControls_"] [class*="chatentry_chatSubmitButton_"]:not([class*="chatentry_disabled_"]) */ ._2gP0DqVyb1aEACymAe6if3 ._1IEiKQnjHpIv-m601y6hvP:not(._2GM2kkVRqL-SdkG4oQjUzY) { background: none; } /* [class*="chattabs_ChatTab_"] svg */ .X2iywwN7fcdh9zXpXVsrk svg { width: 12px !important; } /* .friendsui-container .SVGIcon_TextRoom, .friendsui-container .SVGIcon_Button.SVGIcon_TextRoom, .friendsui-container .SVGIcon_VoiceRoom, .friendsui-container .SVGIcon_Button.SVGIcon_VoiceRoom, [class*="chatentry_chatSubmitButton_"][class*="chatentry_EmbedButton_"] SVG, [class*="chatentry_chatSubmitButton_"][class*="chatentry_EmoticonPickerButton_"] SVG */ .friendsui-container .SVGIcon_TextRoom, .friendsui-container .SVGIcon_Button.SVGIcon_TextRoom, .friendsui-container .SVGIcon_VoiceRoom, .friendsui-container .SVGIcon_Button.SVGIcon_VoiceRoom, ._1IEiKQnjHpIv-m601y6hvP._24xNxnnkSf6A1WY3MnCCeg SVG, ._1IEiKQnjHpIv-m601y6hvP.K-lPMiafCuZRqjfXykujt SVG { color: rgb(var(--white75)); width: 20px; } .chatRoomChannelGroups svg.SVGIcon_Button.SVGIcon_VoiceRoom { padding-left: 3px; padding-top: 2px; } /* [class*="messages_SpeakerName_Default_"] */ ._3geCJQKRn0BSIko4joGoj7 { color: rgb(var(--offline)); } .FriendPicker_ChosenFriend { background: rgb(var(--focus)); } .FriendPicker_ChosenFriend .SVGIcon_X_Line line { stroke: rgb(255, 255, 255, 0.75); /* Intentionally not a var, as it's on --focus */ } .DialogHighlight { color: rgb(var(--focus)); } /* .VoiceToggle.Active svg, .VoiceToggle.Active:hover svg */ .VoiceToggle.Active svg, .VoiceToggle.Active:hover svg { color: rgb(var(--white75)); } .VoiceToggle.Active:hover { background: rgb(var(--white05)); } .VoiceToggle.Active { background-color: transparent; border: none !important; } /* .OneOnOneVoiceClose .SVGIcon_X_Line line, .OneOnOneVoiceClose:hover .SVGIcon_X_Line line, .OneOnOneVoiceClose.gpfocus .SVGIcon_X_Line line */ .OneOnOneVoiceClose .SVGIcon_X_Line line, .OneOnOneVoiceClose:hover .SVGIcon_X_Line line, .OneOnOneVoiceClose.gpfocus .SVGIcon_X_Line line { stroke: rgb(var(--white)); } .OneOnOneVoiceClose:hover, .OneOnOneVoiceClose.gpfocus { background-color: rgb(var(--white24)); } .recentName { color: rgb(var(--white)); } /* [class*="chattabs_ChatTabTransitionGroup_"] */ ._19ILu15eRwfp5Tkaqhtb0a { border-right: 2px solid transparent; } .HorizontalMiniSliderScroll::-webkit-scrollbar { display: none; } .ChatTabs.HasWindowControls { padding-top: 28px; } .chatTabSetContainer.inclient { padding-right: 0; } .singlewindow .titleBarContainer.ChatTabs { padding-left: 1px; padding-right: 1px; } .ChatTabs .dropTargetBox { margin-top: 28px; } /* [class*="chattabs_ChatTabContent_ChatRoomName_"] */ .J8J3o5BtWdX2ZAOJB2AE6 { text-overflow: ellipsis; -webkit-mask: none; } /* [class*="chattabs_ChatTabRow_"] [class*="friendsnooze_SnoozeContainer_"] */ ._3n80SfAwzFqelSuprYLFQv ._3EzTyjJx_tZUEIHygPwAeC { margin-right: 4px; } .chatFileUploadPreviewContainer { background: rgb(var(--clientBG)); border: 1px solid rgb(var(--frameBorder)); } .chatFileUploadCancel:hover { background-color: rgb(var(--W10close_Red_h)); } .chatFileUploadCancel { top: 0; right: 0; background-color: transparent; cursor: default; } .chatFileUploadCancel .SVGIcon_X_Line line { stroke: rgb(var(--white)); } .insetShadow { background: none; } .confirmInviteRequestContainer .cancelAddFriends:hover .SVGIcon_Arrow polyline { stroke: rgb(var(--white75)); transform: none; } .timeDivision.new_messages .preHorizDivider, .timeDivision.new_messages .horizDivider { background-color: transparent; } .ChatRoomSpeaker .speaker { margin-top: 0; padding-top: 0; } .speakerHoverArea, .speakerTimeStamp { cursor: text; } .addFriendButton .SVGIcon_AddFriend .friendHead, .addFriendButton .SVGIcon_AddFriend .friendBody { color: rgb(var(--white)); } .addFriendButton:hover .SVGIcon_AddFriend .friendHead, .addFriendButton:hover .SVGIcon_AddFriend .friendBody { color: rgb(var(--white)); } .msg.timeDivision.new_messages { color: rgb(var(--white)); } .clanInviteContainer a:hover .clanName { color: rgb(var(--white)); } /* [class*="remoteplay_BoxButton_"][class*="remoteplay_Dark_"], [class*="remoteplay_BoxButton_"][class*="remoteplay_Light_"] */ ._3o7CShdvV_024QlCPNanTb.IqjmSkutoVlArzd8wO2Xa, ._3o7CShdvV_024QlCPNanTb.GjzZlo9Ifo19tnW4iK3te { background-color: rgb(var(--white12)); } /* [class*="remoteplay_BoxButton_"][class*="remoteplay_Dark_"]:hover, [class*="remoteplay_BoxButton_"][class*="remoteplay_Light_"]:hover */ ._3o7CShdvV_024QlCPNanTb.IqjmSkutoVlArzd8wO2Xa:hover, ._3o7CShdvV_024QlCPNanTb.GjzZlo9Ifo19tnW4iK3te:hover { background-color: rgb(var(--white24)); } /* [class*="remoteplay_MediaBoxTitle_"] */ .MsIoGlV6WZ9dTykJz8vv6 { color: rgb(var(--white)); } /* [class*="remoteplay_MediaButton_"] [class*="remoteplay_ButtonContent_"] */ .qOHK85tePDcrS6OEMTwm2 .TwOz2KVAfp2GEs9Mve3r- { background-color: transparent; } /* [class*="remoteplay_MediaButton_"] */ .qOHK85tePDcrS6OEMTwm2 { background-color: rgb(var(--white12)); } /* [class*="remoteplay_MediaButton_"]:hover */ .qOHK85tePDcrS6OEMTwm2:hover { background-color: rgb(var(--white24)); } /* [class*="remoteplay_PersonaAvatar_"] */ ._1Bb6hYT7xcWUmYUrQmo6nl { cursor: pointer !important; } /* [class*="remoteplay_ControllerDropSlotsContainer_"] [class*="remoteplay_ControllerDropSlots_"] */ ._22LMC4oK3LB708upCdiF7L .I3s3okfGPF7NnDguZz-by { background-color: transparent; } .inviteLinkContainer .DialogInputLabelGroup .DialogInput { background: rgb(var(--textentry)); } /* .inviteLinkContainer .DialogDropDown._DialogInputContainer, .inviteLinkContainer .DialogDropDown._DialogInputContainer:hover */ .inviteLinkContainer .DialogDropDown._DialogInputContainer, .inviteLinkContainer .DialogDropDown._DialogInputContainer:hover { background-color: transparent; } .DialogHBar { background: rgb(var(--white12)); } button.DialogButton.createNewRoleButton svg { stroke: rgb(var(--white)); } /* [class*="chatroomgroupsettings_PermissionsEdit_"] [class*="chatroomgroupsettings_Back_"] */ .a8CnGRarG_heDZ_9T4VS- ._2Sea0zkTKIYLZNVkvJq21X { color: rgb(var(--white75)); } /* [class*="chatroomgroupsettings_PermissionsEdit_"] [class*="chatroomgroupsettings_Back_"] svg polyline */ .a8CnGRarG_heDZ_9T4VS- ._2Sea0zkTKIYLZNVkvJq21X svg polyline { stroke: rgb(var(--white75)); } /* [class*="chatroomgroupsettings_PermissionsEdit_"] [class*="chatroomgroupsettings_Back_"]:hover */ .a8CnGRarG_heDZ_9T4VS- ._2Sea0zkTKIYLZNVkvJq21X:hover { color: rgb(var(--white)); } /* [class*="chatroomgroupsettings_PermissionsEdit_"] [class*="chatroomgroupsettings_Back_"]:hover svg polyline */ .a8CnGRarG_heDZ_9T4VS- ._2Sea0zkTKIYLZNVkvJq21X:hover svg polyline { stroke: rgb(var(--white)); } button.DialogButton.roleButton .roleSubtitle { color: rgb(var(--white75)); } /* .friendlistListContainer .labelHolder:not([class*="personanameandstatus_compactView_"]).ingame[class*="personanameandstatus_twoLine_"] */ .friendlistListContainer .labelHolder:not(._34CCBJ8pGM-KGInRNV98M-).ingame._27M2GicEvwcoEI5R0FSKi9 { margin-top: -2px; } .ChatTabsContextMenu.CompactFriendsList .friend { padding-top: 0px; } .DialogListBuilderInput .DialogListBuilderInput_Input.DialogInputPlaceholder { color: rgb(var(--white)); } /* .DialogSpanningTable.BannedUsersTable tr.hoverRow, .DialogSpanningTable.InvitedUsersTable tr.hoverRow, .DialogSpanningTable.InviteLinksTable tbody tr, ._DialogRow._DialogRowBackground */ .DialogSpanningTable.BannedUsersTable tr.hoverRow, .DialogSpanningTable.InvitedUsersTable tr.hoverRow, .DialogSpanningTable.InviteLinksTable tbody tr, ._DialogRow._DialogRowBackground { background: rgb(var(--white05)); } .DialogSpanningTable tr.hoverRow:hover { background-color: rgb(var(--white10)); } /* [class*="chatroomgroupsettings_PermissionsDescription_"] a */ ._2iw1682nLSx0WESC-WNwzU a { color: rgb(var(--white)); border-bottom: 1px solid rgb(var(--white)); } /* [class*="chatroomgroupsettings_PermissionsDescription_"]:hover a */ ._2iw1682nLSx0WESC-WNwzU:hover a { color: rgb(var(--white75)); border-bottom: 1px solid rgb(var(--white75)); } .DialogTextInputBase.inviteURLLink { background: rgb(var(--textentry)); } .ChatGroupSettingsChannels_Row ._DialogRow { color: rgb(var(--white)); } .ChatGroupSettingsChannels_Row .ChannelDeleteButton { color: rgb(var(--white)); } .ChatGroupSettingsChannels_Row .ChannelDeleteButton:hover { color: rgb(var(--white75)); } .PopupFullWindow::after { border: 1px solid rgb(var(--frameBorder)); position: absolute; top: 0; left: 0; width: calc(100% - 2px); height: calc(100% - 2px); content: ''; z-index: 200; pointer-events: none; } /* [class*="miniprofile_miniProfileVideoBackgroundContainer_"]::after */ ._2SW_Y5HHBZR-uC8LI36lQM::after { background: rgba(var(--clientBG),0.75); position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; z-index: 200; pointer-events: none; } .rolePriorityButton { background-color: rgb(var(--white12)); } .rolePriorityButton:hover { background-color: rgb(var(--white24)); } .rolePriorityButton:hover svg polygon { fill: rgb(var(--white)); } .general_btn { color: rgb(var(--white)); } .NonInlinedEmbed .SVGIcon_YouTube { fill: rgb(var(--white)); } .msg div.ChatMessageOpenGraph, .msg div.SteamPublishedFile { color: rgb(var(--white75)); } .msg .ChatMessageOpenGraph_Title:hover { color: rgb(var(--white)) !important; } .meKey .SVGIcon_DialogCheck path, button.DialogButton.roleButton .SVGIcon_DialogCheck path { stroke: rgb(var(--white)); } .DialogBody .SVGIcon_Crown { fill: rgb(var(--white)); } button.DialogButton.roleButton:hover .roleSubtitle { color: rgb(var(--white)); } button.DialogButton.GreenPlay { background: rgb(var(--focus)); color: white; } button.DialogButton.GreenPlay:hover, button.DialogButton.GreenPlay.gpfocus { background: rgba(var(--focus)) !important; filter: brightness(1.1); color: white; } .gameInviteMsg .productName, .broadcastInviteMsg .productName, .broadcastViewRequestMsg .productName { color: rgb(var(--white)); } .gameInviteMsg .closeButton .SVGIcon_X_Line line { stroke: rgb(var(--white)); } .friendInviteButton.bright.acceptFriendInvite, .friendInviteButton.bright.declineFriendInvite { background-color: rgb(var(--focus)); } /* .friendInviteButton.bright.acceptFriendInvite .SVGIcon_Check polyline, .friendInviteButton.bright.declineFriendInvite .SVGIcon_X_Line line */ .friendInviteButton.bright.acceptFriendInvite .SVGIcon_Check polyline, .friendInviteButton.bright.declineFriendInvite .SVGIcon_X_Line line { stroke: white; } .friendInviteContainer .friend.dim { opacity: 0; } .friendInviteBlockContainer .blockCommunicationLabel { color: rgb(var(--white)); } .friendInviteBlockContainer .blockCommunicationLabel.subtitle { color: rgb(var(--white75)); } .friendInviteBlockContainer .DialogCheckbox { background-color: rgb(var(--white08)); border: 1px solid rgb(var(--frameBorder)); /* Very random */ } .DialogCheckbox_Container:hover .DialogCheckbox:not(.Disabled), .DialogCheckbox:hover:not(.Disabled), .DialogCheckbox_Container:focus .DialogCheckbox:not(.Disabled), .DialogCheckbox:focus:not(.Disabled) { background-color: rgba(var(--white), 0.17); } .friendInviteBlockContainer .DialogCheckbox:hover { border: 1px solid rgb(var(--frameBorder)); } .friendInviteBlockContainer { left: 15px; } .friendInviteButtons { z-index: 1; } /* .declineFriendInvite .SVGIcon_X_Line line, .friendInviteButton .SVGIcon_Check polyline */ .declineFriendInvite .SVGIcon_X_Line line, .friendInviteButton .SVGIcon_Check polyline { stroke: rgb(var(--white)); } .declineFriendInvite.dim, .acceptFriendInvite.dim { border-color: rgb(var(--white)); } .quickAccessFriends .favoriteElement:hover .friend .playerName { color:; } .friend.quickAccessFriend { margin: 1px; } .compactQuickAccess .friend.quickAccessFriend { margin-left: 5px; margin-right: 5px; } /* [class*="miniprofile_miniProfileBackdropBlur_"] */ .LN94bYM98sDoeFMv8vK8A { backdrop-filter: none; -webkit-backdrop-filter: none; } /* [class*="miniprofile_miniProfileContent_"] [class*="miniprofile_miniProfileBottom_"] [class*="miniprofile_featuredLabels_"] [class*="miniprofile_featuredTitle_"] */ ._3QoRRxsgnDolcCPCrAPm47 ._2MwqO9UiGxdr47Pnx0uw8I ._1vmTaFQNmEqXfFav5dZeIh ._35rABFQp0qNHG97UTfxeKn { color: rgb(var(--white75)); } /* [class*="miniprofile_miniProfileContent_"] [class*="miniprofile_miniProfileBottom_"] [class*="miniprofile_featuredLabels_"] [class*="miniprofile_featuredSubTitle_"] */ ._3QoRRxsgnDolcCPCrAPm47 ._2MwqO9UiGxdr47Pnx0uw8I ._1vmTaFQNmEqXfFav5dZeIh ._1IP-p-wdZ7c55-MUz3ovd7 { color: rgb(var(--white50)); } /* [class*="miniprofile_miniProfileContent_"] [class*="miniprofile_miniProfileBottom_"] .friendPlayerLevel [class*="miniprofile_friendPlayerLevelNum_"] */ ._3QoRRxsgnDolcCPCrAPm47 ._2MwqO9UiGxdr47Pnx0uw8I .friendPlayerLevel .EuhFwx3BfKme0DskrIyu { color: rgb(var(--white)); } /* [class*="miniprofile_miniProfileContent_"] [class*="miniprofile_playerContent_"] [class*="miniprofile_awayStatusLabel_"] */ ._3QoRRxsgnDolcCPCrAPm47 ._1oD1aSbwaTNwncgaVdaSv8 ._1nBxb6NZrm5NL86Cmgo4g2 { color: rgb(var(--offline)); font-weight: normal; } /* [class*="miniprofile_miniProfileContent_"] [class*="miniprofile_miniProfilePlayer_"].offline [class*="miniprofile_nickname_"], [class*="miniprofile_miniProfileContent_"] [class*="miniprofile_miniProfilePlayer_"].offline [class*="miniprofile_persona_"] */ ._3QoRRxsgnDolcCPCrAPm47 ._25tjYDzXV5ikVRTYuo3gkg.offline .drAAsgW-ufgBGjQ4mIfiJ, ._3QoRRxsgnDolcCPCrAPm47 ._25tjYDzXV5ikVRTYuo3gkg.offline ._2TAMH-SbRqivpq6WNRR-VH { color: rgb(var(--offline)); } .ChatMessageBlock { font-family: var(--basefont); } /* .currentUserContainer [class*="personanameandstatus_richPresenceContainer_"] */ .currentUserContainer ._2nrSdZqzl3e01VZleoVaWp { margin-top: 0; } /* .titleBarContainer .currentUserContainer [class*="personanameandstatus_compactView_"][class*="personanameandstatus_twoLine_"] [class*="personanameandstatus_richPresenceLabel_"] */ .titleBarContainer .currentUserContainer ._34CCBJ8pGM-KGInRNV98M-._27M2GicEvwcoEI5R0FSKi9 ._1k82NiWym4STegDGxRBHz2 { margin-top: 0; } .friendCollapseButton .SVGIcon_DoubleArrow polyline { stroke: rgb(var(--white)); } .friendCollapseButton .SVGIcon_DoubleArrow { opacity: .5; } .chatTabOpenFriendsList .SVGIcon_Group path { fill: rgb(var(--white75)); } .MemberListColumn .friendGroup .groupName .groupCountCollapsed { display: none; /* No need to see the number of members when it's already shown right above this */ } /* [class*="miniprofile_miniProfileContent_"] [class*="miniprofile_miniProfileGameContainer_"] [class*="miniprofile_ingame_"] [class*="miniprofile_richPresence_"], [class*="miniprofile_miniProfileContent_"] [class*="miniprofile_miniProfileGameContainer_"] [class*="miniprofile_ingame_"] [class*="miniprofile_gameState_"], [class*="miniprofile_miniProfileContent_"] [class*="miniprofile_miniProfileGameContainer_"] [class*="miniprofile_ingame_"] */ ._3QoRRxsgnDolcCPCrAPm47 ._3gSTDNB2ZlqzhvkMEOxfCw .zfceJhuXao-36EvDJEHKB ._2Ues_baZj2GagwgvY2XxCb, ._3QoRRxsgnDolcCPCrAPm47 ._3gSTDNB2ZlqzhvkMEOxfCw .zfceJhuXao-36EvDJEHKB ._2O3Nqf8WnJo21cbBhVZUFO, ._3QoRRxsgnDolcCPCrAPm47 ._3gSTDNB2ZlqzhvkMEOxfCw .zfceJhuXao-36EvDJEHKB { color: rgb(var(--ingame)); } /* [class*="miniprofile_miniProfileContent_"] [class*="miniprofile_miniProfilePlayer_"].in-game [class*="miniprofile_playerContent_"] [class*="miniprofile_awayStatusLabel_"] */ ._3QoRRxsgnDolcCPCrAPm47 ._25tjYDzXV5ikVRTYuo3gkg.in-game ._1oD1aSbwaTNwncgaVdaSv8 ._1nBxb6NZrm5NL86Cmgo4g2 { color: rgb(var(--ingame)); } /* [class*="miniprofile_miniProfileContent_"] [class*="miniprofile_miniProfileBlocked_"], [class*="miniprofile_miniProfileContent_"] [class*="miniprofile_miniProfileNotFriends_"] */ ._3QoRRxsgnDolcCPCrAPm47 .kQGcRU4d3ui7je7s54nxj, ._3QoRRxsgnDolcCPCrAPm47 ._3OPXPwUaGfVdbUD-c6KV6L { color: rgb(var(--white)); } /* [class*="bbcode_resultLabel_"] */ .uI9qxVSI12So1zQmYphgc { color: rgb(var(--white)); } .singlewindow .multiChatDialog { border: none; /* Removing the redundant border when in the docked mode that has its own */ } /* [class*="personastatusicons_PersonaStatusIcon_"].online .SVGIcon_Button path */ ._1YsWjZbxFewllb2PX6ZhNm.online .SVGIcon_Button path { fill: rgb(var(--online)); } .chatFileUploadProgressContainer { background: rgb(var(--clientBG)); border: 1px solid rgb(var(--frameBorder)); } .ChatRoomListGroupItem .ContextMenuButton .SVGIcon_DownArrowContextMenu { fill: rgb(var(--white75)); } .ChatRoomListGroupItem .ContextMenuButton:hover .SVGIcon_DownArrowContextMenu { fill: rgb(var(--white)); } .FriendChatTypingNotification { color: rgb(var(--white50)); } .ChatRoomSpeaker .speaker .speakerAvatar.hasAvatarFrame, .ChatMsgSlashEmote .speaker .speakerAvatar.hasAvatarFrame { margin-right: 0; } .speakerName { padding-left: 9px; } .msgText.EmoticonOnly { line-height: 36px; } /* [class*="chattabs_ChatTab_"] [class*="chattabs_MicStatus_"] */ .X2iywwN7fcdh9zXpXVsrk ._1YQL9JZaLMpdHc2ziL1vpM { mix-blend-mode: initial; } .friendCollapseButton { height: 24px; width: 24px; margin: 0; } .friendCollapseButton .SVGIcon_DoubleArrow { margin-top: 0; } .chatRoomTextChannel:hover .SVGIcon_TextRoom .TextLines { stroke: rgb(var(--white)); } .activeVoiceLabels .activeVoiceHeader { color: green; } .activeVoiceLabels .activeVoiceName { color: green; } .VoiceIconCtn, .VoiceIconCtn:hover SVG { color: green; } .activeVoiceButtons button { margin-top: 1px; } .VoiceControlPanelButton.chatEndVoiceChat:hover .VoiceIconCtn { color: green; } .ActiveTextChannel .chatRoomTextChannelName.IsCommonsChannel, .ActiveVoiceChannel .chatRoomVoiceChannelName { color: rgb(var(--white)); } .VoiceRoomChatTitle { background-color: rgb(var(--header_dark)); } .VoiceChatTextChannelName { color: rgb(var(--white)); } .VoiceRoomChatTitle .MinimizeTextChat line { stroke: rgb(var(--white)); } .VoiceRoomChatWindow { border: 1px solid rgb(var(--frameBorder)); background-color: rgb(var(--clientBG)); } .VoiceChatTextChannelDesc { background: none; } .chatRoomVoiceChannel .chatRoomTextChannel .chatRoomTextChannelIcon { color: rgb(var(--white)); } .chatRoomVoiceChannelsGroup .chatRoomVoiceChannel.ActiveVoiceChannel .chatRoomTextChannel:hover .chatRoomTextChannelIcon { color: rgb(var(--white)); } .ChatMessageEntryVoice .activeVoicePushToTalk, .chatEntry.compactView .ChatMessageEntryVoice .activeVoicePushToTalk { color: green; } .activeVoiceLabels .activeVoiceName:hover { color: green; filter: brightness(1.1); } .groupHeaderContainer .SortByRecent .SVGIcon_SortBy { stroke: rgb(var(--white)); /* Random */ } .groupHeaderContainer .SortByRecent:hover .SVGIcon_SortBy, .groupHeaderContainer .SortByRecent.gpfocus .SVGIcon_SortBy { stroke: rgb(var(--white75)); } .rolePriorityButton.Disabled:active, .rolePriorityButton.Disabled:hover, .rolePriorityButton.Disabled { background-color: rgb(var(--white24)); } /* [class*="pagedcontent_Nav_"] [class*="pagedcontent_NavItems_"] :not([class*="pagedcontent_Active_"])[class*="pagedcontent_NavItem_"]:hover */ ._3o6fvTcJst7E2CI8mm7R5T ._35rqZT0pAY4hJLqHRbaEQg :not(._22BLe9DAiRwH1vJMpWz-Ko)._2tYhabG7rEAJB2eolDND0O:hover { background-color: rgb(var(--white12)); } button.DialogButton:disabled, button.DialogButton:disabled:hover, button.DialogButton.Disabled, button.DialogButton.Disabled:hover { background: rgb(var(--white12)); color: rgb(var(--white45)); } button.DialogButton.roleButton.Disabled .roleSubtitle { color: rgb(var(--white45)); } /* [class*="toggle_ToggleRow_"] [class*="toggle_Label_"] */ .RFRVY1zEAMhZEG0e7yHhK ._2sb8qdRMMZUTcYeFjOsMe { color: rgb(var(--white50)); } /* [class*="chatroomgroupsettings_RoleNameHeader_"][class*="chatroomgroupsettings_FixedRoleName_"] */ ._1ZUG9SQOcVeJoZcGN7bFr0._2y4JFtHaIn3QXUR5w-VjIU { text-transform: none; color: rgb(var(--white)); font-size: 18px; letter-spacing: 0; font-weight: 200; } /* [class*="chatroomgroupsettings_Notification_"] */ ._27qH28EOlWrFAbMZtFu9Rd { color: rgb(var(--white)); } /* [class*="chatroomgroupsettings_Notification_"] .SVGIcon_Lock .topLock */ ._27qH28EOlWrFAbMZtFu9Rd .SVGIcon_Lock .topLock { fill: rgb(var(--white)); } /* [class*="chatroomgroupsettings_Notification_"] .SVGIcon_Lock .baseLock */ ._27qH28EOlWrFAbMZtFu9Rd .SVGIcon_Lock .baseLock { stroke: rgb(var(--white)); } /* [class*="dropdown_DialogDropDownMenu_"]._DialogInputContainer */ ._1tiuYeMmTc9DMG4mhgaQ5w._DialogInputContainer { background: rgb(var(--clientBG)); border: 1px solid rgb(var(--frameBorder)); padding: 0; } /* [class*="dropdown_DialogDropDownMenu_Item_"]:hover */ ._1R-DVEa2yqX0no8BYLtn9N:hover { background: rgb(var(--white05)); } /* [class*="chatroomgroupsettings_LeaveButton_"]:hover */ ._2Vi7csvNy_HVkg923w0xxv:hover { color: ; background: rgb(var(--white12)); } /* [class*="contextmenu_contextMenuItem_"][class*="contextmenu_SubMenu_"] .SVGIcon_DownArrowContextMenu */ .pFo3kQOzrl9qVLPXXGIMp.jVo8TLdJLQjHUL3pO8px9 .SVGIcon_DownArrowContextMenu { fill: rgb(var(--white)); margin-right: -8px; } .FriendPicker_Focus .FriendPicker_SuggestedFriend.Focus { background: rgb(var(--white05)); } .general_btn { background-color: rgb(var(--white12)); } .general_btn.voteUp:hover { background-color: rgb(var(--white24)); color: rgb(var(--white)) } .friendGroup .friend, .friendGroup .SteamPlayerGroupFooter { padding-top: 7px; padding-bottom: 3px; } .Dialog_EditNickName .friend.ingame .DialogTextInputBase, .Dialog_ChangePersonaName .friend.ingame .DialogTextInputBase { color: rgb(var(--ingame)); } .BBCodeTitle { -webkit-app-region: initial; /* Having this set to no-drag by Valve results in the window not being movable when the title is behind the window header */ } .msg.isCurrentUser .TradeOfferInvite { background: rgb(var(--black45)); } ._2pB0yvMupqXHSMXN3YT89r { -webkit-mask-image: none; } ._3NgkbkQ2UEVdJZysdvBdL_, .JH_DYtKL9LRLi5wS8TJ2z { color: rgb(var(--white75)); background: rgb(var(--black45)); } ._17di9y6ayc3Z-ITchVa-5N div span { color: rgb(var(--white))!important; }