Bug 1089812 - InContent Prefs: Update the dialog styling to the new specs. r=dao

browser/themes/linux/preferences/in-content/preferences.css

@@ -43,19 +43,6 @@ filefield + button {
  * Dialog
  */
 
-#dialogBox {
-  padding: 20px;
-}
-
 #dialogTitle {
   font-size: 1em;
 }
-
-.titlebar {
-  margin-bottom: 12px;
-}
-
-.close-icon {
-  margin-top: -32px;
-  -moz-margin-end: -15px;
-}

browser/themes/osx/preferences/in-content/preferences.css

@@ -62,20 +62,6 @@ filefield + button {
  * Dialog
  */
 
-#dialogBox {
-  padding: 15px 20px 20px;
-}
-
 #dialogTitle {
   font-size: 1.1em;
 }
-
-.titlebar {
-  margin-bottom: 9px;
-  -moz-padding-start: 0;
-}
-
-.close-icon {
-  margin-top: -29px;
-  -moz-margin-end: -14px;
-}

browser/themes/shared/incontentprefs/preferences.inc.css

@@ -310,11 +310,11 @@ description > html|a {
   background-color: #fbfbfb;
   color: #424e5a;
   font-size: 14px;
-  border: 1px solid rgba(0,0,0,0.35);
   border-radius: 2.5px;
   box-shadow: 0 2px 4px 0 rgba(0,0,0,0.5);
   display: -moz-box;
   margin: 0;
+  padding: 0;
 }
 
 #dialogBox[resizable="true"] {
@@ -324,8 +324,14 @@ description > html|a {
   min-width: 66ch;
 }
 
-.titlebar {
-  -moz-margin-start: 4px;
+#dialogBox > .groupbox-title {
+  padding: 3.5px 0;
+  background-color: #F1F1F1;
+  border-bottom: 1px solid #C1C1C1;
+}
+
+#dialogTitle {
+  text-align: center;
 }
 
 .close-icon {
@@ -339,7 +345,7 @@ description > html|a {
 
 #dialogBox > .groupbox-body {
   -moz-appearance: none;
-  padding: 0;
+  padding: 20px;
 }
 
 #dialogFrame {

browser/themes/windows/preferences/in-content/preferences.css

@@ -17,19 +17,6 @@ filefield + button {
  * Dialog
  */
 
-#dialogBox {
-  padding: 18px 20px 20px;
-}
-
 #dialogTitle {
   font-size: 1em;
 }
-
-.titlebar {
-  margin-bottom: 12px;
-}
-
-.close-icon {
-  margin-top: -28px;
-  -moz-margin-end: -15px;
-}

toolkit/themes/shared/in-content/common.inc.css

@@ -10,7 +10,7 @@ html|body,
 xul|page {
   font: message-box;
   -moz-appearance: none;
-  background-color: #f1f1f1;
+  background-color: #fbfbfb;
   color: #424e5a;
 }