From a1be17c1cea81ebb1e8b131a662c698d78f3f7f2 Mon Sep 17 00:00:00 2001 From: wolfbeast Date: Mon, 4 Jun 2018 13:17:38 +0200 Subject: Issue #303 Part 1: Move basilisk files from /browser to /application/basilisk --- .../basilisk/themes/osx/syncedtabs/sidebar.css | 154 +++++++++++++++++++++ 1 file changed, 154 insertions(+) create mode 100644 application/basilisk/themes/osx/syncedtabs/sidebar.css (limited to 'application/basilisk/themes/osx/syncedtabs/sidebar.css') diff --git a/application/basilisk/themes/osx/syncedtabs/sidebar.css b/application/basilisk/themes/osx/syncedtabs/sidebar.css new file mode 100644 index 000000000..4d1de766c --- /dev/null +++ b/application/basilisk/themes/osx/syncedtabs/sidebar.css @@ -0,0 +1,154 @@ +/* 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 ../../shared/syncedtabs/sidebar.inc.css + +/* These styles are intended to mimic XUL trees and the XUL search box. */ + +.content-container { + -moz-appearance: -moz-mac-source-list; +} + +.item { + color: -moz-DialogText; +} + +.item-title-container { + box-sizing: border-box; + align-items: center; + height: 24px; + font-size: 12px; +} + +.item.selected > .item-title-container { + color: HighlightText; + font-weight: bold; +} + +.item.selected > .item-title-container { + -moz-appearance: -moz-mac-source-list-selection; +} + +.item.selected:focus > .item-title-container { + -moz-appearance: -moz-mac-active-source-list-selection; +} + +.item.client .item-twisty-container { + min-width: 16px; + height: 16px; + background-image: url("chrome://global/skin/tree/arrow-disclosure.svg#arrow-disclosure-expanded"); +} + +@media not all and (-moz-mac-yosemite-theme) { + .item.client.selected .item-twisty-container { + background-image: url("chrome://global/skin/tree/arrow-disclosure.svg#arrow-disclosure-expanded-inverted"); + } + + .item.client.selected.closed .item-twisty-container { + background-image: url("chrome://global/skin/tree/arrow-disclosure.svg#arrow-disclosure-collapsed-inverted"); + } + + .item.client.selected .item-twisty-container:dir(rtl) { + background-image: url("chrome://global/skin/tree/arrow-disclosure.svg#arrow-disclosure-expanded-inverted"); + } + + .item.client.selected.closed .item-twisty-container:dir(rtl) { + background-image: url("chrome://global/skin/tree/arrow-disclosure.svg#arrow-disclosure-collapsed-inverted-rtl"); + } +} + +.item.client.closed .item-twisty-container { + background-image: url("chrome://global/skin/tree/arrow-disclosure.svg#arrow-disclosure-collapsed"); +} + +.item.client.selected:focus .item-twisty-container { + background-image: url("chrome://global/skin/tree/arrow-disclosure.svg#arrow-disclosure-expanded-inverted"); +} + +.item.client.selected.closed:focus .item-twisty-container { + background-image: url("chrome://global/skin/tree/arrow-disclosure.svg#arrow-disclosure-collapsed-inverted"); +} + +.item.client .item-twisty-container:dir(rtl) { + background-image: url("chrome://global/skin/tree/arrow-disclosure.svg#arrow-disclosure-expanded"); +} + +.item.client.closed .item-twisty-container:dir(rtl) { + background-image: url("chrome://global/skin/tree/arrow-disclosure.svg#arrow-disclosure-collapsed-rtl"); +} + +.item.client.selected:focus .item-twisty-container:dir(rtl) { + background-image: url("chrome://global/skin/tree/arrow-disclosure.svg#arrow-disclosure-expanded-inverted"); +} + +.item.client.selected.closed:focus .item-twisty-container:dir(rtl) { + background-image: url("chrome://global/skin/tree/arrow-disclosure.svg#arrow-disclosure-collapsed-inverted-rtl"); +} + +@media (-moz-mac-yosemite-theme) { + .item.selected > .item-title-container { + color: -moz-dialogtext; + font-weight: 500; + } + + .item.selected:focus > .item-title-container { + color: #fff; + } +} + +.sidebar-search-container { + border-bottom: 1px solid #bdbdbd; +} + +.search-box { + -moz-appearance: searchfield; + padding: 1px; + font-size: 12px; + cursor: text; + margin: 4px 8px 10px; + border-width: 3px; + border-style: solid; + border-color: currentcolor; + border-image: none; + -moz-border-top-colors: transparent #888 #000; + -moz-border-right-colors: transparent #FFF #000; + -moz-border-bottom-colors: transparent #FFF #000; + -moz-border-left-colors: transparent #888 #000; + border-top-right-radius: 2px; + border-bottom-left-radius: 2px; + background-color: #FFF; + color: #000; + -moz-user-select: text; + text-shadow: none; +} + +.search-box.compact > .textbox-input-box > .textbox-search-icons > .textbox-search-clear { + background-image: url(chrome://global/skin/icons/searchfield-cancel.svg); + background-repeat: no-repeat; + background-size: 11px 11px; + width: 11px; + height: 11px; +} + +.search-box.compact > .textbox-input-box > .textbox-search-icons > .textbox-search-icon { + display: none; +} + +.search-box[focused="true"] { + -moz-border-top-colors: -moz-mac-focusring -moz-mac-focusring #000000; + -moz-border-right-colors: -moz-mac-focusring -moz-mac-focusring #000000; + -moz-border-bottom-colors: -moz-mac-focusring -moz-mac-focusring #000000; + -moz-border-left-colors: -moz-mac-focusring -moz-mac-focusring #000000; +} + +.search-box.compact { + padding: 0px; + /* font size is in px because the XUL it was copied from uses px */ + font-size: 11px; +} + +.textbox-search-clear, +.textbox-search-icon { + margin-top: 1px; +} -- cgit v1.2.3