fixup! Bug 2176: Rebrand Firefox to TorBrowser

  skin/classic/global/media/textrecognition.css            (../../shared/media/textrecognition.css)

  skin/classic/global/browser-colors.css                   (../../shared/browser-colors.css)

# Tor customization

  skin/classic/global/onionPattern.css                     (../../shared/onionPattern.css)

  skin/classic/global/onionPattern.svg                     (../../shared/onionPattern.svg)

/* Onion pattern */

.onion-pattern-container {

  flex: auto;           /* grow to consume remaining space on the page */

  display: flex;

  margin: 0 auto;

  width: 100%;

  /* two onions tall, 4x the radius */

  height: calc(4 * var(--onion-radius));

  max-height: calc(4 * var(--onion-radius));

  min-height: calc(4 * var(--onion-radius));

  direction: ltr;

}

.onion-pattern-crop {

  height: 100%;

  width: 100%;

  -moz-context-properties: fill;

  fill: var(--onion-color, currentColor);

  /* opacity of the entire div, not context-opacity */

  opacity: var(--onion-opacity, 1);

  background-image: url("chrome://global/skin/onionPattern.svg");

  background-repeat: repeat;

  background-attachment: local;

  background-position: center;

  /* svg source is 6 onions wide and 2 onions tall */

  background-size: calc(6 * 2 * var(--onion-radius)) calc(2 * 2 * var(--onion-radius));;

}

<!--

  Container div that holds onionPattern.svg

  It is expected the includer of this xhtml file also includes onionPattern.css

  and define the following vars:

    onion-radius : radius of an onion

    onion-color : the base color of the onion pattern

    onion-opacity : the opacity of the entire repeating pattern

-->

<div class="onion-pattern-container">

  <div class="onion-pattern-crop"/>

</div>

 No newline at end of file