The Tor Browser / file diff

     1.1 --- /dev/null	Thu Jan 01 00:00:00 1970 +0000
     1.2 +++ b/browser/themes/shared/devtools/webaudioeditor.inc.css	Wed Dec 31 06:09:35 2014 +0100
     1.3 @@ -0,0 +1,120 @@
     1.4 +/* This Source Code Form is subject to the terms of the Mozilla Public
     1.5 + * License, v. 2.0. If a copy of the MPL was not distributed with this file,
     1.6 + * You can obtain one at http://mozilla.org/MPL/2.0/. */
     1.7 +
     1.8 +/* Reload and waiting notices */
     1.9 +.notice-container {
    1.10 +  margin-top: -50vh;
    1.11 +}
    1.12 +
    1.13 +.theme-dark .notice-container {
    1.14 +  background: url(background-noise-toolbar.png), #343c45; /* Toolbars */
    1.15 +  color: #f5f7fa; /* Light foreground text */
    1.16 +}
    1.17 +
    1.18 +.theme-light .notice-container {
    1.19 +  background: url(background-noise-toolbar.png), #f0f1f2; /* Toolbars */
    1.20 +  color: #585959; /* Grey foreground text */
    1.21 +}
    1.22 +
    1.23 +#reload-notice {
    1.24 +  font-size: 120%;
    1.25 +}
    1.26 +
    1.27 +#waiting-notice {
    1.28 +  font-size: 110%;
    1.29 +}
    1.30 +
    1.31 +#waiting-notice::before {
    1.32 +  display: inline-block;
    1.33 +  content: "";
    1.34 +  background: url("chrome://global/skin/icons/loading_16.png") center no-repeat;
    1.35 +  width: 16px;
    1.36 +  height: 16px;
    1.37 +  -moz-margin-end: 6px;
    1.38 +}
    1.39 +
    1.40 +#requests-menu-reload-notice-button {
    1.41 +  min-height: 2em;
    1.42 +}
    1.43 +
    1.44 +/* Context Graph */
    1.45 +svg {
    1.46 +  position: fixed;
    1.47 +  overflow: hidden;
    1.48 +}
    1.49 +
    1.50 +/* Edges in graph */
    1.51 +.edgePath path {
    1.52 +  stroke-width: 1.5px;
    1.53 +  fill: none;
    1.54 +}
    1.55 +
    1.56 +.theme-dark .edgePath path { stroke: #f5f7fa; }
    1.57 +.theme-light .edgePath path { stroke: #585959; }
    1.58 +
    1.59 +/* Audio Nodes */
    1.60 +.nodes rect {
    1.61 +  stroke-width: 2px;
    1.62 +  cursor: pointer;
    1.63 +}
    1.64 +
    1.65 +.theme-dark .nodes rect {
    1.66 +  stroke: #585959;
    1.67 +  fill: #f5f7fa;
    1.68 +}
    1.69 +
    1.70 +.theme-light .nodes rect {
    1.71 +  fill: #585959;
    1.72 +  stroke: #f5f7fa;
    1.73 +}
    1.74 +
    1.75 +.nodes g.selected rect {
    1.76 +  stroke-width: 1.5px;
    1.77 +  animation-duration: 1s;
    1.78 +  animation-iteration-count: infinite;
    1.79 +  animation-timing-function: ease-in-out;
    1.80 +  animation-direction: alternate;
    1.81 +}
    1.82 +
    1.83 +.theme-dark .nodes g.selected rect { animation-name: dark-selected-glow; }
    1.84 +.theme-light .nodes g.selected rect { animation-name: light-selected-glow; }
    1.85 +
    1.86 +/* Text in nodes */
    1.87 +text {
    1.88 +  cursor: pointer;
    1.89 +  font-weight: 300;
    1.90 +  font-family: "Helvetica Neue", Helvetica, Arial, sans-serf;
    1.91 +  font-size: 14px;
    1.92 +}
    1.93 +
    1.94 +.theme-dark text {
    1.95 +  fill: #333;
    1.96 +  /* text-shadow: 0 1px 0 #fff, 1px 0 0 #fff, 0 -1px 0 #fff, -1px 0 0 #fff; */
    1.97 +}
    1.98 +.theme-light text {
    1.99 +  fill: #111;
   1.100 +}
   1.101 +
   1.102 +/**
   1.103 + * Animations for graphs
   1.104 + */
   1.105 +@keyframes dark-selected-glow {
   1.106 +  0% { fill: #1d4f73; }
   1.107 +  100% { fill: #3CA3ED; }
   1.108 +}
   1.109 +@keyframes light-selected-glow {
   1.110 +  0% { fill: #4c9ed9; }
   1.111 +  100% { fill: #59BAFF; }
   1.112 +}
   1.113 +
   1.114 +/**
   1.115 + * Inspector Styles
   1.116 + */
   1.117 +
   1.118 +.web-audio-inspector .error {
   1.119 +  background-image: url(chrome://browser/skin/devtools/alerticon-warning.png);
   1.120 +  -moz-appearance: none;
   1.121 +  opacity: 0;
   1.122 +  transition: opacity .5s ease-out 0s;
   1.123 +}