notification.css (2547B)
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 > .button-menubutton-dropmarker > image { 46 width: 9px; 47 } 48 49 .popup-notification-menubutton:-moz-focusring > .button-menubutton-dropmarker { 50 outline: 1px dotted ThreeDDarkShadow; 51 outline-offset: -3px; 52 } 53 54 .popup-notification-menubutton > .button-menubutton-button:-moz-locale-dir(ltr), 55 .popup-notification-menubutton > .button-menubutton-dropmarker:-moz-locale-dir(rtl) { 56 border-radius: 2px 0 0 2px; 57 } 58 59 .popup-notification-menubutton > .button-menubutton-button:-moz-locale-dir(rtl), 60 .popup-notification-menubutton > .button-menubutton-dropmarker:-moz-locale-dir(ltr) { 61 border-radius: 0 2px 2px 0; 62 } 63 64 .popup-notification-menubutton:not([type="menu-button"]):hover, 65 .popup-notification-menubutton > .button-menubutton-button:hover, 66 .popup-notification-menubutton > .button-menubutton-dropmarker:hover { 67 background: #181411; 68 } 69 70 .popup-notification-menubutton:not([type="menu-button"]):hover:active, 71 .popup-notification-menubutton > .button-menubutton-button:hover:active, 72 .popup-notification-menubutton > .button-menubutton-dropmarker:hover:active, 73 .popup-notification-menubutton[open="true"] > .button-menubutton-dropmarker { 74 background: #181411; 75 } 76 77 .popup-notification-closebutton { 78 margin-inline-end: -14px; 79 margin-top: -10px; 80 }