The Tor Browser / file comparison
comparison: toolkit/themes/windows/global/popup.css
toolkit/themes/windows/global/popup.css
- branch
- TOR_BUG_9701
- changeset 15
- b8a032363ba2
equal
deleted
inserted
replaced
| -1:000000000000 | 0:b967db2f0ac7 |
|---|---|
| 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 | |
| 9 menupopup, | |
| 10 panel { | |
| 11 border: 3px solid transparent; | |
| 12 -moz-border-top-colors : ThreeDLightShadow ThreeDHighlight ThreeDFace; | |
| 13 -moz-border-left-colors : ThreeDLightShadow ThreeDHighlight ThreeDFace; | |
| 14 -moz-border-right-colors : ThreeDDarkShadow ThreeDShadow ThreeDFace; | |
| 15 -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow ThreeDFace; | |
| 16 padding: 0px; | |
| 17 min-width: 1px; | |
| 18 background: Menu; | |
| 19 color: MenuText; | |
| 20 } | |
| 21 | |
| 22 menupopup { | |
| 23 -moz-appearance: menupopup; | |
| 24 } | |
| 25 | |
| 26 menupopup > menu > menupopup { | |
| 27 /* align submenus */ | |
| 28 -moz-margin-start: -3px; | |
| 29 margin-top: -3px; | |
| 30 } | |
| 31 | |
| 32 panel[type="arrow"] { | |
| 33 -moz-appearance: none; | |
| 34 background: transparent; | |
| 35 border: none; | |
| 36 transition: opacity 300ms; | |
| 37 } | |
| 38 | |
| 39 .panel-arrowcontainer[panelopen] { | |
| 40 transition-duration: 200ms, 150ms; | |
| 41 transition-property: opacity, transform; | |
| 42 transition-timing-function: ease-out; | |
| 43 } | |
| 44 | |
| 45 .panel-arrowcontainer:not([panelopen]) { | |
| 46 opacity: 0; | |
| 47 } | |
| 48 | |
| 49 .panel-arrowcontainer:not([panelopen])[side="top"] { | |
| 50 transform: translateY(-20px); | |
| 51 } | |
| 52 | |
| 53 .panel-arrowcontainer:not([panelopen])[side="bottom"] { | |
| 54 transform: translateY(20px); | |
| 55 } | |
| 56 | |
| 57 .panel-arrowcontainer:not([panelopen])[side="left"] { | |
| 58 transform: translateX(-20px); | |
| 59 } | |
| 60 | |
| 61 .panel-arrowcontainer:not([panelopen])[side="right"] { | |
| 62 transform: translateX(20px); | |
| 63 } | |
| 64 | |
| 65 panel[type="arrow"][side="top"], | |
| 66 panel[type="arrow"][side="bottom"] { | |
| 67 margin-left: -20px; | |
| 68 margin-right: -20px; | |
| 69 } | |
| 70 | |
| 71 panel[type="arrow"][side="left"], | |
| 72 panel[type="arrow"][side="right"] { | |
| 73 margin-top: -20px; | |
| 74 margin-bottom: -20px; | |
| 75 } | |
| 76 | |
| 77 .panel-arrowcontent { | |
| 78 padding: 10px; | |
| 79 color: -moz-FieldText; | |
| 80 background: -moz-field; | |
| 81 background-clip: padding-box; | |
| 82 border: 1px solid ThreeDShadow; | |
| 83 margin: 4px; | |
| 84 } | |
| 85 | |
| 86 %ifdef WINDOWS_AERO | |
| 87 @media (-moz-os-version: windows-vista), | |
| 88 (-moz-os-version: windows-win7) { | |
| 89 %endif | |
| 90 /* < Win8 */ | |
| 91 .panel-arrowcontent { | |
| 92 border-radius: 4px; | |
| 93 } | |
| 94 %ifdef WINDOWS_AERO | |
| 95 } | |
| 96 %endif | |
| 97 | |
| 98 .panel-arrow[side="top"], | |
| 99 .panel-arrow[side="bottom"] { | |
| 100 list-style-image: url("chrome://global/skin/arrow/panelarrow-vertical-themed.svg"); | |
| 101 position: relative; | |
| 102 margin-left: 10px; | |
| 103 margin-right: 10px; | |
| 104 } | |
| 105 | |
| 106 .panel-arrow[side="top"] { | |
| 107 margin-bottom: -5px; | |
| 108 } | |
| 109 | |
| 110 .panel-arrow[side="bottom"] { | |
| 111 transform: scaleY(-1); | |
| 112 margin-top: -5px; | |
| 113 } | |
| 114 | |
| 115 .panel-arrow[side="left"], | |
| 116 .panel-arrow[side="right"] { | |
| 117 list-style-image: url("chrome://global/skin/arrow/panelarrow-horizontal-themed.svg"); | |
| 118 position: relative; | |
| 119 margin-top: 10px; | |
| 120 margin-bottom: 10px; | |
| 121 } | |
| 122 | |
| 123 .panel-arrow[side="left"] { | |
| 124 margin-right: -5px; | |
| 125 } | |
| 126 | |
| 127 .panel-arrow[side="right"] { | |
| 128 transform: scaleX(-1); | |
| 129 margin-left: -5px; | |
| 130 } | |
| 131 | |
| 132 %ifdef XP_WIN | |
| 133 @media (-moz-windows-default-theme) { | |
| 134 .panel-arrowcontent { | |
| 135 border-color: hsla(210,4%,10%,.2); | |
| 136 box-shadow: 0 0 4px hsla(210,4%,10%,.2); | |
| 137 } | |
| 138 | |
| 139 .panel-arrow[side="top"], | |
| 140 .panel-arrow[side="bottom"] { | |
| 141 list-style-image: url("chrome://global/skin/arrow/panelarrow-vertical.svg"); | |
| 142 } | |
| 143 | |
| 144 .panel-arrow[side="left"], | |
| 145 .panel-arrow[side="right"] { | |
| 146 list-style-image: url("chrome://global/skin/arrow/panelarrow-horizontal.svg"); | |
| 147 } | |
| 148 } | |
| 149 %endif | |
| 150 | |
| 151 /* ::::: tooltip ::::: */ | |
| 152 | |
| 153 tooltip { | |
| 154 -moz-appearance: tooltip; | |
| 155 margin-top: 21px; | |
| 156 border: 1px solid InfoText; | |
| 157 padding: 2px 3px; | |
| 158 max-width: 40em; | |
| 159 background-color: InfoBackground; | |
| 160 color: InfoText; | |
| 161 font: message-box; | |
| 162 } | |
| 163 | |
| 164 tooltip[titletip="true"] { | |
| 165 /* See bug 32157 comment 128 | |
| 166 * margin: -2px 0px 0px -3px; | |
| 167 */ | |
| 168 max-width: none; | |
| 169 } | |
| 170 | |
| 171 /* rules for popups associated with menulists */ | |
| 172 | |
| 173 menulist > menupopup, | |
| 174 .menulist-menupopup { | |
| 175 -moz-appearance: none; | |
| 176 border-width: 1px; | |
| 177 -moz-border-top-colors: -moz-FieldText; | |
| 178 -moz-border-right-colors: -moz-FieldText; | |
| 179 -moz-border-bottom-colors: -moz-FieldText; | |
| 180 -moz-border-left-colors: -moz-FieldText; | |
| 181 padding: 0px; | |
| 182 min-width: 0px; | |
| 183 background-color: -moz-Field; | |
| 184 } |
