1/* This Source Code Form is subject to the terms of the Mozilla Public 2 * License, v. 2.0. If a copy of the MPL was not distributed with this 3 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ 4 5.contentSearchSuggestionTable { 6 background-color: hsla(0,0%,100%,.99); 7 border: 1px solid hsla(0, 0%, 0%, .2); 8 border-top: none; 9 box-shadow: 0 5px 10px hsla(0, 0%, 0%, .1); 10 position: absolute; 11 inset-inline-start: 0; 12 z-index: 1001; 13 user-select: none; 14 cursor: default; 15} 16 17.contentSearchSuggestionsList { 18 border-bottom: 1px solid hsl(0, 0%, 92%); 19 width: 100%; 20 height: 100%; 21} 22 23.contentSearchSuggestionTable, 24.contentSearchSuggestionsList { 25 border-spacing: 0; 26 overflow: hidden; 27 padding: 0; 28 margin: 0; 29 text-align: start; 30} 31 32.contentSearchHeaderRow, 33.contentSearchSuggestionRow { 34 margin: 0; 35 max-width: inherit; 36 padding: 0; 37} 38 39.contentSearchHeaderRow > td > img, 40.contentSearchSuggestionRow > td > .historyIcon { 41 margin-inline-end: 8px; 42 margin-bottom: -3px; 43} 44 45.contentSearchSuggestionTable .historyIcon { 46 width: 16px; 47 height: 16px; 48 display: inline-block; 49 background-image: url("chrome://browser/skin/history.svg"); 50 -moz-context-properties: fill; 51 fill: graytext; 52} 53 54.contentSearchSuggestionRow.selected > td > .historyIcon { 55 fill: HighlightText; 56} 57 58.contentSearchHeader > img { 59 height: 16px; 60 width: 16px; 61 margin: 0; 62 padding: 0; 63} 64 65.contentSearchSuggestionRow.remote > td > .historyIcon { 66 visibility: hidden; 67} 68 69.contentSearchSuggestionRow.selected { 70 background-color: Highlight; 71 color: HighlightText; 72} 73 74.contentSearchHeader, 75.contentSearchSuggestionEntry { 76 margin: 0; 77 max-width: inherit; 78 overflow: hidden; 79 padding: 4px 10px; 80 text-overflow: ellipsis; 81 white-space: nowrap; 82 font-size: 75%; 83} 84 85.contentSearchHeader { 86 background-color: hsl(0, 0%, 97%); 87 color: #666; 88 border-bottom: 1px solid hsl(0, 0%, 92%); 89} 90 91.contentSearchSuggestionsContainer { 92 margin: 0; 93 padding: 0; 94 border-spacing: 0; 95 width: 100%; 96} 97 98.contentSearchSearchWithHeaderSearchText { 99 white-space: pre; 100 font-weight: bold; 101} 102 103.contentSearchOneOffItem { 104 appearance: none; 105 height: 32px; 106 margin: 0; 107 padding: 0; 108 border: none; 109 background: none; 110 background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAWCAYAAAABxvaqAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3gofECQNNVW2/AAAABBJREFUGFdjOHPmzH8GehEA/KpKg9YTf4AAAAAASUVORK5CYII='); 111 background-repeat: no-repeat; 112 background-position: right center; 113} 114 115.contentSearchOneOffItem:dir(rtl) { 116 background-position-x: left; 117} 118 119.contentSearchOneOffItem > img { 120 width: 16px; 121 height: 16px; 122 margin-bottom: -2px; 123 pointer-events: none; 124} 125 126.contentSearchOneOffItem:not(.last-row) { 127 border-bottom: 1px solid hsl(0, 0%, 92%); 128} 129 130.contentSearchOneOffItem.end-of-row { 131 background-image: none; 132} 133 134.contentSearchOneOffItem.selected { 135 background-color: Highlight; 136 background-image: none; 137} 138 139.contentSearchOneOffsTable { 140 width: 100%; 141} 142 143.contentSearchSettingsButton { 144 margin: 0; 145 padding: 0; 146 height: 32px; 147 border: none; 148 border-top: 1px solid hsla(0, 0%, 0%, .08); 149 text-align: center; 150 width: 100%; 151} 152 153.contentSearchSettingsButton.selected { 154 background-color: hsl(0, 0%, 90%); 155} 156 157.contentSearchSettingsButton:active { 158 background-color: hsl(0, 0%, 85%); 159} 160