tor-browser

The Tor Browser
git clone https://git.dasho.dev/tor-browser.git
Log | Files | Refs | README | LICENSE

ResultList.css (2556B)

      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 .result-list {
      6  list-style: none;
      7  margin: 0;
      8  padding: 0;
      9  overflow: auto;
     10  width: 100%;
     11  background: var(--theme-body-background);
     12 }
     13 
     14 .result-list * {
     15  user-select: none;
     16 }
     17 
     18 .result-list li {
     19  color: var(--theme-body-color);
     20  padding: 4px 8px;
     21  display: flex;
     22 }
     23 
     24 .result-list.big li {
     25  flex-direction: row;
     26  align-items: center;
     27  padding: 6px 8px;
     28  font-size: 12px;
     29  line-height: 16px;
     30 }
     31 
     32 .result-list.small li {
     33  justify-content: space-between;
     34 }
     35 
     36 .result-list li:hover {
     37  background: var(--theme-tab-toolbar-background);
     38 }
     39 
     40 .theme-dark .result-list li:hover {
     41  background: var(--grey-70);
     42 }
     43 
     44 .result-list li.selected {
     45  background-color: var(--theme-selection-background);
     46  color: var(--theme-selection-color);
     47 }
     48 
     49 .result-list li .dbg-img-result-item-icon {
     50  background-color: var(--theme-icon-dimmed-color);
     51 }
     52 
     53 .result-list li .icon {
     54  align-self: center;
     55  margin-inline-end: 14px;
     56  margin-inline-start: 4px;
     57 }
     58 
     59 .result-list .dbg-img-result-item-icon {
     60  display: block;
     61 }
     62 
     63 .result-list .selected .dbg-img-result-item-icon {
     64  background-color: var(--theme-selection-color);
     65 }
     66 
     67 .result-list li .title {
     68  word-break: break-all;
     69  text-overflow: ellipsis;
     70  white-space: nowrap;
     71 
     72  /** https://searchfox.org/mozilla-central/source/devtools/client/themes/variables.css **/
     73  color: var(--grey-90);
     74 }
     75 
     76 .theme-dark .result-list li .title {
     77  /** https://searchfox.org/mozilla-central/source/devtools/client/themes/variables.css **/
     78  color: var(--grey-30);
     79 }
     80 
     81 .result-list li.selected .title {
     82  color: white;
     83 }
     84 
     85 .result-list.big li.selected .subtitle {
     86  color: white;
     87 }
     88 
     89 .result-list.big li.selected .subtitle .highlight {
     90  color: white;
     91  font-weight: bold;
     92 }
     93 
     94 .result-list.big li .subtitle {
     95  word-break: break-all;
     96  /** https://searchfox.org/mozilla-central/source/devtools/client/themes/variables.css **/
     97  color: var(--grey-40);
     98  margin-left: 15px;
     99  text-overflow: ellipsis;
    100  overflow: hidden;
    101  white-space: nowrap;
    102 }
    103 
    104 .theme-dark .result-list.big li.selected .subtitle {
    105  color: white;
    106 }
    107 
    108 .theme-dark .result-list.big li .subtitle {
    109  color: var(--theme-text-color-alt);
    110 }
    111 
    112 .search-bar .result-list li.selected .subtitle {
    113  color: white;
    114 }
    115 
    116 .search-bar .result-list {
    117  border-bottom: 1px solid var(--theme-splitter-color);
    118 }
    119 
    120 .theme-dark .result-list {
    121  background-color: var(--theme-body-background);
    122 }