The Tor Browser: browser/themes/shared/devtools/shadereditor.inc.css@6474c204b198

Cloned upstream origin tor-browser at tor-browser-31.3.0esr-4.5-1-build1
revision ID fc1c9ff7c1b2defdbc039f12214767608f46423f for hacking purpose.

     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 file,

     3  * You can obtain one at http://mozilla.org/MPL/2.0/. */

     5 /* Reload and waiting notices */

     7 .notice-container {

     8   margin-top: -50vh;

9 }

    11 .theme-dark .notice-container {

    12   background: url(background-noise-toolbar.png), #343c45; /* Toolbars */

    13   color: #f5f7fa; /* Light foreground text */

    14 }

    16 .theme-light .notice-container {

    17   background: url(background-noise-toolbar.png), #f0f1f2; /* Toolbars */

    18   color: #585959; /* Grey foreground text */

    19 }

    21 #reload-notice {

    22   font-size: 120%;

    23 }

    25 #waiting-notice {

    26   font-size: 110%;

    27 }

    29 #waiting-notice::before {

    30   display: inline-block;

    31   content: "";

    32   background: url("chrome://global/skin/icons/loading_16.png") center no-repeat;

    33   width: 16px;

    34   height: 16px;

    35   -moz-margin-end: 6px;

    36 }

    38 #requests-menu-reload-notice-button {

    39   min-height: 2em;

    40 }

    42 /* Shaders pane */

    44 #shaders-pane {

    45   min-width: 150px;

    46 }

    48 #shaders-pane + .devtools-side-splitter {

    49   border-color: transparent;

    50 }

    52 .program-item {

    53   padding: 2px 0px;

    54 }

    56 .side-menu-widget-item-checkbox {

    57   -moz-appearance: none;

    58   opacity: 0;

    59   transition: opacity .15s ease-out 0s;

    60 }

    62 /* Only show the checkbox when the source is hovered over, is selected, or if it

    63  * is not checked. */

    64 .side-menu-widget-item:hover > .side-menu-widget-item-checkbox,

    65 .side-menu-widget-item.selected > .side-menu-widget-item-checkbox,

    66 .side-menu-widget-item-checkbox:not([checked]) {

    67   opacity: 1;

    68   transition: opacity .15s ease-out 0s;

    69 }

    71 .side-menu-widget-item-checkbox .checkbox-check {

    72   -moz-appearance: none;

    73   background: url(itemToggle.png);

    74   background-repeat: no-repeat;

    75   background-clip: content-box;

    76   background-size: 32px 16px;

    77   background-position: -16px 0;

    78   width: 16px;

    79   height: 16px;

    80   border: 0;

    81 }

    83 .side-menu-widget-item-checkbox[checked] .checkbox-check {

    84   background-position: 0 0;

    85 }

    87 /* Shader source editors */

    89 .editor-label {

    90   padding: 1px 12px;

    91   border-top: 1px solid;

    92 }

    94 .theme-dark .editor-label {

    95   background: #343c45; /* Dark toolbars */

    96   border-color: #000; /* Match the splitter color. */

    97   color: #f5f7fa; /* Light foreground text */

    98 }

   100 .theme-light .editor-label {

   101   background: #f0f1f2; /* Light toolbars */

   102   border-color: #aaa; /* Match the splitter color. */

   103   color: #585959; /* Grey foreground text */

   104 }

   106 .theme-dark .editor-label[selected] {

   107   background-color: #1d4f73; /* Select Highlight Blue */

   108   color: #f5f7fa; /* Light foreground text */

   109 }

   111 .theme-light .editor-label[selected] {

   112   background-color: #4c9ed9; /* Select Highlight Blue */

   113   color: #f5f7fa; /* Light foreground text */

   114 }

   116 /* Responsive sidebar */

   118 @media (max-width: 700px) {

   119   #shaders-pane {

   120     max-height: 60vh;

   121   }

   123   #editors-splitter {

   124     border-color: transparent;

   125   }

   127   .side-menu-widget-container {

   128     box-shadow: none !important;

   129   }

   131   .side-menu-widget-item-arrow {

   132     background-image: none !important;

   133   }

   135   .editor-label {

   136     -moz-box-ordinal-group: 0;

   137     border-bottom: 1px solid;

   138   }

   139 }

The Tor Browser / file revision