notification.css (2457B)
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 .popup-notification-menubutton { 8 -moz-appearance: none; 9 border-radius: 3px; 10 padding: 0; 11 } 12 13 .popup-notification-menubutton:hover:active { 14 border-color: rgba(0,0,0,.5); 15 } 16 17 .popup-notification-menubutton:not([type="menu-button"]), 18 .popup-notification-menubutton > .button-menubutton-button, 19 .popup-notification-menubutton > .button-menubutton-dropmarker { 20 -moz-appearance: none; 21 margin: 0; 22 border: 1px solid rgb(64,64,64); 23 background: #181411; 24 } 25 26 .popup-notification-menubutton > .button-menubutton-button { 27 background-color: transparent; 28 padding: 1px; 29 border-inline-end: none; 30 } 31 32 .popup-notification-menubutton:not([type="menu-button"]), 33 .popup-notification-menubutton > .button-menubutton-button > .button-box { 34 padding-inline-start: 8px; 35 padding-inline-end: 5px; 36 } 37 38 .popup-notification-menubutton > .button-menubutton-dropmarker { 39 padding: 9px 5px 8px; 40 width: auto; 41 height: auto; 42 list-style-image: url("chrome://global/skin/arrow/arrow-v.svg#dn"); 43 } 44 45 .popup-notification-menubutton:-moz-focusring > .button-menubutton-dropmarker { 46 outline: 1px dotted ThreeDDarkShadow; 47 outline-offset: -3px; 48 } 49 50 .popup-notification-menubutton > .button-menubutton-button:-moz-locale-dir(ltr), 51 .popup-notification-menubutton > .button-menubutton-dropmarker:-moz-locale-dir(rtl) { 52 border-radius: 2px 0 0 2px; 53 } 54 55 .popup-notification-menubutton > .button-menubutton-button:-moz-locale-dir(rtl), 56 .popup-notification-menubutton > .button-menubutton-dropmarker:-moz-locale-dir(ltr) { 57 border-radius: 0 2px 2px 0; 58 } 59 60 .popup-notification-menubutton:not([type="menu-button"]):hover, 61 .popup-notification-menubutton > .button-menubutton-button:hover, 62 .popup-notification-menubutton > .button-menubutton-dropmarker:hover { 63 background: #181411; 64 } 65 66 .popup-notification-menubutton:not([type="menu-button"]):hover:active, 67 .popup-notification-menubutton > .button-menubutton-button:hover:active, 68 .popup-notification-menubutton > .button-menubutton-dropmarker:hover:active, 69 .popup-notification-menubutton[open="true"] > .button-menubutton-dropmarker { 70 background: #181411; 71 } 72 73 .popup-notification-closebutton { 74 margin-inline-end: -14px; 75 margin-top: -10px; 76 }