/* This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */

.activityview {
  -moz-appearance: none !important;
  margin: 0;
  border-bottom: 2px solid;
  -moz-border-bottom-colors: ThreeDHighlight ThreeDLightShadow;
}

#search {
  -moz-box-pack: end;
}

#clearListButton {
  min-height: 0;
  min-width: 0;
  margin-top: 3px;
}

@media (-moz-windows-glass) {
  #activityManager {
    -moz-appearance: -moz-win-glass;
    background: transparent;
  }

  .activityview {
    border: 1px solid rgba(10%, 10%, 10%, .4);
    background-clip: padding-box
  }

  #clearListButton {
    margin-inline-start: 0;
    margin-bottom: 0;
  }
}

/**
 * Images for buttons in the interface
 */

activity-process button {
  list-style-image: url(chrome://messenger/skin/activity/buttons.png);
}
.cancel {
  -moz-image-region: rect(0px, 16px, 16px, 0px);
}
.cancel:hover {
  -moz-image-region: rect(0px, 32px, 16px, 16px);
}
.cancel:hover:active {
  -moz-image-region: rect(0px, 48px, 16px, 32px);
}

.pause {
  -moz-image-region: rect(48px, 16px, 64px, 0px);
}
.pause:hover {
  -moz-image-region: rect(48px, 32px, 64px, 16px);
}
.pause:not([disabled="true"]):hover:active {
  -moz-image-region: rect(48px, 48px, 64px, 32px);
}
.pause[disabled="true"] {
  -moz-image-region: rect(48px, 16px, 64px, 0px);
}

.resume {
  -moz-image-region: rect(16px, 16px, 32px, 0px);
}
.resume:hover {
  -moz-image-region: rect(16px, 32px, 32px, 16px);
}
.resume:hover:active {
  -moz-image-region: rect(16px, 48px, 32px, 32px);
}

.retry {
  -moz-image-region: rect(32px, 16px, 48px, 0px);
  display: none;
}
.retry:hover {
  -moz-image-region: rect(32px, 32px, 48px, 16px);
}
.retry:hover:active {
  -moz-image-region: rect(32px, 48px, 48px, 32px);
}
.retry[enabled="true"] {
  display: inline;
}

activity-process button {
  -moz-appearance: none;
  min-height: 16px;
  min-width: 16px;
  max-height: 16px;
  max-width: 16px;
  padding: 0;
  margin: 0 1px;
}

activity-event button {
  list-style-image: url(chrome://messenger/skin/activity/buttons.png);
}
.undo {
  -moz-image-region: rect(32px, 16px, 48px, 0px);
}
.undo:hover {
  -moz-image-region: rect(32px, 32px, 48px, 16px);
}
.undo:hover:active {
  -moz-image-region: rect(32px, 48px, 48px, 32px);
}

activity-event button {
  -moz-appearance: none;
  min-height: 16px;
  min-width: 16px;
  max-height: 16px;
  max-width: 16px;
  padding: 0;
  margin: 0 1px;
}

activity-warning button {
  list-style-image: url(chrome://messenger/skin/activity/buttons.png);
}
.recover {
  -moz-image-region: rect(32px, 16px, 48px, 0px);
}
.recover:hover {
  -moz-image-region: rect(32px, 32px, 48px, 16px);
}
.recover:hover:active {
  -moz-image-region: rect(32px, 48px, 48px, 32px);
}

activity-warning button {
  -moz-appearance: none;
  min-height: 16px;
  min-width: 16px;
  max-height: 16px;
  max-width: 16px;
  padding: 0;
  margin: 0 1px;
}

.activitygroupbox activity-event,
.activitygroupbox activity-warning,
.activitygroupbox activity-process {
  padding-inline-start: 3px;
}

activity-group button {
  list-style-image: url(chrome://messenger/skin/activity/buttons.png);
}
.retry {
  -moz-image-region: rect(32px, 16px, 48px, 0px);
}
.retry:hover {
  -moz-image-region: rect(32px, 32px, 48px, 16px);
}
.retry:hover:active {
  -moz-image-region: rect(32px, 48px, 48px, 32px);
}

activity-group button {
  -moz-appearance: none;
  min-height: 16px;
  min-width: 16px;
  max-height: 16px;
  max-width: 16px;
  padding: 0;
  margin: 0 1px;
}

/* Specialized Activity Bindings */

activity-process {
  padding: 3px 8px;
  min-height: 40px !important;
}

activity-process .statusText {
  font-size: smaller;
  color: #555;
}

activity-event .dateTime,
activity-event .statusText {
  font-size: smaller;
  color: #555;
}

activity-warning .dateTime,
activity-warning .statusText {
  font-size: smaller;
  color: #555;
}

.eventIconBox image {
  list-style-image: url(chrome://messenger/skin/activity/defaultEventIcon.png);
}

@media (-moz-os-version: windows-xp) {
  .blockedIcon {
    list-style-image: url(chrome://global/skin/icons/Error-XP.png);
  }

  .processIconBox image {
    list-style-image: url(chrome://messenger/skin/activity/defaultProcessIcon-XP.png);
  }

  .warningIconBox image {
    list-style-image: url(chrome://messenger/skin/activity/defaultWarningIcon-XP.png);
  }

  image.syncMail {
    list-style-image: url(chrome://messenger/skin/activity/syncMailIcon-XP.png);
  }

  image.sendMail {
    list-style-image: url(chrome://messenger/skin/activity/sendMailIcon-XP.png);
  }

  image.copyMail {
    list-style-image: url(chrome://messenger/skin/activity/copyMailIcon-XP.png);
  }

  image.moveMail {
    list-style-image: url(chrome://messenger/skin/activity/moveMailIcon-XP.png);
  }

  image.deleteMail {
    list-style-image: url(chrome://messenger/skin/activity/deleteMailIcon-XP.png);
  }

  image.addItem {
    list-style-image: url(chrome://messenger/skin/activity/addItemIcon-XP.png);
  }

  image.removeItem {
    list-style-image: url(chrome://messenger/skin/activity/removeItemIcon-XP.png);
  }

  image.undo {
    list-style-image: url(chrome://messenger/skin/activity/undoIcon-XP.png);
  }

  image.indexMail {
    list-style-image: url(chrome://messenger/skin/activity/indexMailIcon-XP.png);
  }

  image.compactMail {
    list-style-image: url(chrome://messenger/skin/activity/compactMailIcon-XP.png);
  }
}

@media not all and (-moz-os-version: windows-xp) {
  .blockedIcon {
    list-style-image: url(chrome://global/skin/icons/Error.png);
  }

  .processIconBox image {
    list-style-image: url(chrome://messenger/skin/activity/defaultProcessIcon.png);
  }

  .warningIconBox image {
    list-style-image: url(chrome://global/skin/icons/Warning.png);
  }

  image.syncMail {
    list-style-image: url(chrome://messenger/skin/activity/syncMailIcon.png);
  }

  image.sendMail {
    list-style-image: url(chrome://messenger/skin/activity/sendMailIcon.png);
  }

  image.copyMail {
    list-style-image: url(chrome://messenger/skin/activity/copyMailIcon.png);
  }

  image.moveMail {
    list-style-image: url(chrome://messenger/skin/activity/moveMailIcon.png);
  }

  image.deleteMail {
    list-style-image: url(chrome://messenger/skin/activity/deleteMailIcon.png);
  }

  image.addItem {
    list-style-image: url(chrome://messenger/skin/activity/addItemIcon.png);
  }

  image.removeItem {
    list-style-image: url(chrome://messenger/skin/activity/removeItemIcon.png);
  }

  image.undo {
    list-style-image: url(chrome://messenger/skin/activity/undoIcon.png);
  }

  image.indexMail {
    list-style-image: url(chrome://messenger/skin/activity/indexMailIcon.png);
  }

  image.compactMail {
    list-style-image: url(chrome://messenger/skin/activity/compactMailIcon.png);
  }
}

/* prevent flickering when changing states */
.activityTypeIcon {
  min-height: 32px;
  min-width: 32px;
  padding-inline-end: 2px;
}

.activityitem:not([selected="true"]):nth-child(odd) {
  background-color: -moz-oddtreerow;
}

/* these are copied from richlistbox.css, to give us a starting point on selection */

.activityitem {
  padding: 7px 4px;
  background-color: -moz-Field;
  color: -moz-FieldText;
  border-bottom: 1px solid #f1efe2;
}

.activityitem[selected="true"] {
  background-color: -moz-Dialog;
  color: -moz-DialogText;
}

richlistbox:focus .activityitem[selected="true"],
richlistbox:focus activity-group[selected="true"] {
  background-color: Highlight;
  color: HighlightText;
}

richlistbox:focus .activityitem[selected="true"] .statusText,
richlistbox:focus .activityitem[selected="true"] .dateTime,
richlistbox:focus .activityitem[selected="true"] .displayText,
richlistbox:focus .activityitem[selected="true"] .completionTime {
  color: HighlightText;
}
