tor-browser

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

dom-view.css (2332B)

      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 /******************************************************************************/
      6 /* General */
      7 
      8 body {
      9  padding: 0;
     10  margin: 0;
     11  overflow: hidden;
     12  background-color: var(--theme-body-background);
     13 }
     14 
     15 .mainFrame {
     16  display: flex;
     17  flex-direction: column;
     18  height: 100vh;
     19 }
     20 
     21 .mainFrame > .treeTableBox {
     22  flex: 1 1 auto;
     23  overflow: auto;
     24 }
     25 
     26 /******************************************************************************/
     27 /* TreeView Customization */
     28 
     29 .treeTable {
     30  width: 100%;
     31 }
     32 
     33 /* Space for read only properties icon */
     34 .treeTable td.treeValueCell {
     35  padding-inline-start: 16px;
     36 }
     37 
     38 .treeTable .treeLabel,
     39 .treeTable td.treeValueCell .objectBox {
     40  direction: ltr; /* Don't change the direction of english labels */
     41 }
     42 
     43 /* Read only properties have a padlock icon */
     44 .treeTable tr:not(.writable) td.treeValueCell {
     45  background: url("chrome://devtools/skin/images/lock.svg") no-repeat;
     46  background-position: 1px 4px;
     47  background-size: 12px 12px;
     48  -moz-context-properties: fill;
     49  fill: var(--theme-icon-dimmed-color);
     50 }
     51 
     52 .treeTable tr:not(.writable) td.treeValueCell:dir(rtl) {
     53  background-position-x: right 1px;
     54 }
     55 
     56 .treeTable tr:not(.writable).selected td.treeValueCell {
     57  fill: var(--theme-selection-color);
     58 }
     59 
     60 /* Non-enumerable properties are grayed out */
     61 .treeTable tr:not(.enumerable) td.treeValueCell {
     62  opacity: 0.7;
     63 }
     64 
     65 .theme-light .treeTable > tbody > tr > td {
     66  border-bottom: 1px solid var(--grey-20);
     67 }
     68 
     69 /* Label Types */
     70 .treeTable .userLabel,
     71 .treeTable .userClassLabel,
     72 .treeTable .userFunctionLabel {
     73  font-weight: bold;
     74 }
     75 
     76 .treeTable .userLabel {
     77  color: #000000;
     78 }
     79 
     80 .treeTable .userClassLabel {
     81  color: #e90000;
     82 }
     83 
     84 .treeTable .userFunctionLabel {
     85  color: #025e2a;
     86 }
     87 
     88 .treeTable .domLabel {
     89  color: #000000;
     90 }
     91 
     92 .treeTable .domClassLabel {
     93  color: #e90000;
     94 }
     95 
     96 .treeTable .domFunctionLabel {
     97  color: #025e2a;
     98 }
     99 
    100 .treeTable .ordinalLabel {
    101  color: SlateBlue;
    102  font-weight: bold;
    103 }
    104 
    105 /******************************************************************************/
    106 /* Refresh button */
    107 #dom-refresh-button::before {
    108  background-image: url("chrome://devtools/skin/images/reload.svg");
    109 }