[Centaury] Restore winxp and vista things in css styles.

master
Fedor 2020-05-25 08:50:56 +03:00
parent f333464fb9
commit 9d107e0c8c
7 changed files with 244 additions and 101 deletions

View File

@ -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),

View File

@ -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;
}

View File

@ -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;
}
}
}
}

View File

@ -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;
}
}
}

View File

@ -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 {

View File

@ -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,

View File

@ -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 {