EarlyBlue/global/notification.css

   1 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
   2
   3 notification {
   4   color: #000000;
   5   background-color : #FFFFCC;
   6   text-shadow: none;
   7 }
   8
   9 notification[type="info"] {
  10   color: #000000;
  11   background-color: #CCD0DD;
  12 }
  13
  14 notification[type="critical"] {
  15   color: #000000;
  16   background-color: #FFC0C0;
  17 }
  18
  19 .messageText > .text-link {
  20   color: inherit !important;
  21   text-decoration: underline;
  22 }
  23
  24 .messageImage {
  25   width: 16px;
  26   height: 16px;
  27   margin-top: 0px;
  28   margin-bottom: 0px;
  29   margin-inline-start: 6px;
  30   margin-inline-end: 1px;
  31 }
  32
  33 /* Default icons for notifications */
  34
  35 .messageImage[type="info"] {
  36   list-style-image: url("chrome://global/skin/icons/info.svg");
  37 }
  38
  39 .messageImage[type="warning"] {
  40   list-style-image: url("chrome://global/skin/icons/warning-16.png");
  41 }
  42
  43 .messageImage[type="critical"] {
  44   list-style-image: url("chrome://global/skin/icons/error-16.png");
  45 }
  46
  47 .messageCloseButton {
  48   list-style-image: url("chrome://global/skin/icons/close-button.gif");
  49   padding: 4px 2px;
  50   border: none;
  51 }
  52
  53 .messageCloseButton > .toolbarbutton-icon {
  54   margin-inline-start: 5px;
  55 }
  56
  57 /* === BEGIN popupnotification.inc.css === */
  58
  59 .popup-notification-body-container {
  60   padding: var(--arrowpanel-padding);
  61 }
  62
  63 .popup-notification-icon {
  64   width: 32px;
  65   height: 32px;
  66   margin-inline-end: var(--arrowpanel-padding);
  67 }
  68
  69 .popup-notification-body {
  70   width: 25em;
  71 }
  72
  73 .popup-notification-closebutton {
  74   margin-inline-end: -8px;
  75   margin-top: -8px;
  76 }
  77
  78 .popup-notification-origin:not([value]),
  79 .popup-notification-learnmore-link:not([href]) {
  80   display: none;
  81 }
  82
  83 .popup-notification-origin {
  84   margin-bottom: .3em !important;
  85 }
  86
  87 .popup-notification-learnmore-link {
  88   margin-top: .5em !important;
  89 }
  90
  91 .popup-notification-button-container {
  92   background-color: var(--arrowpanel-dimmed);
  93   display: flex;
  94 }
  95
  96 .popup-notification-button-container > toolbarseparator {
  97   -moz-appearance: none;
  98   border: 0;
  99   border-left: 1px solid var(--panel-separator-color);
 100   margin: 7px 0 7px;
 101   min-width: 0;
 102 }
 103
 104 .popup-notification-button-container:hover > toolbarseparator {
 105   margin: 0;
 106 }
 107
 108 .popup-notification-button {
 109   flex: 1;
 110   -moz-appearance: none;
 111   background-color: transparent;
 112   color: inherit;
 113   margin: 0;
 114   padding: 0;
 115   min-width: 0;
 116   min-height: 41px;
 117   border: none;
 118 /*  border-top: 1px solid var(--panel-separator-color);*/
 119 }
 120
 121 .popup-notification-button:hover:not([disabled]) {
 122 /*  background-color: var(--arrowpanel-dimmed);*/
 123 }
 124
 125 .popup-notification-button:hover:active:not([disabled]) {
 126 /*  background-color: var(--arrowpanel-dimmed-further);
 127   box-shadow: 0 1px 0 hsla(210,4%,10%,.05) inset;*/
 128 }
 129
 130 .popup-notification-button[disabled] {
 131 /*  background-color: var(--arrowpanel-dimmed-further);
 132   color: graytext;*/
 133 }
 134
 135 .popup-notification-button[default] {
 136   flex: 0 50%;
 137 }
 138
 139 .popup-notification-button[default]:not([disabled]) {
 140 /*  background-color: #0996f8;
 141   color: white;*/
 142 }
 143
 144 .popup-notification-button[default]:hover:not([disabled]) {
 145 /*  background-color: #0675d3;*/
 146 }
 147
 148 .popup-notification-button[default]:hover:active:not([disabled]) {
 149 /*  background-color: #0568ba;*/
 150 }
 151
 152 .popup-notification-button[anonid="secondarybutton"][hidden="true"] ~ .popup-notification-button[default] {
 153   flex: 1;
 154 }
 155
 156 .popup-notification-button > .button-box {
 157   padding: 0;
 158   margin: 0;
 159   /* prevent double border on windows when focused */
 160   border: none;
 161 }
 162
 163 .popup-notification-dropmarker {
 164   flex: none;
 165   padding: 0 15px;
 166 }
 167
 168 .popup-notification-dropmarker > .button-box > hbox {
 169   display: none;
 170 }
 171
 172 .popup-notification-dropmarker > .button-box > .button-menu-dropmarker {
 173   /* This is to override the linux !important */
 174   -moz-appearance: none !important;
 175   display: -moz-box;
 176   padding: 0;
 177   margin: 0;
 178 }
 179
 180 .popup-notification-dropmarker > .button-box > .button-menu-dropmarker > .dropmarker-icon {
 181   width: 16px;
 182   height: 16px;
 183   list-style-image: url(chrome://global/skin/icons/menubutton-dropmarker.svg);
 184   -moz-context-properties: fill;
 185   fill: currentColor;
 186 }
 187
 188 /* === END popupnotification.inc.css === */
 189
 190 .popup-notification-button:-moz-focusring {
 191   outline: 1px -moz-dialogtext dotted;
 192   outline-offset: -1px;
 193 }
 194
 195 /* Override default icon size which is too small for this dropdown */
 196 .popup-notification-dropmarker > .button-box > .button-menu-dropmarker {
 197   width: 16px;
 198   height: 16px;
 199 }
 200
 201 @media (-moz-windows-default-theme) {
 202   /* Swap the default and secondary action, because Windows
 203    * platform conventions put the default action on the left. */
 204   .popup-notification-button[default] {
 205     order: -1;
 206   }
 207 }