Bug 944945 - Improve Vcard box styling. r+ui-r=Paenglab
authorJosiah Bruner <josiah@programmer.net>
Sat, 30 Nov 2013 19:19:29 -0500
changeset 16944 47cc6378ca23e33483c576dacfb9cb5a2a3177c4
parent 16943 2f477ef33c927cd8012319054586c27f6aac231f
child 16945 0fa8a688fa1ebf7d6e1077579de39a881a31442c
push id1074
push userbugzilla@standard8.plus.com
push dateMon, 03 Feb 2014 22:47:23 +0000
treeherdercomm-beta@6b791b5369ed [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
bugs944945
Bug 944945 - Improve Vcard box styling. r+ui-r=Paenglab
mail/themes/linux/mail/messageBody.css
mail/themes/osx/mail/messageBody.css
mail/themes/windows/mail/messageBody.css
--- a/mail/themes/linux/mail/messageBody.css
+++ b/mail/themes/linux/mail/messageBody.css
@@ -88,40 +88,47 @@ img[overflowing][shrinktofit] {
   cursor: zoom-in;
   max-width: 100% !important;
   height: auto !important;
 }
 
 /* ::::: vcard ::::: */
 
 .moz-vcard-table {
-  border-radius: 8px;
-  border: thin solid gray;
   margin-top: 10px;
+  border-radius: 5px;
+  border-color: ThreeDLightShadow;
+  border-width: 1px;
+  border-style: solid;
+  background-color: rgba(0, 0, 0, .1);
 }
 
 .moz-vcard-property {
   font-size: 80%;
   color: gray;
 }
 
-.moz-vcard-title-property {
-} 
-
 .moz-vcard-badge {
-  height: 24px;
-  width: 24px;
+  margin-top: 2px;
+  height: 32px;
+  width: 32px;
+  background-image: url("chrome://messenger/skin/addressbook/icons/contact-generic.png");
+  background-size: 100% 100%;
   background-color: transparent;
   display: block;
-  background-image: url("chrome://messenger/skin/addressbook/icons/abcard-large.png");
+  opacity: .7;
 }
 
 .moz-vcard-badge:hover {
-  -moz-image-region: rect(30px 30px 60px 0px);
-} 
+  opacity: .8;
+}
+
+.moz-vcard-badge:active {
+  opacity: 1;
+}
 
 .moz-vcard-badge:focus {
   outline: none;
 }
 
 /* Old style feeds, pre Tb3.0 */
 #_mailrssiframe {
   position: fixed;
--- a/mail/themes/osx/mail/messageBody.css
+++ b/mail/themes/osx/mail/messageBody.css
@@ -98,51 +98,46 @@ img[overflowing][shrinktofit] {
   cursor: zoom-in;
   max-width: 100% !important;
   height: auto !important;
 }
 
 /* ::::: vcard ::::: */
 
 .moz-vcard-table {
-  border-radius: 8px;
-  border: thin solid gray;
   margin-top: 10px;
+  border-radius: 5px;
+  border-color: ThreeDLightShadow;
+  border-width: 1px;
+  border-style: solid;
+  background-color: rgba(0, 0, 0, .1);
 }
 
 .moz-vcard-property {
   font-size: 80%;
   color: gray;
 }
 
-.moz-vcard-title-property {
-}
-
 .moz-vcard-badge {
+  margin-top: 2px;
   height: 32px;
   width: 32px;
+  background-image: url("chrome://messenger/skin/addressbook/icons/contact-generic.png");
+  background-size: 100% 100%; /* This allows us to ignore any @2x resolutions */
   background-color: transparent;
   display: block;
-  background-image: url("chrome://messenger/skin/addressbook/icons/addressbook-toolbar.png");
-  -moz-image-region: rect(0px 32px 32px 0px);
+  opacity: .7;
 }
 
 .moz-vcard-badge:hover {
-  -moz-image-region: rect(32px 32px 64px 0px);
+  opacity: .8;
 }
 
-@media (min-resolution: 2dppx) {
-  .moz-vcard-badge {
-    background-image: url("chrome://messenger/skin/addressbook/icons/addressbook-toolbar@2x.png");
-    -moz-image-region: rect(0px 64px 64px 0px);
-  }
-
-  .moz-vcard-badge:hover {
-    -moz-image-region: rect(64px 64px 128px 0px);
-  }
+.moz-vcard-badge:active {
+  opacity: 1;
 }
 
 .moz-vcard-badge:focus {
   outline: none;
 }
 
 /* Quote Levels Colors */
 
--- a/mail/themes/windows/mail/messageBody.css
+++ b/mail/themes/windows/mail/messageBody.css
@@ -88,40 +88,47 @@ img[overflowing][shrinktofit] {
   cursor: zoom-in;
   max-width: 100% !important;
   height: auto !important;
 }
 
 /* ::::: vcard ::::: */
 
 .moz-vcard-table {
-  border-radius: 8px;
-  border: thin solid gray;
   margin-top: 10px;
+  border-radius: 5px;
+  border-color: ThreeDLightShadow;
+  border-width: 1px;
+  border-style: solid;
+  background-color: rgba(0, 0, 0, .1);
 }
 
 .moz-vcard-property {
   font-size: 80%;
   color: gray;
 }
 
-.moz-vcard-title-property {
-} 
-
 .moz-vcard-badge {
-  height: 24px;
-  width: 24px;
+  margin-top: 2px;
+  height: 32px;
+  width: 32px;
+  background-image: url("chrome://messenger/skin/addressbook/icons/contact-generic.png");
+  background-size: 100% 100%;
   background-color: transparent;
   display: block;
-  background-image: url("chrome://messenger/skin/addressbook/icons/abcard-large.png");
+  opacity: .7;
 }
 
 .moz-vcard-badge:hover {
-  -moz-image-region: rect(30px 30px 60px 0px);
-} 
+  opacity: .8;
+}
+
+.moz-vcard-badge:active {
+  opacity: 1;
+}
 
 .moz-vcard-badge:focus {
   outline: none;
 }
 
 /* Old style feeds, pre Tb3.0 */
 #_mailrssiframe {
   position: fixed;