sync EarlyBlue theme with toolkit windows theme changes in Mozilla 40 cycle

[themes.git] / EarlyBlue / messenger / messageHeader.css

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

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

/* ===== messageHeader.css ==============================================
  == Styles for the header toolbars of a mail message.
  ======================================================================= */

/* ::::: msg header toolbars ::::: */

#collapsedHeaderView,
#expandedHeaderView {
  min-width: 1px;
  border-bottom: 1px solid #9999CC;
}

/* ::::: msg header buttons ::::: */

#expandedAttachmentBox {
  width: 20em;
  height: 0px;
  list-style-image: url("chrome://messenger/skin/icons/attach.gif");
}

#attachmentText {
  font-weight: bold;
}

/* ::::: msg header captions ::::: */

#expandedHeaders {
  padding-bottom: 2px;
}

mail-headerfield,
mail-toggle-headerfield,
mail-emailheaderfield,
mail-multi-emailHeaderField,
mail-messageids-headerfield,
mail-tagfield,
mail-urlfield {
  padding-top: 2px;
}

.headerNameBox {
  width: 7.7em;
}

.headerName {
  margin: 0;
  -moz-margin-end: .25em;
  font-weight: bold;
  text-align: right;
}

.headerValue {
  margin: 0;
  min-width: 50px;
  white-space: normal;
  color: inherit;
  background-color: transparent;
}

.headerValueBox[singleline="true"] {
  overflow: hidden;
}

.headerValueBox[singleline="true"] > .headerValue {
  overflow: hidden;
}

.subjectvalue {
  font-weight: bold;
}

.tagvalue {
  margin-top: 0;
  -moz-margin-start: 0;
}

/* ::::: msg header message ids ::::: */

.messageIdDisplayButton {
  color: #336699;
  cursor: pointer;
  margin: 0px;
  padding: 0px 1px;
}

.messageIdDisplayButton:hover {
  color: black;
  background-color: #336699;
}

.messageIdDisplayImage {
  -moz-padding-start: 2px;
  -moz-box-pack: end;
}

/* ::::: msg header email addresses ::::: */

.emailDisplayButton {
  color: #336699;
  cursor: pointer;
  margin: 0px;
  padding: 0px 1px;
}

.emailDisplayButton:hover {
  color: black;
  background-color: #336699;
}

.emailDisplayImage {
  -moz-padding-start: 2px;
  -moz-box-pack: end;
}

/* ::::: email address twisty ::::: */

.addresstwisty {
  margin: 1px;
  list-style-image: url("chrome://global/skin/tree/twisty-closed.gif");
}

.addresstwisty[open] {
  list-style-image: url("chrome://global/skin/tree/twisty-open.gif");
}

/* ::::: view expand and collapse twisties  ::::: */

.expandHeaderViewButton,
.collapsedHeaderViewButton  {
  margin: 2px .5em 0;
  padding: 0px;
}

.expandHeaderViewButton {
  list-style-image: url("chrome://global/skin/tree/twisty-open.gif");
}

.collapsedHeaderViewButton  {
  list-style-image: url("chrome://global/skin/tree/twisty-closed.gif");
}

/* ::::: collapsed view styles ::::: */

#collapsedHeaderView {
  padding-top: 1px;
}

#collapsedAttachmentBox {
  -moz-box-pack: center;
}

#collapseddateValue {
  margin: 0 .5em;
  text-align: right;
}

#collapseddateValue > .textbox-input-box menupopup {
  text-align: left;
}

#collapsedfromBox {
  width: 18em;
}

#collapseddateBox {
  width: 12em;
}

.collapsedHeaderDisplayName {
  padding: 0;
  -moz-margin-start: .55em;
  -moz-margin-end: .5em;
  font-weight: bold;
}

.collapsedHeaderValue,
#collapsedfromValue {
  background: transparent;
  padding: 0;
}

.collapsedAttachmentButton {
  list-style-image: url("chrome://messenger/skin/icons/message-mail-attach.gif");
  margin: 0;
  -moz-margin-end: .5em;
}