diff options
author | Thomas Groman <tgroman@nuegia.net> | 2019-12-16 19:48:42 -0800 |
---|---|---|
committer | Thomas Groman <tgroman@nuegia.net> | 2019-12-16 19:48:42 -0800 |
commit | 4492b5f8e774bf3b4f21e4e468fc052cbcbb468a (patch) | |
tree | 37970571a7dcbeb6b58c991ce718ce7001ac97d6 /themes/windows/places/organizer.css | |
download | webbrowser-4492b5f8e774bf3b4f21e4e468fc052cbcbb468a.tar webbrowser-4492b5f8e774bf3b4f21e4e468fc052cbcbb468a.tar.gz webbrowser-4492b5f8e774bf3b4f21e4e468fc052cbcbb468a.tar.lz webbrowser-4492b5f8e774bf3b4f21e4e468fc052cbcbb468a.tar.xz webbrowser-4492b5f8e774bf3b4f21e4e468fc052cbcbb468a.zip |
initial commit
Diffstat (limited to 'themes/windows/places/organizer.css')
-rw-r--r-- | themes/windows/places/organizer.css | 253 |
1 files changed, 253 insertions, 0 deletions
diff --git a/themes/windows/places/organizer.css b/themes/windows/places/organizer.css new file mode 100644 index 0000000..45851d0 --- /dev/null +++ b/themes/windows/places/organizer.css @@ -0,0 +1,253 @@ +/* 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/. */ + +:root { + --toolbar-custom-color: hsl(210,75%,92%); + --toolbar-highlight-top: rgba(255,255,255,.5); + --toolbarbutton-image: url("chrome://browser/skin/Toolbar.png"); +} + +/* Use SVG for HiDPI 133%+ */ +@media (min-resolution: 1.33dppx) { + :root { + --toolbarbutton-image: url("chrome://browser/skin/Toolbar.svg"); + } +} + +/* Toolbar */ +#placesToolbar { + padding: 3px; + -moz-padding-end: 6px; +} + +#placesToolbar > toolbarbutton[disabled] > .toolbarbutton-icon { + opacity: .4; +} + +#back-button, +#forward-button { + list-style-image: var(--toolbarbutton-image); +} + +#back-button { + -moz-image-region: rect(0, 18px, 18px, 0); +} + +#forward-button { + -moz-image-region: rect(0, 36px, 18px, 18px); +} + +#back-button:-moz-locale-dir(rtl) > .toolbarbutton-icon, +#forward-button:-moz-locale-dir(rtl) > .toolbarbutton-icon { + transform: scaleX(-1); +} + +/* Menu */ +#placesMenu { + -moz-margin-start: 6px; + -moz-appearance: none; + border: none; +} + +#placesMenu > menu { + -moz-padding-start: 4px; + -moz-padding-end: 1px; + padding-top: 2px; + padding-bottom: 2px; + -moz-appearance: toolbarbutton; +%ifdef XP_WIN +% use standard menu colors on OS/2 + color: -moz-DialogText; +%endif + border: 1px solid transparent; +} + +#placesMenu > menu[_moz-menuactive="true"] { + background-color: transparent; +} + +#placesMenu > menu:hover { + border-color: ThreeDHighlight ThreeDShadow ThreeDShadow ThreeDHighlight; +} + +#placesMenu > menu[open="true"] { + border-color: ThreeDShadow ThreeDHighlight ThreeDHighlight ThreeDShadow; + -moz-padding-start: 5px; + -moz-padding-end: 0px; + padding-top: 3px; + padding-bottom: 1px; +} + +#placesMenu > menu > .menubar-text { + -moz-padding-end: 8px; + background: url(chrome://global/skin/arrow/arrow-dn.gif) right center no-repeat; +} + +#placesMenu > menu > .menubar-text:-moz-locale-dir(rtl) { + background-position: left center; +} + +/* organize, view and maintenance buttons icons */ +#organizeButton, +#viewMenu, +#maintenanceButton { + list-style-image: url("chrome://browser/skin/places/libraryToolbar.png"); +} + +/* organize button */ +#organizeButton { + -moz-image-region: rect(0px, 16px, 16px, 0px); +} +#organizeButton:hover, +#organizeButton[open="true"] { + -moz-image-region: rect(16px, 16px, 32px, 0px); +} + +/* view button */ +#viewMenu { + -moz-image-region: rect(0px, 32px, 16px, 16px); +} +#viewMenu:hover, +#viewMenu[open="true"] { + -moz-image-region: rect(16px, 32px, 32px, 16px); +} + +/* maintenance button */ +#maintenanceButton { + -moz-image-region: rect(0px, 48px, 16px, 32px); +} +#maintenanceButton:hover, +#maintenanceButton[open="true"] { + -moz-image-region: rect(16px, 48px, 32px, 32px); +} + +/* Root View */ +#placesView { + border-top: 1px solid ThreeDDarkShadow; +} + +/* Info box */ +#detailsDeck { + border-top: 1px solid ThreeDShadow; + padding: 5px; +} + +#infoBoxExpanderLabel { + -moz-padding-start: 2px; +} + +#organizerScopeBar { + padding: 2px 0; + -moz-padding-end: 3px; +} + +#organizerScopeBar > toolbarbutton { + -moz-appearance: none; + border: 1px solid transparent; + border-radius: 2px; + padding: 0 !important; + margin: 0 1px; +} + +#organizerScopeBar > toolbarbutton > .toolbarbutton-icon { + padding: 0; + margin: 0; +} + +#organizerScopeBar > toolbarbutton > .toolbarbutton-text { + margin: 0; + padding: 2px 5px; +} + +#organizerScopeBar > toolbarbutton:not([disabled="true"]):not([checked="true"]):hover { + border-color: ThreeDShadow; +} + +#organizerScopeBar > toolbarbutton[checked="true"] { + border-color: ThreeDDarkShadow !important; +} + +#searchFilter { + margin: 0; +} + +/** + * Downloads pane + */ + +#clearDownloadsButton > .toolbarbutton-icon { + display: none; +} + +#clearDownloadsButton { + -moz-padding-start: 9px; + -moz-padding-end: 9px; +} + +#placesView { + border-top: none; +} + +@media not all and (-moz-windows-classic) { + #placesToolbox { + -moz-appearance: none; + background-color: transparent; + } + + #placesToolbar { + -moz-appearance: none; + background-color: -moz-Dialog; + color: -moz-dialogText; + } +} + +@media (-moz-windows-default-theme) { + #placesView > splitter { + border: 0; + -moz-border-end: 1px solid #A9B7C9; + min-width: 0; + width: 3px; + background-color: transparent; + -moz-margin-start: -3px; + position: relative; + } +} + +@media (-moz-windows-glass) { + #placesToolbox { + border-top: none; + } + + #placesToolbar { + background-image: linear-gradient(var(--toolbar-highlight-top), transparent); + } +} + +@media (-moz-windows-default-theme) and (-moz-os-version: windows-vista), + (-moz-windows-default-theme) and (-moz-os-version: windows-win7) { + #placesView, + #infoPane, + #placesList, + #placeContent { + background-color: #EEF3FA; + } + + #placesToolbar { + background-color: var(--toolbar-custom-color); + color: black; + } + + #detailsDeck { + border-top-color: #A9B7C9; + } + + #searchFilter { + -moz-appearance: none; + padding: 2px; + -moz-padding-start: 4px; + background-clip: padding-box; + border: 1px solid rgba(0,0,0,.32); + border-radius: 2px; + } +} |