third_party/WebKit/Source/devtools/front_end/sources/sourcesSearch.css

   1 /*
   2  * Copyright 2014 The Chromium Authors. All rights reserved.
   3  * Use of this source code is governed by a BSD-style license that can be
   4  * found in the LICENSE file.
   5  */
   6
   7 .search-drawer-header {
   8     flex: none;
   9     padding: 4px;
  10     display: flex;
  11 }
  12
  13 .search-drawer-header input[type="text"].search-config-search {
  14     -webkit-appearance: none;
  15     padding: 0 3px;
  16     margin: 0;
  17     border: 1px solid rgb(163, 163, 163);
  18     height: 20px;
  19     border-radius: 2px;
  20     color: #303030;
  21 }
  22
  23 .search-drawer-header input[type="search"].search-config-search:focus {
  24     border: 1px solid rgb(190, 190, 190);
  25     outline: none;
  26 }
  27
  28 :host-context(.platform-mac) .search-drawer-header input[type="search"].search-config-search {
  29     top: 1px;
  30 }
  31
  32 .search-drawer-header label.search-config-label {
  33     margin: auto 0;
  34     margin-left: 8px;
  35     color: #303030;
  36     display: flex;
  37 }
  38
  39 .search-toolbar-summary {
  40     background-color: #eee;
  41     border-top: 1px solid #ccc;
  42     padding-left: 5px;
  43     flex: 0 0 19px;
  44     display: flex;
  45     padding-right: 5px;
  46 }
  47
  48 .search-toolbar-summary .search-message {
  49     padding-top: 2px;
  50 }
  51
  52 .search-toolbar-summary .search-message-spacer {
  53     flex-grow: 1;
  54 }
  55
  56 #search-results-pane-file-based li {
  57     list-style: none;
  58 }
  59
  60 #search-results-pane-file-based ol {
  61     -webkit-padding-start: 0;
  62     margin-top: 0;
  63 }
  64
  65 #search-results-pane-file-based ol.children {
  66     display: none;
  67 }
  68
  69 #search-results-pane-file-based ol.children.expanded {
  70     display: block;
  71 }
  72
  73 #search-results-pane-file-based li.parent::before {
  74     -webkit-user-select: none;
  75     background-image: url(Images/toolbarButtonGlyphs.png);
  76     background-size: 352px 168px;
  77     opacity: 0.5;
  78     width: 12px;
  79     content: "a";
  80     color: transparent;
  81     margin-left: -5px;
  82     padding-right: 4px;
  83     display: inline-block;
  84     box-sizing: border-box;
  85 }
  86
  87 @media (-webkit-min-device-pixel-ratio: 1.5) {
  88 #search-results-pane-file-based li.parent::before {
  89     background-image: url(Images/toolbarButtonGlyphs_2x.png);
  90 }
  91 } /* media */
  92
  93 #search-results-pane-file-based li.parent::before {
  94     background-position: -4px -96px;
  95 }
  96
  97 #search-results-pane-file-based li.parent.expanded::before {
  98     background-position: -20px -96px;
  99 }
 100
 101 #search-results-pane-file-based .search-result {
 102     font-size: 11px;
 103     padding: 2px 0 2px 10px;
 104     word-wrap: normal;
 105     white-space: pre;
 106     cursor: pointer;
 107 }
 108
 109 #search-results-pane-file-based .search-result:hover {
 110     background-color: rgba(121, 121, 121, 0.1);
 111 }
 112
 113 #search-results-pane-file-based .search-result .search-result-file-name {
 114     font-weight: bold;
 115     color: #222;
 116 }
 117
 118 #search-results-pane-file-based .search-result .search-result-matches-count {
 119     margin-left: 5px;
 120     color: #222;
 121 }
 122
 123 #search-results-pane-file-based .show-more-matches {
 124     padding: 4px 0;
 125     color: #222;
 126     cursor: pointer;
 127     font-size: 11px;
 128     margin-left: 20px;
 129 }
 130
 131 #search-results-pane-file-based .show-more-matches:hover {
 132     text-decoration: underline;
 133 }
 134
 135 #search-results-pane-file-based .search-match {
 136     word-wrap: normal;
 137     white-space: pre;
 138 }
 139
 140 #search-results-pane-file-based .search-match .search-match-line-number {
 141     color: rgb(128, 128, 128);
 142     text-align: right;
 143     vertical-align: top;
 144     word-break: normal;
 145     padding-right: 4px;
 146     padding-left: 6px;
 147     margin-right: 5px;
 148     border-right: 1px solid #BBB;
 149 }
 150
 151 #search-results-pane-file-based .search-match:not(:hover) .search-match-line-number {
 152     background-color: #F0F0F0;
 153 }
 154
 155 #search-results-pane-file-based .search-match:hover {
 156     background-color: rgba(56, 121, 217, 0.1);
 157 }
 158
 159 #search-results-pane-file-based .search-match .highlighted-match {
 160     background-color: #F1EA00;
 161 }
 162
 163 #search-results-pane-file-based a {
 164     text-decoration: none;
 165     display: block;
 166 }
 167
 168 #search-results-pane-file-based .search-match .search-match-content {
 169     color: #000;
 170 }
 171
 172 .search-view .search-results {
 173     overflow-y: auto;
 174     display: flex;
 175     flex: auto;
 176 }
 177
 178 .search-results .empty-view {
 179     pointer-events: none;
 180 }
 181
 182 .empty-view {
 183     font-size: 24px;
 184     color: rgb(75%, 75%, 75%);
 185     font-weight: bold;
 186     padding: 10px;
 187     display: flex;
 188     align-items: center;
 189     justify-content: center;
 190 }