The Tor Browser / file comparison
comparison: toolkit/themes/osx/global/popup.css
toolkit/themes/osx/global/popup.css
- changeset 0
- 6474c204b198
equal
deleted
inserted
replaced
| -1:000000000000 | 0:5828dd0f73c2 |
|---|---|
| 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 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); | |
| 6 | |
| 7 menupopup, | |
| 8 panel { | |
| 9 -moz-appearance: menupopup; | |
| 10 background-color: Menu; | |
| 11 } | |
| 12 | |
| 13 menupopup > menu > menupopup { | |
| 14 margin-top: -4px; | |
| 15 } | |
| 16 | |
| 17 .popup-internal-box { | |
| 18 padding: 4px 0; | |
| 19 } | |
| 20 | |
| 21 panel[titlebar] { | |
| 22 -moz-appearance: none; /* to disable rounded corners */ | |
| 23 } | |
| 24 | |
| 25 panel[type="arrow"] { | |
| 26 -moz-appearance: none; | |
| 27 background: transparent; | |
| 28 transition: opacity 300ms; | |
| 29 } | |
| 30 | |
| 31 .panel-arrowcontainer[panelopen] { | |
| 32 transition-duration: 200ms, 150ms; | |
| 33 transition-property: opacity, transform; | |
| 34 transition-timing-function: ease-out; | |
| 35 } | |
| 36 | |
| 37 .panel-arrowcontainer:not([panelopen]) { | |
| 38 opacity: 0; | |
| 39 } | |
| 40 | |
| 41 .panel-arrowcontainer:not([panelopen])[side="top"] { | |
| 42 transform: translateY(-20px); | |
| 43 } | |
| 44 | |
| 45 .panel-arrowcontainer:not([panelopen])[side="bottom"] { | |
| 46 transform: translateY(20px); | |
| 47 } | |
| 48 | |
| 49 .panel-arrowcontainer:not([panelopen])[side="left"] { | |
| 50 transform: translateX(-20px); | |
| 51 } | |
| 52 | |
| 53 .panel-arrowcontainer:not([panelopen])[side="right"] { | |
| 54 transform: translateX(20px); | |
| 55 } | |
| 56 | |
| 57 panel[type="arrow"][side="top"], | |
| 58 panel[type="arrow"][side="bottom"] { | |
| 59 margin-left: -25px; | |
| 60 margin-right: -25px; | |
| 61 } | |
| 62 | |
| 63 panel[type="arrow"][side="left"], | |
| 64 panel[type="arrow"][side="right"] { | |
| 65 margin-top: -25px; | |
| 66 margin-bottom: -25px; | |
| 67 } | |
| 68 | |
| 69 .panel-arrowcontent { | |
| 70 -moz-appearance: none; | |
| 71 background-image: linear-gradient(hsla(0,0%,99%,1), hsla(0,0%,99%,.975) 10%, hsla(0,0%,98%,.975)); | |
| 72 border-radius: 3.5px; | |
| 73 box-shadow: 0 0 0 1px hsla(210,4%,10%,.05); | |
| 74 color: hsl(0,0%,10%); | |
| 75 padding: 16px; | |
| 76 margin: 1px; | |
| 77 } | |
| 78 | |
| 79 .panel-arrow[side="top"] { | |
| 80 list-style-image: url("chrome://global/skin/arrow/panelarrow-vertical.png"); | |
| 81 margin-left: 16px; | |
| 82 margin-right: 16px; | |
| 83 margin-bottom: -1px; | |
| 84 } | |
| 85 | |
| 86 .panel-arrow[side="bottom"] { | |
| 87 list-style-image: url("chrome://global/skin/arrow/panelarrow-vertical.png"); | |
| 88 -moz-transform: scaleY(-1); | |
| 89 margin-left: 16px; | |
| 90 margin-right: 16px; | |
| 91 margin-top: -1px; | |
| 92 } | |
| 93 | |
| 94 .panel-arrow[side="left"] { | |
| 95 list-style-image: url("chrome://global/skin/arrow/panelarrow-horizontal.png"); | |
| 96 margin-top: 16px; | |
| 97 margin-bottom: 16px; | |
| 98 margin-right: -1px; | |
| 99 } | |
| 100 | |
| 101 .panel-arrow[side="right"] { | |
| 102 list-style-image: url("chrome://global/skin/arrow/panelarrow-horizontal.png"); | |
| 103 transform: scaleX(-1); | |
| 104 margin-top: 16px; | |
| 105 margin-bottom: 16px; | |
| 106 margin-left: -1px; | |
| 107 } | |
| 108 | |
| 109 @media (min-resolution: 2dppx) { | |
| 110 .panel-arrow[side="top"], | |
| 111 .panel-arrow[side="bottom"] { | |
| 112 list-style-image: url("chrome://global/skin/arrow/panelarrow-vertical@2x.png"); | |
| 113 width: 18px; | |
| 114 height: 10px; | |
| 115 } | |
| 116 | |
| 117 .panel-arrow[side="left"], | |
| 118 .panel-arrow[side="right"] { | |
| 119 list-style-image: url("chrome://global/skin/arrow/panelarrow-horizontal@2x.png"); | |
| 120 width: 10px; | |
| 121 height: 18px; | |
| 122 } | |
| 123 } | |
| 124 | |
| 125 /* ::::: tooltip ::::: */ | |
| 126 | |
| 127 tooltip { | |
| 128 -moz-appearance: tooltip; | |
| 129 margin-top: 18px; | |
| 130 padding: 2px 3px; | |
| 131 max-width: 40em; | |
| 132 color: InfoText; | |
| 133 font: message-box; | |
| 134 cursor: default; | |
| 135 } | |
| 136 | |
| 137 tooltip[titletip="true"] { | |
| 138 /* See bug 32157 comment 128 | |
| 139 * margin: -2px 0px 0px -3px; | |
| 140 */ | |
| 141 max-width: none; | |
| 142 } | |
| 143 | |
| 144 /* rules for popups associated with menulists */ | |
| 145 | |
| 146 menulist > menupopup, | |
| 147 .menulist-menupopup { | |
| 148 min-width: 0px; | |
| 149 } | |
| 150 | |
| 151 menulist[editable="true"] > menupopup { | |
| 152 -moz-appearance: none; | |
| 153 } | |
| 154 | |
| 155 menulist[editable="true"] > menupopup > .popup-internal-box { | |
| 156 padding: 0; | |
| 157 } |
