menulist.css (3113B)
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: none; 16 margin: 2px 4px; 17 border: 1px solid; 18 -moz-border-top-colors: rgb(64,64,64); 19 -moz-border-right-colors: rgb(64,64,64); 20 -moz-border-bottom-colors: rgb(64,64,64); 21 -moz-border-left-colors: rgb(64,64,64); 22 background-color: #181411; 23 color: #bfbbb6; 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 margin-inline-end: 0 !important; 43 margin-bottom: 0 !important; 44 margin-inline-start: 1px !important; 45 } 46 47 .menulist-description { 48 font-style: italic; 49 color: GrayText; 50 margin-inline-start: 1ex !important; 51 } 52 53 menulist:hover:not(:active):not([disabled=true]) { 54 background-color: rgb(64,64,64); 55 } 56 57 menulist:hover:active:not([disabled=true]) { 58 background-color: rgb(1,1,1); 59 } 60 61 /* ..... dropmarker ..... */ 62 63 menulist > .menulist-dropmarker { 64 border: none; 65 background: transparent; 66 margin-right: 0 !important; 67 } 68 69 menulist[disabled="true"]:hover:active > .menulist-dropmarker { 70 padding: 1px; 71 } 72 73 menulist:hover:active > .menulist-dropmarker { 74 padding-top: 2px; 75 padding-bottom: 0px; 76 padding-inline-start: 2px; 77 padding-inline-end: 0px; 78 } 79 80 /* ..... focused state ..... */ 81 82 menulist:focus:not([open="true"]) > .menulist-label-box { 83 background-color: rgb(1,1,1); 84 color: #bfbbb6; 85 } 86 87 menulist:-moz-focusring:not([open="true"]) > .menulist-label-box { 88 border: 1px dotted #F5DB95; 89 } 90 91 /* ..... disabled state ..... */ 92 93 menulist[disabled="true"] { 94 background-color: #181411; 95 color: GrayText; 96 } 97 98 /* ::::: editable menulists ::::: */ 99 100 .menulist-editable-box { 101 padding-top: 3px; 102 padding-bottom: 3px; 103 padding-inline-start: 2px; 104 padding-inline-end: 0px; 105 } 106 107 html|*.menulist-editable-input { 108 margin: 0px !important; 109 border: none !important; 110 padding: 0px !important; 111 background: inherit; 112 font: inherit; 113 color: #bfbbb6; 114 } 115 116 @media (-moz-windows-default-theme) { 117 .menulist-label-box { 118 background-color: transparent !important; 119 color: inherit !important; 120 } 121 122 .menulist-label { 123 margin-top: -1px !important; 124 margin-bottom: -1px !important; 125 margin-inline-start: 0 !important; 126 } 127 128 menulist:not([editable="true"]) > .menulist-dropmarker { 129 margin-top: -2px; 130 margin-inline-start: 3px; 131 margin-inline-end: -3px; 132 } 133 134 .menulist-icon { 135 margin-top: -1px; 136 margin-bottom: -1px; 137 } 138 }