diff --git a/application/basilisk/themes/windows/browser-aero.css b/application/basilisk/themes/windows/browser-aero.css index dbac6bb7a..28599af7a 100644 --- a/application/basilisk/themes/windows/browser-aero.css +++ b/application/basilisk/themes/windows/browser-aero.css @@ -445,7 +445,7 @@ } /* The borders on the glass frame are ours, and inside #browser, and on - * win7 we want to make sure they are "glassy", so we can't use + * vista and win7 we want to make sure they are "glassy", so we can't use * #browser as the exclude-glass container. We use #appcontent instead. */ #browser { -moz-appearance: none; @@ -458,7 +458,7 @@ @media (-moz-os-version: windows-win8) { /* Artificially draw window borders that are covered by lwtheme, see bug 591930. - * Borders for win7 are below, win10 doesn't need them. */ + * Borders for vista/win7 are below, win10 doesn't need them. */ #main-window[sizemode="normal"] > #tab-view-deck > #browser-panel:-moz-lwtheme { border-top: 1px solid @toolbarShadowColor@; } @@ -473,9 +473,11 @@ * On aero, the menubar fog disappears for inactive windows, and renders gray * illegible. */ - @media not all and (-moz-os-version: windows-win7) { - #toolbar-menubar:not(:-moz-lwtheme):-moz-window-inactive { - color: ThreeDShadow; + @media not all and (-moz-os-version: windows-vista) { + @media not all and (-moz-os-version: windows-win7) { + #toolbar-menubar:not(:-moz-lwtheme):-moz-window-inactive { + color: ThreeDShadow; + } } } } @@ -485,8 +487,9 @@ color: white; } - /* Show borders on win7 and win8, but not on win10 and later: */ - @media (-moz-os-version: windows-win7), + /* Show borders on vista through win8, but not on win10 and later: */ + @media (-moz-os-version: windows-vista), + (-moz-os-version: windows-win7), (-moz-os-version: windows-win8) { /* Vertical toolbar border */ #main-window:not([customizing])[sizemode=normal] #navigator-toolbox > toolbar:not(#toolbar-menubar):not(#TabsToolbar):not(:-moz-lwtheme), diff --git a/application/basilisk/themes/windows/browser.css b/application/basilisk/themes/windows/browser.css index 9a965520a..0908943a3 100644 --- a/application/basilisk/themes/windows/browser.css +++ b/application/basilisk/themes/windows/browser.css @@ -131,7 +131,8 @@ toolbar:-moz-lwtheme { } @media (-moz-windows-default-theme) { - @media (-moz-os-version: windows-win7) { + @media (-moz-os-version: windows-vista), + (-moz-os-version: windows-win7) { #navigator-toolbox::after { border-bottom-color: #aabccf; } @@ -159,7 +160,9 @@ toolbar:-moz-lwtheme { background-image: linear-gradient(@toolbarHighlight@, @toolbarHighlight@); } -@media (-moz-os-version: windows-win7) { +@media (-moz-os-version: windows-xp), + (-moz-os-version: windows-vista), + (-moz-os-version: windows-win7) { #nav-bar { background-image: linear-gradient(@toolbarHighlight@, transparent) !important; } @@ -312,6 +315,64 @@ toolbar:-moz-lwtheme { } } +/* Render a window top border for lwthemes on WinXP modern themes: */ +@media (-moz-windows-theme: luna-blue) { + #main-window[tabsintitlebar][sizemode="normal"] > #tab-view-deck > #browser-panel:-moz-lwtheme { + background-image: linear-gradient(to bottom, + rgb(8, 49, 216) 0, rgb(8, 49, 216) 1px, + rgb(15, 77, 227) 1px, rgb(15, 77, 227) 2px, + rgb(22, 106, 238) 2px, rgb(22, 106, 238) 3px, + rgb(8, 85, 221) 3px, rgb(8, 85, 221) 4px, + transparent 4px); + } + + #main-window[tabsintitlebar][sizemode="normal"] > #tab-view-deck > #browser-panel:-moz-lwtheme:-moz-window-inactive { + background-image: linear-gradient(to bottom, + rgb(91, 104, 205) 0, rgb(91, 104, 205) 1px, + rgb(116, 128, 220) 1px, rgb(116, 128, 220) 2px, + rgb(117, 140, 221) 2px, rgb(117, 140, 221) 4px, + transparent 4px); + } +} + +@media (-moz-windows-theme: luna-silver) { + #main-window[tabsintitlebar][sizemode="normal"] > #tab-view-deck > #browser-panel:-moz-lwtheme { + background-image: linear-gradient(to bottom, + rgb(102,102,126) 0, rgb(102,102,126) 1px, + rgb(168,167,191) 1px, rgb(168,167,191) 2px, + white 2px, white 3px, + rgb(188,188,207) 3px, rgb(188,188,207) 4px, + transparent 4px); + } + + #main-window[tabsintitlebar][sizemode="normal"] > #tab-view-deck > #browser-panel:-moz-lwtheme:-moz-window-inactive { + background-image: linear-gradient(to bottom, + rgb(186,186,197) 0, rgb(186,186,197) 1px, + rgb(236,238,245) 1px, rgb(236,238,245) 2px, + white 2px, white 3px, + rgb(215,215,227) 3px, rgb(215,215,227) 4px, + transparent 4px); + } +} + +@media (-moz-windows-theme: luna-olive) { + #main-window[tabsintitlebar][sizemode="normal"] > #tab-view-deck > #browser-panel:-moz-lwtheme { + background-image: linear-gradient(to bottom, + rgb(139,161,105) 0, rgb(139,161,105) 1px, + rgb(171, 189, 133) 1px, rgb(171, 189, 133) 2px, + rgb(164,178,127) 2px, rgb(164,178,127) 3px, + transparent 3px); + } + + #main-window[tabsintitlebar][sizemode="normal"] > #tab-view-deck > #browser-panel:-moz-lwtheme:-moz-window-inactive { + background-image: linear-gradient(to bottom, + rgb(207, 214, 188) 0, rgb(207, 214, 188) 1px, + rgb(224, 226, 200) 1px, rgb(224, 226, 200) 2px, + rgb(214, 216, 190) 2px, rgb(214, 216, 190) 3px, + transparent 3px); + } +} + #TabsToolbar:not([collapsed="true"]) + #nav-bar { /* Move up into the TabsToolbar for the inner highlight at the top of the nav-bar */ margin-top: calc(-1 * var(--navbar-tab-toolbar-highlight-overlap)); @@ -342,6 +403,12 @@ toolbar:-moz-lwtheme { background-color: -moz-dialog; } +@media (-moz-os-version: windows-xp) and (-moz-windows-default-theme) { + #main-window[tabsintitlebar][sizemode="normal"] #toolbar-menubar { + margin-top: 4px; + } +} + /* ::::: titlebar ::::: */ #main-window[sizemode="normal"] > #titlebar { @@ -372,6 +439,12 @@ toolbar:-moz-lwtheme { margin-left: 22px; /* space needed for Aero Snap */ } +@media (-moz-os-version: windows-xp) { + .titlebar-placeholder[type="caption-buttons"] { + margin-left: 10px; /* less space needed on XP because there's no Aero Snap */ + } +} + /* titlebar command buttons */ #titlebar-min { @@ -697,7 +770,10 @@ toolbar[brighttext] .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker { max-width: 32px; } -@media (-moz-os-version: windows-win7) { +@media (-moz-os-version: windows-xp), + (-moz-os-version: windows-vista), + (-moz-os-version: windows-win7) { + /* < Win8 */ :root { --toolbarbutton-hover-background: linear-gradient(hsla(0,0%,100%,.6), hsla(0,0%,100%,.1)); --toolbarbutton-hover-bordercolor: hsla(210,54%,20%,.15) hsla(210,54%,20%,.2) hsla(210,54%,20%,.25); @@ -1015,7 +1091,9 @@ toolbar[brighttext] #close-button { list-style-image: url(chrome://browser/skin/caption-buttons.svg#close-white); } -@media (-moz-os-version: windows-win7) { +@media (-moz-os-version: windows-xp), + (-moz-os-version: windows-vista), + (-moz-os-version: windows-win7) { #window-controls { margin-inline-start: 4px; } @@ -1071,7 +1149,8 @@ toolbar[brighttext] #close-button { } } -@media (-moz-os-version: windows-win7) { +@media (-moz-os-version: windows-vista), + (-moz-os-version: windows-win7) { #window-controls { -moz-box-align: start; } @@ -1115,7 +1194,8 @@ toolbar[brighttext] #close-button { } @media (-moz-windows-default-theme) { - @media (-moz-os-version: windows-win7), + @media (-moz-os-version: windows-vista), + (-moz-os-version: windows-win7), (-moz-os-version: windows-win8) { #main-window:not(:-moz-lwtheme) { --urlbar-border-color: hsla(210,54%,20%,.25) hsla(210,54%,20%,.27) hsla(210,54%,20%,.3); @@ -1152,7 +1232,8 @@ toolbar[brighttext] #close-button { border-radius: 1px; } - @media (-moz-os-version: windows-win7), + @media (-moz-os-version: windows-vista), + (-moz-os-version: windows-win7), (-moz-os-version: windows-win8) { #urlbar:not(:-moz-lwtheme), .searchbar-textbox:not(:-moz-lwtheme) { @@ -1175,9 +1256,11 @@ toolbar[brighttext] #close-button { } } - #urlbar:not(:-moz-lwtheme)[focused], - .searchbar-textbox:not(:-moz-lwtheme)[focused] { - border-color: Highlight; + @media not all and (-moz-os-version: windows-xp) { + #urlbar:not(:-moz-lwtheme)[focused], + .searchbar-textbox:not(:-moz-lwtheme)[focused] { + border-color: Highlight; + } } } @@ -1855,7 +1938,9 @@ html|span.ac-emphasize-text-url { } } -@media (-moz-os-version: windows-win7) { +@media (-moz-os-version: windows-xp), + (-moz-os-version: windows-vista), + (-moz-os-version: windows-win7) { #sidebar-header > .close-icon { padding-top: 4px; padding-bottom: 4px; @@ -1876,28 +1961,39 @@ html|span.ac-emphasize-text-url { margin-bottom: calc(-1 * var(--tab-toolbar-navbar-overlap)); /* overlap the nav-bar's top border */ } +@media (-moz-os-version: windows-xp) and (-moz-windows-default-theme) { + #main-window[sizemode=normal] #TabsToolbar { + padding-left: 2px; + padding-right: 2px; + } +} + %include ../shared/tabs.inc.css /* Remove border between tab strip and navigation toolbar on Windows 10+ */ -@media not all and (-moz-os-version: windows-win7) { - @media not all and (-moz-os-version: windows-win8) { - @media (-moz-windows-default-theme) { - .tab-background-end[selected=true]::after, - .tab-background-start[selected=true]::after { - content: none; - } +@media not all and (-moz-os-version: windows-xp) { + @media not all and (-moz-os-version: windows-vista) { + @media not all and (-moz-os-version: windows-win7) { + @media not all and (-moz-os-version: windows-win8) { + @media (-moz-windows-default-theme) { + .tab-background-end[selected=true]::after, + .tab-background-start[selected=true]::after { + content: none; + } - #TabsToolbar { - --tab-stroke-background-size: 0 0; - } + #TabsToolbar { + --tab-stroke-background-size: 0 0; + } - :root { - --tab-toolbar-navbar-overlap: 0px; - } + :root { + --tab-toolbar-navbar-overlap: 0px; + } - #nav-bar { - border-top-style: none !important; - box-shadow: none; + #nav-bar { + border-top-style: none !important; + box-shadow: none; + } + } } } } @@ -2103,7 +2199,7 @@ toolbarbutton.bookmark-item[dragover="true"][open="true"] { .addon-install-confirmation-name { font-weight: bold; } - + 7 /* Notification icon box */ .notification-anchor-icon:-moz-focusring { @@ -2293,6 +2389,22 @@ notification.pluginVulnerable > .notification-inner > .messageCloseButton { position: relative; } +@media (-moz-os-version: windows-xp) { + @media not all and (-moz-windows-classic) { + #private-browsing-indicator-titlebar > .private-browsing-indicator { + background-image: url("chrome://browser/skin/privatebrowsing-mask-titlebar-win7-tall.png"); + height: 28px; + } + + #main-window[sizemode="maximized"] > #titlebar > #titlebar-content > #titlebar-buttonbox-container > #private-browsing-indicator-titlebar > .private-browsing-indicator { + top: -5px; + } + #main-window[sizemode="normal"] > #titlebar > #titlebar-content > #titlebar-buttonbox-container > #private-browsing-indicator-titlebar > .private-browsing-indicator { + top: -1px; + } + } +} + @media (-moz-windows-classic) { /** * We have to use top instead of background-position in this case, otherwise @@ -2304,7 +2416,8 @@ notification.pluginVulnerable > .notification-inner > .messageCloseButton { } } -@media (-moz-os-version: windows-win7) { +@media (-moz-os-version: windows-vista), + (-moz-os-version: windows-win7) { @media (-moz-windows-glass) { #main-window[sizemode="normal"] > #titlebar > #titlebar-content > #titlebar-buttonbox-container > #private-browsing-indicator-titlebar > .private-browsing-indicator { top: 1px; @@ -2342,14 +2455,19 @@ notification.pluginVulnerable > .notification-inner > .messageCloseButton { margin-top: -4px; } + +@media not all and (-moz-os-version: windows-xp) { %include browser-aero.css +} .browser-extension-panel > .panel-arrowcontainer > .panel-arrowcontent { padding: 0; overflow: hidden; } -@media (-moz-os-version: windows-win7) { +@media (-moz-os-version: windows-xp), + (-moz-os-version: windows-vista), + (-moz-os-version: windows-win7) { .cui-widget-panelview[id^=PanelUI-webext-] { border-radius: 4px; } diff --git a/application/basilisk/themes/windows/customizableui/panelUI.css b/application/basilisk/themes/windows/customizableui/panelUI.css index a01a2f3e3..a62e04fc4 100644 --- a/application/basilisk/themes/windows/customizableui/panelUI.css +++ b/application/basilisk/themes/windows/customizableui/panelUI.css @@ -123,17 +123,21 @@ menu.subviewbutton > .menu-right:-moz-locale-dir(rtl) { } /* Win8 and beyond. */ -@media not all and (-moz-os-version: windows-win7) { - panelview .toolbarbutton-1, - .subviewbutton, - .widget-overflow-list .toolbarbutton-1, - .panelUI-grid .toolbarbutton-1 > .toolbarbutton-menubutton-button, - #BMB_bookmarksPopup menupopup[placespopup=true] > hbox, - #edit-controls@inAnyPanel@, - #zoom-controls@inAnyPanel@, - #edit-controls@inAnyPanel@ > toolbarbutton, - #zoom-controls@inAnyPanel@ > toolbarbutton { - border-radius: 0; +@media not all and (-moz-os-version: windows-xp) { + @media not all and (-moz-os-version: windows-vista) { + @media not all and (-moz-os-version: windows-win7) { + panelview .toolbarbutton-1, + .subviewbutton, + .widget-overflow-list .toolbarbutton-1, + .panelUI-grid .toolbarbutton-1 > .toolbarbutton-menubutton-button, + #BMB_bookmarksPopup menupopup[placespopup=true] > hbox, + #edit-controls@inAnyPanel@, + #zoom-controls@inAnyPanel@, + #edit-controls@inAnyPanel@ > toolbarbutton, + #zoom-controls@inAnyPanel@ > toolbarbutton { + border-radius: 0; + } + } } } diff --git a/application/basilisk/themes/windows/downloads/allDownloadsViewOverlay.css b/application/basilisk/themes/windows/downloads/allDownloadsViewOverlay.css index 0ee83f669..e288f1e90 100644 --- a/application/basilisk/themes/windows/downloads/allDownloadsViewOverlay.css +++ b/application/basilisk/themes/windows/downloads/allDownloadsViewOverlay.css @@ -18,30 +18,32 @@ /*** Highlighted list items ***/ -@media (-moz-windows-default-theme) { - /* - -moz-appearance: menuitem is almost right, but the hover effect is not - transparent and is lighter than desired. +@media not all and (-moz-os-version: windows-xp) { + @media (-moz-windows-default-theme) { + /* + -moz-appearance: menuitem is almost right, but the hover effect is not + transparent and is lighter than desired. - Copied from the autocomplete richlistbox styling in - toolkit/themes/windows/global/autocomplete.css + Copied from the autocomplete richlistbox styling in + toolkit/themes/windows/global/autocomplete.css - This styling should be kept in sync with the style from the above file. - */ - @itemFocused@ { - color: inherit; - background-color: transparent; - /* four gradients for the bevel highlights on each edge, one for blue background */ - background-image: - linear-gradient(to bottom, rgba(255,255,255,0.9) 3px, transparent 3px), - linear-gradient(to right, rgba(255,255,255,0.5) 3px, transparent 3px), - linear-gradient(to left, rgba(255,255,255,0.5) 3px, transparent 3px), - linear-gradient(to top, rgba(255,255,255,0.4) 3px, transparent 3px), - linear-gradient(to bottom, rgba(163,196,247,0.3), rgba(122,180,246,0.3)); - background-clip: content-box; - border-radius: 6px; - outline: 1px solid rgb(124,163,206); - -moz-outline-radius: 3px; - outline-offset: -2px; + This styling should be kept in sync with the style from the above file. + */ + @itemFocused@ { + color: inherit; + background-color: transparent; + /* four gradients for the bevel highlights on each edge, one for blue background */ + background-image: + linear-gradient(to bottom, rgba(255,255,255,0.9) 3px, transparent 3px), + linear-gradient(to right, rgba(255,255,255,0.5) 3px, transparent 3px), + linear-gradient(to left, rgba(255,255,255,0.5) 3px, transparent 3px), + linear-gradient(to top, rgba(255,255,255,0.4) 3px, transparent 3px), + linear-gradient(to bottom, rgba(163,196,247,0.3), rgba(122,180,246,0.3)); + background-clip: content-box; + border-radius: 6px; + outline: 1px solid rgb(124,163,206); + -moz-outline-radius: 3px; + outline-offset: -2px; + } } } diff --git a/application/basilisk/themes/windows/downloads/indicator.css b/application/basilisk/themes/windows/downloads/indicator.css index 7f921f8de..627265088 100644 --- a/application/basilisk/themes/windows/downloads/indicator.css +++ b/application/basilisk/themes/windows/downloads/indicator.css @@ -166,9 +166,13 @@ toolbar[brighttext] #downloads-button:not([counter])[attention="success"] > #dow font-size: 9px; line-height: 9px; text-align: center; +} - /* Bug 812345 added this... */ - margin-bottom: -1px; +@media not all and (-moz-os-version: windows-xp) { + #downloads-indicator-counter { + /* Bug 812345 added this... */ + margin-bottom: -1px; + } } toolbar[brighttext] #downloads-indicator-counter { diff --git a/application/basilisk/themes/windows/places/organizer.css b/application/basilisk/themes/windows/places/organizer.css index 9ae4c8370..ed6bd905f 100644 --- a/application/basilisk/themes/windows/places/organizer.css +++ b/application/basilisk/themes/windows/places/organizer.css @@ -139,28 +139,35 @@ padding-inline-end: 9px; } -@media not all and (-moz-windows-classic) { - #placesToolbox { - -moz-appearance: none; - background-color: transparent; + +@media not all and (-moz-os-version: windows-xp) { + #placesView { + border-top: none; } - #placesToolbar { - -moz-appearance: none; - background-color: -moz-Dialog; - color: -moz-dialogText; - } -} + @media not all and (-moz-windows-classic) { + #placesToolbox { + -moz-appearance: none; + background-color: transparent; + } -@media (-moz-windows-default-theme) { - #placesView > splitter { - border: 0; - border-inline-end: 1px solid #A9B7C9; - min-width: 0; - width: 3px; - background-color: transparent; - margin-inline-start: -3px; - position: relative; + #placesToolbar { + -moz-appearance: none; + background-color: -moz-Dialog; + color: -moz-dialogText; + } + } + + @media (-moz-windows-default-theme) { + #placesView > splitter { + border: 0; + border-inline-end: 1px solid #A9B7C9; + min-width: 0; + width: 3px; + background-color: transparent; + margin-inline-start: -3px; + position: relative; + } } } @@ -174,7 +181,8 @@ } } -@media (-moz-windows-default-theme) and (-moz-os-version: windows-win7) { +@media (-moz-windows-default-theme) and (-moz-os-version: windows-vista), + (-moz-windows-default-theme) and (-moz-os-version: windows-win7) { #placesView, #infoPane, #placesList, diff --git a/application/basilisk/themes/windows/places/places.css b/application/basilisk/themes/windows/places/places.css index 769cfcc25..4ec8f6555 100644 --- a/application/basilisk/themes/windows/places/places.css +++ b/application/basilisk/themes/windows/places/places.css @@ -24,17 +24,21 @@ cursor: default; } +/* Style Places sidebars as Vista media collection */ @media (-moz-windows-default-theme) { - .sidebar-placesTree { - background-color: transparent; - border-top: none; + @media not all and (-moz-os-version: windows-xp) { + .sidebar-placesTree { + background-color: transparent; + border-top: none; + } + + .sidebar-placesTreechildren::-moz-tree-cell-text(leaf, hover) { + text-decoration: none; + } } - .sidebar-placesTreechildren::-moz-tree-cell-text(leaf, hover) { - text-decoration: none; - } - - @media (-moz-os-version: windows-win7) { + @media (-moz-os-version: windows-vista), + (-moz-os-version: windows-win7) { #bookmarksPanel, #history-panel, #tabs-panel {