From e5727332276563e7b8a125e7dd96c973becc1c5d Mon Sep 17 00:00:00 2001 From: Cynthia Foxwell Date: Mon, 24 Jun 2024 23:30:22 -0600 Subject: [PATCH] backlog --- pxvmc.scss | 2 +- src/_colors.scss | 3 +- src/avatars.scss | 37 +---- src/channel_list.scss | 8 + src/color_overrides.scss | 12 +- src/embeds.scss | 10 +- src/private_channels.scss | 9 +- src/w9x/channel_list.scss | 48 +++++- src/w9x/guilds.scss | 36 ++--- src/w9x/images.scss | 317 +++++++++++++------------------------- src/w9x/toolbar.scss | 271 ++++++++++++++++++++++++++++++-- src/winclassic.scss | 162 ++++++++++--------- 12 files changed, 548 insertions(+), 367 deletions(-) diff --git a/pxvmc.scss b/pxvmc.scss index d7e9cb4..4d11833 100644 --- a/pxvmc.scss +++ b/pxvmc.scss @@ -6,7 +6,7 @@ @use "src/ripcord"; @use "src/textbox"; @use "src/avatars"; -@use "src/channel_list"; +/*@use "src/channel_list";*/ @use "src/compact"; @use "src/member_list"; @use "src/context_menu"; diff --git a/src/_colors.scss b/src/_colors.scss index 2493e2d..4cab342 100644 --- a/src/_colors.scss +++ b/src/_colors.scss @@ -19,5 +19,6 @@ $c15: #edebf7; $primary: #1a1a1a; $secondary: #171717; $tertiary: #141414; -$accent: #634e75; +//$accent: #634e75; +$accent: #287373; $highlight: #5c5c5c; diff --git a/src/avatars.scss b/src/avatars.scss index 00e99b9..0f9c4c4 100644 --- a/src/avatars.scss +++ b/src/avatars.scss @@ -21,26 +21,15 @@ [class*="header_"] [class*="avatar_"] [class*="wrapper_"], -[class^="messagesWrapper_"] - [class^="scrollerInner_"] - [class^="message_"] - [class*="contents_"] - [class*="avatar_"], -[class^="messagesWrapper_"] - [class^="scrollerInner_"] - [class^="wrapper_"] - [class*="contents_"] - [class*="avatar_"], +[class^="messagesWrapper_"] [class^="scrollerInner_"] [class^="message_"] [class*="contents_"] [class*="avatar_"], +[class^="messagesWrapper_"] [class^="scrollerInner_"] [class^="wrapper_"] [class*="contents_"] [class*="avatar_"], [class^="messageGroupCozy_"] [class*="contents_"] [class*="avatar_"], [class*="autocomplete_"] [class*="autocompleteInner_"] [class*="autocompleteRow_"] [class*="content_"] [class*="wrapper_"], -[class*="guildsWrapper_"] - [class*="guilds_"] - [class*="guild_"] - [class*="guildInner_"], +[class*="guildsWrapper_"] [class*="guilds_"] [class*="guild_"] [class*="guildInner_"], div[class^="listItem_"] foreignObject img, div[class^="listItem_"] foreignObject a[class^="button_"], div[class^="listItem_"] foreignObject [class^="childWrapper_"], @@ -50,9 +39,7 @@ div[class^="listItem_"] div[class^="wrapperSimple_"], [class^="folderIconWrapper_"], [class^="avatarContainer_"], [class^="executedCommandAvatar_"], -[class^="folderIconWrapper_"] - > [class^="closedFolderIconWrapper_"] - > [class^="icon_"], +[class^="folderIconWrapper_"] > [class^="closedFolderIconWrapper_"] > [class^="icon_"], [class^="embedAuthorIcon_"] { border-radius: 0% !important; } @@ -88,19 +75,11 @@ div[class^="listItem_"] [class^="wrapper_"] > svg > foreignObject, display: none; } -[class^="userPopout_"] - [class*="avatarWrapper_"] - > [class^="avatar_"] - > svg - > foreignObject { +[class^="userPopout_"] [class*="avatarWrapper_"] > [class^="avatar_"] > svg > foreignObject { x: 8px; } -[class^="userPopout_"] - [class*="avatarWrapper_"] - > [class^="avatar_"] - > svg - > rect { +[class^="userPopout_"] [class*="avatarWrapper_"] > [class^="avatar_"] > svg > rect { x: 0; y: 0; width: 8px; @@ -128,8 +107,8 @@ div[class^="listItem_"] [class^="wrapper_"] > svg > foreignObject, left: 0; border-radius: 0% !important; - box-shadow: inset 0 0 0 1px var(--status-color), - inset 0 0 0 2px #{colors.$tertiary}, inset 0 0 2px 3px #{colors.$primary}; + box-shadow: inset 0 0 0 1px var(--status-color), inset 0 0 0 2px #{colors.$tertiary}, + inset 0 0 2px 3px #{colors.$primary}; } & > svg { border-radius: 0% !important; diff --git a/src/channel_list.scss b/src/channel_list.scss index c0cfcd8..6be1f7b 100644 --- a/src/channel_list.scss +++ b/src/channel_list.scss @@ -10,6 +10,14 @@ > [class^="sidebar_"] > [class^="container_"] > [class^="scroller_"] + > [class^="content_"], +.overlay + [class^="widget_"] + > [class^="base_"] + > [class^="sidebar_"] + > [class^="children_"] + > [class^="channelList_"] + > [class^="scroller_"] > [class^="content_"] { & > div[style="height: 84px;"], & > div[style="height: 84px;"] + div[style="height: 12px;"], diff --git a/src/color_overrides.scss b/src/color_overrides.scss index 074c811..73de790 100644 --- a/src/color_overrides.scss +++ b/src/color_overrides.scss @@ -336,6 +336,7 @@ $black-900: color.scale($black-500, $lightness: -95%); --background-modifier-active: #{$mod-active} !important; --background-modifier-selected: #{$mod-selected} !important; --background-modifier-accent: #{$mod-selected} !important; + --background-message-highlight: #{$mention-hover} !important; --input-background: #{colors.$tertiary} !important; --channeltextarea-background: #{colors.$tertiary} !important; @@ -835,8 +836,7 @@ rect[fill="hsl(262, calc(var(--saturation-factor, 1) * 46.8%), 39.8%)"] { [class*="lookFilled_"][class*="colorBrandNew_"]:not([class*="buttonColor_"]), [style*="background-color: rgb(114, 137, 218)"]:not([class*="swatch_"]), [class^="slider_"] [class^="bar_"] [class^="barFill_"], -[class^="control_"] - [class^="container_"][style*="background-color: rgb(67, 181, 129);"] { +[class^="control_"] [class^="container_"][style*="background-color: rgb(67, 181, 129);"] { background-color: #{colors.$accent} !important; } @@ -857,8 +857,7 @@ rect[fill="hsl(262, calc(var(--saturation-factor, 1) * 46.8%), 39.8%)"] { } [class^="slider_"] [class^="bar_"], -[class^="control_"] - [class^="container_"][style*="background-color: rgb(114, 118, 125);"] { +[class^="control_"] [class^="container_"][style*="background-color: rgb(114, 118, 125);"] { background-color: var(--background-secondary) !important; } @@ -986,10 +985,7 @@ a[class^="anchor_"]:not([aria-controls^="popout_"]) { color: var(--text-normal) !important; } -[class^="memberInner_"] - [class^="name_"] - > [class^="username_"] - > [class^="username_"] { +[class^="memberInner_"] [class^="name_"] > [class^="username_"] > [class^="username_"] { color: var(--text-normal); } [class^="memberInner_"] [class^="activityText_"] { diff --git a/src/embeds.scss b/src/embeds.scss index 045e02c..f8af21a 100644 --- a/src/embeds.scss +++ b/src/embeds.scss @@ -51,6 +51,7 @@ [class*="embedMedia_"] ) { min-width: unset !important; + max-width: 480px; } [class^="gridContainer_"] { @@ -118,7 +119,7 @@ } } } - [class^="visualMediaItemContainer_"]:has(> [class^="oneByOneGrid_"]) { + [class^="visualMediaItemContainer_"]:has(> [class^="oneByOneGrid_"]:only-child) { max-width: unset; & > [class^="oneByOneGrid_"] { @@ -131,7 +132,8 @@ width: unset !important; max-width: 480px !important; - :is(img, video) { + img, + [data-fullscreen="false"] > video { max-width: 480px !important; max-height: 480px !important; width: max-content !important; @@ -151,4 +153,8 @@ width: 100% !important; height: 100% !important; } + + [class^="spoilerContent_"]:has(article[class*="embed_"]) { + max-width: 494px !important; + } } diff --git a/src/private_channels.scss b/src/private_channels.scss index 42d00e1..5b19eb2 100644 --- a/src/private_channels.scss +++ b/src/private_channels.scss @@ -91,11 +91,7 @@ padding: 0; height: 22px; flex-direction: row-reverse; - background: linear-gradient( - to right, - colors.$highlight, - transparent 75% - ); + background: linear-gradient(to right, colors.$highlight, transparent 75%); align-items: center; [class^="headerText_"] { @@ -103,8 +99,7 @@ font-weight: normal; font-size: 12px; color: colors.$c7; - text-shadow: 0px 0px 4px colors.$c0, 0px 0px 4px colors.$c0, - 0px 0px 4px colors.$c0, 0px 0px 4px colors.$c0; + text-shadow: 0px 0px 4px colors.$c0, 0px 0px 4px colors.$c0, 0px 0px 4px colors.$c0, 0px 0px 4px colors.$c0; margin-left: 5px; } diff --git a/src/w9x/channel_list.scss b/src/w9x/channel_list.scss index 1c5eb61..2756b59 100644 --- a/src/w9x/channel_list.scss +++ b/src/w9x/channel_list.scss @@ -1,3 +1,4 @@ +.overlay [class^="widget_"] > [class^="base_"] > [class^="sidebar_"] > [class^="children_"] > [class^="channelList_"], [class^="base_"] > [class^="content_"] > [class^="sidebar_"] { border-radius: 0 !important; border-left: 4px solid var(--ThreeDFace); @@ -237,6 +238,12 @@ [class^="link_"] { padding: 0; border-radius: 0; + min-height: unset; + + & > [class^="content_"] { + justify-content: left; + align-items: flex-start; + } [class^="linkTop_"] { justify-content: flex-start; @@ -255,6 +262,7 @@ letter-spacing: unset; color: var(--WindowText); flex-grow: 0; + padding: 0 2px; } [class^="iconContainer_"] { @@ -274,18 +282,21 @@ & > [class^="users_"] { background-color: transparent; color: var(--WindowText); - padding-right: 6px; + padding-right: 4px; width: unset; + font-size: var(--FontSize); } & > [class^="total_"] { background-color: transparent; color: var(--ThreeDHighlight); padding: 0; + font-size: var(--FontSize); &::after { content: "/"; border: none; - left: -4px; + left: -2px; + font-size: var(--FontSize); } } } @@ -557,10 +568,15 @@ height: 16px; } - & > [class^="usernameFont_"] { + [class^="usernameFont_"] { font-size: var(--FontSize); line-height: var(--FontSize); } + + .emoji { + width: 16px; + height: 16px; + } } } } @@ -644,6 +660,32 @@ } } } + + & > [class^="privateChannels_"] { + & > [class^="searchBar_"] { + padding: 0px; + padding-bottom: 2px; + height: 22px !important; + box-shadow: inset 0 -1px 0 0 var(--ThreeDHighlight), inset 0 -2px 0 0 var(--ThreeDShadow); + + & > [class^="searchBarComponent_"] { + height: 22px !important; + background-color: var(--ThreeDFace); + border-radius: 0; + box-shadow: var(--InnerEdge); + font-size: 12px; + line-height: 12px; + } + } + + & > [class^="scroller_"] { + background-color: var(--Window); + + & > ul > div[style="height: 8px;"] { + display: none; + } + } + } } .theme-light diff --git a/src/w9x/guilds.scss b/src/w9x/guilds.scss index df3a2e5..5bb21dc 100644 --- a/src/w9x/guilds.scss +++ b/src/w9x/guilds.scss @@ -1,6 +1,7 @@ +.overlay [class^="widget_"] > [class^="base_"] > nav[class^="wrapper_"], [class*="guilds_"] { background-color: var(--ThreeDFace) !important; - box-shadow: var(--wc-rebar); + box-shadow: var(--RebarBorder); width: 48px; padding: 2px; @@ -35,7 +36,7 @@ margin: 0 !important; [class^="lowerBadge_"] { - top: 0; + bottom: 0; z-index: 11; width: 16px; height: 16px; @@ -44,6 +45,8 @@ image-rendering: pixelated; &:has(> [class^="numberBadge_"][style*="--status-danger"]) { + bottom: unset; + top: 0; background-image: var(--ImagePing); & > [class^="numberBadge_"] { @@ -76,7 +79,7 @@ &:has( > [class^="iconBadge_"] > svg - > path[d="M11.383 3.07904C11.009 2.92504 10.579 3.01004 10.293 3.29604L6 8.00204H3C2.45 8.00204 2 8.45304 2 9.00204V15.002C2 15.552 2.45 16.002 3 16.002H6L10.293 20.71C10.579 20.996 11.009 21.082 11.383 20.927C11.757 20.772 12 20.407 12 20.002V4.00204C12 3.59904 11.757 3.23204 11.383 3.07904ZM14 5.00195V7.00195C16.757 7.00195 19 9.24595 19 12.002C19 14.759 16.757 17.002 14 17.002V19.002C17.86 19.002 21 15.863 21 12.002C21 8.14295 17.86 5.00195 14 5.00195ZM14 9.00195C15.654 9.00195 17 10.349 17 12.002C17 13.657 15.654 15.002 14 15.002V13.002C14.551 13.002 15 12.553 15 12.002C15 11.451 14.551 11.002 14 11.002V9.00195Z"] + > path[d="M12 3a1 1 0 0 0-1-1h-.06a1 1 0 0 0-.74.32L5.92 7H3a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h2.92l4.28 4.68a1 1 0 0 0 .74.32H11a1 1 0 0 0 1-1V3ZM15.1 20.75c-.58.14-1.1-.33-1.1-.92v-.03c0-.5.37-.92.85-1.05a7 7 0 0 0 0-13.5A1.11 1.11 0 0 1 14 4.2v-.03c0-.6.52-1.06 1.1-.92a9 9 0 0 1 0 17.5Z"] ) { background-image: var(--ImageSpeaker); @@ -153,11 +156,9 @@ } [class*="selected_"] > [class^="wrapper_"]:has(> svg) { - box-shadow: inset -1px -1px 0 0 var(--ThreeDHighlight), - inset 1px 1px 0 0 var(--ThreeDShadow); + box-shadow: inset -1px -1px 0 0 var(--ThreeDHighlight), inset 1px 1px 0 0 var(--ThreeDShadow); &:hover { - box-shadow: inset -1px -1px 0 0 var(--ThreeDHighlight), - inset 1px 1px 0 0 var(--ThreeDShadow); + box-shadow: inset -1px -1px 0 0 var(--ThreeDHighlight), inset 1px 1px 0 0 var(--ThreeDShadow); } } @@ -214,9 +215,7 @@ background-color: inherit; } - &:has( - [class^="expandedFolderIconWrapper_"]:not([style^="transform:"]) - ) { + &:has([class^="expandedFolderIconWrapper_"]:not([style^="transform:"])) { background-image: none; } @@ -343,8 +342,7 @@ } &:hover { - box-shadow: inset -1px -1px 0 0 var(--ThreeDShadow), - inset 1px 1px 0 0 var(--ThreeDHighlight); + box-shadow: inset -1px -1px 0 0 var(--ThreeDShadow), inset 1px 1px 0 0 var(--ThreeDHighlight); } } [class^="wrapperSimple_"] { @@ -364,8 +362,7 @@ [class^="circleIconButton_"] { background-color: transparent; &:hover { - box-shadow: inset -1px -1px 0 0 var(--ThreeDShadow), - inset 1px 1px 0 0 var(--ThreeDHighlight); + box-shadow: inset -1px -1px 0 0 var(--ThreeDShadow), inset 1px 1px 0 0 var(--ThreeDHighlight); } } @@ -414,7 +411,7 @@ ul[id^="folder-items-"] { height: unset !important; - box-shadow: var(--wc-frame); + box-shadow: var(--WindowFrame); padding: 4px; & > [class^="listItem_"] { --custom-list-items-list-item-width: 40px; @@ -450,18 +447,15 @@ image-rendering: pixelated; } &:has([class^="folder_"][aria-expanded="true"]) { - box-shadow: inset -1px -1px 0 0 var(--ThreeDShadow), - inset 1px 1px 0 0 var(--ThreeDHighlight); + box-shadow: inset -1px -1px 0 0 var(--ThreeDShadow), inset 1px 1px 0 0 var(--ThreeDHighlight); } &:hover::after { - box-shadow: inset 0 1px var(--ThreeDShadow), - inset -1px -1px 0 0 var(--ThreeDShadow), + box-shadow: inset 0 1px var(--ThreeDShadow), inset -1px -1px 0 0 var(--ThreeDShadow), inset 1px 2px 0 0 var(--ThreeDHighlight); } &:has([class^="folder_"][aria-expanded="true"])::after { - box-shadow: inset 0 1px var(--ThreeDShadow), - inset -1px -1px 0 0 var(--ThreeDHighlight), + box-shadow: inset 0 1px var(--ThreeDShadow), inset -1px -1px 0 0 var(--ThreeDHighlight), inset 1px 2px 0 0 var(--ThreeDShadow); } } diff --git a/src/w9x/images.scss b/src/w9x/images.scss index 02fd301..46624e0 100644 --- a/src/w9x/images.scss +++ b/src/w9x/images.scss @@ -71,16 +71,14 @@ --ImageRedDot: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAvSURBVChTY4CBBgaG/8gYKgwBIAGgCAoGCoMwdkkYBiuigwIowCsJAzBBJEkGBgCUiFgtEF6INwAAAABJRU5ErkJgggAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=="); --ImageGlobe: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADOSURBVDhPjZHREcQgCET5tB97Sh3XRnpKQf55LLKIGZ27dfYjyFsYIyfVW3q2l3+LQGut16cOo3Z1s7ftRfDxM+EZcAzJcEw2UNe/JzwCPmvICQZo8LMGwKWUGTKKvmpM1hpAdd5AEAyLPyyK2tOrejQOmJPfsA3QjSMkAvBYuODKbnyjOT/qsgVB/ja7SCFHOAeggSdCYJ9OeBsA2WW/pjkNDQx5BxCGeLkLyA+4OAdAEeLWUsAWIO66gZMCRvMChs8w5U1bEP5bGTqAIl/8zIjoHN7HlAAAAABJRU5ErkJggg=="); --ImageHome16: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAACgSURBVDhPtZHBDcQgDAT9oNaUQg/05J4cFryBs8iRU3Qr+YFhBofIX1MOsZSS+VKKiKHm3m0AmxUzHQBgk2MvIIyDKEoeCWZYVVvNkq+CCDNRshTcwe0daqLEsZ4dvJVgsYOj5EOA5JzbgZ5imIqFw+xT4NjIEPSb+FnX64cJHBtZTQC4/vwXE1RYL8GDCbDJggAw32DeWwrQ/KUcexuRE8RogUsXcxcCAAAAAElFTkSuQmCC"); + --ImagePhone: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAACWSURBVDhPtZALDsAgCEM5Ojd3dqUKc9kvWROGfF41s1/k7s3dIrxF+14EvVE28iMjgoQEILPH0AWBVNFgwlBv4xtgNSKVFM2A6zLE2QMTDdfny6zWga5wzrcGc+kcFtBXl3r8PA00PMKoAfDMSAZYlKZRhgcQJjr3qMBUhZn5igxLeyMbHWHtYPlKw0iwehi+0Wfwpcw2wrd689ycuV8AAAAASUVORK5CYII="); } svg { /* globe */ &:not([aria-label$="on Web"]) { &:has( - path[d="M5 0.833252C2.7 0.833252 0.833333 2.69992 0.833333 4.99992C0.833333 7.29992 2.7 9.16659 5 9.16659C7.3 9.16659 9.16667 7.29992 9.16667 4.99992C9.16667 2.69992 7.3 0.833252 5 0.833252ZM4.58333 8.30409C2.9375 8.09992 1.66667 6.69992 1.66667 4.99992C1.66667 4.74159 1.7 4.49575 1.75417 4.25409L3.75 6.24992V6.66659C3.75 7.12492 4.125 7.49992 4.58333 7.49992V8.30409ZM7.45833 7.24575C7.35 6.90825 7.04167 6.66659 6.66667 6.66659H6.25V5.41659C6.25 5.18742 6.0625 4.99992 5.83333 4.99992H3.33333V4.16659H4.16667C4.39583 4.16659 4.58333 3.97909 4.58333 3.74992V2.91659H5.41667C5.875 2.91659 6.25 2.54159 6.25 2.08325V1.91242C7.47083 2.40825 8.33333 3.60409 8.33333 4.99992C8.33333 5.86659 8 6.65409 7.45833 7.24575Z"] - ), - &:has( - path[d="M23 12a11 11 0 1 1-22 0 11 11 0 0 1 22 0Zm-4.16 5.85A9 9 0 0 0 15 3.52V4a3 3 0 0 1-3 3h-.77c-.13 0-.23.1-.23.23A2.77 2.77 0 0 1 8.23 10c-.13 0-.23.1-.23.23v1.52c0 .14.11.25.25.25H13a3 3 0 0 1 3 3v.77c0 .13.1.23.23.23 1.2 0 2.23.77 2.61 1.85ZM3.18 10.18A9 9 0 0 0 11 20.94v-2.7c0-.14-.1-.24-.23-.24h-.65A2.12 2.12 0 0 1 8 15.88c0-.56-.22-1.1-.62-1.5l-4.2-4.2Z"] + > path[d="M23 12a11 11 0 1 1-22 0 11 11 0 0 1 22 0Zm-4.16 5.85A9 9 0 0 0 15 3.52V4a3 3 0 0 1-3 3h-.77c-.13 0-.23.1-.23.23A2.77 2.77 0 0 1 8.23 10c-.13 0-.23.1-.23.23v1.52c0 .14.11.25.25.25H13a3 3 0 0 1 3 3v.77c0 .13.1.23.23.23 1.2 0 2.23.77 2.61 1.85ZM3.18 10.18A9 9 0 0 0 11 20.94v-2.7c0-.14-.1-.24-.23-.24h-.65A2.12 2.12 0 0 1 8 15.88c0-.56-.22-1.1-.62-1.5l-4.2-4.2Z"] ) { background-image: var(--ImageGlobe); background-position: center; @@ -97,10 +95,7 @@ svg { /* home */ &:has( - path[d="M4.16667 8.33333V5.83333H5.83333V8.33333H7.91667V5H9.16667L5 1.25L0.833333 5H2.08333V8.33333H4.16667Z"] - ), - &:has( - path[d="m2.4 8.4 8.38-6.46a2 2 0 0 1 2.44 0l8.39 6.45a2 2 0 0 1-.79 3.54l-.32.07-.82 8.2a2 2 0 0 1-1.99 1.8H16a1 1 0 0 1-1-1v-5a3 3 0 0 0-6 0v5a1 1 0 0 1-1 1H6.31a2 2 0 0 1-1.99-1.8L3.5 12l-.32-.07a2 2 0 0 1-.79-3.54Z"] + > path[d="m2.4 8.4 8.38-6.46a2 2 0 0 1 2.44 0l8.39 6.45a2 2 0 0 1-.79 3.54l-.32.07-.82 8.2a2 2 0 0 1-1.99 1.8H16a1 1 0 0 1-1-1v-5a3 3 0 0 0-6 0v5a1 1 0 0 1-1 1H6.31a2 2 0 0 1-1.99-1.8L3.5 12l-.32-.07a2 2 0 0 1-.79-3.54Z"] ) { background-image: var(--ImageHome16); background-position: center; @@ -114,9 +109,8 @@ svg { } /* verified */ - &:has(path[d="M7.4,11.17,4,8.62,5,7.26l2,1.53L10.64,4l1.36,1Z"]), &:has( - path[d="M18.7 7.3a1 1 0 0 1 0 1.4l-8 8a1 1 0 0 1-1.4 0l-4-4a1 1 0 1 1 1.4-1.4l3.3 3.29 7.3-7.3a1 1 0 0 1 1.4 0Z"] + > path[d="M18.7 7.3a1 1 0 0 1 0 1.4l-8 8a1 1 0 0 1-1.4 0l-4-4a1 1 0 1 1 1.4-1.4l3.3 3.29 7.3-7.3a1 1 0 0 1 1.4 0Z"] ) { background-image: var(--ImageVerified); background-position: center; @@ -128,11 +122,10 @@ svg { display: none; } } - /* speaker */ /* - &:has(> path[d^="M11.383"][d$="00195Z"]), - &:has(path[d^="M12"][d$="2.00305Z"]), - &:has(> path[d^="M12"][d$="17.5Z"]), - &:has(> path[d^="M12"][d$="3Z"]) { + /* speaker */ + &:has( + > path[d="M12 3a1 1 0 0 0-1-1h-.06a1 1 0 0 0-.74.32L5.92 7H3a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h2.92l4.28 4.68a1 1 0 0 0 .74.32H11a1 1 0 0 0 1-1V3ZM15.1 20.75c-.58.14-1.1-.33-1.1-.92v-.03c0-.5.37-.92.85-1.05a7 7 0 0 0 0-13.5A1.11 1.11 0 0 1 14 4.2v-.03c0-.6.52-1.06 1.1-.92a9 9 0 0 1 0 17.5Z"] + ) { background-image: var(--ImageSpeaker); background-position: center; background-repeat: no-repeat; @@ -145,12 +138,9 @@ svg { } } - /* speaker (deafened) */ /* + /* speaker (deafened) */ &:has( - path[d="M6.16204 15.0065C6.10859 15.0022 6.05455 15 6 15H4V12C4 7.588 7.589 4 12 4C13.4809 4 14.8691 4.40439 16.0599 5.10859L17.5102 3.65835C15.9292 2.61064 14.0346 2 12 2C6.486 2 2 6.485 2 12V19.1685L6.16204 15.0065Z"] - ), - &:has( - path[d="M22.7 2.7a1 1 0 0 0-1.4-1.4l-20 20a1 1 0 1 0 1.4 1.4l20-20ZM17.06 2.94a.48.48 0 0 0-.11-.77A11 11 0 0 0 2.18 16.94c.14.3.53.35.76.12l3.2-3.2c.25-.25.15-.68-.2-.76a5 5 0 0 0-1.02-.1H3.05a9 9 0 0 1 12.66-9.2c.2.09.44.05.59-.1l.76-.76ZM20.2 8.28a.52.52 0 0 1 .1-.58l.76-.76a.48.48 0 0 1 .77.11 11 11 0 0 1-4.5 14.57c-1.27.71-2.73.23-3.55-.74a3.1 3.1 0 0 1-.17-3.78l1.38-1.97a5 5 0 0 1 4.1-2.13h1.86a9.1 9.1 0 0 0-.75-4.72ZM10.1 17.9c.25-.25.65-.18.74.14a3.1 3.1 0 0 1-.62 2.84 2.85 2.85 0 0 1-3.55.74.16.16 0 0 1-.04-.25l3.48-3.48Z"] + > path[d="M22.7 2.7a1 1 0 0 0-1.4-1.4l-20 20a1 1 0 1 0 1.4 1.4l20-20ZM17.06 2.94a.48.48 0 0 0-.11-.77A11 11 0 0 0 2.18 16.94c.14.3.53.35.76.12l3.2-3.2c.25-.25.15-.68-.2-.76a5 5 0 0 0-1.02-.1H3.05a9 9 0 0 1 12.66-9.2c.2.09.44.05.59-.1l.76-.76ZM20.2 8.28a.52.52 0 0 1 .1-.58l.76-.76a.48.48 0 0 1 .77.11 11 11 0 0 1-4.5 14.57c-1.27.71-2.73.23-3.55-.74a3.1 3.1 0 0 1-.17-3.78l1.38-1.97a5 5 0 0 1 4.1-2.13h1.86a9.1 9.1 0 0 0-.75-4.72ZM10.1 17.9c.25-.25.65-.18.74.14a3.1 3.1 0 0 1-.62 2.84 2.85 2.85 0 0 1-3.55.74.16.16 0 0 1-.04-.25l3.48-3.48Z"] ) { background-image: var(--ImageDeafened); background-position: center; @@ -163,12 +153,9 @@ svg { } } - /* mic */ /* + /* mic */ &:has( - path[d="M14.99 11C14.99 12.66 13.66 14 12 14C10.34 14 9 12.66 9 11V5C9 3.34 10.34 2 12 2C13.66 2 15 3.34 15 5L14.99 11ZM12 16.1C14.76 16.1 17.3 14 17.3 11H19C19 14.42 16.28 17.24 13 17.72V22H11V17.72C7.72 17.23 5 14.41 5 11H6.7C6.7 14 9.24 16.1 12 16.1Z"] - ), - &:has( - path[d="M6 10a1 1 0 0 0-2 0 8 8 0 0 0 7 7.94V20H9a1 1 0 1 0 0 2h6a1 1 0 1 0 0-2h-2v-2.06A8 8 0 0 0 20 10a1 1 0 1 0-2 0 6 6 0 0 1-12 0Z"] + > path[d="M6 10a1 1 0 0 0-2 0 8 8 0 0 0 7 7.94V20H9a1 1 0 1 0 0 2h6a1 1 0 1 0 0-2h-2v-2.06A8 8 0 0 0 20 10a1 1 0 1 0-2 0 6 6 0 0 1-12 0Z"] ) { background-image: var(--ImageMic); background-position: center; @@ -181,12 +168,9 @@ svg { } } - /* mic (muted) */ /* + /* mic (muted) */ &:has( - path[d="M11.7237 16.0927L10.9632 16.8531L10.2533 17.5688C10.4978 17.633 10.747 17.6839 11 17.72V22H13V17.72C16.28 17.23 19 14.41 19 11H17.3C17.3 14 14.76 16.1 12 16.1C11.9076 16.1 11.8155 16.0975 11.7237 16.0927Z"] - ), - &:has( - path[d="m2.7 22.7 20-20a1 1 0 0 0-1.4-1.4l-20 20a1 1 0 1 0 1.4 1.4ZM10.8 17.32c-.21.21-.1.58.2.62V20H9a1 1 0 1 0 0 2h6a1 1 0 1 0 0-2h-2v-2.06A8 8 0 0 0 20 10a1 1 0 0 0-2 0c0 1.45-.52 2.79-1.38 3.83l-.02.02A5.99 5.99 0 0 1 12.32 16a.52.52 0 0 0-.34.15l-1.18 1.18ZM15.36 4.52c.15-.15.19-.38.08-.56A4 4 0 0 0 8 6v4c0 .3.03.58.1.86.07.34.49.43.74.18l6.52-6.52ZM5.06 13.98c.16.28.53.31.75.09l.75-.75c.16-.16.19-.4.08-.61A5.97 5.97 0 0 1 6 10a1 1 0 0 0-2 0c0 1.45.39 2.81 1.06 3.98Z"] + > path[d="m2.7 22.7 20-20a1 1 0 0 0-1.4-1.4l-20 20a1 1 0 1 0 1.4 1.4ZM10.8 17.32c-.21.21-.1.58.2.62V20H9a1 1 0 1 0 0 2h6a1 1 0 1 0 0-2h-2v-2.06A8 8 0 0 0 20 10a1 1 0 0 0-2 0c0 1.45-.52 2.79-1.38 3.83l-.02.02A5.99 5.99 0 0 1 12.32 16a.52.52 0 0 0-.34.15l-1.18 1.18ZM15.36 4.52c.15-.15.19-.38.08-.56A4 4 0 0 0 8 6v4c0 .3.03.58.1.86.07.34.49.43.74.18l6.52-6.52ZM5.06 13.98c.16.28.53.31.75.09l.75-.75c.16-.16.19-.4.08-.61A5.97 5.97 0 0 1 6 10a1 1 0 0 0-2 0c0 1.45.39 2.81 1.06 3.98Z"] ) { background-image: var(--ImageMicMuted); background-position: center; @@ -199,12 +183,9 @@ svg { } } - /* pins */ /* + /* pins */ &:has( - path[d="M22 12L12.101 2.10101L10.686 3.51401L12.101 4.92901L7.15096 9.87801V9.88001L5.73596 8.46501L4.32196 9.88001L8.56496 14.122L2.90796 19.778L4.32196 21.192L9.97896 15.536L14.222 19.778L15.636 18.364L14.222 16.95L19.171 12H19.172L20.586 13.414L22 12Z"] - ), - &:has( - path[d="M19.38 11.38a3 3 0 0 0 4.24 0l.03-.03a.5.5 0 0 0 0-.7L13.35.35a.5.5 0 0 0-.7 0l-.03.03a3 3 0 0 0 0 4.24L13 5l-2.92 2.92-3.65-.34a2 2 0 0 0-1.6.58l-.62.63a1 1 0 0 0 0 1.42l9.58 9.58a1 1 0 0 0 1.42 0l.63-.63a2 2 0 0 0 .58-1.6l-.34-3.64L19 11l.38.38ZM9.07 17.07a.5.5 0 0 1-.08.77l-5.15 3.43a.5.5 0 0 1-.63-.06l-.42-.42a.5.5 0 0 1-.06-.63L6.16 15a.5.5 0 0 1 .77-.08l2.14 2.14Z"] + > path[d="M19.38 11.38a3 3 0 0 0 4.24 0l.03-.03a.5.5 0 0 0 0-.7L13.35.35a.5.5 0 0 0-.7 0l-.03.03a3 3 0 0 0 0 4.24L13 5l-2.92 2.92-3.65-.34a2 2 0 0 0-1.6.58l-.62.63a1 1 0 0 0 0 1.42l9.58 9.58a1 1 0 0 0 1.42 0l.63-.63a2 2 0 0 0 .58-1.6l-.34-3.64L19 11l.38.38ZM9.07 17.07a.5.5 0 0 1-.08.77l-5.15 3.43a.5.5 0 0 1-.63-.06l-.42-.42a.5.5 0 0 1-.06-.63L6.16 15a.5.5 0 0 1 .77-.08l2.14 2.14Z"] ) { background-image: var(--ImagePins); background-position: center; @@ -217,12 +198,9 @@ svg { } } - /* inbox */ /* + /* inbox */ &:has( - path[d="M19 3H4.99C3.88 3 3.01 3.89 3.01 5L3 19C3 20.1 3.88 21 4.99 21H19C20.1 21 21 20.1 21 19V5C21 3.89 20.1 3 19 3ZM19 15H15C15 16.66 13.65 18 12 18C10.35 18 9 16.66 9 15H4.99V5H19V15Z"] - ), - &:has( - path[d="M5 2a3 3 0 0 0-3 3v14a3 3 0 0 0 3 3h14a3 3 0 0 0 3-3V5a3 3 0 0 0-3-3H5ZM4 5.5C4 4.67 4.67 4 5.5 4h13c.83 0 1.5.67 1.5 1.5v6c0 .83-.67 1.5-1.5 1.5h-2.65c-.5 0-.85.5-.85 1a3 3 0 1 1-6 0c0-.5-.35-1-.85-1H5.5A1.5 1.5 0 0 1 4 11.5v-6Z"] + > path[d="M5 2a3 3 0 0 0-3 3v14a3 3 0 0 0 3 3h14a3 3 0 0 0 3-3V5a3 3 0 0 0-3-3H5ZM4 5.5C4 4.67 4.67 4 5.5 4h13c.83 0 1.5.67 1.5 1.5v6c0 .83-.67 1.5-1.5 1.5h-2.65c-.5 0-.85.5-.85 1a3 3 0 1 1-6 0c0-.5-.35-1-.85-1H5.5A1.5 1.5 0 0 1 4 11.5v-6Z"] ) { background-image: var(--ImageInbox); background-position: center; @@ -235,12 +213,9 @@ svg { } } - /* notifications */ /* + /* notifications */ &:has( - path[d="M12 3C13.417 3 14.71 3.5 15.734 4.321L5.99805 14.058C5.99805 14.0479 5.99856 14.038 5.99907 14.0283C5.99956 14.0188 6.00005 14.0094 6.00005 14V9C6.00005 5.686 8.68605 3 12 3Z"] - ), - &:has( - path[d="M1.3 21.3a1 1 0 1 0 1.4 1.4l20-20a1 1 0 0 0-1.4-1.4l-20 20ZM3.13 16.13c.11.27.46.28.66.08L15.73 4.27a.47.47 0 0 0-.07-.74 6.97 6.97 0 0 0-1.35-.64.62.62 0 0 1-.38-.43 2 2 0 0 0-3.86 0 .62.62 0 0 1-.38.43A7 7 0 0 0 5 9.5v2.09a.5.5 0 0 1-.13.33l-1.1 1.22A3 3 0 0 0 3 15.15v.28c0 .24.04.48.13.7ZM18.64 9.36c.13-.13.36-.05.36.14v2.09c0 .12.05.24.13.33l1.1 1.22a3 3 0 0 1 .77 2.01v.28c0 .67-.34 1.29-.95 1.56-1.31.6-4 1.51-8.05 1.51-.46 0-.9-.01-1.33-.03a.48.48 0 0 1-.3-.83l8.27-8.28ZM9.18 19.84A.16.16 0 0 0 9 20a3 3 0 1 0 6 0c0-.1-.09-.17-.18-.16a24.84 24.84 0 0 1-5.64 0Z"] + > path[d="M1.3 21.3a1 1 0 1 0 1.4 1.4l20-20a1 1 0 0 0-1.4-1.4l-20 20ZM3.13 16.13c.11.27.46.28.66.08L15.73 4.27a.47.47 0 0 0-.07-.74 6.97 6.97 0 0 0-1.35-.64.62.62 0 0 1-.38-.43 2 2 0 0 0-3.86 0 .62.62 0 0 1-.38.43A7 7 0 0 0 5 9.5v2.09a.5.5 0 0 1-.13.33l-1.1 1.22A3 3 0 0 0 3 15.15v.28c0 .24.04.48.13.7ZM18.64 9.36c.13-.13.36-.05.36.14v2.09c0 .12.05.24.13.33l1.1 1.22a3 3 0 0 1 .77 2.01v.28c0 .67-.34 1.29-.95 1.56-1.31.6-4 1.51-8.05 1.51-.46 0-.9-.01-1.33-.03a.48.48 0 0 1-.3-.83l8.27-8.28ZM9.18 19.84A.16.16 0 0 0 9 20a3 3 0 1 0 6 0c0-.1-.09-.17-.18-.16a24.84 24.84 0 0 1-5.64 0Z"] ) { background-image: var(--ImageNotifications); background-position: center; @@ -253,12 +228,9 @@ svg { } } - /* summaries */ /* + /* summaries */ &:has( - path[d="M12.6667 1.33331H7.33333C6.6 1.33331 6 1.93331 6 2.66665V5.99998C6 6.73331 5.4 7.33331 4.66667 7.33331C3.19333 7.33331 2 8.52665 2 9.99998V13.3333C2 14.0666 2.6 14.6666 3.33333 14.6666H8.66667C9.4 14.6666 10 14.0666 10 13.3333V9.99998C10 9.26665 10.6 8.66665 11.3333 8.66665C12.8067 8.66665 14 7.47331 14 5.99998V2.66665C14 1.93331 13.4 1.33331 12.6667 1.33331ZM8 13.3333H4C3.63333 13.3333 3.33333 13.0333 3.33333 12.6666C3.33333 12.3 3.63333 12 4 12H8C8.36667 12 8.66667 12.3 8.66667 12.6666C8.66667 13.0333 8.36667 13.3333 8 13.3333ZM8 10.6666H4C3.63333 10.6666 3.33333 10.3666 3.33333 9.99998C3.33333 9.63331 3.63333 9.33331 4 9.33331H8C8.36667 9.33331 8.66667 9.63331 8.66667 9.99998C8.66667 10.3666 8.36667 10.6666 8 10.6666ZM12 6.66665H8C7.63333 6.66665 7.33333 6.36665 7.33333 5.99998C7.33333 5.63331 7.63333 5.33331 8 5.33331H12C12.3667 5.33331 12.6667 5.63331 12.6667 5.99998C12.6667 6.36665 12.3667 6.66665 12 6.66665ZM12 3.99998H8C7.63333 3.99998 7.33333 3.69998 7.33333 3.33331C7.33333 2.96665 7.63333 2.66665 8 2.66665H12C12.3667 2.66665 12.6667 2.96665 12.6667 3.33331C12.6667 3.69998 12.3667 3.99998 12 3.99998Z"] - ), - &:has( - path[d="M3.11 8H6v10.82c0 .86.37 1.68 1 2.27.46.43 1.02.71 1.63.84A1 1 0 0 0 9 22h10a4 4 0 0 0 4-4v-1a2 2 0 0 0-2-2h-1V5a3 3 0 0 0-3-3H4.67c-.87 0-1.7.32-2.34.9-.63.6-1 1.42-1 2.28 0 .71.3 1.35.52 1.75a5.35 5.35 0 0 0 .48.7l.01.01h.01L3.11 7l-.76.65a1 1 0 0 0 .76.35Zm1.56-4c-.38 0-.72.14-.97.37-.24.23-.37.52-.37.81a1.69 1.69 0 0 0 .3.82H6v-.83c0-.29-.13-.58-.37-.8C5.4 4.14 5.04 4 4.67 4Zm5 13a3.58 3.58 0 0 1 0 3H19a2 2 0 0 0 2-2v-1H9.66ZM3.86 6.35ZM11 8a1 1 0 1 0 0 2h5a1 1 0 1 0 0-2h-5Zm-1 5a1 1 0 0 1 1-1h5a1 1 0 1 1 0 2h-5a1 1 0 0 1-1-1Z"] + > path[d="M3.11 8H6v10.82c0 .86.37 1.68 1 2.27.46.43 1.02.71 1.63.84A1 1 0 0 0 9 22h10a4 4 0 0 0 4-4v-1a2 2 0 0 0-2-2h-1V5a3 3 0 0 0-3-3H4.67c-.87 0-1.7.32-2.34.9-.63.6-1 1.42-1 2.28 0 .71.3 1.35.52 1.75a5.35 5.35 0 0 0 .48.7l.01.01h.01L3.11 7l-.76.65a1 1 0 0 0 .76.35Zm1.56-4c-.38 0-.72.14-.97.37-.24.23-.37.52-.37.81a1.69 1.69 0 0 0 .3.82H6v-.83c0-.29-.13-.58-.37-.8C5.4 4.14 5.04 4 4.67 4Zm5 13a3.58 3.58 0 0 1 0 3H19a2 2 0 0 0 2-2v-1H9.66ZM3.86 6.35ZM11 8a1 1 0 1 0 0 2h5a1 1 0 1 0 0-2h-5Zm-1 5a1 1 0 0 1 1-1h5a1 1 0 1 1 0 2h-5a1 1 0 0 1-1-1Z"] ) { background-image: var(--ImageSummaries); background-position: center; @@ -271,12 +243,9 @@ svg { } } - /* download */ /* + /* download */ &:has( - path[d="M16.293 9.293L17.707 10.707L12 16.414L6.29297 10.707L7.70697 9.293L11 12.586V2H13V12.586L16.293 9.293ZM18 20V18H20V20C20 21.102 19.104 22 18 22H6C4.896 22 4 21.102 4 20V18H6V20H18Z"] - ), - &:has( - path[d="M12 2a1 1 0 0 1 1 1v10.59l3.3-3.3a1 1 0 1 1 1.4 1.42l-5 5a1 1 0 0 1-1.4 0l-5-5a1 1 0 1 1 1.4-1.42l3.3 3.3V3a1 1 0 0 1 1-1ZM3 20a1 1 0 1 0 0 2h18a1 1 0 1 0 0-2H3Z"] + > path[d="M12 2a1 1 0 0 1 1 1v10.59l3.3-3.3a1 1 0 1 1 1.4 1.42l-5 5a1 1 0 0 1-1.4 0l-5-5a1 1 0 1 1 1.4-1.42l3.3 3.3V3a1 1 0 0 1 1-1ZM3 20a1 1 0 1 0 0 2h18a1 1 0 1 0 0-2H3Z"] ) { background-image: var(--ImageDownload); background-position: center; @@ -289,12 +258,9 @@ svg { } } - /* events */ /* + /* events */ &:has( - path[d="M19 3h-1V1h-2v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19a2 2 0 0 0 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V8h14v11zM7 10h5v5H7v-5z"] - ), - &:has( - path[d="M2 10a1 1 0 0 1 1-1h18a1 1 0 0 1 1 1v9a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3v-9Zm3.5 2a.5.5 0 0 0-.5.5v3c0 .28.22.5.5.5h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5h-3Z"] + > path[d="M2 10a1 1 0 0 1 1-1h18a1 1 0 0 1 1 1v9a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3v-9Zm3.5 2a.5.5 0 0 0-.5.5v3c0 .28.22.5.5.5h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5h-3Z"] ) { background-image: var(--ImageEvents); background-position: center; @@ -308,14 +274,9 @@ svg { } } - /* browse channels */ /* + /* browse channels */ &:has( - path[d="M5.00328 17.5C4.69218 17.5 4.4566 17.2189 4.51097 16.9126L4.99838 14.1667H2.26014C1.94953 14.1667 1.71409 13.8864 1.76763 13.5805L1.8843 12.9138C1.92617 12.6746 2.13392 12.5 2.37681 12.5H5.29005L6.17338 7.5H3.43514C3.12453 7.5 2.88909 7.21977 2.94263 6.91381L3.0593 6.24714C3.10117 6.00789 3.30892 5.83333 3.55181 5.83333H6.46505L6.98347 2.91262C7.02584 2.67391 7.23335 2.5 7.47578 2.5H8.12681C8.43792 2.5 8.67349 2.78107 8.61912 3.08738L8.13171 5.83333H13.1317L13.6501 2.91262C13.6925 2.67391 13.9 2.5 14.1424 2.5H14.7935C15.1046 2.5 15.3402 2.78107 15.2858 3.08738L14.7984 5.83333H17.5366C17.8472 5.83333 18.0827 6.11356 18.0291 6.41952L17.9125 7.08619C17.8706 7.32544 17.6628 7.5 17.4199 7.5H14.5067L14.2417 9H12.5754L12.8404 7.5H7.84041L6.95708 12.5H8.99835V14.1667H6.66505L6.14662 17.0874C6.10425 17.3261 5.89675 17.5 5.65431 17.5H5.00328Z"] - ):has( - path[d="M10.4 14C10.4 12.0118 12.0118 10.4 14 10.4C15.9883 10.4 17.6 12.0118 17.6 14C17.6 14.7775 17.3536 15.4975 16.9345 16.0859L18.9243 18.0758C19.1586 18.3101 19.1586 18.69 18.9243 18.9243C18.69 19.1586 18.3101 19.1586 18.0758 18.9243L16.0859 16.9345C15.4975 17.3536 14.7775 17.6 14 17.6C12.0118 17.6 10.4 15.9883 10.4 14ZM14 11.6C12.6745 11.6 11.6 12.6745 11.6 14C11.6 15.3255 12.6745 16.4 14 16.4C15.3255 16.4 16.4 15.3255 16.4 14C16.4 12.6745 15.3255 11.6 14 11.6Z"] - ), - &:has( - path[d="M3 3a1 1 0 0 0 0 2h18a1 1 0 1 0 0-2H3ZM2 8a1 1 0 0 1 1-1h18a1 1 0 1 1 0 2H3a1 1 0 0 1-1-1ZM3 11a1 1 0 1 0 0 2h11a1 1 0 1 0 0-2H3ZM2 16a1 1 0 0 1 1-1h8a1 1 0 1 1 0 2H3a1 1 0 0 1-1-1ZM3 19a1 1 0 1 0 0 2h8a1 1 0 1 0 0-2H3Z"] + > path[d="M3 3a1 1 0 0 0 0 2h18a1 1 0 1 0 0-2H3ZM2 8a1 1 0 0 1 1-1h18a1 1 0 1 1 0 2H3a1 1 0 0 1-1-1ZM3 11a1 1 0 1 0 0 2h11a1 1 0 1 0 0-2H3ZM2 16a1 1 0 0 1 1-1h8a1 1 0 1 1 0 2H3a1 1 0 0 1-1-1ZM3 19a1 1 0 1 0 0 2h8a1 1 0 1 0 0-2H3Z"] ) { background-image: var(--ImageBrowseChannels); background-position: center; @@ -328,12 +289,9 @@ svg { } } - /* members */ /* + /* members */ &:has( - path[d="M14 8.00598C14 10.211 12.206 12.006 10 12.006C7.795 12.006 6 10.211 6 8.00598C6 5.80098 7.794 4.00598 10 4.00598C12.206 4.00598 14 5.80098 14 8.00598ZM2 19.006C2 15.473 5.29 13.006 10 13.006C14.711 13.006 18 15.473 18 19.006V20.006H2V19.006Z"] - ), - &:has( - path[d="M14.5 8a3 3 0 1 0-2.7-4.3c-.2.4.06.86.44 1.12a5 5 0 0 1 2.14 3.08c.01.06.06.1.12.1ZM18.44 17.27c.15.43.54.73 1 .73h1.06c.83 0 1.5-.67 1.5-1.5a7.5 7.5 0 0 0-6.5-7.43c-.55-.08-.99.38-1.1.92-.06.3-.15.6-.26.87-.23.58-.05 1.3.47 1.63a9.53 9.53 0 0 1 3.83 4.78ZM12.5 9a3 3 0 1 1-6 0 3 3 0 0 1 6 0ZM2 20.5a7.5 7.5 0 0 1 15 0c0 .83-.67 1.5-1.5 1.5a.2.2 0 0 1-.2-.16c-.2-.96-.56-1.87-.88-2.54-.1-.23-.42-.15-.42.1v2.1a.5.5 0 0 1-.5.5h-8a.5.5 0 0 1-.5-.5v-2.1c0-.25-.31-.33-.42-.1-.32.67-.67 1.58-.88 2.54a.2.2 0 0 1-.2.16A1.5 1.5 0 0 1 2 20.5Z"] + > path[d="M14.5 8a3 3 0 1 0-2.7-4.3c-.2.4.06.86.44 1.12a5 5 0 0 1 2.14 3.08c.01.06.06.1.12.1ZM18.44 17.27c.15.43.54.73 1 .73h1.06c.83 0 1.5-.67 1.5-1.5a7.5 7.5 0 0 0-6.5-7.43c-.55-.08-.99.38-1.1.92-.06.3-.15.6-.26.87-.23.58-.05 1.3.47 1.63a9.53 9.53 0 0 1 3.83 4.78ZM12.5 9a3 3 0 1 1-6 0 3 3 0 0 1 6 0ZM2 20.5a7.5 7.5 0 0 1 15 0c0 .83-.67 1.5-1.5 1.5a.2.2 0 0 1-.2-.16c-.2-.96-.56-1.87-.88-2.54-.1-.23-.42-.15-.42.1v2.1a.5.5 0 0 1-.5.5h-8a.5.5 0 0 1-.5-.5v-2.1c0-.25-.31-.33-.42-.1-.32.67-.67 1.58-.88 2.54a.2.2 0 0 1-.2.16A1.5 1.5 0 0 1 2 20.5Z"] ) { background-image: var(--ImageMembers); background-position: center; @@ -346,10 +304,9 @@ svg { } } - /* server guide */ /* - &:has(path[d="M7 15H9V8H12.5L15 5.5L12.5 3H9V1H7V3H1L3.5 5.5L1 8H7V15Z"]), + /* server guide */ &:has( - path[d="M11 3a1 1 0 1 1 2 0v2h5.75c.16 0 .3.07.4.2l2.63 3.5a.5.5 0 0 1 0 .6l-2.63 3.5a.5.5 0 0 1-.4.2H13v5h2a2 2 0 0 1 2 2v1a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1v-1c0-1.1.9-2 2-2h2v-5H2.8a.5.5 0 0 1-.44-.72L3.9 9.22a.5.5 0 0 0 0-.44L2.36 5.72A.5.5 0 0 1 2.81 5H11V3Z"] + > path[d="M11 3a1 1 0 1 1 2 0v2h5.75c.16 0 .3.07.4.2l2.63 3.5a.5.5 0 0 1 0 .6l-2.63 3.5a.5.5 0 0 1-.4.2H13v5h2a2 2 0 0 1 2 2v1a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1v-1c0-1.1.9-2 2-2h2v-5H2.8a.5.5 0 0 1-.44-.72L3.9 9.22a.5.5 0 0 0 0-.44L2.36 5.72A.5.5 0 0 1 2.81 5H11V3Z"] ) { background-image: var(--ImageServerGuide); background-position: center; @@ -362,9 +319,10 @@ svg { } } - /* server shop */ /* + /* server shop */ &:has( - path[d="M13.6698 8.91016C14.5646 10.1567 16.3407 10.3342 17.4866 9.44283C17.4957 9.46624 17.5008 9.49191 17.5008 9.51916V15.8337C17.5008 17.2144 16.3815 18.3337 15.0008 18.3337H12.7092C12.5941 18.3337 12.5008 18.2404 12.5008 18.1253V13.3337C12.5008 12.4132 11.7547 11.667 10.8342 11.667H9.16748C8.24699 11.667 7.5008 12.4132 7.5008 13.3337V18.1253C7.5008 18.2404 7.40753 18.3337 7.29247 18.3337H5.0008C3.62009 18.3337 2.5008 17.2144 2.5008 15.8337V9.51916C2.5008 9.36341 2.66628 9.26158 2.81091 9.31949C3.23542 9.48933 3.70172 9.58366 4.19593 9.58366C5.27336 9.58366 6.24385 9.12583 6.92345 8.39408C7.0135 8.29708 7.17004 8.29679 7.26039 8.39349C7.94479 9.12583 8.91932 9.58366 10.0008 9.58366C11.0823 9.58366 12.0568 9.12583 12.7412 8.39349C12.8316 8.29679 12.9882 8.29708 13.0782 8.39408C13.2565 8.58599 13.4548 8.75916 13.6698 8.91016ZM11.7497 6.67891C9.42957 5.8204 9.4179 2.5511 11.7147 1.6683C11.699 1.66743 11.6833 1.66699 11.6675 1.66699H8.33415C7.87391 1.66699 7.50082 2.04009 7.50082 2.50033V5.83366C7.50082 5.87681 7.50191 5.9197 7.50407 5.96231C7.52181 6.31232 7.61153 6.64333 7.75873 6.94085C7.77282 6.96931 7.78743 6.99747 7.80255 7.02531C8.2259 7.80462 9.05157 8.33366 10.0008 8.33366C10.984 8.33366 11.8346 7.76614 12.2429 6.94084L12.2543 6.91751C12.2613 6.90286 12.2682 6.88812 12.2751 6.87331L11.7497 6.67891ZM15.8231 8.3336C15.4338 8.32949 15.0467 8.10931 14.8853 7.67305L14.4606 6.52524C14.2917 6.06904 13.9321 5.70936 13.4759 5.54055L13.3342 5.4881V2.84588L13.4759 2.79343C13.9321 2.62463 14.2917 2.26494 14.4606 1.80874L14.5131 1.66699H15.2462C16.3397 1.66699 17.3062 2.37762 17.6324 3.42131L18.1647 5.12491C18.2057 5.25598 18.2352 5.38724 18.254 5.51775L18.1924 5.54055C17.7361 5.70936 17.3765 6.06904 17.2077 6.52524L16.783 7.67305C16.627 8.09458 16.2603 8.31438 15.8847 8.33245C15.8642 8.33308 15.8437 8.33346 15.8231 8.3336ZM12.5008 3.15424V5.17974L12.3281 5.11583C11.4472 4.78989 11.4472 3.54409 12.3281 3.21816L12.5008 3.15424ZM4.75546 1.66699C3.662 1.66699 2.69541 2.37762 2.36926 3.4213L1.83688 5.12491C1.52876 6.11092 1.8679 7.1068 2.56708 7.72187C2.99643 8.09957 3.56156 8.33366 4.19593 8.33366C5.13437 8.33366 5.95065 7.81064 6.36917 7.04019C6.38619 7.00888 6.40255 6.97714 6.41823 6.94502C6.57788 6.618 6.66748 6.25052 6.66748 5.86211V2.50033C6.66748 2.04009 6.29438 1.66699 5.83415 1.66699H4.75546Z"] + > g + > path[d="M14.8838 0.660607C15.2097 -0.220202 16.4556 -0.220202 16.7815 0.660607L17.2062 1.80842C17.375 2.26462 17.7347 2.6243 18.1909 2.79311L19.3387 3.21783C20.2195 3.54377 20.2195 4.78957 19.3387 5.1155L18.1909 5.54023C17.7347 5.70903 17.375 6.06872 17.2062 6.52492L16.7815 7.67272C16.4556 8.5535 15.2097 8.5535 14.8838 7.67272L14.4591 6.52492C14.2903 6.06872 13.9306 5.70903 13.4744 5.54023L12.3266 5.1155C11.4458 4.78957 11.4458 3.54377 12.3266 3.21783L13.4744 2.79311C13.9306 2.6243 14.2903 2.26462 14.4591 1.80842L14.8838 0.660607Z"] ) { background-image: var(--ImageServerShop); background-position: center; @@ -372,18 +330,14 @@ svg { background-size: 16px; image-rendering: pixelated; - & > g, - & > path { + & > g { display: none; } } - /* book */ /* + /* book */ &:has( - path[d="M33 34.5833V7.49998H35V36.6666H9C6.791 36.6666 5 34.801 5 32.5V7.49998C5 5.19894 6.791 3.33331 9 3.33331H31V30.4166H9C7.8955 30.4166 7 31.3485 7 32.5C7 33.6515 7.8955 34.5833 9 34.5833H33ZM23.9718 9.99998L15.8889 17.9915L12.7086 14.8441L10 17.5058L15.8885 23.3333L26.6667 12.6669L23.9718 9.99998Z"] - ), - &:has( - path[d="M15 2a3 3 0 0 1 3 3v12H5.5a1.5 1.5 0 0 0 0 3h14a.5.5 0 0 0 .5-.5V5h1a1 1 0 0 1 1 1v15a1 1 0 0 1-1 1H5a3 3 0 0 1-3-3V5a3 3 0 0 1 3-3h10Zm-.3 5.7a1 1 0 0 0-1.4-1.4L9 10.58l-2.3-2.3a1 1 0 0 0-1.4 1.42l3 3a1 1 0 0 0 1.4 0l5-5Z"] + > path[d="M15 2a3 3 0 0 1 3 3v12H5.5a1.5 1.5 0 0 0 0 3h14a.5.5 0 0 0 .5-.5V5h1a1 1 0 0 1 1 1v15a1 1 0 0 1-1 1H5a3 3 0 0 1-3-3V5a3 3 0 0 1 3-3h10Zm-.3 5.7a1 1 0 0 0-1.4-1.4L9 10.58l-2.3-2.3a1 1 0 0 0-1.4 1.42l3 3a1 1 0 0 0 1.4 0l5-5Z"] ) { background-image: var(--ImageBook); background-position: center; @@ -396,12 +350,9 @@ svg { } } - /* lock */ /* + /* lock */ &:has( - path[d="M17 11V7C17 4.243 14.756 2 12 2C9.242 2 7 4.243 7 7V11C5.897 11 5 11.896 5 13V20C5 21.103 5.897 22 7 22H17C18.103 22 19 21.103 19 20V13C19 11.896 18.103 11 17 11ZM12 18C11.172 18 10.5 17.328 10.5 16.5C10.5 15.672 11.172 15 12 15C12.828 15 13.5 15.672 13.5 16.5C13.5 17.328 12.828 18 12 18ZM15 11H9V7C9 5.346 10.346 4 12 4C13.654 4 15 5.346 15 7V11Z"] - ), - &:has( - path[d="M6 9h1V6a5 5 0 0 1 10 0v3h1a3 3 0 0 1 3 3v8a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3v-8a3 3 0 0 1 3-3Zm9-3v3H9V6a3 3 0 1 1 6 0Zm-1 8a2 2 0 0 1-1 1.73V18a1 1 0 1 1-2 0v-2.27A2 2 0 1 1 14 14Z"] + > path[d="M6 9h1V6a5 5 0 0 1 10 0v3h1a3 3 0 0 1 3 3v8a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3v-8a3 3 0 0 1 3-3Zm9-3v3H9V6a3 3 0 1 1 6 0Zm-1 8a2 2 0 0 1-1 1.73V18a1 1 0 1 1-2 0v-2.27A2 2 0 1 1 14 14Z"] ) { background-image: var(--ImageLock); background-position: center; @@ -414,16 +365,11 @@ svg { } } - /* voice (limited) */ /* + /* voice (limited) */ &:has( - path[d="M15 12C15 12.0007 15 12.0013 15 12.002C15 12.553 14.551 13.002 14 13.002V15.002C15.654 15.002 17 13.657 17 12.002C17 12.0013 17 12.0007 17 12H15ZM19 12C19 12.0007 19 12.0013 19 12.002C19 14.759 16.757 17.002 14 17.002V19.002C17.86 19.002 21 15.863 21 12.002C21 12.0013 21 12.0007 21 12H19ZM10.293 3.29604C10.579 3.01004 11.009 2.92504 11.383 3.07904C11.757 3.23204 12 3.59904 12 4.00204V20.002C12 20.407 11.757 20.772 11.383 20.927C11.009 21.082 10.579 20.996 10.293 20.71L6 16.002H3C2.45 16.002 2 15.552 2 15.002V9.00204C2 8.45304 2.45 8.00204 3 8.00204H6L10.293 3.29604Z"] + > path[d="M11 2a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1h-.06a1 1 0 0 1-.74-.32L5.92 17H3a1 1 0 0 1-1-1V8a1 1 0 0 1 1-1h2.92l4.28-4.68a1 1 0 0 1 .74-.32H11ZM20.5 12c-.28 0-.5.22-.52.5a7 7 0 0 1-5.13 6.25c-.48.13-.85.55-.85 1.05v.03c0 .6.52 1.06 1.1.92a9 9 0 0 0 6.89-8.25.48.48 0 0 0-.49-.5h-1ZM16.5 12c-.28 0-.5.23-.54.5a3 3 0 0 1-1.33 2.02c-.35.23-.63.6-.63 1.02v.14c0 .63.59 1.1 1.16.83a5 5 0 0 0 2.82-4.01c.02-.28-.2-.5-.48-.5h-1Z"] ):has( - path[d="M21.025 5V4C21.025 2.88 20.05 2 19 2C17.95 2 17 2.88 17 4V5C16.4477 5 16 5.44772 16 6V9C16 9.55228 16.4477 10 17 10H19H21C21.5523 10 22 9.55228 22 9V5.975C22 5.43652 21.5635 5 21.025 5ZM20 5H18V4C18 3.42857 18.4667 3 19 3C19.5333 3 20 3.42857 20 4V5Z"] - ), - &:has( - path[d="M11 2a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1h-.06a1 1 0 0 1-.74-.32L5.92 17H3a1 1 0 0 1-1-1V8a1 1 0 0 1 1-1h2.92l4.28-4.68a1 1 0 0 1 .74-.32H11ZM20.5 12c-.28 0-.5.22-.52.5a7 7 0 0 1-5.13 6.25c-.48.13-.85.55-.85 1.05v.03c0 .6.52 1.06 1.1.92a9 9 0 0 0 6.89-8.25.48.48 0 0 0-.49-.5h-1ZM16.5 12c-.28 0-.5.23-.54.5a3 3 0 0 1-1.33 2.02c-.35.23-.63.6-.63 1.02v.14c0 .63.59 1.1 1.16.83a5 5 0 0 0 2.82-4.01c.02-.28-.2-.5-.48-.5h-1Z"] - ):has( - path[d="M16 4h.5v-.5a2.5 2.5 0 0 1 5 0V4h.5a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1h-6a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1Zm4-.5V4h-2v-.5a1 1 0 1 1 2 0Z"] + > path[d="M16 4h.5v-.5a2.5 2.5 0 0 1 5 0V4h.5a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1h-6a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1Zm4-.5V4h-2v-.5a1 1 0 1 1 2 0Z"] ) { background-image: var(--ImageVoiceLimited); background-position: center; @@ -436,16 +382,11 @@ svg { } } - /* voice (nsfw) */ /* + /* voice (nsfw) */ &:has( - path[d="M15 12C15 12.0007 15 12.0013 15 12.002C15 12.553 14.551 13.002 14 13.002V15.002C15.654 15.002 17 13.657 17 12.002C17 12.0013 17 12.0007 17 12H15ZM19 12C19 12.0007 19 12.0013 19 12.002C19 14.759 16.757 17.002 14 17.002V19.002C17.86 19.002 21 15.863 21 12.002C21 12.0013 21 12.0007 21 12H19ZM10.293 3.29604C10.579 3.01004 11.009 2.92504 11.383 3.07904C11.757 3.23204 12 3.59904 12 4.00204V20.002C12 20.407 11.757 20.772 11.383 20.927C11.009 21.082 10.579 20.996 10.293 20.71L6 16.002H3C2.45 16.002 2 15.552 2 15.002V9.00204C2 8.45304 2.45 8.00204 3 8.00204H6L10.293 3.29604Z"] + > path[d="M11 2a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1h-.06a1 1 0 0 1-.74-.32L5.92 17H3a1 1 0 0 1-1-1V8a1 1 0 0 1 1-1h2.92l4.28-4.68a1 1 0 0 1 .74-.32H11ZM20.5 12c-.28 0-.5.22-.52.5a7 7 0 0 1-5.13 6.25c-.48.13-.85.55-.85 1.05v.03c0 .6.52 1.06 1.1.92a9 9 0 0 0 6.89-8.25.48.48 0 0 0-.49-.5h-1ZM16.5 12c-.28 0-.5.23-.54.5a3 3 0 0 1-1.33 2.02c-.35.23-.63.6-.63 1.02v.14c0 .63.59 1.1 1.16.83a5 5 0 0 0 2.82-4.01c.02-.28-.2-.5-.48-.5h-1Z"] ):has( - path[d="M19.8916 3.80204L22.2439 8.55654C22.5728 9.22119 22.0892 9.99999 21.3476 10L16.618 10C15.8746 10 15.3912 9.21769 15.7236 8.55279L18.1008 3.79829C18.4702 3.05951 19.5253 3.06172 19.8916 3.80204ZM18.4999 5H19.5V7.5H18.5L18.4999 5ZM18.4999 8.49887C18.4999 8.77589 18.724 9 19 9C19.276 9 19.5 8.77589 19.5 8.49887C19.5 8.22224 19.276 7.99773 19 7.99773C18.724 7.99773 18.4999 8.22224 18.4999 8.49887Z"] - ), - &:has( - path[d="M11 2a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1h-.06a1 1 0 0 1-.74-.32L5.92 17H3a1 1 0 0 1-1-1V8a1 1 0 0 1 1-1h2.92l4.28-4.68a1 1 0 0 1 .74-.32H11ZM20.5 12c-.28 0-.5.22-.52.5a7 7 0 0 1-5.13 6.25c-.48.13-.85.55-.85 1.05v.03c0 .6.52 1.06 1.1.92a9 9 0 0 0 6.89-8.25.48.48 0 0 0-.49-.5h-1ZM16.5 12c-.28 0-.5.23-.54.5a3 3 0 0 1-1.33 2.02c-.35.23-.63.6-.63 1.02v.14c0 .63.59 1.1 1.16.83a5 5 0 0 0 2.82-4.01c.02-.28-.2-.5-.48-.5h-1Z"] - ):has( - path[d="M18.09 1.63c.4-.7 1.43-.7 1.82 0l3.96 6.9c.38.66-.12 1.47-.91 1.47h-7.92c-.79 0-1.3-.81-.91-1.48l3.96-6.9Zm.46 1.87h.9c.3 0 .52.26.5.55l-.22 2.02c-.01.16-.17.26-.33.23a1.92 1.92 0 0 0-.8 0c-.16.03-.32-.07-.33-.23l-.21-2.02a.5.5 0 0 1 .5-.55ZM19 9a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z"] + > path[d="M18.09 1.63c.4-.7 1.43-.7 1.82 0l3.96 6.9c.38.66-.12 1.47-.91 1.47h-7.92c-.79 0-1.3-.81-.91-1.48l3.96-6.9Zm.46 1.87h.9c.3 0 .52.26.5.55l-.22 2.02c-.01.16-.17.26-.33.23a1.92 1.92 0 0 0-.8 0c-.16.03-.32-.07-.33-.23l-.21-2.02a.5.5 0 0 1 .5-.55ZM19 9a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z"] ) { background-image: var(--ImageVoiceNSFW); background-position: center; @@ -458,13 +399,11 @@ svg { } } - /* channel */ /* + /* channel + chat */ &:has( - path[d="M5.88657 21C5.57547 21 5.3399 20.7189 5.39427 20.4126L6.00001 17H2.59511C2.28449 17 2.04905 16.7198 2.10259 16.4138L2.27759 15.4138C2.31946 15.1746 2.52722 15 2.77011 15H6.35001L7.41001 9H4.00511C3.69449 9 3.45905 8.71977 3.51259 8.41381L3.68759 7.41381C3.72946 7.17456 3.93722 7 4.18011 7H7.76001L8.39677 3.41262C8.43914 3.17391 8.64664 3 8.88907 3H9.87344C10.1845 3 10.4201 3.28107 10.3657 3.58738L9.76001 7H15.76L16.3968 3.41262C16.4391 3.17391 16.6466 3 16.8891 3H17.8734C18.1845 3 18.4201 3.28107 18.3657 3.58738L17.76 7H21.1649C21.4755 7 21.711 7.28023 21.6574 7.58619L21.4824 8.58619C21.4406 8.82544 21.2328 9 20.9899 9H17.41L16.35 15H19.7549C20.0655 15 20.301 15.2802 20.2474 15.5862L20.0724 16.5862C20.0306 16.8254 19.8228 17 19.5799 17H16L15.3632 20.5874C15.3209 20.8261 15.1134 21 14.8709 21H13.8866C13.5755 21 13.3399 20.7189 13.3943 20.4126L14 17H8.00001L7.36325 20.5874C7.32088 20.8261 7.11337 21 6.87094 21H5.88657ZM9.41045 9L8.35045 15H14.3504L15.4104 9H9.41045Z"] + > path[d="M10.99 3.16A1 1 0 1 0 9 2.84L8.15 8H4a1 1 0 0 0 0 2h3.82l-.67 4H3a1 1 0 1 0 0 2h3.82l-.8 4.84a1 1 0 0 0 1.97.32L8.85 16h4.97l-.8 4.84a1 1 0 0 0 1.97.32l.86-5.16H20a1 1 0 1 0 0-2h-3.82l.67-4H21a1 1 0 1 0 0-2h-3.82l.8-4.84a1 1 0 1 0-1.97-.32L15.15 8h-4.97l.8-4.84ZM14.15 14l.67-4H9.85l-.67 4h4.97Z"] ), - &:has( - path[d="M10.99 3.16A1 1 0 1 0 9 2.84L8.15 8H4a1 1 0 0 0 0 2h3.82l-.67 4H3a1 1 0 1 0 0 2h3.82l-.8 4.84a1 1 0 0 0 1.97.32L8.85 16h4.97l-.8 4.84a1 1 0 0 0 1.97.32l.86-5.16H20a1 1 0 1 0 0-2h-3.82l.67-4H21a1 1 0 1 0 0-2h-3.82l.8-4.84a1 1 0 1 0-1.97-.32L15.15 8h-4.97l.8-4.84ZM14.15 14l.67-4H9.85l-.67 4h4.97Z"] - ) { + &:has(> path[d="M12 22a10 10 0 1 0-8.45-4.64c.13.19.11.44-.04.61l-2.06 2.37A1 1 0 0 0 2.2 22H12Z"]) { background-image: var(--ImageChannel); background-position: center; background-repeat: no-repeat; @@ -476,12 +415,9 @@ svg { } } - /* channel (threads) */ /* + /* channel (threads) */ &:has( - path[d="M5.43309 21C5.35842 21 5.30189 20.9325 5.31494 20.859L5.99991 17H2.14274C2.06819 17 2.01168 16.9327 2.02453 16.8593L2.33253 15.0993C2.34258 15.0419 2.39244 15 2.45074 15H6.34991L7.40991 9H3.55274C3.47819 9 3.42168 8.93274 3.43453 8.85931L3.74253 7.09931C3.75258 7.04189 3.80244 7 3.86074 7H7.75991L8.45234 3.09903C8.46251 3.04174 8.51231 3 8.57049 3H10.3267C10.4014 3 10.4579 3.06746 10.4449 3.14097L9.75991 7H15.7599L16.4523 3.09903C16.4625 3.04174 16.5123 3 16.5705 3H18.3267C18.4014 3 18.4579 3.06746 18.4449 3.14097L17.7599 7H21.6171C21.6916 7 21.7481 7.06725 21.7353 7.14069L21.4273 8.90069C21.4172 8.95811 21.3674 9 21.3091 9H17.4099L17.0495 11.04H15.05L15.4104 9H9.41035L8.35035 15H10.5599V17H7.99991L7.30749 20.901C7.29732 20.9583 7.24752 21 7.18934 21H5.43309Z"] - ), - &:has( - path[d="M12 2.81a1 1 0 0 1 0-1.41l.36-.36a1 1 0 0 1 1.41 0l9.2 9.2a1 1 0 0 1 0 1.4l-.7.7a1 1 0 0 1-1.3.13l-9.54-6.72a1 1 0 0 1-.08-1.58l1-1L12 2.8ZM12 21.2a1 1 0 0 1 0 1.41l-.35.35a1 1 0 0 1-1.41 0l-9.2-9.19a1 1 0 0 1 0-1.41l.7-.7a1 1 0 0 1 1.3-.12l9.54 6.72a1 1 0 0 1 .07 1.58l-1 1 .35.36ZM15.66 16.8a1 1 0 0 1-1.38.28l-8.49-5.66A1 1 0 1 1 6.9 9.76l8.49 5.65a1 1 0 0 1 .27 1.39ZM17.1 14.25a1 1 0 1 0 1.11-1.66L9.73 6.93a1 1 0 0 0-1.11 1.66l8.49 5.66Z"] + > path[d="M12 2.81a1 1 0 0 1 0-1.41l.36-.36a1 1 0 0 1 1.41 0l9.2 9.2a1 1 0 0 1 0 1.4l-.7.7a1 1 0 0 1-1.3.13l-9.54-6.72a1 1 0 0 1-.08-1.58l1-1L12 2.8ZM12 21.2a1 1 0 0 1 0 1.41l-.35.35a1 1 0 0 1-1.41 0l-9.2-9.19a1 1 0 0 1 0-1.41l.7-.7a1 1 0 0 1 1.3-.12l9.54 6.72a1 1 0 0 1 .07 1.58l-1 1 .35.36ZM15.66 16.8a1 1 0 0 1-1.38.28l-8.49-5.66A1 1 0 1 1 6.9 9.76l8.49 5.65a1 1 0 0 1 .27 1.39ZM17.1 14.25a1 1 0 1 0 1.11-1.66L9.73 6.93a1 1 0 0 0-1.11 1.66l8.49 5.66Z"] ) { background-image: var(--ImageChannelThreads); background-position: center; @@ -494,16 +430,11 @@ svg { } } - /* channel (limited) */ /* + /* channel (limited) */ &:has( - path[d="M14 8C14 7.44772 13.5523 7 13 7H9.76001L10.3657 3.58738C10.4201 3.28107 10.1845 3 9.87344 3H8.88907C8.64664 3 8.43914 3.17391 8.39677 3.41262L7.76001 7H4.18011C3.93722 7 3.72946 7.17456 3.68759 7.41381L3.51259 8.41381C3.45905 8.71977 3.69449 9 4.00511 9H7.41001L6.35001 15H2.77011C2.52722 15 2.31946 15.1746 2.27759 15.4138L2.10259 16.4138C2.04905 16.7198 2.28449 17 2.59511 17H6.00001L5.39427 20.4126C5.3399 20.7189 5.57547 21 5.88657 21H6.87094C7.11337 21 7.32088 20.8261 7.36325 20.5874L8.00001 17H14L13.3943 20.4126C13.3399 20.7189 13.5755 21 13.8866 21H14.8709C15.1134 21 15.3209 20.8261 15.3632 20.5874L16 17H19.5799C19.8228 17 20.0306 16.8254 20.0724 16.5862L20.2474 15.5862C20.301 15.2802 20.0655 15 19.7549 15H16.35L16.6758 13.1558C16.7823 12.5529 16.3186 12 15.7063 12C15.2286 12 14.8199 12.3429 14.7368 12.8133L14.3504 15H8.35045L9.41045 9H13C13.5523 9 14 8.55228 14 8Z"] + > path[d="M12.5 8c.28 0 .5.22.5.5V9c0 .1 0 .2.02.31.03.34-.21.69-.56.69H9.85l-.67 4h4.97l.28-1.68c.06-.34.44-.52.77-.43a3 3 0 0 0 .8.11c.27 0 .47.24.43.5l-.25 1.5H20a1 1 0 1 1 0 2h-4.15l-.86 5.16a1 1 0 0 1-1.98-.32l.8-4.84H8.86l-.86 5.16A1 1 0 0 1 6 20.84L6.82 16H3a1 1 0 1 1 0-2h4.15l.67-4H4a1 1 0 1 1 0-2h4.15l.86-5.16a1 1 0 1 1 1.98.32L10.19 8h2.31Z"] ):has( - path[d="M21.025 5V4C21.025 2.88 20.05 2 19 2C17.95 2 17 2.88 17 4V5C16.4477 5 16 5.44772 16 6V9C16 9.55228 16.4477 10 17 10H19H21C21.5523 10 22 9.55228 22 9V5.975C22 5.43652 21.5635 5 21.025 5ZM20 5H18V4C18 3.42857 18.4667 3 19 3C19.5333 3 20 3.42857 20 4V5Z"] - ), - &:has( - path[d="M12.5 8c.28 0 .5.22.5.5V9c0 .1 0 .2.02.31.03.34-.21.69-.56.69H9.85l-.67 4h4.97l.28-1.68c.06-.34.44-.52.77-.43a3 3 0 0 0 .8.11c.27 0 .47.24.43.5l-.25 1.5H20a1 1 0 1 1 0 2h-4.15l-.86 5.16a1 1 0 0 1-1.98-.32l.8-4.84H8.86l-.86 5.16A1 1 0 0 1 6 20.84L6.82 16H3a1 1 0 1 1 0-2h4.15l.67-4H4a1 1 0 1 1 0-2h4.15l.86-5.16a1 1 0 1 1 1.98.32L10.19 8h2.31Z"] - ):has( - path[d="M16 4h.5v-.5a2.5 2.5 0 0 1 5 0V4h.5a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1h-6a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1Zm4-.5V4h-2v-.5a1 1 0 1 1 2 0Z"] + > path[d="M16 4h.5v-.5a2.5 2.5 0 0 1 5 0V4h.5a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1h-6a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1Zm4-.5V4h-2v-.5a1 1 0 1 1 2 0Z"] ) { background-image: var(--ImageChannelLimited); background-position: center; @@ -516,11 +447,11 @@ svg { } } - /* channel (limited + threads) */ /* + /* channel (limited + threads) */ &:has( - path[d="M15.44 6.99992C15.5725 6.99992 15.68 7.10737 15.68 7.23992V8.75992C15.68 8.89247 15.5725 8.99992 15.44 8.99992H9.41045L8.35045 14.9999H10.56V16.9999H8.00001L7.36325 20.5873C7.32088 20.826 7.11337 20.9999 6.87094 20.9999H5.88657C5.57547 20.9999 5.3399 20.7189 5.39427 20.4125L6.00001 16.9999H2.59511C2.28449 16.9999 2.04905 16.7197 2.10259 16.4137L2.27759 15.4137C2.31946 15.1745 2.52722 14.9999 2.77011 14.9999H6.35001L7.41001 8.99992H4.00511C3.69449 8.99992 3.45905 8.71969 3.51259 8.41373L3.68759 7.41373C3.72946 7.17448 3.93722 6.99992 4.18011 6.99992H7.76001L8.39677 3.41254C8.43914 3.17384 8.64664 2.99992 8.88907 2.99992H9.87344C10.1845 2.99992 10.4201 3.28099 10.3657 3.58731L9.76001 6.99992H15.44Z"] + > path[d="M15.44 6.99992C15.5725 6.99992 15.68 7.10737 15.68 7.23992V8.75992C15.68 8.89247 15.5725 8.99992 15.44 8.99992H9.41045L8.35045 14.9999H10.56V16.9999H8.00001L7.36325 20.5873C7.32088 20.826 7.11337 20.9999 6.87094 20.9999H5.88657C5.57547 20.9999 5.3399 20.7189 5.39427 20.4125L6.00001 16.9999H2.59511C2.28449 16.9999 2.04905 16.7197 2.10259 16.4137L2.27759 15.4137C2.31946 15.1745 2.52722 14.9999 2.77011 14.9999H6.35001L7.41001 8.99992H4.00511C3.69449 8.99992 3.45905 8.71969 3.51259 8.41373L3.68759 7.41373C3.72946 7.17448 3.93722 6.99992 4.18011 6.99992H7.76001L8.39677 3.41254C8.43914 3.17384 8.64664 2.99992 8.88907 2.99992H9.87344C10.1845 2.99992 10.4201 3.28099 10.3657 3.58731L9.76001 6.99992H15.44Z"] ):has( - path[d="M22.545 4.91992V3.91992C22.545 2.79992 21.57 1.91992 20.52 1.91992C19.47 1.91992 18.52 2.79992 18.52 3.91992V4.91992H17.76C17.6275 4.91992 17.52 5.02737 17.52 5.15992V9.67992C17.52 9.81247 17.6275 9.91992 17.76 9.91992H23.28C23.4126 9.91992 23.52 9.81247 23.52 9.67992V5.15992C23.52 5.02737 23.4126 4.91992 23.28 4.91992H22.545ZM21.52 4.91992H19.52V3.91992C19.52 3.34849 19.9867 2.91992 20.52 2.91992C21.0533 2.91992 21.52 3.34849 21.52 3.91992V4.91992Z"] + > path[d="M22.545 4.91992V3.91992C22.545 2.79992 21.57 1.91992 20.52 1.91992C19.47 1.91992 18.52 2.79992 18.52 3.91992V4.91992H17.76C17.6275 4.91992 17.52 5.02737 17.52 5.15992V9.67992C17.52 9.81247 17.6275 9.91992 17.76 9.91992H23.28C23.4126 9.91992 23.52 9.81247 23.52 9.67992V5.15992C23.52 5.02737 23.4126 4.91992 23.28 4.91992H22.545ZM21.52 4.91992H19.52V3.91992C19.52 3.34849 19.9867 2.91992 20.52 2.91992C21.0533 2.91992 21.52 3.34849 21.52 3.91992V4.91992Z"] ) { background-image: var(--ImageChannelLimitedThreads); background-position: center; @@ -533,16 +464,11 @@ svg { } } - /* channel (nsfw) */ /* + /* channel (nsfw) */ &:has( - path[d="M14 8C14 7.44772 13.5523 7 13 7H9.76001L10.3657 3.58738C10.4201 3.28107 10.1845 3 9.87344 3H8.88907C8.64664 3 8.43914 3.17391 8.39677 3.41262L7.76001 7H4.18011C3.93722 7 3.72946 7.17456 3.68759 7.41381L3.51259 8.41381C3.45905 8.71977 3.69449 9 4.00511 9H7.41001L6.35001 15H2.77011C2.52722 15 2.31946 15.1746 2.27759 15.4138L2.10259 16.4138C2.04905 16.7198 2.28449 17 2.59511 17H6.00001L5.39427 20.4126C5.3399 20.7189 5.57547 21 5.88657 21H6.87094C7.11337 21 7.32088 20.8261 7.36325 20.5874L8.00001 17H14L13.3943 20.4126C13.3399 20.7189 13.5755 21 13.8866 21H14.8709C15.1134 21 15.3209 20.8261 15.3632 20.5874L16 17H19.5799C19.8228 17 20.0306 16.8254 20.0724 16.5862L20.2474 15.5862C20.301 15.2802 20.0655 15 19.7549 15H16.35L16.6758 13.1558C16.7823 12.5529 16.3186 12 15.7063 12C15.2286 12 14.8199 12.3429 14.7368 12.8133L14.3504 15H8.35045L9.41045 9H13C13.5523 9 14 8.55228 14 8Z"] + > path[d="M11.45 8c.35 0 .6.35.55.7-.02.2-.02.4 0 .6.04.35-.2.7-.55.7h-1.6l-.67 4h4.97l.26-1.55c.05-.27.31-.45.59-.45h.92c.31 0 .55.28.5.58L16.18 14H20a1 1 0 1 1 0 2h-4.15l-.86 5.16a1 1 0 0 1-1.98-.32l.8-4.84H8.86l-.86 5.16A1 1 0 0 1 6 20.84L6.82 16H3a1 1 0 1 1 0-2h4.15l.67-4H4a1 1 0 0 1 0-2h4.15l.86-5.16a1 1 0 1 1 1.98.32L10.19 8h1.26Z"] ):has( - path[d="M19.8914 3.80204L22.2438 8.55654C22.5726 9.22119 22.0891 9.99999 21.3475 10L16.6179 10C15.8745 10 15.391 9.21769 15.7235 8.55279L18.1007 3.79829C18.4701 3.05951 19.5251 3.06172 19.8914 3.80204ZM18.4998 5H19.4999V7.5H18.4999L18.4998 5ZM18.4998 8.49887C18.4998 8.77589 18.7238 9 18.9998 9C19.2759 9 19.4999 8.77589 19.4999 8.49887C19.4999 8.22224 19.2759 7.99773 18.9998 7.99773C18.7238 7.99773 18.4998 8.22224 18.4998 8.49887Z"] - ), - &:has( - path[d="M11.45 8c.35 0 .6.35.55.7-.02.2-.02.4 0 .6.04.35-.2.7-.55.7h-1.6l-.67 4h4.97l.26-1.55c.05-.27.31-.45.59-.45h.92c.31 0 .55.28.5.58L16.18 14H20a1 1 0 1 1 0 2h-4.15l-.86 5.16a1 1 0 0 1-1.98-.32l.8-4.84H8.86l-.86 5.16A1 1 0 0 1 6 20.84L6.82 16H3a1 1 0 1 1 0-2h4.15l.67-4H4a1 1 0 0 1 0-2h4.15l.86-5.16a1 1 0 1 1 1.98.32L10.19 8h1.26Z"] - ):has( - path[d="M18.09 1.63c.4-.7 1.43-.7 1.82 0l3.96 6.9c.38.66-.12 1.47-.91 1.47h-7.92c-.79 0-1.3-.81-.91-1.48l3.96-6.9Zm.46 1.87h.9c.3 0 .52.26.5.55l-.22 2.02c-.01.16-.17.26-.33.23a1.92 1.92 0 0 0-.8 0c-.16.03-.32-.07-.33-.23l-.21-2.02a.5.5 0 0 1 .5-.55ZM19 9a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z"] + > path[d="M18.09 1.63c.4-.7 1.43-.7 1.82 0l3.96 6.9c.38.66-.12 1.47-.91 1.47h-7.92c-.79 0-1.3-.81-.91-1.48l3.96-6.9Zm.46 1.87h.9c.3 0 .52.26.5.55l-.22 2.02c-.01.16-.17.26-.33.23a1.92 1.92 0 0 0-.8 0c-.16.03-.32-.07-.33-.23l-.21-2.02a.5.5 0 0 1 .5-.55ZM19 9a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z"] ) { background-image: var(--ImageChannelNSFW); background-position: center; @@ -555,11 +481,11 @@ svg { } } - /* channel (nsfw + threads) */ /* + /* channel (nsfw + threads) */ &:has( - path[d="M14.4 7C14.5326 7 14.64 7.10745 14.64 7.24V8.76C14.64 8.89255 14.5326 9 14.4 9H9.41045L8.35045 15H10.56V17H8.00001L7.36325 20.5874C7.32088 20.8261 7.11337 21 6.87094 21H5.88657C5.57547 21 5.3399 20.7189 5.39427 20.4126L6.00001 17H2.59511C2.28449 17 2.04905 16.7198 2.10259 16.4138L2.27759 15.4138C2.31946 15.1746 2.52722 15 2.77011 15H6.35001L7.41001 9H4.00511C3.69449 9 3.45905 8.71977 3.51259 8.41381L3.68759 7.41381C3.72946 7.17456 3.93722 7 4.18011 7H7.76001L8.39677 3.41262C8.43914 3.17391 8.64664 3 8.88907 3H9.87344C10.1845 3 10.4201 3.28107 10.3657 3.58738L9.76001 7H14.4Z"] + > path[d="M14.4 7C14.5326 7 14.64 7.10745 14.64 7.24V8.76C14.64 8.89255 14.5326 9 14.4 9H9.41045L8.35045 15H10.56V17H8.00001L7.36325 20.5874C7.32088 20.8261 7.11337 21 6.87094 21H5.88657C5.57547 21 5.3399 20.7189 5.39427 20.4126L6.00001 17H2.59511C2.28449 17 2.04905 16.7198 2.10259 16.4138L2.27759 15.4138C2.31946 15.1746 2.52722 15 2.77011 15H6.35001L7.41001 9H4.00511C3.69449 9 3.45905 8.71977 3.51259 8.41381L3.68759 7.41381C3.72946 7.17456 3.93722 7 4.18011 7H7.76001L8.39677 3.41262C8.43914 3.17391 8.64664 3 8.88907 3H9.87344C10.1845 3 10.4201 3.28107 10.3657 3.58738L9.76001 7H14.4Z"] ):has( - path[d="M22.8093 8.55658L20.4681 3.80208C20.1036 3.06176 19.0536 3.05954 18.686 3.79833L16.3201 8.55283C15.9893 9.21773 16.4705 10 17.2103 10L21.9173 10C22.6553 10 23.1365 9.22122 22.8093 8.55658ZM20.0785 5.00004H19.0832L19.0833 7.50004H20.0785V5.00004ZM19.5808 9.00004C19.3061 9.00004 19.0832 8.77593 19.0832 8.49891C19.0832 8.22228 19.3061 7.99777 19.5808 7.99777C19.8555 7.99777 20.0785 8.22228 20.0785 8.49891C20.0785 8.77593 19.8555 9.00004 19.5808 9.00004Z"] + > path[d="M22.8093 8.55658L20.4681 3.80208C20.1036 3.06176 19.0536 3.05954 18.686 3.79833L16.3201 8.55283C15.9893 9.21773 16.4705 10 17.2103 10L21.9173 10C22.6553 10 23.1365 9.22122 22.8093 8.55658ZM20.0785 5.00004H19.0832L19.0833 7.50004H20.0785V5.00004ZM19.5808 9.00004C19.3061 9.00004 19.0832 8.77593 19.0832 8.49891C19.0832 8.22228 19.3061 7.99777 19.5808 7.99777C19.8555 7.99777 20.0785 8.22228 20.0785 8.49891C20.0785 8.77593 19.8555 9.00004 19.5808 9.00004Z"] ) { background-image: var(--ImageChannelNSFWThreads); background-position: center; @@ -572,12 +498,9 @@ svg { } } - /* announcements */ /* + /* announcements */ &:has( - path[d="M19.1 4V5.12659L4.85 8.26447V18.1176C4.85 18.5496 5.1464 18.9252 5.5701 19.0315L9.3701 19.9727C9.4461 19.9906 9.524 20 9.6 20C9.89545 20 10.1776 19.8635 10.36 19.6235L12.7065 16.5242L19.1 17.9304V19.0588H21V4H19.1ZM9.2181 17.9944L6.75 17.3826V15.2113L10.6706 16.0753L9.2181 17.9944Z"] - ), - &:has( - path[d="M19.56 2a3 3 0 0 0-2.46 1.28 3.85 3.85 0 0 1-1.86 1.42l-8.9 3.18a.5.5 0 0 0-.34.47v10.09a3 3 0 0 0 2.27 2.9l.62.16c1.57.4 3.15-.56 3.55-2.12a.92.92 0 0 1 1.23-.63l2.36.94c.42.27.79.62 1.07 1.03A3 3 0 0 0 19.56 22h.94c.83 0 1.5-.67 1.5-1.5v-17c0-.83-.67-1.5-1.5-1.5h-.94Zm-8.53 15.8L8 16.7v1.73a1 1 0 0 0 .76.97l.62.15c.5.13 1-.17 1.12-.67.1-.41.29-.78.53-1.1Z"] + > path[d="M19.56 2a3 3 0 0 0-2.46 1.28 3.85 3.85 0 0 1-1.86 1.42l-8.9 3.18a.5.5 0 0 0-.34.47v10.09a3 3 0 0 0 2.27 2.9l.62.16c1.57.4 3.15-.56 3.55-2.12a.92.92 0 0 1 1.23-.63l2.36.94c.42.27.79.62 1.07 1.03A3 3 0 0 0 19.56 22h.94c.83 0 1.5-.67 1.5-1.5v-17c0-.83-.67-1.5-1.5-1.5h-.94Zm-8.53 15.8L8 16.7v1.73a1 1 0 0 0 .76.97l.62.15c.5.13 1-.17 1.12-.67.1-.41.29-.78.53-1.1Z"] ) { background-image: var(--ImageAnnouncements); background-position: center; @@ -605,16 +528,11 @@ svg { } } - /* announcements (limited) */ /* + /* announcements (limited) */ &:has( - path[d="M4.85 8.26429L15.84 5.84426V10.5599C15.84 11.6202 16.6996 12.4799 17.76 12.4799H21V19.0586H19.1V17.9302L12.7065 16.524L10.36 19.6233C10.1776 19.8633 9.89545 19.9998 9.6 19.9998C9.524 19.9998 9.4461 19.9904 9.3701 19.9725L5.5701 19.0313C5.1464 18.925 4.85 18.5495 4.85 18.1175V8.26429ZM9.2181 17.9942L6.75 17.3824V15.2111L10.6706 16.0751L9.2181 17.9942Z"] + > path[d="M12.33 5.74a.5.5 0 0 1 .67.47V9a3 3 0 0 0 3 3h5.5c.28 0 .5.22.5.5v8c0 .83-.67 1.5-1.5 1.5h-.94a3 3 0 0 1-2.46-1.28 3.86 3.86 0 0 0-1.07-1.03l-2.36-.94a.92.92 0 0 0-1.23.63 2.92 2.92 0 0 1-3.55 2.12l-.62-.15A3 3 0 0 1 6 18.44V8.35c0-.2.13-.4.33-.47l6-2.14Zm-1.3 12.06L8 16.7v1.73a1 1 0 0 0 .76.97l.62.15c.5.13 1-.17 1.12-.67.1-.41.29-.78.53-1.1Z"] ):has( - path[d="M22.545 4.87988V5.87988H23.28C23.4126 5.87988 23.52 5.98733 23.52 6.11988V10.6399C23.52 10.7724 23.4126 10.8799 23.28 10.8799H17.76C17.6275 10.8799 17.52 10.7724 17.52 10.6399V6.11988C17.52 5.98733 17.6275 5.87988 17.76 5.87988H18.52V4.87988C18.52 3.75988 19.47 2.87988 20.52 2.87988C21.57 2.87988 22.545 3.75988 22.545 4.87988ZM19.52 5.87988H21.52V4.87988C21.52 4.30845 21.0534 3.87988 20.52 3.87988C19.9867 3.87988 19.52 4.30845 19.52 4.87988V5.87988Z"] - ), - &:has( - path[d="M12.33 5.74a.5.5 0 0 1 .67.47V9a3 3 0 0 0 3 3h5.5c.28 0 .5.22.5.5v8c0 .83-.67 1.5-1.5 1.5h-.94a3 3 0 0 1-2.46-1.28 3.86 3.86 0 0 0-1.07-1.03l-2.36-.94a.92.92 0 0 0-1.23.63 2.92 2.92 0 0 1-3.55 2.12l-.62-.15A3 3 0 0 1 6 18.44V8.35c0-.2.13-.4.33-.47l6-2.14Zm-1.3 12.06L8 16.7v1.73a1 1 0 0 0 .76.97l.62.15c.5.13 1-.17 1.12-.67.1-.41.29-.78.53-1.1Z"] - ):has( - path[d="M16 4h.5v-.5a2.5 2.5 0 0 1 5 0V4h.5a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1h-6a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1Zm4-.5V4h-2v-.5a1 1 0 1 1 2 0Z"] + > path[d="M16 4h.5v-.5a2.5 2.5 0 0 1 5 0V4h.5a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1h-6a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1Zm4-.5V4h-2v-.5a1 1 0 1 1 2 0Z"] ) { background-image: var(--ImageAnnouncementsLimited); background-position: center; @@ -644,16 +562,11 @@ svg { } } - /* announcements (nsfw) */ /* + /* announcements (nsfw) */ &:has( - path[d="M4.85 8.26445L16.7165 5.65143L15.1067 9.30608C14.5477 10.5751 15.4771 12 16.8638 12H21V19.0588H19.1V17.9303L12.7065 16.5242L10.36 19.6235C10.1776 19.8635 9.89545 20 9.6 20C9.524 20 9.4461 19.9906 9.3701 19.9727L5.5701 19.0315C5.1464 18.9252 4.85 18.5496 4.85 18.1176V8.26445ZM9.2181 17.9943L6.75 17.3826V15.2113L10.6706 16.0753L9.2181 17.9943Z"] + > path[d="M12.43 5.7a.5.5 0 0 1 .6.72l-.63 1.1c-1.22 2.13.46 4.48 2.64 4.48h6.46c.28 0 .5.22.5.5v8c0 .83-.67 1.5-1.5 1.5h-.94a3 3 0 0 1-2.46-1.28 3.85 3.85 0 0 0-1.07-1.03l-2.36-.94a.92.92 0 0 0-1.23.63 2.92 2.92 0 0 1-3.55 2.12l-.62-.15A3 3 0 0 1 6 18.44V8.35c0-.2.13-.4.33-.47l6.1-2.18Zm-1.4 12.1L8 16.7v1.73a1 1 0 0 0 .76.97l.62.15c.5.13 1-.17 1.12-.67.1-.41.29-.78.53-1.1Z"] ):has( - path[d="M20.4683 4.76211L22.8094 9.51661C23.1366 10.1813 22.6554 10.9601 21.9174 10.9601L17.2104 10.9601C16.4706 10.9601 15.9894 10.1778 16.3203 9.51286L18.6861 4.75836C19.0537 4.01957 20.1037 4.02179 20.4683 4.76211ZM19.0833 5.96007H20.0786V8.46007H19.0834L19.0833 5.96007ZM19.0833 9.45894C19.0833 9.73596 19.3063 9.96007 19.5809 9.96007C19.8556 9.96007 20.0786 9.73596 20.0786 9.45894C20.0786 9.18231 19.8556 8.9578 19.5809 8.9578C19.3063 8.9578 19.0833 9.18231 19.0833 9.45894Z"] - ), - &:has( - path[d="M12.43 5.7a.5.5 0 0 1 .6.72l-.63 1.1c-1.22 2.13.46 4.48 2.64 4.48h6.46c.28 0 .5.22.5.5v8c0 .83-.67 1.5-1.5 1.5h-.94a3 3 0 0 1-2.46-1.28 3.85 3.85 0 0 0-1.07-1.03l-2.36-.94a.92.92 0 0 0-1.23.63 2.92 2.92 0 0 1-3.55 2.12l-.62-.15A3 3 0 0 1 6 18.44V8.35c0-.2.13-.4.33-.47l6.1-2.18Zm-1.4 12.1L8 16.7v1.73a1 1 0 0 0 .76.97l.62.15c.5.13 1-.17 1.12-.67.1-.41.29-.78.53-1.1Z"] - ):has( - path[d="M18.09 1.63c.4-.7 1.43-.7 1.82 0l3.96 6.9c.38.66-.12 1.47-.91 1.47h-7.92c-.79 0-1.3-.81-.91-1.48l3.96-6.9Zm.46 1.87h.9c.3 0 .52.26.5.55l-.22 2.02c-.01.16-.17.26-.33.23a1.92 1.92 0 0 0-.8 0c-.16.03-.32-.07-.33-.23l-.21-2.02a.5.5 0 0 1 .5-.55ZM19 9a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z"] + > path[d="M18.09 1.63c.4-.7 1.43-.7 1.82 0l3.96 6.9c.38.66-.12 1.47-.91 1.47h-7.92c-.79 0-1.3-.81-.91-1.48l3.96-6.9Zm.46 1.87h.9c.3 0 .52.26.5.55l-.22 2.02c-.01.16-.17.26-.33.23a1.92 1.92 0 0 0-.8 0c-.16.03-.32-.07-.33-.23l-.21-2.02a.5.5 0 0 1 .5-.55ZM19 9a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z"] ) { background-image: var(--ImageAnnouncementsNSFW); background-position: center; @@ -683,12 +596,9 @@ svg { } } - /* forums */ /* + /* forums */ &:has( - path[d="M6.56929 14.6869H2.34375C1.97079 14.6869 1.61311 14.5387 1.34938 14.275C1.08566 14.0113 0.9375 13.6536 0.9375 13.2806V8.12437C0.9375 6.38389 1.6289 4.7147 2.85961 3.484C4.09032 2.25329 5.75951 1.56189 7.49999 1.56189C9.24047 1.56189 10.9097 2.25329 12.1404 3.484C12.6953 4.03895 13.1406 4.68307 13.4623 5.38267C14.9101 5.5973 16.2513 6.29124 17.2655 7.36251C18.4194 8.58133 19.0625 10.1959 19.0625 11.8744V17.0306C19.0625 17.4036 18.9144 17.7613 18.6506 18.025C18.3869 18.2887 18.0292 18.4369 17.6563 18.4369H12.5C11.1428 18.4369 9.81899 18.0162 8.71072 17.2328C7.7871 16.58 7.05103 15.7019 6.56929 14.6869ZM4.18544 4.80982C5.06451 3.93075 6.25679 3.43689 7.49999 3.43689C8.74319 3.43689 9.93549 3.93075 10.8146 4.80983C11.6936 5.6889 12.1875 6.88119 12.1875 8.12439C12.1875 9.36759 11.6936 10.5599 10.8146 11.439C9.93549 12.318 8.74321 12.8119 7.50001 12.8119H7.20268C7.19767 12.8118 7.19266 12.8118 7.18764 12.8119H2.8125V8.12438C2.8125 6.88118 3.30636 5.6889 4.18544 4.80982ZM8.672 14.5814C8.97763 15.0132 9.35591 15.3928 9.79299 15.7017C10.5847 16.2614 11.5305 16.5619 12.5 16.5619H17.1875V11.8744C17.1875 10.6755 16.7281 9.52219 15.9039 8.65159C15.3804 8.09865 14.735 7.68644 14.027 7.44246C14.0506 7.66798 14.0625 7.89557 14.0625 8.12439C14.0625 9.86487 13.3711 11.5341 12.1404 12.7648C11.1896 13.7156 9.97697 14.3445 8.672 14.5814Z"] - ), - &:has( - path[d="M19.24 10.86c.32.16.72-.02.74-.38L20 10c0-4.42-4.03-8-9-8s-9 3.58-9 8c0 1.5.47 2.91 1.28 4.11.14.21.12.49-.06.67l-1.51 1.51A1 1 0 0 0 2.4 18h5.1a.5.5 0 0 0 .49-.5c0-4.2 3.5-7.5 7.68-7.5 1.28 0 2.5.3 3.56.86Z"] + > path[d="M19.24 10.86c.32.16.72-.02.74-.38L20 10c0-4.42-4.03-8-9-8s-9 3.58-9 8c0 1.5.47 2.91 1.28 4.11.14.21.12.49-.06.67l-1.51 1.51A1 1 0 0 0 2.4 18h5.1a.5.5 0 0 0 .49-.5c0-4.2 3.5-7.5 7.68-7.5 1.28 0 2.5.3 3.56.86Z"] ) { background-image: var(--ImageForums); background-position: center; @@ -701,16 +611,11 @@ svg { } } - /* forums (limited) */ /* + /* forums (limited) */ &:has( - path[d="M13 4C13 3.66767 13.0405 3.3448 13.1169 3.03607C11.8881 2.28254 10.4651 1.87427 8.99999 1.87427C6.91141 1.87427 4.90838 2.70395 3.43153 4.1808C1.95469 5.65764 1.125 7.66067 1.125 9.74925V15.9368C1.125 16.3843 1.30279 16.8135 1.61926 17.13C1.93573 17.4465 2.36495 17.6243 2.8125 17.6243H7.88314C8.46123 18.8423 9.34451 19.896 10.4529 20.6794C11.7828 21.6195 13.3714 22.1242 15 22.1243H21.1875C21.6351 22.1243 22.0643 21.9465 22.3808 21.63C22.6972 21.3135 22.875 20.8843 22.875 20.4368V14.2492C22.875 13.3832 22.7323 12.5314 22.4596 11.7253C22.0074 11.9026 21.5151 12 21 12H20.1557C20.4625 12.7033 20.625 13.4682 20.625 14.2493V19.8743H15C13.8365 19.8743 12.7017 19.5136 11.7516 18.8421C11.2271 18.4713 10.7732 18.0159 10.4064 17.4977C11.9724 17.2135 13.4275 16.4587 14.5685 15.3177C15.5076 14.3786 16.185 13.2267 16.5538 11.9754C15.7646 11.8878 15.0447 11.5706 14.4624 11.0921C14.2192 12.0813 13.7097 12.9945 12.9775 13.7267C11.9226 14.7816 10.4919 15.3743 9.00001 15.3743H3.375V9.74925C3.375 8.25741 3.96763 6.82668 5.02252 5.77179C6.07741 4.7169 7.50815 4.12427 8.99999 4.12427C10.4918 4.12427 11.9226 4.7169 12.9775 5.77179L13 5.79444V4Z"] + > path[d="M13.58 3.23c.24-.33.16-.86-.24-.96C12.59 2.1 11.8 2 11 2c-4.97 0-9 3.58-9 8 0 1.5.47 2.91 1.28 4.11.14.21.12.49-.06.67l-1.51 1.51A1 1 0 0 0 2.4 18h5.1a.5.5 0 0 0 .49-.5c0-3.17 2-5.82 4.77-6.94.29-.11.43-.45.34-.75A3 3 0 0 1 13 9V5c0-.66.22-1.28.58-1.77ZM18.91 12.98a5.45 5.45 0 0 1 2.18 6.2c-.1.33-.09.68.1.96l.83 1.32a1 1 0 0 1-.84 1.54h-5.5A5.6 5.6 0 0 1 10 17.5a5.6 5.6 0 0 1 5.68-5.5c1.2 0 2.32.36 3.23.98Z"] ):has( - path[d="M21.025 4V5C21.5635 5 22 5.43652 22 5.975V9C22 9.55228 21.5523 10 21 10H17C16.4477 10 16 9.55228 16 9V6C16 5.44772 16.4477 5 17 5V4C17 2.88 17.95 2 19 2C20.05 2 21.025 2.88 21.025 4ZM18 5H20V4C20 3.42857 19.5333 3 19 3C18.4667 3 18 3.42857 18 4V5Z"] - ), - &:has( - path[d="M13.58 3.23c.24-.33.16-.86-.24-.96C12.59 2.1 11.8 2 11 2c-4.97 0-9 3.58-9 8 0 1.5.47 2.91 1.28 4.11.14.21.12.49-.06.67l-1.51 1.51A1 1 0 0 0 2.4 18h5.1a.5.5 0 0 0 .49-.5c0-3.17 2-5.82 4.77-6.94.29-.11.43-.45.34-.75A3 3 0 0 1 13 9V5c0-.66.22-1.28.58-1.77ZM18.91 12.98a5.45 5.45 0 0 1 2.18 6.2c-.1.33-.09.68.1.96l.83 1.32a1 1 0 0 1-.84 1.54h-5.5A5.6 5.6 0 0 1 10 17.5a5.6 5.6 0 0 1 5.68-5.5c1.2 0 2.32.36 3.23.98Z"] - ):has( - path[d="M16 4h.5v-.5a2.5 2.5 0 0 1 5 0V4h.5a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1h-6a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1Zm4-.5V4h-2v-.5a1 1 0 1 1 2 0Z"] + > path[d="M16 4h.5v-.5a2.5 2.5 0 0 1 5 0V4h.5a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1h-6a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1Zm4-.5V4h-2v-.5a1 1 0 1 1 2 0Z"] ) { background-image: var(--ImageForumsLimited); background-position: center; @@ -723,16 +628,11 @@ svg { } } - /* forums (nsfw) */ /* + /* forums (nsfw) */ &:has( - path[d="M13 4C13 3.66767 13.0405 3.3448 13.1169 3.03607C11.8881 2.28254 10.4651 1.87427 8.99999 1.87427C6.91141 1.87427 4.90838 2.70395 3.43153 4.1808C1.95469 5.65764 1.125 7.66067 1.125 9.74925V15.9368C1.125 16.3843 1.30279 16.8135 1.61926 17.13C1.93573 17.4465 2.36495 17.6243 2.8125 17.6243H7.88314C8.46123 18.8423 9.34451 19.896 10.4529 20.6794C11.7828 21.6195 13.3714 22.1242 15 22.1243H21.1875C21.6351 22.1243 22.0643 21.9465 22.3808 21.63C22.6972 21.3135 22.875 20.8843 22.875 20.4368V14.2492C22.875 13.3832 22.7323 12.5314 22.4596 11.7253C22.0074 11.9026 21.5151 12 21 12H20.1557C20.4625 12.7033 20.625 13.4682 20.625 14.2493V19.8743H15C13.8365 19.8743 12.7017 19.5136 11.7516 18.8421C11.2271 18.4713 10.7732 18.0159 10.4064 17.4977C11.9724 17.2135 13.4275 16.4587 14.5685 15.3177C15.5076 14.3786 16.185 13.2267 16.5538 11.9754C15.7646 11.8878 15.0447 11.5706 14.4624 11.0921C14.2192 12.0813 13.7097 12.9945 12.9775 13.7267C11.9226 14.7816 10.4919 15.3743 9.00001 15.3743H3.375V9.74925C3.375 8.25741 3.96763 6.82668 5.02252 5.77179C6.07741 4.7169 7.50815 4.12427 8.99999 4.12427C10.4918 4.12427 11.9226 4.7169 12.9775 5.77179L13 5.79444V4Z"] + > path[d="M14.8 3.34a.48.48 0 0 0-.24-.69A9.94 9.94 0 0 0 11 2c-4.97 0-9 3.58-9 8 0 1.5.47 2.91 1.28 4.11.14.21.12.49-.06.67l-1.51 1.51A1 1 0 0 0 2.4 18h5.1a.5.5 0 0 0 .49-.5c0-2.86 1.62-5.3 3.97-6.56.28-.15.38-.51.25-.8a2.87 2.87 0 0 1 .18-2.61l2.4-4.19ZM18.91 12.98a5.45 5.45 0 0 1 2.18 6.2c-.1.33-.09.68.1.96l.83 1.32a1 1 0 0 1-.84 1.54h-5.5A5.6 5.6 0 0 1 10 17.5a5.6 5.6 0 0 1 5.68-5.5c1.2 0 2.32.36 3.23.98Z"] ):has( - path[d="M22.2821 7.55654L19.9173 2.80204C19.5491 2.06172 18.4885 2.05951 18.1172 2.79829L15.7274 7.55279C15.3932 8.21769 15.8793 9 16.6265 9L21.3811 9C22.1265 8.99999 22.6126 8.22119 22.2821 7.55654ZM19.5237 4H18.5184L18.5184 6.5H19.5237V4ZM19.021 8C18.7436 8 18.5184 7.77589 18.5184 7.49887C18.5184 7.22224 18.7436 6.99773 19.021 6.99773C19.2985 6.99773 19.5237 7.22224 19.5237 7.49887C19.5237 7.77589 19.2985 8 19.021 8Z"] - ), - &:has( - path[d="M14.8 3.34a.48.48 0 0 0-.24-.69A9.94 9.94 0 0 0 11 2c-4.97 0-9 3.58-9 8 0 1.5.47 2.91 1.28 4.11.14.21.12.49-.06.67l-1.51 1.51A1 1 0 0 0 2.4 18h5.1a.5.5 0 0 0 .49-.5c0-2.86 1.62-5.3 3.97-6.56.28-.15.38-.51.25-.8a2.87 2.87 0 0 1 .18-2.61l2.4-4.19ZM18.91 12.98a5.45 5.45 0 0 1 2.18 6.2c-.1.33-.09.68.1.96l.83 1.32a1 1 0 0 1-.84 1.54h-5.5A5.6 5.6 0 0 1 10 17.5a5.6 5.6 0 0 1 5.68-5.5c1.2 0 2.32.36 3.23.98Z"] - ):has( - path[d="M18.09 1.63c.4-.7 1.43-.7 1.82 0l3.96 6.9c.38.66-.12 1.47-.91 1.47h-7.92c-.79 0-1.3-.81-.91-1.48l3.96-6.9Zm.46 1.87h.9c.3 0 .52.26.5.55l-.22 2.02c-.01.16-.17.26-.33.23a1.92 1.92 0 0 0-.8 0c-.16.03-.32-.07-.33-.23l-.21-2.02a.5.5 0 0 1 .5-.55ZM19 9a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z"] + > path[d="M18.09 1.63c.4-.7 1.43-.7 1.82 0l3.96 6.9c.38.66-.12 1.47-.91 1.47h-7.92c-.79 0-1.3-.81-.91-1.48l3.96-6.9Zm.46 1.87h.9c.3 0 .52.26.5.55l-.22 2.02c-.01.16-.17.26-.33.23a1.92 1.92 0 0 0-.8 0c-.16.03-.32-.07-.33-.23l-.21-2.02a.5.5 0 0 1 .5-.55ZM19 9a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z"] ) { background-image: var(--ImageForumsNSFW); background-position: center; @@ -745,12 +645,9 @@ svg { } } - /* media */ /* + /* media */ &:has( - path[d="M3.2 0C1.43269 0 0 1.43269 0 3.2V12.8C0 14.5673 1.43269 16 3.2 16H12.8C14.5673 16 16 14.5673 16 12.8V3.2C16 1.43269 14.5673 0 12.8 0H3.2ZM6.4 4.8C6.4 3.91616 5.68256 3.2 4.8 3.2C3.91552 3.2 3.2 3.91616 3.2 4.8C3.2 5.68448 3.91552 6.4 4.8 6.4C5.68256 6.4 6.4 5.68448 6.4 4.8ZM5.6 9.6L3.2 12.8H12.8L10.4 7.2L7.2 11.2L5.6 9.6Z"] - ), - &:has( - path[d="M2 5a3 3 0 0 1 3-3h14a3 3 0 0 1 3 3v14a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V5Zm13.35 8.13 3.5 4.67c.37.5.02 1.2-.6 1.2H5.81a.75.75 0 0 1-.59-1.22l1.86-2.32a1.5 1.5 0 0 1 2.34 0l.5.64 2.23-2.97a2 2 0 0 1 3.2 0ZM10.2 5.98c.23-.91-.88-1.55-1.55-.9a.93.93 0 0 1-1.3 0c-.67-.65-1.78-.01-1.55.9a.93.93 0 0 1-.65 1.12c-.9.26-.9 1.54 0 1.8.48.14.77.63.65 1.12-.23.91.88 1.55 1.55.9a.93.93 0 0 1 1.3 0c.67.65 1.78.01 1.55-.9a.93.93 0 0 1 .65-1.12c.9-.26.9-1.54 0-1.8a.93.93 0 0 1-.65-1.12Z"] + > path[d="M2 5a3 3 0 0 1 3-3h14a3 3 0 0 1 3 3v14a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V5Zm13.35 8.13 3.5 4.67c.37.5.02 1.2-.6 1.2H5.81a.75.75 0 0 1-.59-1.22l1.86-2.32a1.5 1.5 0 0 1 2.34 0l.5.64 2.23-2.97a2 2 0 0 1 3.2 0ZM10.2 5.98c.23-.91-.88-1.55-1.55-.9a.93.93 0 0 1-1.3 0c-.67-.65-1.78-.01-1.55.9a.93.93 0 0 1-.65 1.12c-.9.26-.9 1.54 0 1.8.48.14.77.63.65 1.12-.23.91.88 1.55 1.55.9a.93.93 0 0 1 1.3 0c.67.65 1.78.01 1.55-.9a.93.93 0 0 1 .65-1.12c.9-.26.9-1.54 0-1.8a.93.93 0 0 1-.65-1.12Z"] ) { background-image: var(--ImageMedia); background-position: center; @@ -793,12 +690,9 @@ svg { } }*/ /* - /* stage */ /* + /* stage */ &:has( - path[d="M14 13C14 14.1 13.1 15 12 15C10.9 15 10 14.1 10 13C10 11.9 10.9 11 12 11C13.1 11 14 11.9 14 13ZM8.5 20V19.5C8.5 17.8 9.94 16.5 12 16.5C14.06 16.5 15.5 17.8 15.5 19.5V20H8.5ZM7 13C7 10.24 9.24 8 12 8C14.76 8 17 10.24 17 13C17 13.91 16.74 14.75 16.31 15.49L17.62 16.25C18.17 15.29 18.5 14.19 18.5 13C18.5 9.42 15.58 6.5 12 6.5C8.42 6.5 5.5 9.42 5.5 13C5.5 14.18 5.82 15.29 6.38 16.25L7.69 15.49C7.26 14.75 7 13.91 7 13ZM2.5 13C2.5 7.75 6.75 3.5 12 3.5C17.25 3.5 21.5 7.75 21.5 13C21.5 14.73 21.03 16.35 20.22 17.75L21.51 18.5C22.45 16.88 23 15 23 13C23 6.93 18.07 2 12 2C5.93 2 1 6.93 1 13C1 15 1.55 16.88 2.48 18.49L3.77 17.74C2.97 16.35 2.5 14.73 2.5 13Z"] - ), - &:has( - path[d="M19.61 18.25a1.08 1.08 0 0 1-.07-1.33 9 9 0 1 0-15.07 0c.26.42.25.97-.08 1.33l-.02.02c-.41.44-1.12.43-1.46-.07a11 11 0 1 1 18.17 0c-.33.5-1.04.51-1.45.07l-.02-.02Z"] + > path[d="M19.61 18.25a1.08 1.08 0 0 1-.07-1.33 9 9 0 1 0-15.07 0c.26.42.25.97-.08 1.33l-.02.02c-.41.44-1.12.43-1.46-.07a11 11 0 1 1 18.17 0c-.33.5-1.04.51-1.45.07l-.02-.02Z"] ) { background-image: var(--ImageStage); background-position: center; @@ -811,16 +705,11 @@ svg { } } - /* stage (limited) */ /* + /* stage (limited) */ &:has( - path[d="M15 2.41495C14.0462 2.14467 13.0398 2 12 2C5.93 2 1 6.93 1 13C1 15 1.55 16.88 2.48 18.49L3.77 17.74C2.97 16.35 2.5 14.73 2.5 13C2.5 7.75 6.75 3.5 12 3.5C13.0485 3.5 14.0571 3.66952 15 3.98267V2.41495Z"] + > path[d="M21.92 14.08c.32.27.86.15.93-.26A11 11 0 1 0 2.91 18.2c.34.5 1.05.51 1.46.07l.02-.02c.33-.36.34-.91.07-1.33a9 9 0 1 1 16.48-3.88c-.03.22.1.44.29.55.24.14.48.3.7.49Z"] ):has( - path[d="M22.025 2V3C22.5635 3 23 3.43652 23 3.975V7C23 7.55228 22.5523 8 22 8H18C17.4477 8 17 7.55228 17 7V4C17 3.44772 17.4477 3 18 3V2C18 0.88 18.95 0 20 0C21.05 0 22.025 0.88 22.025 2ZM19 3H21V2C21 1.42857 20.5333 1 20 1C19.4667 1 19 1.42857 19 2V3Z"] - ), - &:has( - path[d="M21.92 14.08c.32.27.86.15.93-.26A11 11 0 1 0 2.91 18.2c.34.5 1.05.51 1.46.07l.02-.02c.33-.36.34-.91.07-1.33a9 9 0 1 1 16.48-3.88c-.03.22.1.44.29.55.24.14.48.3.7.49Z"] - ):has( - path[d="M16.5 18H16a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1h-.5v-.5a2.5 2.5 0 0 0-5 0v.5Zm3.5 0v-.5a1 1 0 1 0-2 0v.5h2Z"] + > path[d="M16.5 18H16a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1h-.5v-.5a2.5 2.5 0 0 0-5 0v.5Zm3.5 0v-.5a1 1 0 1 0-2 0v.5h2Z"] ) { background-image: var(--ImageStageLimited); background-position: center; @@ -848,12 +737,9 @@ svg { } }*/ /* - /* camera */ /* + /* camera */ &:has( - path[d="M21.526 8.149C21.231 7.966 20.862 7.951 20.553 8.105L18 9.382V7C18 5.897 17.103 5 16 5H4C2.897 5 2 5.897 2 7V17C2 18.104 2.897 19 4 19H16C17.103 19 18 18.104 18 17V14.618L20.553 15.894C20.694 15.965 20.847 16 21 16C21.183 16 21.365 15.949 21.526 15.851C21.82 15.668 22 15.347 22 15V9C22 8.653 21.82 8.332 21.526 8.149Z"] - ), - &:has( - path[d="M4 4a3 3 0 0 0-3 3v10a3 3 0 0 0 3 3h11a3 3 0 0 0 3-3v-2.12a1 1 0 0 0 .55.9l3 1.5a1 1 0 0 0 1.45-.9V7.62a1 1 0 0 0-1.45-.9l-3 1.5a1 1 0 0 0-.55.9V7a3 3 0 0 0-3-3H4Z"] + > path[d="M4 4a3 3 0 0 0-3 3v10a3 3 0 0 0 3 3h11a3 3 0 0 0 3-3v-2.12a1 1 0 0 0 .55.9l3 1.5a1 1 0 0 0 1.45-.9V7.62a1 1 0 0 0-1.45-.9l-3 1.5a1 1 0 0 0-.55.9V7a3 3 0 0 0-3-3H4Z"] ) { background-image: var(--ImageCamera); background-position: center; @@ -866,12 +752,9 @@ svg { } } - /* activities */ /* + /* activities */ &:has( - path[d="M4.92871 13.4149L10.5857 19.0709L18.3639 11.2927C19.7781 9.87859 22.6066 6.48376 21.1923 2.80748C17.5153 1.3932 14.1213 4.22173 12.7074 5.63625L4.92871 13.4149ZM16.064 9.93309C17.1686 9.93309 18.064 9.03766 18.064 7.93309C18.064 6.82852 17.1686 5.93309 16.064 5.93309C14.9594 5.93309 14.064 6.82852 14.064 7.93309C14.064 9.03766 14.9594 9.93309 16.064 9.93309Z"] - ), - &:has( - path[d="M22 4v1.51a6 6 0 0 1-1.76 4.25l-4.1 4.1a.5.5 0 0 0-.14.35v3.74a3 3 0 0 1-.66 1.87l-1.79 2.24a.5.5 0 0 1-.86-.14l-1.86-5.02a.5.5 0 0 0-.11-.18l-3.46-3.46a.5.5 0 0 0-.17-.11l-4.8-1.85a.5.5 0 0 1-.15-.85l2.02-1.73A3 3 0 0 1 6.1 8h3.68a.5.5 0 0 0 .36-.15l4.1-4.1A6 6 0 0 1 18.48 2H20a2 2 0 0 1 2 2Zm-5 5a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z"] + > path[d="M22 4v1.51a6 6 0 0 1-1.76 4.25l-4.1 4.1a.5.5 0 0 0-.14.35v3.74a3 3 0 0 1-.66 1.87l-1.79 2.24a.5.5 0 0 1-.86-.14l-1.86-5.02a.5.5 0 0 0-.11-.18l-3.46-3.46a.5.5 0 0 0-.17-.11l-4.8-1.85a.5.5 0 0 1-.15-.85l2.02-1.73A3 3 0 0 1 6.1 8h3.68a.5.5 0 0 0 .36-.15l4.1-4.1A6 6 0 0 1 18.48 2H20a2 2 0 0 1 2 2Zm-5 5a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z"] ) { background-image: var(--ImageJoystick); background-position: center; @@ -882,5 +765,23 @@ svg { & > path { display: none; } - }*/ + } + + /* phone */ + &:not([aria-label$="on Mobile"]) { + &:has( + > path[d="M5 4a3 3 0 0 1 3-3h8a3 3 0 0 1 3 3v16a3 3 0 0 1-3 3H8a3 3 0 0 1-3-3V4Zm5 16a1 1 0 0 1 1-1h2a1 1 0 1 1 0 2h-2a1 1 0 0 1-1-1ZM8 3a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1H8Z"] + ) { + background-image: var(--ImagePhone); + background-position: center; + background-repeat: no-repeat; + background-size: 16px; + image-rendering: pixelated; + + & > g, + & > path { + display: none; + } + } + } } diff --git a/src/w9x/toolbar.scss b/src/w9x/toolbar.scss index 5406116..ee57de4 100644 --- a/src/w9x/toolbar.scss +++ b/src/w9x/toolbar.scss @@ -108,7 +108,8 @@ section[class^="panels_"] > [class^="container_"]:last-child { z-index: 20; padding: 0; - & > [class*="withTagAsButton_"] { + & > [class*="withTagAsButton_"], + & > [class^="avatarWrapper_"] { z-index: 20; position: absolute; top: -23px; @@ -394,9 +395,13 @@ a[href="https://support.discord.com"]:has(> [class^="iconWrapper_"]) overflow: visible; } -[id^="popout_"] { +.custom-theme-background [class^="menu_"] { + border: none !important; +} + +html:not(.overlay) [id^="popout_"] { &:has([class^="accountProfilePopoutWrapper_"]) { - top: 20px !important; + top: 22px !important; } &:has(> #staff-help-popout) { right: unset !important; @@ -429,18 +434,21 @@ a[href="https://support.discord.com"]:has(> [class^="iconWrapper_"]) [class^="accountProfilePopoutWrapper_"] { left: unset; - [class^="userPopoutOuter_"] { + [class*="userPopoutOuter_"] { padding: 0 !important; border-radius: 0; width: unset; [class^="userPopoutInner_"] { border-radius: 0; + padding: 0; &::before, & > [class^="bannerSVGWrapper_"], & > [class*="avatarWrapper_"], - & > [class^="profileBadges_"] { + & > [class^="profileBadges_"], + & > [class^="wrapper_"], + & > [class^="header_"] { display: none; } @@ -454,6 +462,33 @@ a[href="https://support.discord.com"]:has(> [class^="iconWrapper_"]) display: none; } } + + & > [class^="body_"] { + padding: 0; + + & > :not([class^="menus_"]) { + display: none; + } + + & > [class^="menus_"] { + gap: 0; + padding: 2px; + box-shadow: var(--WindowFrame) !important; + + & > [class^="menu_"] { + padding: 0 !important; + box-shadow: none !important; + + & > [class^="scroller_"] { + padding-bottom: 0 !important; + + & > [class^="separator"] { + display: none; + } + } + } + } + } } } } @@ -604,13 +639,28 @@ a[href="https://support.discord.com"]:has(> [class^="iconWrapper_"]) width: 20px; height: 22px; - & > [class^="iconContainer_"] { - background-image: var(--ImageSearch); + & > [class^="iconContainer_"] > svg { background-repeat: no-repeat; background-position: center; image-rendering: pixelated; + transition: none; - & > svg { + &:has( + > path[d="M15.62 17.03a9 9 0 1 1 1.41-1.41l4.68 4.67a1 1 0 0 1-1.42 1.42l-4.67-4.68ZM17 10a7 7 0 1 1-14 0 7 7 0 0 1 14 0Z"] + ) { + background-image: var(--ImageSearch); + } + + &:has( + > path[d="M17.3 18.7a1 1 0 0 0 1.4-1.4L13.42 12l5.3-5.3a1 1 0 0 0-1.42-1.4L12 10.58l-5.3-5.3a1 1 0 0 0-1.4 1.42L10.58 12l-5.3 5.3a1 1 0 1 0 1.42 1.4L12 13.42l5.3 5.3Z"] + ) { + background-color: var(--WindowText); + mask-image: var(--ImageClose); + mask-repeat: no-repeat; + mask-position: center; + } + + & > path { display: none; } } @@ -620,7 +670,8 @@ a[href="https://support.discord.com"]:has(> [class^="iconWrapper_"]) } } -[class^="base_"] > [class^="content_"] > main[class^="container_"] > section[class*="container_"] { +[class^="base_"] > [class^="content_"] > main[class^="container_"] > section[class*="container_"], +[class^="base_"] > [class^="content_"] > div[class^="container_"] > section[class^="libraryHeader_"] { height: 22px; min-height: 22px; padding: 0; @@ -646,8 +697,52 @@ a[href="https://support.discord.com"]:has(> [class^="iconWrapper_"]) } } + [class^="tabBar_"], + [class^="topPill_"] { + & > [class^="item_"] { + font-size: var(--FontSize); + line-height: 18px; + align-content: center; + font-weight: normal; + margin: 0; + height: 22px; + border-radius: 0; + background-color: transparent; + padding: 0 6px; + min-width: unset; + + &:hover { + box-shadow: var(--HoverEdge); + background-color: transparent; + } + &[class*="selected_"] { + box-shadow: var(--PressedEdge) !important; + background-color: transparent; + + &:not(:active):not(:hover)::before { + content: ""; + display: block; + position: absolute; + width: calc(100% - 4px); + height: 18px; + top: 2px; + left: 2px; + z-index: -1; + + background-color: var(--ThreeDHighlight); + mask-image: var(--ImageDither); + mask-repeat: repeat; + } + } + } + } + [class^="divider_"] { - display: none; + width: 1px; + height: 18px; + margin: 2px 3px; + background-color: var(--ThreeDShadow); + border-right: solid 1px var(--ThreeDHighlight); } &::after { @@ -684,5 +779,161 @@ a[href="https://support.discord.com"]:has(> [class^="iconWrapper_"]) [class^="divider_"] { display: none; } + + & > [class^="libraryFilter_"] { + position: absolute; + left: calc(100vw - 242px - 60px); + top: 24px; + margin: 0; + width: unset; + + & > [class^="searchBar_"] { + height: 22px; + width: 242px; + border-radius: 0; + background-color: var(--Window); + box-shadow: var(--InnerEdge); + + & > [class^="inner_"] { + & > [class^="input_"]::placeholder { + color: var(--WindowText); + font-size: var(--FontSize); + } + + & > [class^="iconLayout_"] { + width: 20px; + height: 22px; + + & > [class^="iconContainer_"] > svg { + background-repeat: no-repeat; + background-position: center; + image-rendering: pixelated; + transition: none; + + &:has( + > path[d="M15.62 17.03a9 9 0 1 1 1.41-1.41l4.68 4.67a1 1 0 0 1-1.42 1.42l-4.67-4.68ZM17 10a7 7 0 1 1-14 0 7 7 0 0 1 14 0Z"] + ) { + background-image: var(--ImageSearch); + } + + &:has( + > path[d="M17.3 18.7a1 1 0 0 0 1.4-1.4L13.42 12l5.3-5.3a1 1 0 0 0-1.42-1.4L12 10.58l-5.3-5.3a1 1 0 0 0-1.4 1.42L10.58 12l-5.3 5.3a1 1 0 1 0 1.42 1.4L12 13.42l5.3 5.3Z"] + ) { + background-color: var(--WindowText); + mask-image: var(--ImageClose); + mask-repeat: no-repeat; + mask-position: center; + } + + & > path { + display: none; + } + } + } + } + } + } + } + + &::before { + display: none; + } +} + +[class^="base_"] + > [class^="content_"] + > div[class^="container_"]:has(> section[class^="libraryHeader_"]) + > [class^="container_"] { + box-shadow: var(--InnerEdge); + margin: 2px; + + & > [class^="table_"] { + & > [class^="stickyHeader_"] { + top: 2px; + left: 2px; + padding: 0; + height: 17px; + + & > [class^="headerCell_"] { + padding: 0; + box-shadow: var(--OuterEdge); + padding: 2px; + border: none; + + & > [class^="headerCellContent_"] { + font-size: var(--FontSize); + line-height: var(--FontSize); + text-transform: none; + font-weight: normal; + min-height: unset; + margin-left: 4px; + color: var(--WindowText); + } + } + } + + & > [class*="rowWrapper_"] { + margin-left: 8px; + border-radius: 0; + + & > [class^="row_"] { + margin: 0; + min-height: unset; + border: none; + + & > [class^="bodyCell_"] { + padding: 0; + + button { + padding: 0; + font-size: var(--FontSize); + min-width: unset; + height: 17px; + transition: none; + background-color: var(--ThreeDFace) !important; + + & > [class^="contents_"] { + margin: 0 6px; + } + } + + & > div { + font-size: var(--FontSize); + line-height: var(--FontSize); + font-weight: normal; + + & > [class^="gameIcon_"] { + width: 16px; + height: 16px; + margin-right: 0; + } + + & > [class^="nameCellInfo_"] { + padding-left: 2px; + + & > [class^="nameCellText_"] { + font-size: var(--FontSize); + line-height: var(--FontSize); + font-weight: normal; + } + + & > [class^="nitroIcon_"] { + display: none; + } + } + } + + & > [class^="settingIcons_"] { + margin-right: 2px; + + & > svg { + margin-right: 2px; + width: 16px; + height: 16px; + } + } + } + } + } } } diff --git a/src/winclassic.scss b/src/winclassic.scss index 9efa237..f9723b8 100644 --- a/src/winclassic.scss +++ b/src/winclassic.scss @@ -4,34 +4,7 @@ @use "w9x/guilds" as w9xguilds; @use "w9x/images" as w9ximages; @use "w9x/toolbar" as w9xtoolbar; -/*@use "w9x/channel_list" as w9xchannels;*/ - -.theme-dark { - --wc-frame: inset -1px -1px 0 0 #{colors.$tertiary}, inset 1px 1px 0 0 #{colors.$primary}, - inset -2px -2px 0 0 #{colors.$secondary}, inset 2px 2px 0 0 #{colors.$c8}; - - --wc-outer-edge: inset -1px -1px 0 0 #{colors.$tertiary}, inset 1px 1px 0 0 #{colors.$c8}, - inset -2px -2px 0 0 #{colors.$secondary}, inset 2px 2px 0 0 #{colors.$primary} !important; - - --wc-inner-edge: inset -1px -1px 0 0 #{colors.$c8}, inset 1px 1px 0 0 #{colors.$secondary}, - inset -2px -2px 0 0 #{colors.$primary}, inset 2px 2px 0 0 #{colors.$tertiary}; - - --wc-rebar: inset 1px 1px 0 0 #{colors.$secondary}, inset 2px 2px 0 0 #{colors.$c8}, inset -1px -1px 0 0 #{colors.$c8}, - inset -2px -2px 0 0 #{colors.$secondary}; -} -.theme-light { - --wc-frame: inset -1px -1px 0 0 #{colors.$c8}, inset 1px 1px 0 0 #{colors.$primary}, - inset -2px -2px 0 0 #{colors.$tertiary}, inset 2px 2px 0 0 #{colors.$secondary}; - - --wc-outer-edge: inset -1px -1px 0 0 #{colors.$c8}, inset 1px 1px 0 0 #{colors.$secondary}, - inset -2px -2px 0 0 #{colors.$primary}, inset 2px 2px 0 0 #{colors.$tertiary}; - - --wc-inner-edge: inset -1px -1px 0 0 #{colors.$secondary}, inset 1px 1px 0 0 #{colors.$tertiary}, - inset -2px -2px 0 0 #{colors.$primary}, inset 2px 2px 0 0 #{colors.$c8}; - - --wc-rebar: inset 1px 1px 0 0 #{colors.$secondary}, inset 2px 2px 0 0 #{colors.$c8}, inset -1px -1px 0 0 #{colors.$c8}, - inset -2px -2px 0 0 #{colors.$secondary}; -} +@use "w9x/channel_list" as w9xchannels; .theme-dark { --ThreeDLightShadow: #1a1a1a; @@ -41,13 +14,13 @@ --ThreeDDarkShadow: #141414; --Window: #1a1a1a; --WindowText: #dedbeb; - --ActiveTitleStart: #2a2331; - --ActiveTitleEnd: #634e75; + --ActiveTitleStart: #287373; + --ActiveTitleEnd: #53a6a6; --ActiveTitleText: #edebf7; --InactiveTitleStart: #171717; --InactiveTitleEnd: #171717; --InactiveTitleText: #383838; - --Selection: #634e75; + --Selection: #287373; --SelectionText: #edebf7; --Tooltip: #1a1a1a; --TooltipText: #dedbeb; @@ -92,10 +65,10 @@ [class*="button_"][class*="lookFilled_"] { border-radius: 0; - box-shadow: var(--wc-outer-edge) !important; + box-shadow: var(--OuterEdge) !important; } [class*="button_"][class*="lookFilled_"]:active { - box-shadow: var(--wc-inner-edge) !important; + box-shadow: var(--InnerEdge) !important; } [class*="button_"][class*="lookFilled_"]:not([class*="color"]) { background-color: var(--background-primary); @@ -103,9 +76,10 @@ [class^="chat_"] > [class^="content_"] [class^="membersWrap_"] { padding: 2px; - box-shadow: var(--wc-inner-edge); + box-shadow: var(--InnerEdge); height: calc(100% - 4px); max-height: calc(100% - 4px); + background-color: var(--Window); } [class^="messagesWrapper_"] { padding: 2px; @@ -131,7 +105,7 @@ } [class^="channelTextArea_"] > [class^="scrollableContainer_"] { - box-shadow: var(--wc-inner-edge); + box-shadow: var(--InnerEdge); border-radius: 0; background-color: var(--ThreeDFace); } @@ -149,7 +123,7 @@ [class^="standardSidebarView_"] > [class^="sidebarRegion_"] > [class^="sidebarRegionScroller_"], [class^="standardSidebarView_"] > [class^="contentRegion_"] [class^="contentTransitionWrap_"] { padding: 2px; - box-shadow: var(--wc-inner-edge); + box-shadow: var(--InnerEdge); } [class^="standardSidebarView_"] > [class^="contentRegion_"], [class^="standardSidebarView_"] > [class^="sidebarRegion_"] { @@ -206,8 +180,9 @@ div[class^="sidebar_"]:not(:has(> [class^="side_"])) [class*="menu_"] { border-radius: 0 !important; + border: none !important; padding: 2px; - box-shadow: var(--wc-frame) !important; + box-shadow: var(--WindowFrame) !important; } [class*="menu_"] > [class^="scroller_"] { padding: 1px 1px 4px 1px !important; @@ -220,7 +195,7 @@ div[class^="sidebar_"]:not(:has(> [class^="side_"])) } [class*="menu_"] > [class^="scroller_"] [class^="customItem_"][id^="message-quickreact_"] > [class^="button_"] { border-radius: 0 !important; - box-shadow: var(--wc-outer-edge); + box-shadow: var(--OuterEdge); } [class^="submenuPaddingContainer_"] { @@ -228,59 +203,58 @@ div[class^="sidebar_"]:not(:has(> [class^="side_"])) margin: -4px; } -[class^="scroller_"]:not([class*="none_"]):not([class*="thin_"]):not(:not(:hover)[class*="fade_"])::-webkit-scrollbar, -[class*="scrollerBase_"]:not([class*="none_"]):not([class*="thin_"]):not( - :not(:hover)[class*="fade_"] - )::-webkit-scrollbar { +*:not([class*="menu_"]):not([class*="inGame_"]) > [class^="scroller_"]:not([class*="none_"])::-webkit-scrollbar, +*:not([class*="menu_"]):not([class*="inGame_"]) > [class*="scrollerBase_"]:not([class*="none_"])::-webkit-scrollbar { min-width: 16px; width: 16px; + visibility: visible !important; } -[class^="scroller_"]:not([class*="thin_"])::-webkit-scrollbar-track, -[class*="scrollerBase_"]:not([class*="thin_"])::-webkit-scrollbar-track { +*:not([class*="menu_"]):not([class*="inGame_"]) > [class^="scroller_"]::-webkit-scrollbar-track, +*:not([class*="menu_"]):not([class*="inGame_"]) > [class*="scrollerBase_"]::-webkit-scrollbar-track { background-color: #{colors.$c8}; border: none; border-radius: 0; margin: 0; + visibility: visible !important; } -[class^="scroller_"]::-webkit-scrollbar-thumb, -[class*="scrollerBase_"]::-webkit-scrollbar-thumb, -[class^="scroller_"]:not([class*="thin_"])::-webkit-scrollbar-button:single-button, -[class*="scrollerBase_"]:not([class*="thin_"])::-webkit-scrollbar-button:single-button { +*:not([class*="menu_"]):not([class*="inGame_"]) > [class^="scroller_"]::-webkit-scrollbar-thumb, +*:not([class*="menu_"]):not([class*="inGame_"]) > [class*="scrollerBase_"]::-webkit-scrollbar-thumb, +*:not([class*="menu_"]):not([class*="inGame_"]) > [class^="scroller_"]::-webkit-scrollbar-button:single-button, +*:not([class*="menu_"]):not([class*="inGame_"]) > [class*="scrollerBase_"]::-webkit-scrollbar-button:single-button { border-radius: 0 !important; background: #{colors.$primary} !important; - box-shadow: var(--wc-frame); + box-shadow: var(--WindowFrame); border: none !important; + visibility: visible !important; } -[class^="scroller_"][class*="fade_"]:not([class*="thin_"])::-webkit-scrollbar-button:single-button, -[class*="scrollerBase_"][class*="fade_"]:not([class*="thin_"])::-webkit-scrollbar-button:single-button { - visibility: hidden; -} -[class^="scroller_"][class*="fade_"]:not([class*="thin_"]):hover::-webkit-scrollbar-button:single-button, -[class*="scrollerBase_"][class*="fade_"]:not([class*="thin_"]):hover::-webkit-scrollbar-button:single-button { - visibility: visible; -} - -[class^="scroller_"]::-webkit-scrollbar-button:single-button:active, -[class*="scrollerBase_"]::-webkit-scrollbar-button:single-button:active { +*:not([class*="menu_"]):not([class*="inGame_"]) > [class^="scroller_"]::-webkit-scrollbar-button:single-button:active, +*:not([class*="menu_"]):not([class*="inGame_"]) + > [class*="scrollerBase_"]::-webkit-scrollbar-button:single-button:active { box-shadow: inset 1px 1px #{colors.$secondary}, inset -1px -1px #{colors.$secondary}; } -[class^="scroller_"]:not([class*="thin_"])::-webkit-scrollbar-button:single-button:vertical:decrement, -[class*="scrollerBase_"]:not([class*="thin_"])::-webkit-scrollbar-button:single-button:vertical:decrement { +*:not([class*="menu_"]):not([class*="inGame_"]) + > [class^="scroller_"]::-webkit-scrollbar-button:single-button:vertical:decrement, +*:not([class*="menu_"]):not([class*="inGame_"]) + > [class*="scrollerBase_"]::-webkit-scrollbar-button:single-button:vertical:decrement { background-repeat: no-repeat !important; - background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSIxNSIgdmlld0JveD0iMCAwIDE1IDE1Ij4NCgk8cmVjdCBoZWlnaHQ9IjEiIHdpZHRoPSI3IiB5PSI4IiB4PSIzIiBmaWxsPSJtZW51dGV4dCIvPjxyZWN0IGhlaWdodD0iMSIgd2lkdGg9IjUiIHg9IjQiIHk9IjciIGZpbGw9Im1lbnV0ZXh0Ii8+PHJlY3QgaGVpZ2h0PSIxIiB3aWR0aD0iMyIgeT0iNiIgeD0iNSIgZmlsbD0ibWVudXRleHQiLz48cmVjdCB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB5PSI1IiB4PSI2IiBmaWxsPSJtZW51dGV4dCIvPg0KCQ0KCQ0KPC9zdmc+") !important; + background-image: var(--ImageScrollbarUp) !important; background-position: center center !important; } -[class^="scroller_"]:not([class*="thin_"])::-webkit-scrollbar-button:single-button:vertical:increment, -[class*="scrollerBase_"]:not([class*="thin_"])::-webkit-scrollbar-button:single-button:vertical:increment { +*:not([class*="menu_"]):not([class*="inGame_"]) + > [class^="scroller_"]::-webkit-scrollbar-button:single-button:vertical:increment, +*:not([class*="menu_"]):not([class*="inGame_"]) + > [class*="scrollerBase_"]::-webkit-scrollbar-button:single-button:vertical:increment { background-repeat: no-repeat !important; - background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTUiIHdpZHRoPSIxNSIgdmlld0JveD0iMCAwIDE1IDE1Ij4NCgk8cmVjdCBoZWlnaHQ9IjEiIHdpZHRoPSI3IiB4PSIzIiB5PSI1IiBmaWxsPSJtZW51dGV4dCIvPjxyZWN0IGhlaWdodD0iMSIgd2lkdGg9IjUiIHk9IjYiIHg9IjQiIGZpbGw9Im1lbnV0ZXh0Ii8+PHJlY3QgaGVpZ2h0PSIxIiB3aWR0aD0iMyIgeD0iNSIgeT0iNyIgZmlsbD0ibWVudXRleHQiLz48cmVjdCB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4PSI2IiB5PSI4IiBmaWxsPSJtZW51dGV4dCIvPg0KCQ0KCQ0KPC9zdmc+") !important; + background-image: var(--ImageScrollbarDown) !important; background-position: center center !important; } -[class^="scroller_"]:not([class*="thin_"])::-webkit-scrollbar-button:single-button:vertical:decrement, -[class*="scrollerBase_"]:not([class*="thin_"])::-webkit-scrollbar-button:single-button:vertical:decrement { +*:not([class*="menu_"]):not([class*="inGame_"]) + > [class^="scroller_"]::-webkit-scrollbar-button:single-button:vertical:decrement, +*:not([class*="menu_"]):not([class*="inGame_"]) + > [class*="scrollerBase_"]::-webkit-scrollbar-button:single-button:vertical:decrement { border-width: 0 8px 8px 8px; border-color: transparent transparent var(--text) transparent; } @@ -292,12 +266,12 @@ div[class^="sidebar_"]:not(:has(> [class^="side_"])) [class^="colorSwatch_"] > [class^="swatch_"][aria-expanded="true"] { border: none !important; border-radius: 0 !important; - box-shadow: var(--wc-inner-edge); + box-shadow: var(--InnerEdge); } [class^="colorSwatch_"] > [class^="swatch_"] { border: none !important; border-radius: 0 !important; - box-shadow: var(--wc-outer-edge); + box-shadow: var(--OuterEdge); } [class^="inputWrapper_"] > [class*="input_"] { @@ -308,7 +282,7 @@ div[class^="sidebar_"]:not(:has(> [class^="side_"])) [class^="select_"][class*="lookFilled_"] { border: none !important; border-radius: 0 !important; - box-shadow: var(--wc-inner-edge); + box-shadow: var(--InnerEdge); padding: 2px 2px 2px 4px; } [class^="select_"][class*="lookFilled_"] > [class^="icons_"] { @@ -316,12 +290,12 @@ div[class^="sidebar_"]:not(:has(> [class^="side_"])) } [class^="select_"][class*="lookFilled_"] > [class^="icons_"] > svg { background: #{colors.$primary}; - box-shadow: var(--wc-outer-edge); + box-shadow: var(--OuterEdge); width: 16px; height: 16px; } [class^="select_"][class*="lookFilled_"][class*="open_"] > [class^="icons_"] > svg { - box-shadow: var(--wc-inner-edge); + box-shadow: var(--InnerEdge); } [class^="popout_"][role="listbox"] > [class^="option_"] { padding: 2px 2px 2px 4px; @@ -473,7 +447,13 @@ section[class^="panels_"] { box-shadow: var(--RebarBottom); } - & > [class*="activityPanel_"] { + & > [class^="panel_"]:has(> [class^="body_"] > [class^="gameWrapper_"]) { + padding: 0; + border-bottom: none; + } + + & > [class*="activityPanel_"], + & > [class^="panel_"]:has(> [class^="body_"] > [class^="gameWrapper_"]) > [class^="body_"] { background-color: var(--ThreeDFace) !important; border-bottom: none; box-shadow: var(--RebarBottom); @@ -485,6 +465,7 @@ section[class^="panels_"] { width: 16px; height: 16px; min-height: 16px; + border-radius: 0; } } @@ -529,6 +510,7 @@ section[class^="panels_"] { padding-bottom: 6px; margin: 0 !important; box-shadow: var(--RebarBottom); + background-color: var(--ThreeDFace); } } @@ -561,10 +543,10 @@ section[class^="panels_"] { /*[class^="sidebar_"] > nav > [class^="scroller_"] { padding: 2px; - box-shadow: var(--wc-inner-edge); + box-shadow: var(--InnerEdge); }*/ -[class^="base_"] > [class^="content_"] > [class^="sidebar_"] { +/*[class^="base_"] > [class^="content_"] > [class^="sidebar_"] { border-radius: 0 !important; border-left: 4px solid var(--ThreeDFace); padding: 2px; @@ -695,6 +677,32 @@ section[class^="panels_"] { } } } + + & > [class^="privateChannels_"] { + & > [class^="searchBar_"] { + padding: 0px; + padding-bottom: 2px; + height: 22px !important; + box-shadow: inset 0 -1px 0 0 var(--ThreeDHighlight), inset 0 -2px 0 0 var(--ThreeDShadow); + + & > [class^="searchBarComponent_"] { + height: 22px !important; + background-color: var(--ThreeDFace); + border-radius: 0; + box-shadow: var(--InnerEdge); + font-size: 12px; + line-height: 12px; + } + } + + & > [class^="scroller_"] { + background-color: var(--Window); + + & > ul > div[style="height: 8px;"] { + display: none; + } + } + } } [class^="flowerStarContainer_"] { @@ -721,4 +729,4 @@ section[class^="panels_"] { #guild-header-popout { width: 240px; } -} +}*/