tor-browser

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

UrlPreview.css (2181B)

      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 /* Url Preview */
      6 
      7 .url-preview {
      8  border-bottom: 1px solid var(--theme-splitter-color);
      9  padding: 6px 3px;
     10 }
     11 
     12 .url-preview .properties-view,
     13 .url-preview .tree-container,
     14 .url-preview .treeTable {
     15  overflow: hidden;
     16  outline: none;
     17 }
     18 
     19 .url-preview .properties-view {
     20  margin-right: 10px;
     21 }
     22 
     23 .url-preview tbody:focus {
     24  outline: none;
     25 }
     26 .url-preview td.splitter {
     27  /* This makes sure that the column spans the width of the
     28    side bar so the contained horizontal splitter is visible */
     29  width: 100vw !important;
     30 }
     31 
     32 .url-preview .horizontal-splitter {
     33  border-bottom: 1px solid var(--theme-splitter-color);
     34  margin: 6px 0 6px 16px;
     35 }
     36 
     37 .url-preview .treeValueCell .url {
     38  display: inline;
     39  white-space: normal;
     40 }
     41 
     42 .url-preview .treeTable .treeRow .treeIcon {
     43  margin-inline: 0 1px;
     44 }
     45 
     46 .url-preview .tree-container .treeTable tr {
     47  margin-bottom: 3px;
     48 }
     49 
     50 .url-preview .treeTable .treeRow:not(.selected):hover {
     51  background-color: transparent !important;
     52 }
     53 
     54 .url-preview .treeTable tr.treeRow:first-child .treeLabelCell::after {
     55  content: "";
     56 }
     57 .url-preview .treeTable .treeLabelCell {
     58  --tree-label-cell-indent: 0 !important;
     59 }
     60 /* Indent the array params */
     61 .url-preview .treeTable .treeRow[aria-level="4"] .treeLabelCell {
     62  text-indent: 15px;
     63 }
     64 
     65 .url-preview .treeTable .treeLabel[data-level="1"] {
     66  text-transform: capitalize;
     67 }
     68 
     69 /* Collapsed url */
     70 .url-preview tr.treeRow:first-child .treeLabelCell {
     71  font-weight: bold;
     72  color: var(--theme-comment);
     73 }
     74 
     75 .url-preview tr.treeRow .treeLabelCell {
     76  float: left;
     77  margin-right: -15px;
     78  padding: 0 2px 0 0;
     79 }
     80 .url-preview tr.treeRow .treeValueCell {
     81  display: inline;
     82  word-break: break-all;
     83  max-width: none;
     84  box-decoration-break: clone;
     85  margin-left: 14px;
     86 }
     87 
     88 .url-preview .treeTable .treeValueCell {
     89  color: var(--theme-body-color);
     90 }
     91 
     92 .url-preview .url-scheme,
     93 .url-preview .url-chars {
     94  color: var(--theme-comment);
     95 }
     96 
     97 .url-preview .url-params-name {
     98  color: var(--theme-highlight-blue);
     99 }