diff --git a/browser/themes/linux/browser-lightweightTheme.css b/browser/themes/linux/browser-lightweightTheme.css new file mode 100644 index 00000000000..201e1a4486b --- /dev/null +++ b/browser/themes/linux/browser-lightweightTheme.css @@ -0,0 +1,29 @@ +/* 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/. */ + +%include linuxShared.inc +%filter substitution + +/* + * LightweightThemeListener will append the current lightweight theme's header + * image to the background-image for each of the following rulesets. + */ + +/* Lightweight theme on tabs */ +#tabbrowser-tabs:not([movingtab]) > .tabbrowser-tab > .tab-stack > .tab-background > .tab-background-start[selected=true]:-moz-lwtheme::before, +#tabbrowser-tabs:not([movingtab]) > .tabbrowser-tab > .tab-stack > .tab-background > .tab-background-end[selected=true]:-moz-lwtheme::before { + background-attachment: scroll, fixed; + background-color: transparent; + background-image: @fgTabTexture@;/*, lwtHeader;*/ + background-position: 0 0, right top; +} + +#tabbrowser-tabs:not([movingtab]) > .tabbrowser-tab > .tab-stack > .tab-background > .tab-background-middle[selected=true]:-moz-lwtheme { + background-attachment: scroll, scroll, fixed; + background-color: transparent; + background-image: url(chrome://browser/skin/tabbrowser/tab-active-middle.png), + @fgTabTexture@;/*, + lwtHeader;*/ + background-position: 0 0, 0 0, right top; +} diff --git a/browser/themes/linux/browser.css b/browser/themes/linux/browser.css index 3c8abc6ad28..1cd73b09da8 100644 --- a/browser/themes/linux/browser.css +++ b/browser/themes/linux/browser.css @@ -10,10 +10,9 @@ @namespace html url("http://www.w3.org/1999/xhtml"); %include ../shared/browser.inc +%include linuxShared.inc %filter substitution -%define toolbarHighlight rgba(255,255,255,.3) -%define fgTabTexture linear-gradient(transparent 0px, transparent 1px, hsla(0,0%,100%,0.35) 1px, hsla(0,0%,100%,0.35) 2px, hsla(0,0%,100%,0.65) 2px, hsla(0,0%,100%,0.65) 3px, @toolbarHighlight@) -%define fgTabBackgroundMiddle @fgTabTexture@, linear-gradient(transparent 0px, transparent 2px, -moz-dialog 2px, -moz-dialog) + %define forwardTransitionLength 150ms %define conditionalForwardWithUrlbar window:not([chromehidden~=toolbar]) :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"][mode=icons], #nav-bar:not([currentset])[mode=icons]) > #unified-back-forward-button %define conditionalForwardWithUrlbar_small window:not([chromehidden~=toolbar]) :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"][mode=icons][iconsize=small],#nav-bar:not([currentset])[mode=icons][iconsize=small]) > #unified-back-forward-button @@ -1592,6 +1591,9 @@ toolbar[iconsize="small"] #bookmarks-menu-button[starred], #TabsToolbar[tabsontop=true]:not(:-moz-lwtheme) { -moz-appearance: menubar; color: -moz-menubartext; +} + +#TabsToolbar[tabsontop=true] { box-shadow: 0 -1px 0 rgba(0,0,0,.1) inset; } @@ -1607,6 +1609,15 @@ toolbar[iconsize="small"] #bookmarks-menu-button[starred], background-image: linear-gradient(to top, rgba(0,0,0,.3) 1px, rgba(0,0,0,.05) 1px, transparent 50%); } +.tab-background-middle[selected=true]:-moz-lwtheme { + background-image: url(chrome://browser/skin/tabbrowser/tab-active-middle.png), + @fgTabTexture@; +} + +.tabbrowser-tab { + color: inherit; +} + .tabbrowser-tab:focus > .tab-stack > .tab-content > .tab-label { outline: 1px dotted; } diff --git a/browser/themes/linux/jar.mn b/browser/themes/linux/jar.mn index 2e2ad9ae477..05e33f7837d 100644 --- a/browser/themes/linux/jar.mn +++ b/browser/themes/linux/jar.mn @@ -20,6 +20,7 @@ browser.jar: skin/classic/browser/actionicon-tab.png skin/classic/browser/appmenu.png * skin/classic/browser/browser.css +* skin/classic/browser/browser-lightweightTheme.css skin/classic/browser/click-to-play-warning-stripes.png skin/classic/browser/customization/customization-mode-background.jpg (customization/customization-mode-background.jpg) * skin/classic/browser/engineManager.css diff --git a/browser/themes/linux/linuxShared.inc b/browser/themes/linux/linuxShared.inc new file mode 100644 index 00000000000..97d8e2d8f24 --- /dev/null +++ b/browser/themes/linux/linuxShared.inc @@ -0,0 +1,9 @@ +/* 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/. */ + +%filter substitution + +%define toolbarHighlight rgba(255,255,255,.3) +%define fgTabTexture linear-gradient(transparent 0px, transparent 1px, hsla(0,0%,100%,0.35) 1px, hsla(0,0%,100%,0.35) 2px, hsla(0,0%,100%,0.65) 2px, hsla(0,0%,100%,0.65) 3px, @toolbarHighlight@) +%define fgTabBackgroundMiddle @fgTabTexture@, linear-gradient(transparent 0px, transparent 2px, -moz-dialog 2px, -moz-dialog)