1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000 1.2 +++ b/toolkit/themes/linux/global/menulist.css Wed Dec 31 06:09:35 2014 +0100 1.3 @@ -0,0 +1,135 @@ 1.4 +/* This Source Code Form is subject to the terms of the Mozilla Public 1.5 + * License, v. 2.0. If a copy of the MPL was not distributed with this 1.6 + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ 1.7 + 1.8 +/* ===== menulist.css =================================================== 1.9 + == Styles used by the XUL menulist element. 1.10 + ====================================================================== */ 1.11 + 1.12 +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); 1.13 +@namespace html url("http://www.w3.org/1999/xhtml"); 1.14 + 1.15 +/* :::::::::: menulist :::::::::: */ 1.16 + 1.17 +menulist { 1.18 + -moz-appearance: menulist; 1.19 + margin: 2px 4px; 1.20 + color: -moz-DialogText; 1.21 + font: menu; 1.22 + text-shadow: none; 1.23 +} 1.24 + 1.25 +.menulist-label-box { 1.26 + -moz-appearance: menulist-text; 1.27 + -moz-box-align: center; 1.28 + -moz-box-pack: center; 1.29 + color: inherit; 1.30 +} 1.31 + 1.32 +.menulist-label { 1.33 + margin: 1px 3px !important; 1.34 +} 1.35 + 1.36 +.menulist-dropmarker { 1.37 + display: none; 1.38 +} 1.39 + 1.40 +menulist:hover { 1.41 + color: -moz-buttonhovertext; 1.42 +} 1.43 + 1.44 +menulist:hover:active, 1.45 +menulist[open="true"] { 1.46 + color: ButtonText; 1.47 +} 1.48 + 1.49 +menulist[disabled="true"], 1.50 +menulist[disabled="true"]:hover, 1.51 +menulist[disabled="true"]:hover:active { 1.52 + color: GrayText; 1.53 +} 1.54 + 1.55 +.menulist-description { 1.56 + font-style: italic; 1.57 + color: GrayText; 1.58 + -moz-margin-start: 1ex !important; 1.59 +} 1.60 + 1.61 +/* ::::: editable menulists ::::: */ 1.62 + 1.63 +menulist[editable="true"] { 1.64 + -moz-appearance: none; 1.65 + color: -moz-FieldText; 1.66 +} 1.67 + 1.68 +.menulist-editable-box { 1.69 + -moz-appearance: menulist-textfield; 1.70 + padding-top: 3px; 1.71 + padding-bottom: 3px; 1.72 + -moz-padding-start: 2px; 1.73 + -moz-padding-end: 0px; 1.74 +} 1.75 + 1.76 +menulist[editable="true"] > .menulist-dropmarker { 1.77 + display: -moz-box; 1.78 + -moz-appearance: menulist-button; 1.79 +} 1.80 + 1.81 +html|*.menulist-editable-input { 1.82 + margin: 0px !important; 1.83 + border: none !important; 1.84 + padding: 0px !important; 1.85 + font: inherit; 1.86 +} 1.87 + 1.88 + 1.89 +/* ::::: compact menulists ::::: */ 1.90 + 1.91 +.menulist-compact { 1.92 + -moz-appearance: none; 1.93 + -moz-box-align: center; 1.94 + -moz-box-pack: center; 1.95 + margin: 0; 1.96 + border: 2px solid; 1.97 + -moz-border-top-colors: ThreeDHighlight ThreeDLightShadow; 1.98 + -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow; 1.99 + -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow; 1.100 + -moz-border-left-colors: ThreeDHighlight ThreeDLightShadow; 1.101 + background-color: ThreeDFace; 1.102 + color: ButtonText; 1.103 + list-style-image: url("chrome://global/skin/arrow/arrow-dn.gif"); 1.104 +} 1.105 + 1.106 +.menulist-compact:hover { 1.107 + color: ButtonText; 1.108 +} 1.109 + 1.110 +.menulist-compact > .menulist-label-box > .menulist-label { 1.111 + margin: 0 3px !important; 1.112 + text-align: end; 1.113 +} 1.114 + 1.115 +.menulist-compact > .menulist-label-box > .menulist-icon { 1.116 + -moz-margin-start: 2px; 1.117 +} 1.118 + 1.119 +.menulist-compact[open="true"] { 1.120 + -moz-border-top-colors: ThreeDDarkShadow ThreeDShadow; 1.121 + -moz-border-right-colors: ThreeDDarkShadow ThreeDHighlight; 1.122 + -moz-border-bottom-colors: ThreeDDarkShadow ThreeDHighlight; 1.123 + -moz-border-left-colors: ThreeDDarkShadow ThreeDShadow; 1.124 +} 1.125 + 1.126 +.menulist-compact[disabled="true"] { 1.127 + list-style-image: url("chrome://global/skin/arrow/arrow-dn-dis.gif"); 1.128 +} 1.129 + 1.130 +.menulist-compact > .menulist-label-box, 1.131 +.menulist-compact[open="true"]:focus > .menulist-label-box { 1.132 + border: 1px solid transparent; 1.133 + -moz-appearance: none; 1.134 +} 1.135 + 1.136 +.menulist-compact:focus > .menulist-label-box { 1.137 + border: 1px dotted; 1.138 +}