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