popup.css (2863B)
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 .panel-arrowcontent { 8 --panel-arrowcontent-background: #181411; 9 --panel-arrowcontent-color: #ffffff; 10 --panel-arrowcontent-border: rgb(64,64,64); 11 } 12 13 menupopup, 14 panel { 15 border: 1px solid transparent; 16 padding: 0px; 17 min-width: 1px; 18 color: #bfbbb6; 19 } 20 21 menupopup { 22 -moz-appearance: none; 23 -moz-border-top-colors : rgb(64,64,64); 24 -moz-border-left-colors : rgb(64,64,64); 25 -moz-border-right-colors : rgb(64,64,64); 26 -moz-border-bottom-colors: rgb(64,64,64); 27 background: #181411; 28 } 29 30 menupopup > menu > menupopup { 31 margin-top: -4px; 32 } 33 34 .popup-internal-box { 35 padding: 4px 0; 36 } 37 38 panel[titlebar] { 39 -moz-appearance: none; /* to disable rounded corners */ 40 } 41 42 panel[type="arrow"] { 43 -moz-appearance: none; 44 background: transparent; 45 } 46 47 panel[type="arrow"][side="top"], 48 panel[type="arrow"][side="bottom"] { 49 margin-left: -25px; 50 margin-right: -25px; 51 } 52 53 panel[type="arrow"][side="left"], 54 panel[type="arrow"][side="right"] { 55 margin-top: -25px; 56 margin-bottom: -25px; 57 } 58 59 .panel-arrowcontent { 60 -moz-appearance: none; 61 background: var(--panel-arrowcontent-background); 62 border-radius: 4px; 63 color: var(--panel-arrowcontent-color); 64 border: var(--panel-arrowcontent-border); 65 padding: 16px; 66 margin: 1px; 67 } 68 69 .panel-arrow[side="top"] { 70 list-style-image: url("chrome://global/skin/arrow/panelarrow-vertical.svg"); 71 margin-left: 16px; 72 margin-right: 16px; 73 margin-bottom: -1px; 74 } 75 76 .panel-arrow[side="bottom"] { 77 list-style-image: url("chrome://global/skin/arrow/panelarrow-vertical.svg"); 78 -moz-transform: scaleY(-1); 79 margin-left: 16px; 80 margin-right: 16px; 81 margin-top: -1px; 82 } 83 84 .panel-arrow[side="left"] { 85 list-style-image: url("chrome://global/skin/arrow/panelarrow-horizontal.svg"); 86 margin-top: 16px; 87 margin-bottom: 16px; 88 margin-right: -1px; 89 } 90 91 .panel-arrow[side="right"] { 92 list-style-image: url("chrome://global/skin/arrow/panelarrow-horizontal.svg"); 93 transform: scaleX(-1); 94 margin-top: 16px; 95 margin-bottom: 16px; 96 margin-left: -1px; 97 } 98 99 /* ::::: tooltip ::::: */ 100 101 tooltip { 102 -moz-appearance: none; 103 margin-top: 21px; 104 border: 1px solid rgb(64,64,64); 105 padding: 2px 3px; 106 max-width: 40em; 107 background-color: rgb(1,1,1); 108 color: #bfbbb6; 109 font: message-box; 110 } 111 112 tooltip[titletip="true"] { 113 /* See bug 32157 comment 128 114 * margin: -2px 0px 0px -3px; 115 */ 116 max-width: none; 117 } 118 119 /* rules for popups associated with menulists */ 120 121 menulist > menupopup { 122 min-width: 0px; 123 } 124 125 menulist[editable="true"] > menupopup { 126 -moz-appearance: none; 127 } 128 129 menulist[editable="true"] > menupopup > .popup-internal-box { 130 padding: 0; 131 }