The Tor Browser / file comparison
comparison: browser/themes/shared/devtools/shadereditor.inc.css
browser/themes/shared/devtools/shadereditor.inc.css
- changeset 0
- 6474c204b198
equal
deleted
inserted
replaced
| -1:000000000000 | 0:9bfa5cb0304b |
|---|---|
| 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/. */ | |
| 4 | |
| 5 /* Reload and waiting notices */ | |
| 6 | |
| 7 .notice-container { | |
| 8 margin-top: -50vh; | |
| 9 } | |
| 10 | |
| 11 .theme-dark .notice-container { | |
| 12 background: url(background-noise-toolbar.png), #343c45; /* Toolbars */ | |
| 13 color: #f5f7fa; /* Light foreground text */ | |
| 14 } | |
| 15 | |
| 16 .theme-light .notice-container { | |
| 17 background: url(background-noise-toolbar.png), #f0f1f2; /* Toolbars */ | |
| 18 color: #585959; /* Grey foreground text */ | |
| 19 } | |
| 20 | |
| 21 #reload-notice { | |
| 22 font-size: 120%; | |
| 23 } | |
| 24 | |
| 25 #waiting-notice { | |
| 26 font-size: 110%; | |
| 27 } | |
| 28 | |
| 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 } | |
| 37 | |
| 38 #requests-menu-reload-notice-button { | |
| 39 min-height: 2em; | |
| 40 } | |
| 41 | |
| 42 /* Shaders pane */ | |
| 43 | |
| 44 #shaders-pane { | |
| 45 min-width: 150px; | |
| 46 } | |
| 47 | |
| 48 #shaders-pane + .devtools-side-splitter { | |
| 49 border-color: transparent; | |
| 50 } | |
| 51 | |
| 52 .program-item { | |
| 53 padding: 2px 0px; | |
| 54 } | |
| 55 | |
| 56 .side-menu-widget-item-checkbox { | |
| 57 -moz-appearance: none; | |
| 58 opacity: 0; | |
| 59 transition: opacity .15s ease-out 0s; | |
| 60 } | |
| 61 | |
| 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 } | |
| 70 | |
| 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 } | |
| 82 | |
| 83 .side-menu-widget-item-checkbox[checked] .checkbox-check { | |
| 84 background-position: 0 0; | |
| 85 } | |
| 86 | |
| 87 /* Shader source editors */ | |
| 88 | |
| 89 .editor-label { | |
| 90 padding: 1px 12px; | |
| 91 border-top: 1px solid; | |
| 92 } | |
| 93 | |
| 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 } | |
| 99 | |
| 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 } | |
| 105 | |
| 106 .theme-dark .editor-label[selected] { | |
| 107 background-color: #1d4f73; /* Select Highlight Blue */ | |
| 108 color: #f5f7fa; /* Light foreground text */ | |
| 109 } | |
| 110 | |
| 111 .theme-light .editor-label[selected] { | |
| 112 background-color: #4c9ed9; /* Select Highlight Blue */ | |
| 113 color: #f5f7fa; /* Light foreground text */ | |
| 114 } | |
| 115 | |
| 116 /* Responsive sidebar */ | |
| 117 | |
| 118 @media (max-width: 700px) { | |
| 119 #shaders-pane { | |
| 120 max-height: 60vh; | |
| 121 } | |
| 122 | |
| 123 #editors-splitter { | |
| 124 border-color: transparent; | |
| 125 } | |
| 126 | |
| 127 .side-menu-widget-container { | |
| 128 box-shadow: none !important; | |
| 129 } | |
| 130 | |
| 131 .side-menu-widget-item-arrow { | |
| 132 background-image: none !important; | |
| 133 } | |
| 134 | |
| 135 .editor-label { | |
| 136 -moz-box-ordinal-group: 0; | |
| 137 border-bottom: 1px solid; | |
| 138 } | |
| 139 } |
