tor-browser

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

search.css (2867B)

      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 .search-panel {
      6  display: flex;
      7  flex-direction: column;
      8  overflow: hidden;
      9  height: 100%;
     10 }
     11 
     12 .search-panel .search-panel-content {
     13  width: 100%;
     14  height: 100%;
     15  overflow: auto;
     16  outline: 0 !important;
     17 }
     18 
     19 .search-panel .treeTable {
     20  width: 100%;
     21  color: var(--theme-body-color);
     22  outline: 0 !important;
     23 }
     24 
     25 /* Custom tree styles for the Search results panel*/
     26 .search-panel .treeTable .treeLabelCell::after {
     27  content: "";
     28 }
     29 
     30 /* Color for resource label */
     31 .search-panel .resourceCell {
     32  color: var(--theme-text-color-alt);
     33 }
     34 
     35 .search-panel .treeTable tbody {
     36  outline: 0 !important;
     37 }
     38 
     39 .search-panel .treeTable .resultLabel {
     40  font-weight: bold;
     41 }
     42 
     43 .search-panel .treeTable .treeLabelCell {
     44  text-overflow: ellipsis;
     45  max-width: 0;
     46  overflow: hidden;
     47  white-space: nowrap;
     48 }
     49 
     50 /* Case Sensitive button */
     51 #devtools-network-search-caseSensitive::before {
     52  background-image: url("chrome://devtools/skin/images/case-match.svg");
     53 }
     54 
     55 button.case-sensitive-btn {
     56  padding: 2px;
     57  margin: 0 3px;
     58  border: none;
     59  background: none;
     60  width: 20px;
     61  height: 20px;
     62  border-radius: 2px;
     63 }
     64 
     65 /* Color for query matches */
     66 .search-panel .resultCell .query-match {
     67  background-color: var(--theme-search-results-background);
     68  color: var(--theme-search-results-color);
     69  border-bottom: 1px solid var(--theme-search-results-border-color);
     70 }
     71 
     72 .search-modifiers {
     73  display: flex;
     74  align-items: center;
     75 }
     76 
     77 .search-modifiers * {
     78  user-select: none;
     79 }
     80 
     81 .pipe-divider {
     82  flex: none;
     83  align-self: stretch;
     84  width: 1px;
     85  vertical-align: middle;
     86  margin: 4px;
     87  background-color: var(--theme-splitter-color);
     88 }
     89 
     90 .search-type-name {
     91  margin: 0 4px;
     92  border: none;
     93  background: transparent;
     94  color: var(--theme-comment);
     95 }
     96 
     97 .search-modifiers button {
     98  margin: 0 3px;
     99  border: none;
    100  background: none;
    101  width: 25px;
    102  height: 20px;
    103  border-radius: 2px;
    104 }
    105 
    106 .search-panel .devtools-toolbar {
    107  max-height: 26px;
    108 }
    109 
    110 .search-panel .status-bar-label {
    111  min-height: 24px;
    112  white-space: nowrap;
    113  text-overflow: ellipsis;
    114  display: block;
    115  overflow: hidden;
    116  min-width: 150px;
    117 }
    118 
    119 .search-panel .img.loader {
    120  background-image: url(chrome://devtools/content/debugger/images/loader.svg);
    121  background-repeat: no-repeat;
    122  background-position: center;
    123  background-size: contain;
    124  width: 16px;
    125  height: 16px;
    126  margin-inline-start: 10px;
    127  animation: search-loader-rotate 0.5s linear infinite;
    128  -moz-context-properties: fill;
    129  fill: var(--theme-selection-background);
    130  display: inline-block;
    131  top: 4px;
    132  position: relative;
    133 }
    134 
    135 @keyframes search-loader-rotate {
    136  from {
    137    transform: rotate(0deg);
    138  }
    139  to {
    140    transform: rotate(360deg);
    141  }
    142 }