X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Fbrowser%2Fsearchbar.css;h=30fc3538c8c21617cd37ebbba816be6620750bc3;hp=dc54dbb4cadb60980a5aea64009da56d0272ed80;hb=refs%2Ftags%2FLCARStrek-2.33;hpb=36759a51bcc412b1c08d2cad716a8898243c404c diff --git a/LCARStrek/browser/searchbar.css b/LCARStrek/browser/searchbar.css index dc54dbb4..30fc3538 100644 --- a/LCARStrek/browser/searchbar.css +++ b/LCARStrek/browser/searchbar.css @@ -1,6 +1,14 @@ -.searchbar-textbox { - width: 6em; - min-width: 6em; +/* 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/. */ + +#PopupSearchAutoComplete { + -moz-margin-start: -25px; +} + +.searchbar-dropmarker-image { + --searchbar-dropmarker-url: url("chrome://global/skin/arrow/arrow-down.gif"); + --searchbar-dropmarker-hover-url: url("chrome://global/skin/arrow/arrow-down-hover.gif"); } .autocomplete-textbox-container { @@ -17,7 +25,6 @@ height: 16px; width: 16px; list-style-image: url("chrome://global/skin/filepicker/file.gif"); - -moz-margin-start: 2px; } .searchbar-engine-button { @@ -35,6 +42,10 @@ border-radius: 0px 3px 3px 0px; } +.searchbar-engine-button:hover { + background-color: #FFCF00; +} + .searchbar-engine-button[open="true"] { background-color: #FF9F00; } @@ -45,11 +56,12 @@ } .searchbar-dropmarker-image { - list-style-image: url("chrome://global/skin/arrow/arrow-down.gif"); + list-style-image: var(--searchbar-dropmarker-url); } +.searchbar-engine-button:hover > .searchbar-dropmarker-image, .searchbar-engine-button[open="true"] > .searchbar-dropmarker-image { - list-style-image: url("chrome://global/skin/arrow/arrow-down-hover.gif"); + list-style-image: var(--searchbar-dropmarker-hover-url); } @@ -65,11 +77,6 @@ -moz-image-region: rect(0, 16px, 16px, 0); } -.search-go-button:-moz-system-metric(touch-enabled) { - -moz-padding-start: 5px; - -moz-padding-end: 3px; -} - .search-go-button:-moz-locale-dir(rtl) { transform: scaleX(-1); } @@ -83,3 +90,204 @@ .searchbar-engine-menuitem[selected="true"] > .menu-iconic-text { font-weight: bold; } + +.searchbar-search-button-container { + -moz-box-align: center; +} + +.searchbar-search-button { + list-style-image: url("chrome://browser/skin/search-indicator.png"); + -moz-image-region: rect(0, 20px, 20px, 0); + margin-top: 1px; + margin-bottom: 1px; + -moz-margin-start: 4px; + border-radius: 3px; +} + +.searchbar-search-button[addengines="true"] { + list-style-image: url("chrome://browser/skin/search-indicator-badge-add.png"); +} + +.searchbar-search-button:hover, +.searchbar-search-button:hover:active { + -moz-image-region: rect(0, 40px, 20px, 20px); + background-color: #FFCF00; +} + +searchbar[oneoffui] .search-go-button { + list-style-image: url("chrome://browser/skin/reload-stop-goFx.png"); + -moz-image-region: rect(0, 42px, 14px, 28px); +} + +searchbar[oneoffui] .search-go-button:hover { + -moz-image-region: rect(14px, 42px, 28px, 28px); +} + +searchbar[oneoffui] .search-go-button:hover:active { + -moz-image-region: rect(28px, 42px, 42px, 28px); +} + +searchbar[oneoffui] .search-go-button:-moz-locale-dir(rtl) > .toolbarbutton-icon { + transform: scaleX(-1); +} + + +.search-panel-current-engine { + border-top: none !important; + border-bottom: 1px solid #9C9CFF; + -moz-box-align: center; +} + +.search-panel-header { + font-weight: normal; + background-color: #A09090; + border-top: 1px solid #9C9CFF; + margin: 0; + padding: 3px 6px; + color: #000000; +} + +.search-panel-current-input > label { + margin: 0 0 !important; +} + +.search-panel-input-value { + color: black; +} + +.search-panel-one-offs { + margin: 0 0 !important; + border-top: 1px solid #9C9CFF; + line-height: 0; +} + +.searchbar-engine-one-off-item { + display: inline-block; + border: none; + border-radius: 0; + min-width: 48px; + height: 32px; + margin: 0 0; + padding: 0 0; + background: none; + background-image: url('chrome://browser/skin/search-oneoff-bg-border.png'); + background-repeat: no-repeat; + background-position: right center; +} + +.searchbar-engine-one-off-item:not(.last-row) { + box-sizing: padding-box; + border-bottom: 1px solid #9C9CFF; +} + +.searchbar-engine-one-off-item.last-of-row { + background-image: none; +} + +.searchbar-engine-one-off-item:hover:not(.dummy), +.searchbar-engine-one-off-item[selected] { + background-color: #008484; + background-image: none; +} + +.searchbar-engine-one-off-item > .button-box { + border: none; + padding: 0 0; +} + +.searchbar-engine-one-off-item > .button-box > .button-text { + display: none; +} + +.searchbar-engine-one-off-item > .button-box > .button-icon { + width: 16px; + height: 16px; +} + +.addengine-item { + border: none; +/* height: 32px;*/ + margin: 0 0; + padding: 0 10px; + border-radius: 0; +} + +.addengine-item > .button-box { + -moz-box-pack: start; +} + +.addengine-item:first-of-type { + border-top: 1px solid #9C9CFF; +} + +.addengine-item:hover { + background-color: #FFCF00; + color: #000000; +} + +.addengine-icon { + height: 16px; + width: 16px; +} + +.addengine-badge { + width: 16px; + height: 16px; + margin: -7px -9px 7px 9px; + list-style-image: url("chrome://browser/skin/badge-add-engine.png"); +} + +.addengine-item > .button-box > .button-text { + -moz-box-flex: 1; + text-align: start; + -moz-padding-start: 10px; +} + +.addengine-item:not([image]) { + list-style-image: url("chrome://browser/skin/search-engine-placeholder.png"); +} + +searchbar[oneoffui] .searchbar-engine-button { + display: none; +} + +.search-panel-tree > .autocomplete-treebody::-moz-tree-cell { + -moz-padding-start: 15px; + border-top: none !important; +} + +.search-panel-tree > .autocomplete-treebody::-moz-tree-cell-text { + -moz-padding-start: 4px; +} + +.search-panel-tree > .autocomplete-treebody::-moz-tree-image { + -moz-padding-start: 5px; + width: 14px; + height: 14px; +} + +.search-panel-tree > .autocomplete-treebody::-moz-tree-image(fromhistory) { + list-style-image: url("chrome://browser/skin/search-history-icon.svg#search-history-icon"); +} + +.search-panel-tree > .autocomplete-treebody::-moz-tree-image(fromhistory, selected) { + list-style-image: url("chrome://browser/skin/search-history-icon.svg#search-history-icon-active"); +} + +searchbar[oneoffui] .searchbar-engine-image { + -moz-margin-start: -1px; +} + +.search-setting-button { + border-bottom: none; + border-left: none; + border-right: none; + border-radius: 0; + -moz-border-top-colors: none; +/* min-height: 32px;*/ +} + +.search-setting-button:hover { + background-color: #FFCF00; + border-top-color: #9C9CFF; +}