The Tor Browser / file comparison
comparison: toolkit/themes/windows/global/menulist.css
toolkit/themes/windows/global/menulist.css
- branch
- TOR_BUG_9701
- changeset 15
- b8a032363ba2
equal
deleted
inserted
replaced
| -1:000000000000 | 0:0329fc98f460 |
|---|---|
| 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 /* ===== menulist.css =================================================== | |
| 6 == Styles used by the XUL menulist element. | |
| 7 ======================================================================= */ | |
| 8 | |
| 9 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); | |
| 10 @namespace html url("http://www.w3.org/1999/xhtml"); | |
| 11 | |
| 12 /* :::::::::: menulist :::::::::: */ | |
| 13 | |
| 14 menulist { | |
| 15 -moz-appearance: menulist; | |
| 16 margin: 2px 4px; | |
| 17 border: 2px solid; | |
| 18 -moz-border-top-colors: ThreeDShadow ThreeDDarkShadow; | |
| 19 -moz-border-right-colors: ThreeDHighlight ThreeDLightShadow; | |
| 20 -moz-border-bottom-colors: ThreeDHighlight ThreeDLightShadow; | |
| 21 -moz-border-left-colors: ThreeDShadow ThreeDDarkShadow; | |
| 22 background-color: -moz-Field; | |
| 23 color: -moz-FieldText; | |
| 24 text-shadow: none; | |
| 25 } | |
| 26 | |
| 27 .menulist-label-box { | |
| 28 -moz-box-align: center; | |
| 29 -moz-box-pack: center; | |
| 30 margin: 1px; | |
| 31 border: 1px solid transparent; | |
| 32 background-color: transparent; | |
| 33 color: inherit; | |
| 34 } | |
| 35 | |
| 36 .menulist-icon[src] { | |
| 37 margin: 0px 2px 0px 2px; | |
| 38 } | |
| 39 | |
| 40 .menulist-label { | |
| 41 margin-top: 0 !important; | |
| 42 -moz-margin-end: 0 !important; | |
| 43 margin-bottom: 0 !important; | |
| 44 -moz-margin-start: 1px !important; | |
| 45 } | |
| 46 | |
| 47 .menulist-description { | |
| 48 font-style: italic; | |
| 49 color: GrayText; | |
| 50 -moz-margin-start: 1ex !important; | |
| 51 } | |
| 52 | |
| 53 /* ..... dropmarker ..... */ | |
| 54 | |
| 55 menulist[disabled="true"]:hover:active > .menulist-dropmarker { | |
| 56 -moz-border-top-colors: ThreeDLightShadow ThreeDHighlight; | |
| 57 -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow; | |
| 58 -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow; | |
| 59 -moz-border-left-colors: ThreeDLightShadow ThreeDHighlight; | |
| 60 padding: 1px; | |
| 61 } | |
| 62 | |
| 63 menulist:hover:active > .menulist-dropmarker { | |
| 64 -moz-border-top-colors: ThreeDShadow ThreeDFace; | |
| 65 -moz-border-right-colors: ThreeDShadow ThreeDFace; | |
| 66 -moz-border-bottom-colors: ThreeDShadow ThreeDFace; | |
| 67 -moz-border-left-colors: ThreeDShadow ThreeDFace; | |
| 68 padding-top: 2px; | |
| 69 padding-bottom: 0px; | |
| 70 -moz-padding-start: 2px; | |
| 71 -moz-padding-end: 0px; | |
| 72 } | |
| 73 | |
| 74 /* ..... focused state ..... */ | |
| 75 | |
| 76 menulist:focus:not([open="true"]):not(.menulist-compact) > .menulist-label-box { | |
| 77 background-color: Highlight; | |
| 78 color: HighlightText; | |
| 79 } | |
| 80 | |
| 81 menulist:-moz-focusring:not([open="true"]) > .menulist-label-box { | |
| 82 border: 1px dotted #F5DB95; | |
| 83 } | |
| 84 | |
| 85 /* ..... disabled state ..... */ | |
| 86 | |
| 87 menulist[disabled="true"] { | |
| 88 background-color: -moz-Dialog; | |
| 89 color: GrayText; | |
| 90 } | |
| 91 | |
| 92 /* ::::: editable menulists ::::: */ | |
| 93 | |
| 94 .menulist-editable-box { | |
| 95 padding-top: 3px; | |
| 96 padding-bottom: 3px; | |
| 97 -moz-padding-start: 2px; | |
| 98 -moz-padding-end: 0px; | |
| 99 } | |
| 100 | |
| 101 html|*.menulist-editable-input { | |
| 102 margin: 0px !important; | |
| 103 border: none !important; | |
| 104 padding: 0px !important; | |
| 105 background: inherit; | |
| 106 font: inherit; | |
| 107 } | |
| 108 | |
| 109 /* ::::: compact menulists ::::: */ | |
| 110 | |
| 111 .menulist-compact { | |
| 112 -moz-appearance: none; | |
| 113 -moz-box-align: center; | |
| 114 -moz-box-pack: center; | |
| 115 margin: 0; | |
| 116 -moz-border-top-colors: ThreeDHighlight ThreeDLightShadow; | |
| 117 -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow; | |
| 118 -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow; | |
| 119 -moz-border-left-colors: ThreeDHighlight ThreeDLightShadow; | |
| 120 background-color: ThreeDFace; | |
| 121 color: ButtonText; | |
| 122 list-style-image: url("chrome://global/skin/arrow/arrow-dn.gif"); | |
| 123 } | |
| 124 | |
| 125 .menulist-compact > .menulist-label-box > .menulist-label { | |
| 126 margin: 0 3px !important; | |
| 127 text-align: end; | |
| 128 } | |
| 129 | |
| 130 .menulist-compact > .menulist-label-box > .menulist-icon { | |
| 131 -moz-margin-start: 2px; | |
| 132 } | |
| 133 | |
| 134 .menulist-compact[open="true"] { | |
| 135 -moz-border-top-colors: ThreeDDarkShadow ThreeDShadow; | |
| 136 -moz-border-right-colors: ThreeDDarkShadow ThreeDHighlight; | |
| 137 -moz-border-bottom-colors: ThreeDDarkShadow ThreeDHighlight; | |
| 138 -moz-border-left-colors: ThreeDDarkShadow ThreeDShadow; | |
| 139 } | |
| 140 | |
| 141 .menulist-compact[disabled="true"] { | |
| 142 list-style-image: url("chrome://global/skin/arrow/arrow-dn-dis.gif"); | |
| 143 } | |
| 144 | |
| 145 .menulist-compact:-moz-focusring:not([open="true"]) > .menulist-label-box { | |
| 146 border: 1px dotted; | |
| 147 } |
