EarlyBlue/messenger/primaryToolbar.css

   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 /* ===== primaryToolbar.css =============================================
   8   == Images for the Mail primary toolbar.
   9   ======================================================================= */
  10
  11 /* ::::: primary toolbar buttons ::::: */
  12
  13 #button-getmsg {
  14   list-style-image: url("chrome://messenger/skin/icons/messengericons.png");
  15   -moz-image-region: rect(63px 25px 84px 0px);
  16 }
  17
  18 #button-getmsg[disabled="true"] {
  19   -moz-image-region: rect(63px 50px 84px 25px);
  20 }
  21
  22 #button-newmsg {
  23   list-style-image: url("chrome://messenger/skin/icons/messengericons.png");
  24   -moz-image-region: rect(105px 25px 126px 0px);
  25 }
  26
  27 #button-newmsg[disabled="true"] {
  28   -moz-image-region: rect(105px 50px 126px 25px);
  29 }
  30
  31 #button-reply {
  32   list-style-image: url("chrome://messenger/skin/icons/messengericons.png");
  33   -moz-image-region: rect(147px 25px 168px 0px);
  34 }
  35
  36 #button-reply[disabled="true"] {
  37   -moz-image-region: rect(147px 50px 168px 25px);
  38 }
  39
  40 #button-replyall {
  41   list-style-image: url("chrome://messenger/skin/icons/messengericons.png");
  42   -moz-image-region: rect(168px 25px 189px 0px);
  43 }
  44
  45 #button-replyall[disabled="true"] {
  46   -moz-image-region: rect(168px 50px 189px 25px);
  47 }
  48
  49 #button-forward {
  50   list-style-image: url("chrome://messenger/skin/icons/messengericons.png");
  51   -moz-image-region: rect(42px 25px 63px 0px);
  52 }
  53
  54 #button-forward[disabled="true"] {
  55   -moz-image-region: rect(42px 50px 63px 25px);
  56 }
  57
  58 #button-file {
  59   list-style-image: url("chrome://messenger/skin/icons/messengericons.png");
  60   -moz-image-region: rect(21px 25px 42px 0px);
  61 }
  62
  63 #button-file[disabled="true"] {
  64   -moz-image-region: rect(21px 50px 42px 25px);
  65 }
  66
  67 #button-goback {
  68   list-style-image: url("chrome://communicator/skin/icons/communicatoricons.png");
  69   -moz-image-region: rect(42px 25px 63px 0px);
  70 }
  71
  72 #button-goback[disabled="true"] {
  73   -moz-image-region: rect(42px 50px 63px 25px);
  74 }
  75
  76 #button-goforward {
  77   list-style-image: url("chrome://communicator/skin/icons/communicatoricons.png");
  78   -moz-image-region: rect(63px 25px 84px 0px);
  79 }
  80
  81 #button-goforward[disabled="true"] {
  82   -moz-image-region: rect(63px 50px 84px 25px);
  83 }
  84
  85 #button-next {
  86   list-style-image: url("chrome://messenger/skin/icons/messengericons.png");
  87   -moz-image-region: rect(126px 25px 147px 0px);
  88 }
  89
  90 #button-next[disabled="true"] {
  91   -moz-image-region: rect(126px 50px 147px 25px);
  92 }
  93
  94 #button-delete {
  95   list-style-image: url("chrome://messenger/skin/icons/messengericons.png");
  96   -moz-image-region: rect(0px 25px 21px 0px);
  97 }
  98
  99 #button-delete[disabled="true"] {
 100   -moz-image-region: rect(0px 50px 21px 25px);
 101 }
 102
 103 toolbarpaletteitem > #button-delete {
 104   display: -moz-box;
 105 }
 106
 107 #button-mark {
 108   list-style-image: url("chrome://messenger/skin/icons/messengericons.png");
 109   -moz-image-region: rect(84px 25px 105px 0px);
 110 }
 111
 112 #button-mark[disabled="true"] {
 113   -moz-image-region: rect(84px 50px 105px 25px);
 114 }
 115
 116 #button-stop {
 117   list-style-image: url("chrome://communicator/skin/icons/communicatoricons.png");
 118   -moz-image-region: rect(21px 25px 42px 0px);
 119 }
 120
 121 #button-stop[disabled="true"] {
 122   -moz-image-region: rect(21px 50px 42px 25px);
 123 }
 124
 125 #button-junk {
 126   list-style-image: url("chrome://messenger/skin/icons/messengericons.png");
 127   -moz-image-region: rect(252px 25px 273px 0px);
 128 }
 129
 130 #button-junk[disabled="true"] {
 131   -moz-image-region: rect(252px 50px 273px 25px);
 132 }
 133
 134 #sync-button {
 135   list-style-image: url("chrome://communicator/skin/sync/sync-32.png");
 136 }
 137
 138 #sync-button[status=active] {
 139   list-style-image: url("chrome://communicator/skin/sync/sync-32-throbber.png");
 140 }
 141
 142 #locationFolders {
 143   width: 22em;
 144 }
 145
 146 toolbarpaletteitem[place="palette"] > #folder-location-container > #locationFolders {
 147   max-width: 11em;
 148 }
 149
 150 toolbarpaletteitem[place="palette"] > #search-container > #searchInput {
 151   max-width: 11em;
 152 }
 153
 154 toolbarpaletteitem[place="palette"] > #mailviews-container > #viewPicker {
 155   max-width: 11em;
 156 }
 157
 158 #viewPickerPopup > menuitem > .menu-iconic-left,
 159 #viewPickerPopup > menu > menupopup > menuitem > .menu-iconic-left {
 160   display: -moz-box !important;
 161 }
 162
 163 /* ::::: small primary toolbar buttons ::::: */
 164
 165 toolbar[iconsize="small"] > #button-getmsg,
 166 toolbar[iconsize="small"] > toolbarpaletteitem > #button-getmsg {
 167   list-style-image: url("chrome://messenger/skin/icons/messengericons-small.png");
 168   -moz-image-region: rect(48px 16px 64px 0);
 169 }
 170
 171 toolbar[iconsize="small"] > #button-getmsg[disabled="true"] {
 172   -moz-image-region: rect(48px 32px 64px 16px);
 173 }
 174
 175 toolbar[iconsize="small"] > #button-newmsg,
 176 toolbar[iconsize="small"] > toolbarpaletteitem > #button-newmsg {
 177   list-style-image: url("chrome://messenger/skin/icons/messengericons-small.png");
 178   -moz-image-region: rect(80px 16px 96px 0);
 179 }
 180
 181 toolbar[iconsize="small"] > #button-newmsg[disabled="true"] {
 182   -moz-image-region: rect(80px 32px 96px 16px);
 183 }
 184
 185 toolbar[iconsize="small"] > #button-reply,
 186 toolbar[iconsize="small"] > toolbarpaletteitem > #button-reply {
 187   list-style-image: url("chrome://messenger/skin/icons/messengericons-small.png");
 188   -moz-image-region: rect(112px 16px 128px 0);
 189 }
 190
 191 toolbar[iconsize="small"] > #button-reply[disabled="true"] {
 192   -moz-image-region: rect(112px 32px 128px 16px);
 193 }
 194
 195 toolbar[iconsize="small"] > #button-replyall,
 196 toolbar[iconsize="small"] > toolbarpaletteitem > #button-replyall {
 197   list-style-image: url("chrome://messenger/skin/icons/messengericons-small.png");
 198   -moz-image-region: rect(128px 16px 144px 0);
 199 }
 200
 201 toolbar[iconsize="small"] > #button-replyall[disabled="true"] {
 202   -moz-image-region: rect(128px 32px 144px 16px);
 203 }
 204
 205 toolbar[iconsize="small"] > #button-forward,
 206 toolbar[iconsize="small"] > toolbarpaletteitem > #button-forward {
 207   list-style-image: url("chrome://messenger/skin/icons/messengericons-small.png");
 208   -moz-image-region: rect(32px 16px 48px 0);
 209 }
 210
 211 toolbar[iconsize="small"] > #button-forward[disabled="true"] {
 212   -moz-image-region: rect(32px 32px 48px 16px);
 213 }
 214
 215 toolbar[iconsize="small"] > #button-file,
 216 toolbar[iconsize="small"] > toolbarpaletteitem > #button-file {
 217   list-style-image: url("chrome://messenger/skin/icons/messengericons-small.png");
 218   -moz-image-region: rect(16px 16px 32px 0);
 219 }
 220
 221 toolbar[iconsize="small"] > #button-file[disabled="true"] {
 222   -moz-image-region: rect(16px 32px 32px 16px);
 223 }
 224
 225 toolbar[iconsize="small"] > #button-goback,
 226 toolbar[iconsize="small"] > toolbarpaletteitem > #button-goback {
 227   list-style-image: url("chrome://communicator/skin/icons/communicatoricons-small.png");
 228   -moz-image-region: rect(32px 16px 48px 0);
 229 }
 230
 231 toolbar[iconsize="small"] > #button-goback[disabled="true"] {
 232   -moz-image-region: rect(32px 32px 48px 16px);
 233 }
 234
 235 toolbar[iconsize="small"] > #button-goforward,
 236 toolbar[iconsize="small"] > toolbarpaletteitem > #button-goforward {
 237   list-style-image: url("chrome://communicator/skin/icons/communicatoricons-small.png");
 238   -moz-image-region: rect(48px 16px 64px 0);
 239 }
 240
 241 toolbar[iconsize="small"] > #button-goforward[disabled="true"] {
 242   -moz-image-region: rect(48px 32px 64px 16px);
 243 }
 244
 245 toolbar[iconsize="small"] > #button-next,
 246 toolbar[iconsize="small"] > toolbarpaletteitem > #button-next {
 247   list-style-image: url("chrome://messenger/skin/icons/messengericons-small.png");
 248   -moz-image-region: rect(96px 16px 112px 0);
 249 }
 250
 251 toolbar[iconsize="small"] > #button-next[disabled="true"] {
 252   -moz-image-region: rect(96px 32px 112px 16px);
 253 }
 254
 255 toolbar[iconsize="small"] > #button-delete,
 256 toolbar[iconsize="small"] > toolbarpaletteitem > #button-delete {
 257   list-style-image: url("chrome://messenger/skin/icons/messengericons-small.png");
 258   -moz-image-region: rect(0 16px 16px 0);
 259 }
 260
 261 toolbar[iconsize="small"] > #button-delete[disabled="true"] {
 262   -moz-image-region: rect(0 32px 16px 16px);
 263 }
 264
 265 toolbar[iconsize="small"] > #button-mark,
 266 toolbar[iconsize="small"] > toolbarpaletteitem > #button-mark {
 267   list-style-image: url("chrome://messenger/skin/icons/messengericons-small.png");
 268   -moz-image-region: rect(64px 16px 80px 0);
 269 }
 270
 271 toolbar[iconsize="small"] > #button-mark[disabled="true"] {
 272   -moz-image-region: rect(64px 32px 80px 16px);
 273 }
 274
 275 toolbar[iconsize="small"] > #button-junk,
 276 toolbar[iconsize="small"] > toolbarpaletteitem > #button-junk {
 277   list-style-image: url("chrome://messenger/skin/icons/messengericons-small.png");
 278   -moz-image-region: rect(192px 16px 208px 0);
 279 }
 280
 281 toolbar[iconsize="small"] > #button-junk[disabled="true"] {
 282   -moz-image-region: rect(192px 32px 208px 16px);
 283 }
 284
 285 toolbar[iconsize="small"] > #button-stop,
 286 toolbar[iconsize="small"] > toolbarpaletteitem > #button-stop {
 287   list-style-image: url("chrome://communicator/skin/icons/communicatoricons-small.png");
 288   -moz-image-region: rect(16px 16px 32px 0);
 289 }
 290
 291 toolbar[iconsize="small"] > #button-stop[disabled="true"] {
 292   -moz-image-region: rect(16px 32px 32px 16px);
 293 }
 294
 295 toolbar[iconsize="small"] > toolbarpaletteitem > #sync-button,
 296 toolbar[iconsize="small"] > #sync-button {
 297   list-style-image: url("chrome://communicator/skin/sync/sync-16.png");
 298 }
 299
 300 toolbar[iconsize="small"] > toolbarpaletteitem > #sync-button[status=active],
 301 toolbar[iconsize="small"] > #sync-button[status=active] {
 302   list-style-image: url("chrome://communicator/skin/sync/sync-16-throbber.png");
 303 }
 304
 305 /* ::::: Lightning icon sizes ::::: */
 306
 307 #lightning-button-calendar > .toolbarbutton-icon,
 308 #lightning-button-tasks > .toolbarbutton-icon,
 309 #extractEventButton > .toolbarbutton-icon,
 310 #extractTaskButton > .toolbarbutton-icon,
 311 #extractEventButton > .box-inherit > .toolbarbutton-icon,
 312 #extractTaskButton > .box-inherit > .toolbarbutton-icon {
 313   width: 29px;
 314   height: 29px;
 315 }
 316
 317 toolbar[iconsize="small"] > #lightning-button-calendar > .toolbarbutton-icon,
 318 toolbar[iconsize="small"] > #lightning-button-tasks > .toolbarbutton-icon,
 319 toolbar[iconsize="small"] > #extractEventButton > .box-inherit > .toolbarbutton-icon,
 320 toolbar[iconsize="small"] > #extractTaskButton > .box-inherit > .toolbarbutton-icon {
 321   width: 19px;
 322   height: 19px;
 323 }
 324
 325 #lightning-button-calendar[disabled="true"] > .toolbarbutton-icon,
 326 #lightning-button-tasks[disabled="true"] > .toolbarbutton-icon,
 327 #extractEventButton[disabled="true"] > .box-inherit > .toolbarbutton-icon,
 328 #extractTaskButton[disabled="true"] > .box-inherit > .toolbarbutton-icon {
 329   opacity: 0.3;
 330 }
 331
 332 /* ::::: message notification bar style rules ::::: */
 333
 334 .msgNotificationBar {
 335   /* border-bottom: 1px solid #669999; */
 336   background-color: #9999CC;
 337   color: black;
 338 }
 339
 340 .msgNotificationBar:-moz-lwtheme {
 341   text-shadow: none;
 342 }
 343
 344 .messageImage[value="remoteContent"] {
 345   list-style-image: url("chrome://messenger/skin/icons/remote-blocked.png");
 346 }
 347
 348 .messageImage[value="junkContent"] {
 349   list-style-image: url("chrome://messenger/skin/icons/junk.png");
 350 }
 351
 352 .messageImage[value="phishingContent"] {
 353   list-style-image: url("chrome://messenger/skin/icons/phishing.png");
 354 }
 355
 356 .messageImage[value="mdnContent"] {
 357   list-style-image: url("chrome://messenger/skin/icons/info.png");
 358 }