mirror of
https://gitlab.com/Cynosphere/xmc.git
synced 2024-08-14 22:57:03 +00:00
Make modular
This commit is contained in:
parent
fb2ac7da82
commit
0a16e600eb
62 changed files with 3136 additions and 3130 deletions
|
|
@ -1,49 +1,49 @@
|
|||
[class*="wordmark-"] {
|
||||
[class*="wordmark_"] {
|
||||
display: none !important;
|
||||
}
|
||||
[class*="titleBar-"] {
|
||||
[class*="titleBar_"] {
|
||||
margin-top: 0;
|
||||
}
|
||||
[class*="typeWindows-"] {
|
||||
[class*="typeWindows_"] {
|
||||
height: 0px !important;
|
||||
margin: 0 !important;
|
||||
padding: 0 !important;
|
||||
border: none !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
[class*="winButton-"] {
|
||||
[class*="winButton_"] {
|
||||
margin-top: 19px;
|
||||
margin-right: 5px;
|
||||
opacity: 0.3;
|
||||
}
|
||||
[class*="winButton-"]:hover {
|
||||
[class*="winButton_"]:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.platform-win [class*="headerBar-"],
|
||||
.platform-win [class^="chat-"] > [class^="title-"],
|
||||
.platform-win [class*="activityFeed-"] > [class*="container-"],
|
||||
.platform-win [class^="libraryHeader-"],
|
||||
.platform-win [class*="headerBar_"],
|
||||
.platform-win [class^="chat_"] > [class^="title_"],
|
||||
.platform-win [class*="activityFeed_"] > [class*="container_"],
|
||||
.platform-win [class^="libraryHeader_"],
|
||||
.platform-win
|
||||
[class*="spacer-"]
|
||||
> [class*="container-"]
|
||||
> [class*="container-"],
|
||||
[class*="spacer_"]
|
||||
> [class*="container_"]
|
||||
> [class*="container_"],
|
||||
.platform-win
|
||||
[class^="base-"]
|
||||
> [class^="content-"]
|
||||
> [class^="container-"]
|
||||
> [class^="container-"],
|
||||
.platform-win [class^="videoControls-"] [class^="headerWrapper-"] {
|
||||
[class^="base_"]
|
||||
> [class^="content_"]
|
||||
> [class^="container_"]
|
||||
> [class^="container_"],
|
||||
.platform-win [class^="videoControls_"] [class^="headerWrapper_"] {
|
||||
padding-right: 104px !important;
|
||||
}
|
||||
|
||||
.platform-win [class^="topControls-"] {
|
||||
.platform-win [class^="topControls_"] {
|
||||
top: -4px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
[class*="winButtonClose-"],
|
||||
[class*="winButtonMinMax-"] {
|
||||
[class*="winButtonClose_"],
|
||||
[class*="winButtonMinMax_"] {
|
||||
width: 24px !important;
|
||||
height: 24px !important;
|
||||
margin-left: 0 !important;
|
||||
|
|
@ -53,41 +53,41 @@
|
|||
background-color: var(--interactive-normal) !important;
|
||||
}
|
||||
|
||||
[class*="winButtonClose-"] {
|
||||
[class*="winButtonClose_"] {
|
||||
margin-right: 12px;
|
||||
}
|
||||
|
||||
[class*="winButtonClose-"] svg,
|
||||
[class*="winButtonMinMax-"] svg {
|
||||
[class*="winButtonClose_"] svg,
|
||||
[class*="winButtonMinMax_"] svg {
|
||||
display: none;
|
||||
}
|
||||
[class*="winButtonClose-"] {
|
||||
[class*="winButtonClose_"] {
|
||||
mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMSAxaDI0djI0SDFWMXoiLz48cGF0aCBmaWxsPSIjRkZGIiBkPSJNMjAgNy40MUwxOC41OSA2IDEzIDExLjU5IDcuNDEgNiA2IDcuNDEgMTEuNTkgMTMgNiAxOC41OSA3LjQxIDIwIDEzIDE0LjQxIDE4LjU5IDIwIDIwIDE4LjU5IDE0LjQxIDEzIDIwIDcuNDF6Ii8+PC9nPjwvc3ZnPg==")
|
||||
no-repeat;
|
||||
-webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMSAxaDI0djI0SDFWMXoiLz48cGF0aCBmaWxsPSIjRkZGIiBkPSJNMjAgNy40MUwxOC41OSA2IDEzIDExLjU5IDcuNDEgNiA2IDcuNDEgMTEuNTkgMTMgNiAxOC41OSA3LjQxIDIwIDEzIDE0LjQxIDE4LjU5IDIwIDIwIDE4LjU5IDE0LjQxIDEzIDIwIDcuNDF6Ii8+PC9nPjwvc3ZnPg==")
|
||||
no-repeat;
|
||||
background-image: none !important;
|
||||
}
|
||||
[class*="winButtonMinMax-"]:nth-child(3) {
|
||||
[class*="winButtonMinMax_"]:nth-child(3) {
|
||||
mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMSAxaDI0djI0SDFWMXoiLz48cGF0aCBmaWxsPSIjRkZGIiBkPSJNOCAxM0g2djdoN3YtMkg4di01em0tMiAwaDJWOGg1VjZINnY3em03IDV2Mmg3di03aC0ydjVoLTV6bTAtMTJ2Mmg1djVoMlY2aC03eiIvPjwvZz48L3N2Zz4=")
|
||||
no-repeat;
|
||||
-webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMSAxaDI0djI0SDFWMXoiLz48cGF0aCBmaWxsPSIjRkZGIiBkPSJNOCAxM0g2djdoN3YtMkg4di01em0tMiAwaDJWOGg1VjZINnY3em03IDV2Mmg3di03aC0ydjVoLTV6bTAtMTJ2Mmg1djVoMlY2aC03eiIvPjwvZz48L3N2Zz4=")
|
||||
no-repeat;
|
||||
background-image: none !important;
|
||||
}
|
||||
[class*="winButtonMinMax-"]:nth-child(4) {
|
||||
[class*="winButtonMinMax_"]:nth-child(4) {
|
||||
mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBmaWxsPSIjRkZGIiBkPSJNMTkgMTl2LTJIN3YyaDEyeiIvPjxwYXRoIGQ9Ik0xIDI1aDI0VjFIMXYyNHoiLz48L2c+PC9zdmc+")
|
||||
no-repeat;
|
||||
-webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBmaWxsPSIjRkZGIiBkPSJNMTkgMTl2LTJIN3YyaDEyeiIvPjxwYXRoIGQ9Ik0xIDI1aDI0VjFIMXYyNHoiLz48L2c+PC9zdmc+")
|
||||
no-repeat;
|
||||
background-image: none !important;
|
||||
}
|
||||
[class*="winButtonClose-"]:hover,
|
||||
[class*="winButtonMinMax-"]:hover {
|
||||
[class*="winButtonClose_"]:hover,
|
||||
[class*="winButtonMinMax_"]:hover {
|
||||
background-color: var(--interactive-hover) !important;
|
||||
}
|
||||
|
||||
[class^="typeMacOS-"][class*="unfocused-"] [class*="macButton-"],
|
||||
html.platform-win:not(.app-focused) [class*="winButton-"] {
|
||||
[class^="typeMacOS_"][class*="unfocused_"] [class*="macButton_"],
|
||||
html.platform-win:not(.app-focused) [class*="winButton_"] {
|
||||
opacity: 1 !important;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -28,13 +28,13 @@
|
|||
border-color: var(--titlebar-border-active, var(--primary)) !important;
|
||||
}
|
||||
|
||||
[class^="typeWindows-"] {
|
||||
[class^="typeWindows_"] {
|
||||
height: 18px !important;
|
||||
margin-top: 0;
|
||||
background: var(--titlebar-inactive, var(--secondary));
|
||||
border-bottom: 1px solid var(--titlebar-border-inactive, var(--secondary));
|
||||
}
|
||||
.app-focused [class^="typeWindows-"] {
|
||||
.app-focused [class^="typeWindows_"] {
|
||||
background: var(
|
||||
--titlebar-active,
|
||||
var(--titlebar-color, var(--accent))
|
||||
|
|
@ -42,13 +42,13 @@
|
|||
border-color: var(--titlebar-border-active, var(--primary)) !important;
|
||||
}
|
||||
|
||||
[class^="winButtonClose-"] > svg,
|
||||
[class^="winButtonMinMax-"] > svg,
|
||||
[class^="wordmarkWindows-"] > svg {
|
||||
[class^="winButtonClose_"] > svg,
|
||||
[class^="winButtonMinMax_"] > svg,
|
||||
[class^="wordmarkWindows_"] > svg {
|
||||
display: none;
|
||||
}
|
||||
|
||||
[class^="wordmarkWindows-"] {
|
||||
[class^="wordmarkWindows_"] {
|
||||
width: 16px !important;
|
||||
height: 16px !important;
|
||||
top: 1px !important;
|
||||
|
|
@ -57,7 +57,7 @@
|
|||
background-image: var(--titlebar-icon);
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
[class^="wordmarkWindows-"]::after {
|
||||
[class^="wordmarkWindows_"]::after {
|
||||
font-family: var(--_font-titlebars) !important;
|
||||
font-size: 12px !important;
|
||||
color: var(--wc-bright, var(--highlight)) !important;
|
||||
|
|
@ -69,11 +69,11 @@
|
|||
height: 17px;
|
||||
opacity: 1;
|
||||
}
|
||||
.app-focused [class^="wordmarkWindows-"]::after {
|
||||
.app-focused [class^="wordmarkWindows_"]::after {
|
||||
color: var(--text) !important;
|
||||
}
|
||||
|
||||
[class*="winButton-"] {
|
||||
[class*="winButton_"] {
|
||||
top: 2px;
|
||||
width: 12px !important;
|
||||
height: 10px !important;
|
||||
|
|
@ -82,43 +82,43 @@
|
|||
box-shadow: var(--wc-outer-edge);
|
||||
}
|
||||
|
||||
[class^="winButtonClose-"] {
|
||||
[class^="winButtonClose_"] {
|
||||
right: 2px;
|
||||
}
|
||||
[class^="winButtonMinMax-"]:nth-child(3),
|
||||
[class^="winButtonMinMax-"]:nth-child(4) {
|
||||
[class^="winButtonMinMax_"]:nth-child(3),
|
||||
[class^="winButtonMinMax_"]:nth-child(4) {
|
||||
right: 4px;
|
||||
}
|
||||
|
||||
[class*="winButton-"]::before {
|
||||
[class*="winButton_"]::before {
|
||||
width: 12px !important;
|
||||
height: 10px !important;
|
||||
background-color: var(--text);
|
||||
content: "";
|
||||
}
|
||||
[class^="winButtonClose-"]::before {
|
||||
[class^="winButtonClose_"]::before {
|
||||
-webkit-mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAKCAYAAACALL/6AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAwSURBVChTY6AE/IdidIBLHAzQJfEqhgGYIqIUwwBZionShK4IryZckng1URswMAAAIEcZ541Sy3oAAAAASUVORK5CYIIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==");
|
||||
mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAKCAYAAACALL/6AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAwSURBVChTY6AE/IdidIBLHAzQJfEqhgGYIqIUwwBZionShK4IryZckng1URswMAAAIEcZ541Sy3oAAAAASUVORK5CYIIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==");
|
||||
}
|
||||
[class^="winButtonMinMax-"]:nth-child(3)::before {
|
||||
[class^="winButtonMinMax_"]:nth-child(3)::before {
|
||||
-webkit-mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAKCAYAAACALL/6AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAjSURBVChTY4CC/0RgFIBNATpGARgCaGBUAwiABAhhcgADAwD+Vybas8l0mAAAAABJRU5ErkJgggAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==");
|
||||
mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAKCAYAAACALL/6AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAjSURBVChTY4CC/0RgFIBNATpGARgCaGBUAwiABAhhcgADAwD+Vybas8l0mAAAAABJRU5ErkJgggAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==");
|
||||
}
|
||||
[class^="winButtonMinMax-"]:nth-child(4)::before {
|
||||
[class^="winButtonMinMax_"]:nth-child(4)::before {
|
||||
-webkit-mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAKCAYAAACALL/6AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZSURBVChTYxgFtAb/cWCcAJtiEKYEMDAAALNwC/VcmzodAAAAAElFTkSuQmCCAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==");
|
||||
mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAKCAYAAACALL/6AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZSURBVChTYxgFtAb/cWCcAJtiEKYEMDAAALNwC/VcmzodAAAAAElFTkSuQmCCAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==");
|
||||
}
|
||||
|
||||
[class*="recentMentionsPopout-"],
|
||||
[class^="messagesPopoutWrap-"],
|
||||
[class^="browser-"] {
|
||||
[class*="recentMentionsPopout_"],
|
||||
[class^="messagesPopoutWrap_"],
|
||||
[class^="browser_"] {
|
||||
border-radius: 0;
|
||||
padding: 2px;
|
||||
box-shadow: var(--wc-frame);
|
||||
border: 1px solid var(--titlebar-border-active, var(--primary));
|
||||
}
|
||||
|
||||
[class*="recentMentionsPopout-"] > [class^="header-"] {
|
||||
[class*="recentMentionsPopout_"] > [class^="header_"] {
|
||||
padding: 0 4px;
|
||||
font-family: var(--_font-titlebars) !important;
|
||||
font-size: 12px !important;
|
||||
|
|
@ -132,10 +132,10 @@
|
|||
var(--titlebar-color, var(--accent))
|
||||
) !important;
|
||||
}
|
||||
[class*="recentMentionsPopout-"]
|
||||
> [class^="header-"]
|
||||
> [class^="controls-"]
|
||||
> [class^="button-"] {
|
||||
[class*="recentMentionsPopout_"]
|
||||
> [class^="header_"]
|
||||
> [class^="controls_"]
|
||||
> [class^="button_"] {
|
||||
padding: 0;
|
||||
border-radius: 0;
|
||||
width: 16px;
|
||||
|
|
@ -144,7 +144,7 @@
|
|||
min-height: 16px;
|
||||
background-color: transparent;
|
||||
}
|
||||
[class*="recentMentionsPopout-"] > [class^="header-"] [class^="tab-"] {
|
||||
[class*="recentMentionsPopout_"] > [class^="header_"] [class^="tab_"] {
|
||||
margin-top: 0 !important;
|
||||
padding: 0px 2px;
|
||||
height: 16px;
|
||||
|
|
@ -152,10 +152,10 @@
|
|||
font-size: 12px;
|
||||
}
|
||||
|
||||
[class^="messagesPopoutWrap-"] > [class^="header-"] {
|
||||
[class^="messagesPopoutWrap_"] > [class^="header_"] {
|
||||
padding: 0;
|
||||
}
|
||||
[class^="messagesPopoutWrap-"] > [class^="header-"] > h1 {
|
||||
[class^="messagesPopoutWrap_"] > [class^="header_"] > h1 {
|
||||
padding: 0 4px;
|
||||
font-family: var(--_font-titlebars) !important;
|
||||
font-size: 12px !important;
|
||||
|
|
@ -169,7 +169,7 @@
|
|||
) !important;
|
||||
}
|
||||
|
||||
[class^="browser-"] > [class^="header-"] {
|
||||
[class^="browser_"] > [class^="header_"] {
|
||||
padding: 0 4px;
|
||||
font-family: var(--_font-titlebars) !important;
|
||||
font-size: 12px !important;
|
||||
|
|
@ -183,33 +183,33 @@
|
|||
var(--titlebar-color, var(--accent))
|
||||
) !important;
|
||||
}
|
||||
[class^="browser-"] > [class^="header-"] > h1 {
|
||||
[class^="browser_"] > [class^="header_"] > h1 {
|
||||
font-family: var(--_font-titlebars) !important;
|
||||
font-size: 12px !important;
|
||||
color: var(--text) !important;
|
||||
font-weight: bold !important;
|
||||
}
|
||||
[class^="browser-"] > [class^="header-"] > [class^="threadIcon-"] {
|
||||
[class^="browser_"] > [class^="header_"] > [class^="threadIcon_"] {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
[class^="browser-"] > [class^="header-"] > [class^="threadIcon-"] {
|
||||
[class^="browser_"] > [class^="header_"] > [class^="threadIcon_"] {
|
||||
margin-right: 2px;
|
||||
}
|
||||
[class^="browser-"] > [class^="header-"] > h1,
|
||||
[class^="browser-"] > [class^="header-"] > [class^="divider-"],
|
||||
[class^="browser-"] > [class^="header-"] > [class^="searchBox-"] {
|
||||
[class^="browser_"] > [class^="header_"] > h1,
|
||||
[class^="browser_"] > [class^="header_"] > [class^="divider_"],
|
||||
[class^="browser_"] > [class^="header_"] > [class^="searchBox_"] {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
[class^="browser-"] > [class^="header-"] > [class^="divider-"] {
|
||||
[class^="browser_"] > [class^="header_"] > [class^="divider_"] {
|
||||
flex-grow: 1;
|
||||
background-color: transparent;
|
||||
}
|
||||
[class^="browser-"] > [class^="header-"] > [class^="closeIcon-"] > svg {
|
||||
[class^="browser_"] > [class^="header_"] > [class^="closeIcon_"] > svg {
|
||||
display: none;
|
||||
}
|
||||
[class^="browser-"] > [class^="header-"] > [class^="closeIcon-"] {
|
||||
[class^="browser_"] > [class^="header_"] > [class^="closeIcon_"] {
|
||||
width: 12px !important;
|
||||
min-width: 12px !important;
|
||||
height: 10px !important;
|
||||
|
|
@ -221,7 +221,7 @@
|
|||
background: var(--primary) !important;
|
||||
box-shadow: var(--wc-outer-edge);
|
||||
}
|
||||
[class^="browser-"] > [class^="header-"] > [class^="closeIcon-"]::before {
|
||||
[class^="browser_"] > [class^="header_"] > [class^="closeIcon_"]::before {
|
||||
width: 12px !important;
|
||||
height: 10px !important;
|
||||
background-color: var(--text);
|
||||
|
|
|
|||
|
|
@ -1,10 +1,10 @@
|
|||
[class*="recentMentionsPopout-"],
|
||||
[class^="messagesPopoutWrap-"],
|
||||
[class^="browser-"] {
|
||||
[class*="recentMentionsPopout_"],
|
||||
[class^="messagesPopoutWrap_"],
|
||||
[class^="browser_"] {
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
[class*="recentMentionsPopout-"] > [class^="header-"] {
|
||||
[class*="recentMentionsPopout_"] > [class^="header_"] {
|
||||
color: var(--text) !important;
|
||||
padding: 0 4px;
|
||||
background-color: var(--titlebar-color);
|
||||
|
|
@ -20,10 +20,10 @@
|
|||
font-size: 12px !important;
|
||||
text-transform: none;
|
||||
}
|
||||
[class*="recentMentionsPopout-"]
|
||||
> [class^="header-"]
|
||||
> [class^="controls-"]
|
||||
> [class^="button-"] {
|
||||
[class*="recentMentionsPopout_"]
|
||||
> [class^="header_"]
|
||||
> [class^="controls_"]
|
||||
> [class^="button_"] {
|
||||
padding: 0;
|
||||
border-radius: 0;
|
||||
width: 16px;
|
||||
|
|
@ -32,14 +32,14 @@
|
|||
min-height: 16px;
|
||||
background-color: transparent;
|
||||
}
|
||||
[class*="recentMentionsPopout-"] > [class^="header-"] [class^="tab-"] {
|
||||
[class*="recentMentionsPopout_"] > [class^="header_"] [class^="tab_"] {
|
||||
margin-top: 0 !important;
|
||||
}
|
||||
|
||||
[class^="messagesPopoutWrap-"] > [class^="header-"] {
|
||||
[class^="messagesPopoutWrap_"] > [class^="header_"] {
|
||||
padding: 0;
|
||||
}
|
||||
[class^="messagesPopoutWrap-"] > [class^="header-"] > h1 {
|
||||
[class^="messagesPopoutWrap_"] > [class^="header_"] > h1 {
|
||||
color: var(--text) !important;
|
||||
padding: 0 10px;
|
||||
background-color: var(--titlebar-color);
|
||||
|
|
@ -55,7 +55,7 @@
|
|||
text-transform: none;
|
||||
}
|
||||
|
||||
[class^="browser-"] > [class^="header-"] {
|
||||
[class^="browser_"] > [class^="header_"] {
|
||||
color: var(--text) !important;
|
||||
padding: 0 4px;
|
||||
background-color: var(--titlebar-color);
|
||||
|
|
@ -71,40 +71,40 @@
|
|||
font-size: 12px !important;
|
||||
text-transform: none;
|
||||
}
|
||||
[class^="browser-"] > [class^="header-"] > h1 {
|
||||
[class^="browser_"] > [class^="header_"] > h1 {
|
||||
font-weight: 100;
|
||||
font-family: var(--_font-titlebars) !important;
|
||||
font-size: 12px !important;
|
||||
text-transform: none;
|
||||
}
|
||||
[class^="browser-"] > [class^="header-"] > [class^="threadIcon-"],
|
||||
[class^="browser-"] > [class^="header-"] > [class^="closeIcon-"] > svg {
|
||||
[class^="browser_"] > [class^="header_"] > [class^="threadIcon_"],
|
||||
[class^="browser_"] > [class^="header_"] > [class^="closeIcon_"] > svg {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
[class^="browser-"] > [class^="header-"] > [class^="threadIcon-"] {
|
||||
[class^="browser_"] > [class^="header_"] > [class^="threadIcon_"] {
|
||||
margin-right: 2px;
|
||||
}
|
||||
[class^="browser-"] > [class^="header-"] > h1,
|
||||
[class^="browser-"] > [class^="header-"] > [class^="divider-"],
|
||||
[class^="browser-"] > [class^="header-"] > [class^="searchBox-"] {
|
||||
[class^="browser_"] > [class^="header_"] > h1,
|
||||
[class^="browser_"] > [class^="header_"] > [class^="divider_"],
|
||||
[class^="browser_"] > [class^="header_"] > [class^="searchBox_"] {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
[class^="browser-"] > [class^="header-"] > [class^="divider-"] {
|
||||
[class^="browser_"] > [class^="header_"] > [class^="divider_"] {
|
||||
flex-grow: 1;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.platform-win [class*="baseLayer-"] {
|
||||
.platform-win [class*="baseLayer_"] {
|
||||
top: -32px;
|
||||
padding-top: 32px;
|
||||
}
|
||||
.platform-win [class^="app-"] > [class^="app-"] > [class^="bg-"] {
|
||||
.platform-win [class^="app_"] > [class^="app_"] > [class^="bg_"] {
|
||||
top: -32px;
|
||||
}
|
||||
|
||||
[class^="typeWindows-"] {
|
||||
[class^="typeWindows_"] {
|
||||
margin: 3px;
|
||||
padding: 6px;
|
||||
height: 10px !important;
|
||||
|
|
@ -112,16 +112,16 @@
|
|||
box-shadow: var(--titlebar-shadow);
|
||||
}
|
||||
|
||||
[class^="typeMacOS-"] {
|
||||
[class^="typeMacOS_"] {
|
||||
background-color: var(--background-tertiary);
|
||||
height: 32px !important;
|
||||
}
|
||||
|
||||
[class^="macButtons-"] {
|
||||
[class^="macButtons_"] {
|
||||
padding: 8px !important;
|
||||
}
|
||||
|
||||
[class*="winButton-"] {
|
||||
[class*="winButton_"] {
|
||||
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAYAAADFw8lbAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAJVSURBVFhH1ZjtThQxFIa9j81ust+fV8ONIH6AiMgAAgr4A/SavAFioiJBshLxAvjLgXfI25TuTGm7pM00eZJOe872me3szJl9dtcWAoneFr6trokPyLlPjdty0aujY/l//NXK1dGX9KKX+4fy7+CzFcQkF/2790kuP+4LG/rmMWKSi15s78j0w67cXF/noG8eIya56PnGpvzJtnIoRziOmOSiZ+sbcv4+yzFFOY6Y5KKnb9/J2dq6kkPfPP59F5Nc9NfyGzldWVVi6JvHiEku+uPla/n5atkKYpKLniwuyffnL6wgJrmoD8i5T43bsGgIcdt0OpUQarVaVHLRou21QdHJZCLj8dgJxHLRkDwl6lM9UXQ0GslwOHQCsRQNyVOiPtWTLjoYDJwwRYtiipgR9ameKIoz7vf7TiCWoiF5StSneqIozrjX6z2gXq/nmOOIpWhRXhnMU6I+1RNFccbdbjcHHwrBLMtyKMt5xFJUz2s2m+rkCMbMPCXqUz3pop1OZ0bSlEWMKYoxUJbH+RlRn+qJopBot9uFixHMIQaxFGUeKPtGOc88JepTPVEUW9NqtaTRaFhBDGIpyjwXmKdEfaonimJrcPYuIJaiIXlK1Kd6SirqA0X1a+0xyq7Rx3hwjYbARWNRLdGi7bVB0ehbj8Ur82OqzO1pnhu+C092w5/nEUrwDfBphL4+Z7tGXfKU6DxFCcFCfMajr8+VFSXAJU+JzlvmAXNBfc4U1edc8pToUxTO5hbqc7bC2SVPiVbmVaQyL3eVeV32gaLR/4AIgYvGoSa368P/Q8a1fTUAAAAASUVORK5CYII=");
|
||||
background-size: 42px;
|
||||
background-repeat: no-repeat;
|
||||
|
|
@ -133,7 +133,7 @@
|
|||
margin-left: 30px;
|
||||
}
|
||||
|
||||
[class*="macButton-"] {
|
||||
[class*="macButton_"] {
|
||||
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAYAAADFw8lbAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAJVSURBVFhH1ZjtThQxFIa9j81ust+fV8ONIH6AiMgAAgr4A/SavAFioiJBshLxAvjLgXfI25TuTGm7pM00eZJOe872me3szJl9dtcWAoneFr6trokPyLlPjdty0aujY/l//NXK1dGX9KKX+4fy7+CzFcQkF/2790kuP+4LG/rmMWKSi15s78j0w67cXF/noG8eIya56PnGpvzJtnIoRziOmOSiZ+sbcv4+yzFFOY6Y5KKnb9/J2dq6kkPfPP59F5Nc9NfyGzldWVVi6JvHiEku+uPla/n5atkKYpKLniwuyffnL6wgJrmoD8i5T43bsGgIcdt0OpUQarVaVHLRou21QdHJZCLj8dgJxHLRkDwl6lM9UXQ0GslwOHQCsRQNyVOiPtWTLjoYDJwwRYtiipgR9ameKIoz7vf7TiCWoiF5StSneqIozrjX6z2gXq/nmOOIpWhRXhnMU6I+1RNFccbdbjcHHwrBLMtyKMt5xFJUz2s2m+rkCMbMPCXqUz3pop1OZ0bSlEWMKYoxUJbH+RlRn+qJopBot9uFixHMIQaxFGUeKPtGOc88JepTPVEUW9NqtaTRaFhBDGIpyjwXmKdEfaonimJrcPYuIJaiIXlK1Kd6SirqA0X1a+0xyq7Rx3hwjYbARWNRLdGi7bVB0ehbj8Ur82OqzO1pnhu+C092w5/nEUrwDfBphL4+Z7tGXfKU6DxFCcFCfMajr8+VFSXAJU+JzlvmAXNBfc4U1edc8pToUxTO5hbqc7bC2SVPiVbmVaQyL3eVeV32gaLR/4AIgYvGoSa368P/Q8a1fTUAAAAASUVORK5CYII=");
|
||||
background-size: 42px;
|
||||
background-repeat: no-repeat;
|
||||
|
|
@ -143,66 +143,66 @@
|
|||
border-radius: 0;
|
||||
}
|
||||
|
||||
[class^="typeMacOS-"][class*="unfocused-"] [class*="macButton-"],
|
||||
html.platform-win:not(.app-focused) [class*="winButton-"] {
|
||||
[class^="typeMacOS_"][class*="unfocused_"] [class*="macButton_"],
|
||||
html.platform-win:not(.app-focused) [class*="winButton_"] {
|
||||
opacity: 0.4;
|
||||
}
|
||||
|
||||
[class^="typeMacOS-"][class*="unfocused-"] [class*="macButton-"]:hover,
|
||||
html.platform-win:not(.app-focused) [class*="winButton-"]:hover {
|
||||
[class^="typeMacOS_"][class*="unfocused_"] [class*="macButton_"]:hover,
|
||||
html.platform-win:not(.app-focused) [class*="winButton_"]:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
[class*="macButton-"] > svg,
|
||||
[class*="winButton-"] > svg,
|
||||
[class^="wordmarkWindows-"] > svg {
|
||||
[class*="macButton_"] > svg,
|
||||
[class*="winButton_"] > svg,
|
||||
[class^="wordmarkWindows_"] > svg {
|
||||
display: none;
|
||||
}
|
||||
|
||||
[class*="winButtonClose-"] {
|
||||
[class*="winButtonClose_"] {
|
||||
margin-right: 3px;
|
||||
}
|
||||
|
||||
[class*="macButtonClose-"],
|
||||
[class*="winButtonClose-"] {
|
||||
[class*="macButtonClose_"],
|
||||
[class*="winButtonClose_"] {
|
||||
background-position: 0px 0px;
|
||||
}
|
||||
[class*="macButtonClose-"]:hover,
|
||||
[class*="winButtonClose-"]:hover {
|
||||
[class*="macButtonClose_"]:hover,
|
||||
[class*="winButtonClose_"]:hover {
|
||||
background-position: 0px -14px;
|
||||
}
|
||||
[class*="macButtonClose-"]:active,
|
||||
[class*="winButtonClose-"]:active {
|
||||
[class*="macButtonClose_"]:active,
|
||||
[class*="winButtonClose_"]:active {
|
||||
background-position: 0px -28px;
|
||||
}
|
||||
|
||||
[class*="macButtonMaximize-"],
|
||||
[class*="winButtonMinMax-"]:nth-child(3) {
|
||||
[class*="macButtonMaximize_"],
|
||||
[class*="winButtonMinMax_"]:nth-child(3) {
|
||||
background-position: -14px 0px;
|
||||
}
|
||||
[class*="macButtonMaximize-"]:hover,
|
||||
[class*="winButtonMinMax-"]:nth-child(3):hover {
|
||||
[class*="macButtonMaximize_"]:hover,
|
||||
[class*="winButtonMinMax_"]:nth-child(3):hover {
|
||||
background-position: -14px -14px;
|
||||
}
|
||||
[class*="macButtonMaximize-"]:active,
|
||||
[class*="winButtonMinMax-"]:nth-child(3):active {
|
||||
[class*="macButtonMaximize_"]:active,
|
||||
[class*="winButtonMinMax_"]:nth-child(3):active {
|
||||
background-position: -14px -28px;
|
||||
}
|
||||
|
||||
[class*="macButtonMinimize-"],
|
||||
[class*="winButtonMinMax-"]:nth-child(4) {
|
||||
[class*="macButtonMinimize_"],
|
||||
[class*="winButtonMinMax_"]:nth-child(4) {
|
||||
background-position: -28px 0px;
|
||||
}
|
||||
[class*="macButtonMinimize-"]:hover,
|
||||
[class*="winButtonMinMax-"]:nth-child(4):hover {
|
||||
[class*="macButtonMinimize_"]:hover,
|
||||
[class*="winButtonMinMax_"]:nth-child(4):hover {
|
||||
background-position: -28px -14px;
|
||||
}
|
||||
[class*="macButtonMinimize-"]:active,
|
||||
[class*="winButtonMinMax-"]:nth-child(4):active {
|
||||
[class*="macButtonMinimize_"]:active,
|
||||
[class*="winButtonMinMax_"]:nth-child(4):active {
|
||||
background-position: -28px -28px;
|
||||
}
|
||||
|
||||
[class^="wordmarkWindows-"] {
|
||||
[class^="wordmarkWindows_"] {
|
||||
width: 16px !important;
|
||||
height: 16px !important;
|
||||
top: 6px !important;
|
||||
|
|
@ -211,7 +211,7 @@ html.platform-win:not(.app-focused) [class*="winButton-"]:hover {
|
|||
background-image: var(--titlebar-icon);
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
[class^="wordmarkWindows-"]::after {
|
||||
[class^="wordmarkWindows_"]::after {
|
||||
font-family: var(--_font-titlebars) !important;
|
||||
font-size: 12px !important;
|
||||
line-height: 250% !important;
|
||||
|
|
@ -225,20 +225,20 @@ html.platform-win:not(.app-focused) [class*="winButton-"]:hover {
|
|||
opacity: 1;
|
||||
}
|
||||
|
||||
html.platform-win:not(.app-focused) [class^="wordmarkWindows-"]::after,
|
||||
html.platform-win:not(.app-focused) [class^="wordmarkWindows_"]::after,
|
||||
html:not(.platform-win)
|
||||
#app-mount
|
||||
> div:not(.app-focused)
|
||||
[class^="wordmarkWindows-"]::after {
|
||||
[class^="wordmarkWindows_"]::after {
|
||||
opacity: 0.4;
|
||||
}
|
||||
|
||||
[class^="focusLock-"][aria-modal="true"]
|
||||
> [class*="root-"]
|
||||
> [class^="body-"]
|
||||
> [class^="infoScroller-"]
|
||||
> [class^="userInfoSection-"]
|
||||
> [class*="userInfoSectionHeader-"] {
|
||||
[class^="focusLock_"][aria-modal="true"]
|
||||
> [class*="root_"]
|
||||
> [class^="body_"]
|
||||
> [class^="infoScroller_"]
|
||||
> [class^="userInfoSection_"]
|
||||
> [class*="userInfoSectionHeader_"] {
|
||||
color: var(--text) !important;
|
||||
padding: 0 10px;
|
||||
background-color: var(--titlebar-color);
|
||||
|
|
@ -254,11 +254,11 @@ html:not(.platform-win)
|
|||
text-transform: none;
|
||||
}
|
||||
|
||||
[class^="focusLock-"][aria-modal="true"]
|
||||
> [class*="root-"]
|
||||
> [class^="body-"]
|
||||
> [class^="infoScroller-"]
|
||||
> [class^="connectedAccounts-"]::before {
|
||||
[class^="focusLock_"][aria-modal="true"]
|
||||
> [class*="root_"]
|
||||
> [class^="body_"]
|
||||
> [class^="infoScroller_"]
|
||||
> [class^="connectedAccounts_"]::before {
|
||||
color: var(--text) !important;
|
||||
padding: 0 10px;
|
||||
background-color: var(--titlebar-color);
|
||||
|
|
@ -277,21 +277,21 @@ html:not(.platform-win)
|
|||
position: absolute;
|
||||
}
|
||||
|
||||
[class^="focusLock-"][aria-modal="true"]
|
||||
> [class*="root-"]
|
||||
> [class^="body-"]
|
||||
> [class^="infoScroller-"]
|
||||
> [class^="connectedAccounts-"]
|
||||
> [class^="connectedAccountsColumn-"] {
|
||||
[class^="focusLock_"][aria-modal="true"]
|
||||
> [class*="root_"]
|
||||
> [class^="body_"]
|
||||
> [class^="infoScroller_"]
|
||||
> [class^="connectedAccounts_"]
|
||||
> [class^="connectedAccountsColumn_"] {
|
||||
margin-top: 28px;
|
||||
}
|
||||
|
||||
[class^="focusLock-"][aria-modal="true"]
|
||||
> [class*="root-"]
|
||||
> [class^="body-"]
|
||||
> [class^="listScroller-"]
|
||||
> [class^="activityProfile-"]
|
||||
[class*="headerTextNormal-"] {
|
||||
[class^="focusLock_"][aria-modal="true"]
|
||||
> [class*="root_"]
|
||||
> [class^="body_"]
|
||||
> [class^="listScroller_"]
|
||||
> [class^="activityProfile_"]
|
||||
[class*="headerTextNormal_"] {
|
||||
color: var(--text) !important;
|
||||
padding: 0 10px;
|
||||
background-color: var(--titlebar-color);
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue