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

%ifdef XP_UNIX
%ifndef XP_MACOSX
%define XP_LINUX
%endif
%endif

.newtab-toolbar {
  margin: 0;
  padding: 2px;
  border-style: none;
  -moz-appearance: none;
%ifdef XP_MACOSX
  background-color: -moz-mac-chrome-active;
  background-image: -moz-linear-gradient(rgba(255,255,255,.43), rgba(255,255,255,0));
  border-bottom: 1px solid rgba(0, 0, 0, 0.57);
}

.newtab-toolbar:-moz-window-inactive {
  background-color: -moz-mac-chrome-inactive;
  border-bottom-color: rgba(0, 0, 0, 0.32);
%else
  background-color: -moz-Dialog;
%ifdef XP_WIN
  background-image: -moz-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
%else
  background-image: -moz-linear-gradient(rgba(255,255,255,.3), rgba(255,255,255,0));
%endif
  border-bottom: 1px solid ThreeDShadow;
%endif
}

.filterbox {
  font-size: medium;
  padding: 2px;
}

.newtab-listbox {
  margin: 0;
  -moz-appearance: none;
%ifndef XP_MACOSX
  border-bottom: 2px solid;
  -moz-border-bottom-colors: ThreeDHighlight ThreeDLightShadow;
%endif
}

.newtab-item {
  padding-top: 4px;
  padding-bottom: 4px;
}

.displayName {
  font-size: large;
}

.infoIcon {
  height: 16px;
  width: 16px;
  max-height: 16px;
  max-width: 16px;
}

.infoIcon[source="contact"] {
  list-style-image: url("chrome://instantbird/skin/tag.png");
}

.infoIcon[source="chat"] {
  list-style-image: url("chrome://chat/skin/chat-16.png");
}

.infoIcon[source="existing"] {
  list-style-image: url("chrome://instantbird/skin/actionicon-tab.png");
  padding: 3px 0 2px;
%ifndef XP_LINUX
  -moz-image-region: rect(0, 16px, 11px, 0);
}

.infoIcon[source="existing"][selected="true"] {
  -moz-image-region: rect(11px, 16px, 22px, 0);
%endif
}

@media (min-resolution: 2dppx) {
  .infoIcon[source="contact"] {
    list-style-image: url("chrome://instantbird/skin/tag@2x.png");
  }

  .infoIcon[source="existing"] {
    list-style-image: url("chrome://instantbird/skin/actionicon-tab@2x.png");
    -moz-image-region: rect(0, 32px, 22px, 0);
  }

  .infoIcon[source="existing"][selected="true"] {
    -moz-image-region: rect(22px, 32px, 44px, 0);
  }
}

.infoText {
  margin-right: 0px !important;
}

.buddyIconHolder {
  border: 2px solid rgba(0,0,0,0.15);
  border-radius: 5px;
  overflow: hidden;
}

.buddyIcon,
.buddyIconHolder {
  max-width: 48px;
  max-height: 48px;
  width: 48px;
  height: 48px;
}

.buddyIcon[src=""] {
  background-image: url("chrome://instantbird/skin/userIcon.png");
  background-size: contain;
  background-repeat: no-repeat;
}

.buddyIcon[src=""][chat] {
  background-image: url("chrome://instantbird/skin/multiUserIcon.png");
}

.statusTypeIcon {
  margin-top: 32px;
  margin-left: 32px;
  width: 16px;
  height: 16px;
}

.statusTypeIcon[chat] {
  list-style-image: none !important;
}

.protoIcon {
  width: 16px;
  height: 16px;
  max-width: 16px;
  max-height: 16px;
  margin-right: 0px;
}

.newtabContent[status="offline"],
.newtabContent[status="unknown"] {
  opacity: 0.5;
}
