The Tor Browser: browser/metro/theme/flyoutpanel.css@6474c204b198

Cloned upstream origin tor-browser at tor-browser-31.3.0esr-4.5-1-build1
revision ID fc1c9ff7c1b2defdbc039f12214767608f46423f for hacking purpose.

     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

     3  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */

     5 %filter substitution

     6 %include defines.inc

     8 flyoutpanel {

     9   height: 100%;

    10   background-color: #ffffff;

    11   visibility: collapse;

    12   position: fixed;

    13   transition: transform @metro_animation_duration@ @metro_animation_easing@;

    14   transform: translateX(100%);

    15   font-size: 11pt;

    16   right: 0;

    17 }

    19 flyoutpanel:-moz-dir(rtl) {

    20   left: 0;

    21   right: auto;

    22   transform: translateX(-100%);

    23 }

    25 .flyoutpanel-slide-in {

    26   transform: translateX(0);

    27 }

    29 flyoutpanel[visible] {

    30   visibility: visible;

    31 }

    33 /* XUL flexbox layout doesn't work in a position:fixed container, so we have

    34  * this normally-positioned inside for layout purposes. */

    35 .flyoutpanel-wrapper {

    36   height: 100%;

    37   width: 100%;

    38 }

    40 .flyoutpanel-header {

    41   border-width: 1px;

    42   -moz-border-start-style: solid;

    43   border-color: #1b1b1b;

    44   background-color: #002147;

    45   height: 80px;

    46   width: 100%;

    47   color: #ffffff;

    48   font-weight: lighter;

    49   font-size: 20pt;

    50 }

    52 .flyout-close-button {

    53   margin-top: 30px !important;

    54   -moz-margin-start: 40px !important;

    55 }

    57 .flyout-header-label {

    58   margin-top: 30px !important;

    59   -moz-margin-start: 10px !important;

    60 }

    62 .flyoutpanel-contents {

    63   border-width: 1px;

    64   -moz-border-start-style: solid;

    65   border-color: #c2c2c2;

    66   padding: @metro_spacing_large@;

    67   width: 100%;

    68 }

    70 .flyoutpanel-contents[input="precise"] {

    71   overflow-y: scroll;

    72   overflow-x: hidden;

    73 }

    75 .flyout-close-button {

    76   border: 0 none;

    77   -moz-appearance: none;

    78   list-style-image: url(chrome://browser/skin/images/flyout-back-button.png);

    79   -moz-image-region: rect(0 32px 32px 0);

    80 }

    82 .flyout-close-button:-moz-locale-dir(rtl) {

    83   transform: scaleX(-1);

    84 }

    86 .flyout-close-button:hover {

    87   -moz-image-region: rect(0 64px 32px 32px);

    88 }

    90 .flyout-close-button:active {

    91   -moz-image-region: rect(0 96px 32px 64px);

    92 }

The Tor Browser / file revision