1 files changed, 57 insertions, 0 deletions
diff --git a/comm/mail/themes/shared/mail/converterDialog.css b/comm/mail/themes/shared/mail/converterDialog.css
new file mode 100644
index 0000000000..381ccf808d
--- /dev/null
+++ b/comm/mail/themes/shared/mail/converterDialog.css
@@ -0,0 +1,57 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+* License, v. 2.0. If a copy of the MPL was not distributed with this
+* file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+html {
+  background-color: -moz-Dialog;
+}
+
+body {
+  color: -moz-DialogText;
+  font: message-box;
+  position: relative;
+  min-width: 330px;
+  max-width: 50em;
+}
+
+.convert-area {
+  display: grid;
+  grid-template: "icon text text" auto
+                 "icon progress-bar progress-percent" auto
+                 "buttons buttons buttons" 1fr / auto 70% 1fr;
+  gap: 10px 15px;
+}
+
+.convert-area[hidden] {
+  display: none;
+}
+
+.infoIcon {
+  width: 48px;
+  height: 48px;
+  grid-area: icon;
+  align-self: start;
+}
+
+p {
+  margin: 0;
+  /* Only one paragraph should be displayed at any given time. */
+  grid-area: text;
+  align-self: start;
+}
+
+.controls {
+  grid-area: buttons;
+  align-self: end;
+  justify-self: end;
+}
+
+#progress {
+  grid-area: progress-bar;
+  align-self: center;
+}
+
+#progressPercent {
+  grid-area: progress-percent;
+  align-self: center;
+}