X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Fbrowser%2Fsearchbar.css;h=92bc21c30b313f77a37f20186beac394f1502e11;hp=deecadfe374a452f4d9efafdbd1657e293ec32f6;hb=9f6401c22b50f8e59ea2275e257f9585a8e04e41;hpb=7c0a01f2b6f2d4daeff8216e5ca2bbbcde496d2a diff --git a/LCARStrek/browser/searchbar.css b/LCARStrek/browser/searchbar.css index deecadfe..92bc21c3 100644 --- a/LCARStrek/browser/searchbar.css +++ b/LCARStrek/browser/searchbar.css @@ -3,12 +3,14 @@ * 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"); + /* JS code forces the panel to have the width of the searchbar rather than + * the width of the textfield. Alignment of the panel with the searchbar is + * obtained with negative margins here: margin-inline-start when the text + * field is in the same direction as the rest of the UI, margin-inline-end + * when the textfield's direction has been reversed. + * (eg. using ctrl+shift+X) */ + margin-inline-start: -25px; + margin-inline-end: -18px; } .autocomplete-textbox-container { @@ -24,47 +26,10 @@ .searchbar-engine-image { height: 16px; width: 16px; - list-style-image: url("chrome://global/skin/filepicker/file.gif"); -} - -.searchbar-engine-button { - min-width: 0; - margin: 0; - padding: 0; - -moz-padding-end: 2px; - -moz-box-align: center; - background: none; - border: none; - border-radius: 3px 0px 0px 3px; -} - -.searchbar-engine-button:-moz-locale-dir(rtl) { - border-radius: 0px 3px 3px 0px; -} - -.searchbar-engine-button:hover { - background-color: #FFCF00; -} - -.searchbar-engine-button[open="true"] { - background-color: #FF9F00; -} - -.searchbar-engine-button > .button-box { - padding: 0; - border: 0; -} - -.searchbar-dropmarker-image { - 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: var(--searchbar-dropmarker-hover-url); + list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png"); + margin-inline-start: -1px; } - /* ::::: search-go-button ::::: */ .search-go-container { @@ -73,8 +38,9 @@ .search-go-button { padding: 1px; - list-style-image: url("chrome://global/skin/icons/search.png"); - -moz-image-region: rect(0, 16px, 16px, 0); + list-style-image: url("chrome://browser/skin/reload-stop-go.png"); + -moz-image-region: rect(0, 42px, 14px, 28px); + width: 14px; } .search-go-button:-moz-locale-dir(rtl) { @@ -82,13 +48,11 @@ } .search-go-button:hover { + -moz-image-region: rect(14px, 42px, 28px, 28px); } .search-go-button:hover:active { -} - -.searchbar-engine-menuitem[selected="true"] > .menu-iconic-text { - font-weight: bold; + -moz-image-region: rect(14px, 42px, 28px, 28px); } .searchbar-search-button-container { @@ -100,7 +64,7 @@ -moz-image-region: rect(0, 20px, 20px, 0); margin-top: 1px; margin-bottom: 1px; - -moz-margin-start: 4px; + margin-inline-start: 4px; border-radius: 3px; } @@ -114,24 +78,21 @@ 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); -} +@media (min-resolution: 1.1dppx) { + .search-go-button { + list-style-image: url("chrome://browser/skin/reload-stop-go@2x.png"); + -moz-image-region: rect(0, 84px, 28px, 56px); + } -searchbar[oneoffui] .search-go-button:hover:active { - -moz-image-region: rect(28px, 42px, 42px, 28px); -} + .search-go-button:hover { + -moz-image-region: rect(28px, 84px, 56px, 56px); + } -searchbar[oneoffui] .search-go-button:-moz-locale-dir(rtl) > .toolbarbutton-icon { - transform: scaleX(-1); + .search-go-button:hover:active { + -moz-image-region: rect(56px, 84px, 84px, 56px); + } } - .search-panel-current-engine { border-top: none !important; -moz-box-align: center; @@ -139,6 +100,10 @@ searchbar[oneoffui] .search-go-button:-moz-locale-dir(rtl) > .toolbarbutton-icon border-bottom: none; } +.search-panel-tree { + border-top: 1px solid #A09090 !important; +} + .search-panel-header { font-weight: normal; background-color: #A09090; @@ -148,10 +113,6 @@ searchbar[oneoffui] .search-go-button:-moz-locale-dir(rtl) > .toolbarbutton-icon color: #000000; } -.search-panel-tree[collapsed=true] + .search-panel-header { - border-top: none; -} - .search-panel-current-input > label { margin: 0 0 !important; } @@ -180,8 +141,12 @@ searchbar[oneoffui] .search-go-button:-moz-locale-dir(rtl) > .toolbarbutton-icon background-position: right center; } +.searchbar-engine-one-off-item:-moz-locale-dir(rtl) { + background-position: left center; +} + .searchbar-engine-one-off-item:not(.last-row) { - box-sizing: padding-box; + box-sizing: content-box; border-bottom: 1px solid #9C9CFF; } @@ -244,28 +209,24 @@ searchbar[oneoffui] .search-go-button:-moz-locale-dir(rtl) > .toolbarbutton-icon .addengine-item > .button-box > .button-text { -moz-box-flex: 1; text-align: start; - -moz-padding-start: 10px; + padding-inline-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; + padding-inline-start: 15px; border-top: none !important; } .search-panel-tree > .autocomplete-treebody::-moz-tree-cell-text { - -moz-padding-start: 4px; + padding-inline-start: 4px; } .search-panel-tree > .autocomplete-treebody::-moz-tree-image { - -moz-padding-start: 5px; + padding-inline-start: 5px; width: 14px; height: 14px; } @@ -278,10 +239,6 @@ searchbar[oneoffui] .searchbar-engine-button { 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;