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

%include ../../../components/im/themes/chat.css

/* Adaptation of #folderpane_splitter -> #listSplitter, #threadpane-splitter -> #contextSplitter */
#listSplitter, #contextSplitter {
  -moz-appearance: none;
  /* splitter grip area */
  width: 5px;
  margin-top: 0;
  /* because of the negative margin needed to make the splitter visible */
  position: relative;
  z-index: 10;
  transition: border-width .3s ease-in;
}

#listSplitter {
  border-inline-start: 1px solid ThreeDShadow;
  /* make only the splitter border visible */
  margin-inline-end: -5px;
}

#listSplitter[state="collapsed"]:hover {
  border-inline-start: 4px solid highlight;
}

#contextSplitter {
  border-inline-end: 1px solid ThreeDShadow;
  /* make only the splitter border visible */
  margin-inline-start: -5px;
}

#contextSplitter[state="collapsed"]:hover {
  border-inline-end: 4px solid highlight;
}

/* Adaptation from #folderTree */
#listPaneBox {
  background-color: -moz-OddTreeRow;
}

#listPaneBox > * {
  background: transparent !important;
  -moz-appearance: none !important;
  border: none;
}

.conv-textbox {
  -moz-margin-start: 1px;
  -moz-appearance: none;
}

#conv-top-info {
  -moz-appearance: none;
  color: -moz-DialogText;
}

.conv-nicklist-header,
.conv-logs-header-label {
  color: -moz-DialogText;
  background-color: -moz-Dialog;
  -moz-padding-start: 3px;
}

imconv,
imcontact {
  -moz-padding-start: 2px;
  -moz-padding-end: 2px;
}

:-moz-any(imconv, imcontact, imgroup) {
  border: 1px solid transparent;
}

:-moz-any(imconv, imcontact, imgroup)[selected] {
  background-color: -moz-cellhighlight;
  color: -moz-cellhighlighttext;
}

#contactlistbox:focus > :-moz-any(imconv, imcontact, imgroup)[selected] {
  background-color: Highlight;
  color: HighlightText;
  border: 1px dotted #F3D982;
}

.conv-hbox {
  -moz-box-align: center;
}

#button-add-buddy {
  list-style-image: url("chrome://messenger/skin/icons/chat-toolbar.svg#add");
}

#button-join-chat {
  list-style-image: url("chrome://messenger/skin/icons/chat-toolbar.svg#join");
}

#button-chat-accounts {
  list-style-image: url("chrome://messenger/skin/icons/chat-toolbar.svg#accounts");
}

toolbar[brighttext] #button-add-buddy {
  list-style-image: url("chrome://messenger/skin/icons/chat-toolbar.svg#add-inverted");
}

toolbar[brighttext] #button-join-chat {
  list-style-image: url("chrome://messenger/skin/icons/chat-toolbar.svg#join-inverted");
}

toolbar[brighttext] #button-chat-accounts {
  list-style-image: url("chrome://messenger/skin/icons/chat-toolbar.svg#accounts-inverted");
}

#statusTypeIcon[status="available"],
#statusTypeAvailable,
.statusTypeIcon[status="available"],
#imStatusAvailable,
#appmenu_imStatusAvailable,
richlistitem[state="connected"] .accountStateIcon {
  list-style-image: url("chrome://messenger/skin/icons/status.png");
  -moz-image-region: rect(0px 16px 16px 0px);
}

#statusTypeIcon[status="idle"],
.statusTypeIcon[status="idle"] {
  list-style-image: url("chrome://messenger/skin/icons/status.png");
  -moz-image-region: rect(0px 32px 16px 16px);
}

#statusTypeIcon[status="offline"],
#statusTypeIcon[status="invisible"],
#statusTypeOffline,
.statusTypeIcon[status="offline"],
.statusTypeIcon[status="invisible"],
#imStatusOffline,
#appmenu_imStatusOffline,
richlistitem[state="disconnected"] .accountStateIcon {
  list-style-image: url("chrome://messenger/skin/icons/status.png");
  -moz-image-region: rect(0px 48px 16px 32px);
}

#statusTypeIcon[status="unavailable"],
#statusTypeIcon[status="away"],
#statusTypeUnavailable,
.statusTypeIcon[status="unavailable"],
.statusTypeIcon[status="away"],
#imStatusUnavailable,
#appmenu_imStatusUnavailable {
  list-style-image: url("chrome://messenger/skin/icons/status.png");
  -moz-image-region: rect(0px 64px 16px 48px);
}

#displayNameAndstatusMessageStack #statusMessage {
  margin: 32px 0 0;
}

#displayNameAndstatusMessageStack #statusMessage[editing] {
  margin: 30px -2px -2px -4px;
}

#displayNameAndstatusMessageStack #displayName[editing] {
  margin-left: -4px;
  margin-right: -2px;
  margin-bottom: 18px;
}

#setStatusTypeMenupopup .menu-iconic-icon,
#imAccountsStatus .menu-iconic-icon,
#appmenu_imAccountsStatus .menu-iconic-icon {
  visibility: visible;
}

.tabmail-tab[type="chat"],
.alltabs-item[type="chat"] {
  list-style-image: url("chrome://messenger/skin/icons/mail-toolbar.svg#chat");
  -moz-image-region: auto;
}

.tabmail-tab[type="chat"] > .tab-stack > .tab-content > .tab-icon-image {
  width: 18px;
  height: 18px;
  margin-top: 0;
  -moz-margin-end: 5px;
  margin-bottom: -1px;
  -moz-margin-start: -1px;
}
