X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Fbrowser%2Fsearchbar.css;h=e457a75608cb948ff15de62491ce38975fa081a3;hp=bf3c96eb7c402871a1b260895e60ab351f52cc59;hb=fa981c35026cc094054c9f158969b12ad343f22f;hpb=2a1534f17d98efe745ee1adc07eb57d89cb9a88b diff --git a/LCARStrek/browser/searchbar.css b/LCARStrek/browser/searchbar.css index bf3c96eb..e457a756 100644 --- a/LCARStrek/browser/searchbar.css +++ b/LCARStrek/browser/searchbar.css @@ -94,14 +94,39 @@ } .search-panel-current-engine { - border-top: none !important; -moz-box-align: center; +} + +/** + * The borders of the various elements are specified as follows. + * + * The current engine always has a bottom border. + * The search results never have a border. + * + * When the search results are not collapsed: + * - The elements underneath the search results all have a top border. + * + * When the search results are collapsed: + * - The elements underneath the search results all have a bottom border, except + * the lowest one: search-setting-button. + */ + +.search-panel-current-engine { + border-top: none !important; + border-bottom: 1px solid var(--panel-separator-color) !important; +} - border-bottom: none; +.search-panel-tree[collapsed=true] + .search-one-offs > .search-panel-header, +.search-panel-tree[collapsed=true] + .search-one-offs > .search-panel-one-offs, +.search-panel-tree[collapsed=true] + .search-one-offs > vbox > .addengine-item:first-of-type { + border-top: none !important; } -.search-panel-tree { - border-top: 1px solid #A09090 !important; +.search-panel-tree[collapsed=true] + .search-one-offs > .searchbar-engine-one-off-item, +.search-panel-tree[collapsed=true] + .search-one-offs > .search-panel-current-input, +.search-panel-tree[collapsed=true] + .search-one-offs > .search-panel-one-offs, +.search-panel-tree[collapsed=true] + .search-one-offs > vbox > .addengine-item:last-of-type { + border-bottom: 1px solid var(--panel-separator-color) !important; } .search-panel-header { @@ -118,11 +143,13 @@ } .search-panel-input-value { - color: black; + color: #E7ADE7; + background-color: #000000; + padding: 1px 2px; } .search-panel-one-offs { - margin: 0 0 !important; + margin: 0 !important; border-top: 1px solid #000000; line-height: 0; } @@ -133,12 +160,13 @@ 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'); + margin: 0; + padding: 0; + background: linear-gradient(transparent 15%, var(--panel-separator-color) 15%, var(--panel-separator-color) 85%, transparent 85%); + background-size: 1px auto; background-repeat: no-repeat; background-position: right center; + color: #A09090; } .searchbar-engine-one-off-item:-moz-locale-dir(rtl) { @@ -147,7 +175,7 @@ .searchbar-engine-one-off-item:not(.last-row) { box-sizing: content-box; - border-bottom: 1px solid #9C9CFF; + border-bottom: 1px solid var(--panel-separator-color); } .search-setting-button-compact { @@ -165,11 +193,12 @@ .searchbar-engine-one-off-item[selected] { background-color: #008484; background-image: none; + color: #000000; } .searchbar-engine-one-off-item > .button-box { border: none; - padding: 0 0; + padding: 0; } .searchbar-engine-one-off-item > .button-box > .button-text { @@ -184,7 +213,7 @@ .addengine-item { border: none; /* height: 32px;*/ - margin: 0 0; + margin: 0; padding: 0 10px; border-radius: 0; } @@ -202,6 +231,11 @@ color: #000000; } +.addengine-item[type=menu][selected] { + color: inherit; + background-color: var(--arrowpanel-dimmed-further); +} + .addengine-icon { height: 16px; width: 16px; @@ -214,7 +248,8 @@ list-style-image: url("chrome://browser/skin/badge-add-engine.png"); } -.addengine-item > .button-box > .button-text { +.addengine-item > .button-box > .button-text, +.addengine-item[type=menu] > .button-box > .box-inherit > .button-text { -moz-box-flex: 1; text-align: start; padding-inline-start: 10px; @@ -224,6 +259,12 @@ list-style-image: url("chrome://browser/skin/search-engine-placeholder.png"); } +.addengine-item[type=menu] > .button-box > .button-menu-dropmarker { + display: -moz-box; +/* -moz-appearance: menuarrow !important;*/ + list-style-image: none; +} + .search-panel-tree > .autocomplete-treebody::-moz-tree-cell { padding-inline-start: 15px; border-top: none !important; @@ -248,12 +289,8 @@ } .search-setting-button { - border-bottom: none; - border-left: none; - border-right: none; border-radius: 0; background-color: #C09070; - -moz-border-top-colors: none; /* min-height: 32px;*/ } @@ -262,17 +299,13 @@ border-top-color: #000000; } -.search-setting-button-compact { - color: #A09090; +.search-setting-button-compact > .button-box > .button-icon { + list-style-image: url("chrome://browser/skin/gear.svg"); + filter: url(chrome://global/skin/filters.svg#fill); + fill: currentColor; } .search-setting-button-compact:hover { background-color: #FFCF00; color: #000000; } - -.search-setting-button-compact > .button-box > .button-icon { - list-style-image: url("chrome://browser/skin/gear.svg"); - filter: url(chrome://global/skin/filters.svg#fill); - fill: currentColor; -}