EarlyBlue/messenger/messageHeader.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 /* ===== messageHeader.css ==============================================
   8   == Styles for the header toolbars of a mail message.
   9   ======================================================================= */
  10
  11 /* ::::: msg header toolbars ::::: */
  12
  13 #collapsedHeaderView,
  14 #expandedHeaderView {
  15   min-width: 1px;
  16   border-bottom: 1px solid #9999CC;
  17 }
  18
  19 /* ::::: msg header buttons ::::: */
  20
  21 #expandedAttachmentBox {
  22   width: 20em;
  23   height: 0px;
  24   list-style-image: url("chrome://messenger/skin/icons/attach.gif");
  25 }
  26
  27 #attachmentText {
  28   font-weight: bold;
  29 }
  30
  31 /* ::::: msg header captions ::::: */
  32
  33 #expandedHeaders {
  34   padding-bottom: 2px;
  35 }
  36
  37 mail-headerfield,
  38 mail-toggle-headerfield,
  39 mail-emailheaderfield,
  40 mail-multi-emailHeaderField,
  41 mail-messageids-headerfield,
  42 mail-tagfield,
  43 mail-urlfield {
  44   padding-top: 2px;
  45 }
  46
  47 .headerNameBox {
  48   width: 7.7em;
  49 }
  50
  51 .headerName {
  52   margin: 0;
  53   -moz-margin-end: .25em;
  54   font-weight: bold;
  55   text-align: right;
  56 }
  57
  58 .headerValue {
  59   margin: 0;
  60   min-width: 50px;
  61   white-space: normal;
  62   color: inherit;
  63   background-color: transparent;
  64 }
  65
  66 .headerValueBox[singleline="true"] {
  67   overflow: hidden;
  68 }
  69
  70 .headerValueBox[singleline="true"] > .headerValue {
  71   overflow: hidden;
  72 }
  73
  74 .subjectvalue {
  75   font-weight: bold;
  76 }
  77
  78 .tagvalue {
  79   margin-top: 0;
  80   -moz-margin-start: 0;
  81 }
  82
  83 /* ::::: msg header message ids ::::: */
  84
  85 .messageIdDisplayButton {
  86   color: #336699;
  87   cursor: pointer;
  88   margin: 0px;
  89   padding: 0px 1px;
  90 }
  91
  92 .messageIdDisplayButton:hover {
  93   color: black;
  94   background-color: #336699;
  95 }
  96
  97 .messageIdDisplayImage {
  98   -moz-padding-start: 2px;
  99   -moz-box-pack: end;
 100 }
 101
 102 /* ::::: msg header email addresses ::::: */
 103
 104 .emailDisplayButton {
 105   color: #336699;
 106   cursor: pointer;
 107   margin: 0px;
 108   padding: 0px 1px;
 109 }
 110
 111 .emailDisplayButton:hover {
 112   color: black;
 113   background-color: #336699;
 114 }
 115
 116 .emailDisplayImage {
 117   -moz-padding-start: 2px;
 118   -moz-box-pack: end;
 119 }
 120
 121 /* ::::: email address twisty ::::: */
 122
 123 .addresstwisty {
 124   margin: 1px;
 125   list-style-image: url("chrome://global/skin/tree/twisty.svg#clsd");
 126 }
 127
 128 .addresstwisty[open] {
 129   list-style-image: url("chrome://global/skin/tree/twisty.svg#open");
 130 }
 131
 132 /* ::::: view expand and collapse twisties  ::::: */
 133
 134 .expandHeaderViewButton,
 135 .collapsedHeaderViewButton  {
 136   margin: 2px .5em 0;
 137   padding: 0px;
 138 }
 139
 140 .expandHeaderViewButton {
 141   list-style-image: url("chrome://global/skin/tree/twisty.svg#open");
 142 }
 143
 144 .collapsedHeaderViewButton  {
 145   list-style-image: url("chrome://global/skin/tree/twisty.svg#clsd");
 146 }
 147
 148 /* ::::: collapsed view styles ::::: */
 149
 150 #collapsedHeaderView {
 151   padding-top: 1px;
 152 }
 153
 154 #collapsedAttachmentBox {
 155   -moz-box-pack: center;
 156 }
 157
 158 #collapseddateValue {
 159   margin: 0 .5em;
 160   text-align: right;
 161 }
 162
 163 #collapseddateValue > .textbox-input-box menupopup {
 164   text-align: left;
 165 }
 166
 167 #collapsedfromBox {
 168   width: 18em;
 169 }
 170
 171 #collapseddateBox {
 172   width: 12em;
 173 }
 174
 175 .collapsedHeaderDisplayName {
 176   padding: 0;
 177   -moz-margin-start: .55em;
 178   -moz-margin-end: .5em;
 179   font-weight: bold;
 180 }
 181
 182 .collapsedHeaderValue,
 183 #collapsedfromValue {
 184   background: transparent;
 185   padding: 0;
 186 }
 187
 188 .collapsedAttachmentButton {
 189   list-style-image: url("chrome://messenger/skin/icons/message-mail-attach.gif");
 190   margin: 0;
 191   -moz-margin-end: .5em;
 192 }