The Tor Browser / file comparison
comparison: browser/themes/shared/devtools/webaudioeditor.inc.css
browser/themes/shared/devtools/webaudioeditor.inc.css
- changeset 0
- 6474c204b198
equal
deleted
inserted
replaced
| -1:000000000000 | 0:50f4fd0999b2 |
|---|---|
| 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 .notice-container { | |
| 7 margin-top: -50vh; | |
| 8 } | |
| 9 | |
| 10 .theme-dark .notice-container { | |
| 11 background: url(background-noise-toolbar.png), #343c45; /* Toolbars */ | |
| 12 color: #f5f7fa; /* Light foreground text */ | |
| 13 } | |
| 14 | |
| 15 .theme-light .notice-container { | |
| 16 background: url(background-noise-toolbar.png), #f0f1f2; /* Toolbars */ | |
| 17 color: #585959; /* Grey foreground text */ | |
| 18 } | |
| 19 | |
| 20 #reload-notice { | |
| 21 font-size: 120%; | |
| 22 } | |
| 23 | |
| 24 #waiting-notice { | |
| 25 font-size: 110%; | |
| 26 } | |
| 27 | |
| 28 #waiting-notice::before { | |
| 29 display: inline-block; | |
| 30 content: ""; | |
| 31 background: url("chrome://global/skin/icons/loading_16.png") center no-repeat; | |
| 32 width: 16px; | |
| 33 height: 16px; | |
| 34 -moz-margin-end: 6px; | |
| 35 } | |
| 36 | |
| 37 #requests-menu-reload-notice-button { | |
| 38 min-height: 2em; | |
| 39 } | |
| 40 | |
| 41 /* Context Graph */ | |
| 42 svg { | |
| 43 position: fixed; | |
| 44 overflow: hidden; | |
| 45 } | |
| 46 | |
| 47 /* Edges in graph */ | |
| 48 .edgePath path { | |
| 49 stroke-width: 1.5px; | |
| 50 fill: none; | |
| 51 } | |
| 52 | |
| 53 .theme-dark .edgePath path { stroke: #f5f7fa; } | |
| 54 .theme-light .edgePath path { stroke: #585959; } | |
| 55 | |
| 56 /* Audio Nodes */ | |
| 57 .nodes rect { | |
| 58 stroke-width: 2px; | |
| 59 cursor: pointer; | |
| 60 } | |
| 61 | |
| 62 .theme-dark .nodes rect { | |
| 63 stroke: #585959; | |
| 64 fill: #f5f7fa; | |
| 65 } | |
| 66 | |
| 67 .theme-light .nodes rect { | |
| 68 fill: #585959; | |
| 69 stroke: #f5f7fa; | |
| 70 } | |
| 71 | |
| 72 .nodes g.selected rect { | |
| 73 stroke-width: 1.5px; | |
| 74 animation-duration: 1s; | |
| 75 animation-iteration-count: infinite; | |
| 76 animation-timing-function: ease-in-out; | |
| 77 animation-direction: alternate; | |
| 78 } | |
| 79 | |
| 80 .theme-dark .nodes g.selected rect { animation-name: dark-selected-glow; } | |
| 81 .theme-light .nodes g.selected rect { animation-name: light-selected-glow; } | |
| 82 | |
| 83 /* Text in nodes */ | |
| 84 text { | |
| 85 cursor: pointer; | |
| 86 font-weight: 300; | |
| 87 font-family: "Helvetica Neue", Helvetica, Arial, sans-serf; | |
| 88 font-size: 14px; | |
| 89 } | |
| 90 | |
| 91 .theme-dark text { | |
| 92 fill: #333; | |
| 93 /* text-shadow: 0 1px 0 #fff, 1px 0 0 #fff, 0 -1px 0 #fff, -1px 0 0 #fff; */ | |
| 94 } | |
| 95 .theme-light text { | |
| 96 fill: #111; | |
| 97 } | |
| 98 | |
| 99 /** | |
| 100 * Animations for graphs | |
| 101 */ | |
| 102 @keyframes dark-selected-glow { | |
| 103 0% { fill: #1d4f73; } | |
| 104 100% { fill: #3CA3ED; } | |
| 105 } | |
| 106 @keyframes light-selected-glow { | |
| 107 0% { fill: #4c9ed9; } | |
| 108 100% { fill: #59BAFF; } | |
| 109 } | |
| 110 | |
| 111 /** | |
| 112 * Inspector Styles | |
| 113 */ | |
| 114 | |
| 115 .web-audio-inspector .error { | |
| 116 background-image: url(chrome://browser/skin/devtools/alerticon-warning.png); | |
| 117 -moz-appearance: none; | |
| 118 opacity: 0; | |
| 119 transition: opacity .5s ease-out 0s; | |
| 120 } |
