Bug 1248157 - Change more info-/error screens to in-content info page style. r=aleth

im/content/accounts.xul

@@ -123,7 +123,6 @@
   <deck flex="1" id="accountsDesk" ondblclick="gAccountManager.new();">
     <vbox flex="1" id="noAccountScreen" align="center" pack="center">
       <hbox id="noAccountBox" align="top">
-        <image id="noAccountImage"/>
         <vbox id="noAccountInnerBox" flex="1">
           <label id="noAccountTitle" value="&accountManager.noAccount.title;"/>
           <description id="noAccountDesc">&accountManager.noAccount.description;</description>

im/content/viewlog.xul

@@ -122,7 +122,6 @@
         </vbox>
         <vbox flex="1" id="corruptLogScreen" align="center" pack="center">
           <hbox id="corruptLogBox">
-            <image id="corruptLogImage"/>
             <vbox id="corruptLogInnerBox" align="center" pack="center" flex="1">
               <description id="corruptLogDesc">&logsWindow.corruptlogfile;</description>
             </vbox>

im/themes/accounts.css

@@ -23,33 +23,34 @@ notification > hbox {
 }
 
 #noAccountScreen {
-  background-color: -moz-Dialog;
+  color: -moz-FieldText;
+  background-color: -moz-Field;
   overflow: auto;
 }
 #noAccountBox {
-  background-color: -moz-Field;
-  color: -moz-FieldText;
-  border: 1px solid ThreeDShadow;
-  border-radius: 10px;
-  padding: 1.1em;
-  -moz-padding-start: 20px;
-  margin-left: 1em;
-  margin-right: 1em;
-}
-#noAccountImage {
-  list-style-image: url("chrome://global/skin/icons/information-64.png");
-  -moz-margin-end: 1.2em;
+  background: url("chrome://global/skin/icons/info.svg") left 5px no-repeat;
+  background-size: 2.5em;
+  padding-right: 3.5em;
+  padding-left: 3.5em;
+  margin-inline-start: 2.5em;
+  margin-inline-end: 1.5em;
 }
 #noAccountInnerBox {
-  max-width: 25em;
+  opacity: .8;
 }
 #noAccountTitle {
-  margin: 0 1em 0.6em 0;
-  font-size: 160%;
-  border-bottom: 1px solid ThreeDLightShadow
+  font-size: 2em;
+  font-weight: lighter;
+  line-height: 1.2;
+  margin: 0;
+  margin-bottom: .3em;
+  padding-bottom: .2em;
+  border-bottom: 1px solid -moz-FieldText;
 }
 #noAccountDesc {
   font-size: 110%;
+  margin-right: 0;
+  margin-left: 0;
 }
 
 #accountlist {
@@ -112,7 +113,7 @@ button:focus {
 button:active:hover:focus {
   box-shadow: @focusRingShadow@, @roundButtonPressedShadow@;
 }
- 
+
 button:hover:active:not([disabled="true"]) {
   background: @toolbarbuttonPressedBackgroundColor@;
   text-shadow: @loweredShadow@;

im/themes/viewlog.css

@@ -58,34 +58,29 @@ splitter:-moz-window-inactive {
 %endif
 
 #corruptLogScreen {
-  background-color: -moz-Dialog;
+  color: -moz-FieldText;
+  background-color: -moz-Field;
   overflow: auto;
+  font-size: 16px;
+  font-weight: normal;
 }
 
 #corruptLogBox {
-  background-color: -moz-Field;
-  color: -moz-FieldText;
-  border: 1px solid ThreeDShadow;
-  border-radius: 10px;
-  padding: 1.1em;
-  -moz-padding-start: 20px;
-  margin-left: 1em;
-  margin-right: 1em;
-}
-
-#corruptLogImage {
-%ifdef XP_MACOSX
-  list-style-image: url("chrome://global/skin/icons/error-large.png");
-%else
-  list-style-image: url("chrome://global/skin/icons/error-48.png");
-%endif
-  -moz-margin-end: 1em;
+  max-width: calc(500px + 7em);
+  min-height: 3em;
+  background: url("chrome://global/skin/icons/warning.svg") left 0 no-repeat;
+  background-size: 3em;
+  margin-right: .5em;
+  margin-left: .5em;
+  padding-right: 3.5em;
+  padding-left: 3.5em;
 }
 
 #corruptLogInnerBox {
-  max-width: 25em;
+  opacity: .8;
 }
 
 #corruptLogDesc {
-  font-size: 16px;
+  margin-right: 0;
+  margin-left: 0;
 }