The Tor Browser / file diff

     1.1 --- /dev/null	Thu Jan 01 00:00:00 1970 +0000
     1.2 +++ b/browser/metro/theme/flyoutpanel.css	Wed Dec 31 06:09:35 2014 +0100
     1.3 @@ -0,0 +1,92 @@
     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
     1.6 + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
     1.7 +
     1.8 +%filter substitution
     1.9 +%include defines.inc
    1.10 +
    1.11 +flyoutpanel {
    1.12 +  height: 100%;
    1.13 +  background-color: #ffffff;
    1.14 +  visibility: collapse;
    1.15 +  position: fixed;
    1.16 +  transition: transform @metro_animation_duration@ @metro_animation_easing@;
    1.17 +  transform: translateX(100%);
    1.18 +  font-size: 11pt;
    1.19 +  right: 0;
    1.20 +}
    1.21 +
    1.22 +flyoutpanel:-moz-dir(rtl) {
    1.23 +  left: 0;
    1.24 +  right: auto;
    1.25 +  transform: translateX(-100%);
    1.26 +}
    1.27 +
    1.28 +.flyoutpanel-slide-in {
    1.29 +  transform: translateX(0);
    1.30 +}
    1.31 +
    1.32 +flyoutpanel[visible] {
    1.33 +  visibility: visible;
    1.34 +}
    1.35 +
    1.36 +/* XUL flexbox layout doesn't work in a position:fixed container, so we have
    1.37 + * this normally-positioned inside for layout purposes. */
    1.38 +.flyoutpanel-wrapper {
    1.39 +  height: 100%;
    1.40 +  width: 100%;
    1.41 +}
    1.42 +
    1.43 +.flyoutpanel-header {
    1.44 +  border-width: 1px;
    1.45 +  -moz-border-start-style: solid;
    1.46 +  border-color: #1b1b1b;
    1.47 +  background-color: #002147;
    1.48 +  height: 80px;
    1.49 +  width: 100%;
    1.50 +  color: #ffffff;
    1.51 +  font-weight: lighter;
    1.52 +  font-size: 20pt;
    1.53 +}
    1.54 +
    1.55 +.flyout-close-button {
    1.56 +  margin-top: 30px !important;
    1.57 +  -moz-margin-start: 40px !important;
    1.58 +}
    1.59 +
    1.60 +.flyout-header-label {
    1.61 +  margin-top: 30px !important;
    1.62 +  -moz-margin-start: 10px !important;
    1.63 +}
    1.64 +
    1.65 +.flyoutpanel-contents {
    1.66 +  border-width: 1px;
    1.67 +  -moz-border-start-style: solid;
    1.68 +  border-color: #c2c2c2;
    1.69 +  padding: @metro_spacing_large@;
    1.70 +  width: 100%;
    1.71 +}
    1.72 +
    1.73 +.flyoutpanel-contents[input="precise"] {
    1.74 +  overflow-y: scroll;
    1.75 +  overflow-x: hidden;
    1.76 +}
    1.77 +
    1.78 +.flyout-close-button {
    1.79 +  border: 0 none;
    1.80 +  -moz-appearance: none;
    1.81 +  list-style-image: url(chrome://browser/skin/images/flyout-back-button.png);
    1.82 +  -moz-image-region: rect(0 32px 32px 0);
    1.83 +}
    1.84 +
    1.85 +.flyout-close-button:-moz-locale-dir(rtl) {
    1.86 +  transform: scaleX(-1);
    1.87 +}
    1.88 +
    1.89 +.flyout-close-button:hover {
    1.90 +  -moz-image-region: rect(0 64px 32px 32px);
    1.91 +}
    1.92 +
    1.93 +.flyout-close-button:active {
    1.94 +  -moz-image-region: rect(0 96px 32px 64px);
    1.95 +}