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