diff options
Diffstat (limited to 'comm/mail/themes/windows/mail/tabmail.css')
| -rw-r--r-- | comm/mail/themes/windows/mail/tabmail.css | 177 |
1 files changed, 177 insertions, 0 deletions
diff --git a/comm/mail/themes/windows/mail/tabmail.css b/comm/mail/themes/windows/mail/tabmail.css new file mode 100644 index 0000000000..eaec2bd922 --- /dev/null +++ b/comm/mail/themes/windows/mail/tabmail.css @@ -0,0 +1,177 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +@import url("chrome://messenger/skin/shared/tabmail.css"); + +/* Make sure the drop indicator stays inside the parent boundaries */ +#tabmail-tabs { + position: relative; +} + +/** + * Tabmail Tabs + */ + +#tabpanelcontainer:-moz-lwtheme { + color: inherit; +} + +/** + * Tab + */ + +tabpanels { + appearance: none; + background-color: transparent; +} + +/* tabmail-tab focus ring */ +.tabmail-tab .tab-label-container { + border: 1px dotted transparent; +} + +.tabmail-tab:focus .tab-label-container { + border-color: -moz-DialogText; +} + +#tabmail-arrowscrollbox[overflow="true"] > .tabmail-tab:first-child::before { + content: ''; + display: flex; + margin-inline-start: 0; +} + +/** + * Tab Scrollbox Arrow Buttons + */ + +#tabmail-arrowscrollbox::part(scrollbutton-up), +#tabmail-arrowscrollbox::part(scrollbutton-down) { + appearance: none; + border-style: none !important; + padding: 0 3px !important; + margin: 0 !important; + margin-inline-end: 1px !important; +} + +#tabmail-arrowscrollbox[scrolledtostart=true]::part(scrollbutton-up), +#tabmail-arrowscrollbox[scrolledtoend=true]::part(scrollbutton-down) { + --toolbarbutton-icon-fill-opacity: .4; +} + +#tabmail-arrowscrollbox:-moz-locale-dir(rtl)::part(scrollbutton-up), +#tabmail-arrowscrollbox:-moz-locale-dir(ltr)::part(scrollbutton-down) { + margin-inline-start: 1px !important; + margin-inline-end: 0 !important; +} + +/** + * All Tabs Button + */ + +#tabmail-arrowscrollbox:not([scrolledtostart=true])::part(scrollbutton-up):hover, +#tabmail-arrowscrollbox:not([scrolledtoend=true])::part(scrollbutton-down):hover { + background: var(--toolbarbutton-active-background); +} + +@media (-moz-windows-glass) { + /* Set to full fill-opacity to improve visibility of toolbar buttons on aero glass. */ + :root[tabsintitlebar] #tabs-toolbar { + --toolbarbutton-icon-fill-opacity: 1; + } + + :root[tabsintitlebar][sizemode=normal] #tabs-toolbar { + margin-top: 6px; + } + + #alltabs-button:not(:-moz-lwtheme,[disabled]) { + border-color: transparent; + margin-top: 0; + margin-bottom: -1px; + } + + #alltabs-button:not(:-moz-lwtheme,[disabled]):hover, + #tabmail-arrowscrollbox:not(:-moz-lwtheme,[scrolledtostart=true])::part(scrollbutton-up):hover, + #tabmail-arrowscrollbox:not(:-moz-lwtheme,[scrolledtoend=true])::part(scrollbutton-down):hover { + background-color: transparent; + background-image: linear-gradient(rgba(255, 255, 255, 0), + rgba(255, 255, 255, .5)), + linear-gradient(transparent, rgba(0, 0, 0, .25) 30%), + linear-gradient(transparent, rgba(0, 0, 0, .25) 30%); + background-position: 1px -1px, 0 -1px, 100% -1px; + background-size: calc(100% - 2px) 100%, 1px 100%, 1px 100%; + background-repeat: no-repeat; + } + + #tabs-toolbar[brighttext] + #tabmail-arrowscrollbox:not(:-moz-lwtheme,[scrolledtostart=true])::part(scrollbutton-up):hover, + #tabs-toolbar[brighttext] + #tabmail-arrowscrollbox:not(:-moz-lwtheme,[scrolledtoend=true])::part(scrollbutton-down):hover { + background-image: linear-gradient(rgba(255, 255, 255, 0), + rgba(255, 255, 255, .5)), + linear-gradient(transparent, rgba(255, 255, 355, .25) 30%), + linear-gradient(transparent, rgba(255, 255, 255, .25) 30%); + } +} + +#alltabs-button { + padding-right: 3px !important; + padding-left: 3px !important; +} + +.tabs-alltabs-button > hbox > .toolbarbutton-menu-dropmarker { + display: none; +} + +/* Content Tabs */ +.contentTabAddress { + height: 34px; + padding-left: 10px; + padding-right: 10px; +} + +@media (-moz-platform: windows-win7) and (-moz-windows-default-theme) { + @media (-moz-windows-glass: 0) { + :root[tabsintitlebar][sizemode=normal] #toolbar-menubar[autohide=true][inactive] ~ + #tabs-toolbar > * { + margin-top: 6px; + } + } +} + +@media (-moz-windows-glass) { + /* draw always a top border with Glass */ + #tabs-toolbar { + --tabs-top-border-width: 1px; + } + + .tab-background { + border-top-style: solid; + } +} + +@media (-moz-windows-glass), + (-moz-platform: windows-win8) and (-moz-windows-default-theme) { + :root[sizemode=normal]:not([spacestoolbar]) .tabmail-tab[visuallyselected]:first-child::before { + content: ''; + display: flex; + --lwt-tabs-border-color: var(--glassShadowColor); + } + + :root[sizemode=normal] .tabmail-tab:not([visuallyselected]):first-child { + margin-inline-start: 1px; + } + + :root[sizemode=normal] .tabmail-tab:first-child::before { + margin-inline-start: 0; + } +} + +@media (-moz-platform: windows-win8) and (-moz-windows-default-theme) { + #messengerWindow[darkwindowframe="true"] + #tabs-toolbar:not(:-moz-lwtheme,:-moz-window-inactive), + #messengerWindow[darkwindowframe="true"] + .tabmail-tab:not([selected="true"],:-moz-lwtheme,:-moz-window-inactive) { + color: white; + } +} |