rewrite of LCARStrek for 0.9.8(+): big moving around and rewirting of things, see...
[themes.git] / LCARStrek / messenger / messageHeader.css
index aa1fc02a3ae5d186b6e806ef656fc4a5efa550df..cc3613f26e67edabd55e1319e3dd96b693c7ea7e 100644 (file)
   ======================================================================= */
 
 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* set default namespace to HTML */
-@namespace html url("http://www.w3.org/1999/xhtml"); /* namespace for XUL elements */
+
+/* ::::: msg header toolbars ::::: */
 
 #collapsedHeaderView,
-#expandedHeaderView
-  {
-    min-width             : 1px;
-    background-color      : #E7ADE7;
-    color                 : #000000;
-    -moz-border-radius    : 8px;
-    margin-bottom         : 3px;
-  }
-
-mail-headerfield,
-mail-toggle-headerfield
-  { 
-    padding               : 0px; 
-    padding-left          : 1px; 
-    padding-right         : 1px; 
-  }
-
-.buttonTopSpacer     
-  { 
-    height                : 0.3em; 
-  }
-
-.buttonSpacer        
-  { 
-    width                 : 0.5em; 
-  }
-
-.headerValueBox 
-  { 
-    width                 : 7.7em;
-    -moz-box-pack         : end;
-  }
-
-.headerBox              
-  { 
-    overflow              : hidden; 
-    min-width             : 50px;
-  }
-
-#addToAddressBookButton 
-  {
-    list-style-image      : url("chrome://messenger/skin/addtoab.gif");
-    min-height            : 20px;
-    margin                : 0px;
-  }
+#expandedHeaderView {
+  min-width: 1px;
+  background-color: #E7ADE7;
+  color: #000000;
+  -moz-border-radius: 8px;
+  margin-bottom: 3px;
+}
+
+/* ::::: msg header buttons ::::: */
 
 #expandedAttachmentBox {
   width: 20em;
   height: 0px;
-  list-style-image: url("chrome://messenger/skin/attach.gif");
-}
-
-#attachmentText
-{
-  font-weight: bold;
+  list-style-image: url("chrome://messenger/skin/icons/attach.gif");
 }
 
 #attachmentTree {
-  margin: 3px;
-  marginleft: 0px;
+  margin: 3px 3px 3px 0px;
   height: 0px;
   width: 20em;
   color: #FF9F00;
 }
 
-.emailDisplayImage
-  {
-    -moz-box-pack: end;
-  }
-
-.emailDisplayButton 
-  {
-    color                 : #008484;
-    cursor                : pointer;
-    -moz-border-radius:   : 3px;
-    margin                : 0px;
-    padding               : 0px; 
-    padding-left          : 1px; 
-    padding-right         : 1px; 
-  }
-
-.emailDisplayButton:hover
-  {
-    color                 : black;
-    background-color      : #FFCF00;
-  }
-
-.showMoreAddressesButton 
-{
-  list-style-image      : url("chrome://global/skin/twisty-closed-selected.gif");
+#attachmentText {
+  font-weight: bold;
 }
 
-.showFewerAddressesButton 
-{
-  list-style-image      : url("chrome://global/skin/twisty-open-selected.gif");
-}
+/* ::::: msg header captions ::::: */
 
-.headerValue 
-  { 
-    white-space           : normal; 
-    min-width             : 50px; 
-  }
+#msgHeaderView {
+  border-left: none;
+  border-right: none;
+}
 
-.subjectvalue
- {
-  font-weight             : bold;
+#collapsedHeaderView,
+#expandedHeaderView {
+  border-left: none;
+  border-right: none;
+/*  border-bottom: 1px solid #9999CC; */
+  min-width: 1px;
  }
 
-.headerdisplayname 
-  { 
-    font-weight           : bold; 
-    margin-right          : 0.5em; 
-    margin-left           : 0.5em; 
-    min-height: 16px;
-  }
-
-#msgHeaderView
-  {
-    border-left           : none;
-    border-right          : none;
-/*    border-bottom         : 1px solid #9999CC; */
-  }
-       
-.expandHeaderViewButton {
-  list-style-image: url("chrome://global/skin/twisty-open-selected.gif");
-  margin-left: .5em;
-  margin-right: .5em;
+.headerNameBox {
+  width: 7.7em;
 }
 
-.collapsedHeaderViewButton 
-{
-  list-style-image: url("chrome://global/skin/twisty-closed-selected.gif");
-  margin-left: .5em;
+.headerName {
+  margin: 0em .25em 0em 0em;
+  min-height: 16px;
+  font-weight: bold;
+  text-align: right;
+}
+
+.headerValue {
+  margin: 0em 0em .25em 0em;
+  min-width: 50px;
+  white-space: normal;
+}
+
+.subjectvalue {
+  font-weight: bold;
 }
 
+/* ::::: msg header email addresses ::::: */
+
+.emailDisplayButton {
+  -moz-border-radius: 3px;
+  color: #008484;
+  cursor: pointer;
+  margin: 0px;
+  padding: 0px 1px; 
+}
+
+.emailDisplayButton:hover {
+  color: #000000;
+  background-color: #FFCF00;
+}
+
+/* ::::: email address twisty ::::: */
+
+.addresstwisty {
+  margin: 1px;
+  list-style-image: url("chrome://global/skin/tree/twisty-closed-selected.gif");
+}
+
+.addresstwisty[open] {
+  list-style-image: url("chrome://global/skin/tree/twisty-open-selected.gif");
+}
+
+/* ::::: view expand and collapse twisties  ::::: */
+
+.expandHeaderViewButton,
+.collapsedHeaderViewButton  {
+  margin: 2px .5em 0 .5em;
+  padding: 0px;
+}
+
+.expandHeaderViewButton {
+  list-style-image: url("chrome://global/skin/tree/twisty-open-selected.gif");
+}
+
+.collapsedHeaderViewButton  {
+  list-style-image: url("chrome://global/skin/tree/twisty-closed-selected.gif");
+}
 
 /* ::::: collapsed view styles ::::: */
 
@@ -187,35 +157,31 @@ mail-toggle-headerfield
   -moz-box-pack: center;
 }
 
-#collapseddateValue
-{
-  margin-left: .7em;
+#collapseddateValue {
+  margin-left: 0 .5em;
+  text-align: right;
 }
 
-#collapsedfromBox
-{
+#collapsedfromBox {
   width: 18em;
 }
 
-#collapseddateBox
-{
+#collapseddateBox {
   width: 12em;
 }
 
-.collapsedHeaderDisplayName 
-{ 
-  font-weight: bold; 
-  margin-left: .7em;
+.collapsedHeaderDisplayName { 
+  margin: 0 .5em 0 .7em;
   min-height: 16px;
+  font-weight: bold; 
+}
+
+.collapsedHeaderValue {
+  margin: 0;
 }
 
 .collapsedAttachmentButton
 {
-  list-style-image: url("chrome://messenger/skin/message-mail-attach.gif");
+  list-style-image: url("chrome://messenger/skin/icons/message-mail-attach.gif");
   margin-right: .5em;
-  margin-left: 1em;
-}
-
-[hide] {
-  visibility: hidden;
 }