The Tor Browser / file comparison
comparison: browser/metro/theme/flyoutpanel.css
browser/metro/theme/flyoutpanel.css
- changeset 2
- 7e26c7da4463
equal
deleted
inserted
replaced
| -1:000000000000 | 0:d71f6ca41358 |
|---|---|
| 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/. */ | |
| 4 | |
| 5 %filter substitution | |
| 6 %include defines.inc | |
| 7 | |
| 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 } | |
| 18 | |
| 19 flyoutpanel:-moz-dir(rtl) { | |
| 20 left: 0; | |
| 21 right: auto; | |
| 22 transform: translateX(-100%); | |
| 23 } | |
| 24 | |
| 25 .flyoutpanel-slide-in { | |
| 26 transform: translateX(0); | |
| 27 } | |
| 28 | |
| 29 flyoutpanel[visible] { | |
| 30 visibility: visible; | |
| 31 } | |
| 32 | |
| 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 } | |
| 39 | |
| 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 } | |
| 51 | |
| 52 .flyout-close-button { | |
| 53 margin-top: 30px !important; | |
| 54 -moz-margin-start: 40px !important; | |
| 55 } | |
| 56 | |
| 57 .flyout-header-label { | |
| 58 margin-top: 30px !important; | |
| 59 -moz-margin-start: 10px !important; | |
| 60 } | |
| 61 | |
| 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 } | |
| 69 | |
| 70 .flyoutpanel-contents[input="precise"] { | |
| 71 overflow-y: scroll; | |
| 72 overflow-x: hidden; | |
| 73 } | |
| 74 | |
| 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 } | |
| 81 | |
| 82 .flyout-close-button:-moz-locale-dir(rtl) { | |
| 83 transform: scaleX(-1); | |
| 84 } | |
| 85 | |
| 86 .flyout-close-button:hover { | |
| 87 -moz-image-region: rect(0 64px 32px 32px); | |
| 88 } | |
| 89 | |
| 90 .flyout-close-button:active { | |
| 91 -moz-image-region: rect(0 96px 32px 64px); | |
| 92 } |
