The Tor Browser: toolkit/themes/osx/global/notification.css@b8a032363ba2

Incorporate requested changes from Mozilla in review:
https://bugzilla.mozilla.org/show_bug.cgi?id=1123480#c6

     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/. */

     5 %include shared.inc

     6 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

     8 notification {

     9   padding: 3px 3px 4px;

    10   text-shadow: none;

    11 }

    13 notification[type="info"] {

    14   color: rgba(255,255,255,0.95);

    15   background: url("chrome://global/skin/notification/info-bar-background.png") #404040 repeat-x top left;

    16   border-top: 1px solid #707070;

    17   border-bottom: 1px solid #2a2a2a;

    18 }

    20 notification[type="warning"] {

    21   color: rgba(0,0,0,0.95);

    22   background: url("chrome://global/skin/notification/warning-bar-background.png") #ffc703 repeat-x top left;

    23   border-top: 1px solid #ffe970;

    24   border-bottom: 1px solid #bf8a01;

    25 }

    27 notification[type="critical"] {

    28   color: rgba(255,255,255,0.95);

    29   background: url("chrome://global/skin/notification/critical-bar-background.png") #980000 repeat-x top left;

    30   border-top: 1px solid #e35959;

    31   border-bottom: 1px solid #5d0000;

    32 }

    34 .messageImage {

    35   width: 16px;

    36   height: 16px;

    37   margin: 0 4px;

    38 }

    40 /* Default icons for notifications */

    42 .messageImage[type="info"] {

    43   list-style-image: url("chrome://global/skin/notification/info-icon.png");

    44 }

    46 .messageImage[type="warning"] {

    47   list-style-image: url("chrome://global/skin/notification/warning-icon.png");

    48 }

    50 .messageImage[type="critical"] {

    51   list-style-image: url("chrome://global/skin/notification/error-icon.png");

    52 }

    54 .notification-inner {

    55   border: 0 !important;

    56 }

    58 .messageText {

    59   margin: 0 3px !important;

    60   padding: 0;

    61   font-weight: bold;

    62 }

    64 .messageCloseButton {

    65   -moz-appearance: none;

    66   padding: 0;

    67   margin: 0 2px;

    68   border: none;

    69 }

    71 .messageCloseButton > .toolbarbutton-text {

    72   display: none;

    73 }

    75 .messageCloseButton:-moz-focusring > .toolbarbutton-icon {

    76   border-radius: 10000px;

    77   box-shadow: 0 0 2px 1px -moz-mac-focusring,

    78               0 0 0 2px -moz-mac-focusring inset;

    79 }

    81 @media (min-resolution: 2dppx) {

    82   .messageCloseButton > .toolbarbutton-icon {

    83     width: 16px;

    84   }

    85 }

    87 /* Popup notification */

    89 .popup-notification-description {

    90   max-width: 24em;

    91 }

    93 .popup-notification-learnmore-link {

    94   margin-top: 1em !important;

    95   -moz-margin-start: 0 !important; /* override default label margin to match description margin */

    96 }

    98 .popup-notification-learnmore-link:not([href]) {

    99   display: none;

   100 }

   102 .popup-notification-button-container {

   103   margin-top: 17px;

   104 }

   106 .popup-notification-menubutton {

   107   -moz-appearance: none;

   108 }

   110 .popup-notification-menubutton:not([type="menu-button"]):-moz-focusring,

   111 .popup-notification-menubutton:-moz-focusring > .button-menubutton-dropmarker,

   112 .popup-notification-menubutton > .button-menubutton-button:-moz-focusring {

   113   box-shadow: @focusRingShadow@;

   114   position: relative;

   115 }

   117 .popup-notification-menubutton:not([type="menu-button"]),

   118 .popup-notification-menubutton > .button-menubutton-button,

   119 .popup-notification-menubutton > .button-menubutton-dropmarker {

   120   -moz-appearance: none;

   121   color: #434343;

   122   border-radius: 4px;

   123   border: 1px solid #b5b5b5;

   124   background: linear-gradient(#fff, #f2f2f2);

   125   box-shadow: inset 0 1px rgba(255,255,255,.8),

   126               inset 0 0 1px rgba(255,255,255,.25),

   127               0 1px rgba(255,255,255,.3);

   128   background-clip: padding-box;

   129   background-origin: padding-box;

   130   padding: 2px 6px;

   131 }

   133 .popup-notification-menubutton > .button-menubutton-button {

   134   -moz-appearance: none;

   135   margin: 0;

   136   padding-top: 2px;

   137   padding-bottom: 2px;

   138   -moz-padding-start: 8px;

   139   -moz-padding-end: 5px;

   140 }

   142 .popup-notification-menubutton > .button-menubutton-dropmarker {

   143   padding: 7px 8px;

   144   margin-top: 0;

   145   margin-bottom: 0;

   146   -moz-margin-start: -1px;

   147   list-style-image: url("chrome://global/skin/icons/panel-dropmarker.png");

   148 }

   150 .popup-notification-menubutton > .button-menubutton-button:-moz-locale-dir(ltr),

   151 .popup-notification-menubutton > .button-menubutton-dropmarker:-moz-locale-dir(rtl) {

   152   border-top-right-radius: 0;

   153   border-bottom-right-radius: 0;

   154 }

   156 .popup-notification-menubutton > .button-menubutton-button:-moz-locale-dir(rtl),

   157 .popup-notification-menubutton > .button-menubutton-dropmarker:-moz-locale-dir(ltr) {

   158   border-top-left-radius: 0;

   159   border-bottom-left-radius: 0;

   160 }

   162 .popup-notification-menubutton:not([type="menu-button"]):hover:active,

   163 .popup-notification-menubutton > .button-menubutton-button:hover:active,

   164 .popup-notification-menubutton[open="true"] > .button-menubutton-dropmarker {

   165   box-shadow: inset 0 1px 4px -3px #000, 0 1px rgba(255, 255, 255, 0.3);

   166 }

   168 .popup-notification-closebutton {

   169   -moz-margin-end: -12px;

   170   margin-top: -13px;

   171 }

   173 .popup-notification-closeitem > .menu-iconic-left {

   174   display: none;

   175 }

The Tor Browser / file revision