1 files changed, 98 insertions, 0 deletions
diff --git a/apps/system/style/app_install_manager/app_install_manager.css b/apps/system/style/app_install_manager/app_install_manager.css
new file mode 100644
index 0000000..d657216
--- /dev/null
+++ b/apps/system/style/app_install_manager/app_install_manager.css
@@ -0,0 +1,98 @@
+/* dialog */
+/* FIXME we have to see why we need such specific style here and why
+ * the general style in confirm.css isn't sufficient */
+#app-install-dialog,
+#app-install-cancel-dialog,
+#app-download-cancel-dialog {
+  display: none;
+  position: absolute;
+  top: 20px;
+  left: 0;
+  width: 100%;
+  bottom: 0;
+  pointer-events: none;
+}
+
+#app-install-dialog.visible,
+#app-install-cancel-dialog.visible,
+#app-download-cancel-dialog.visible {
+  display: inline-block;
+  pointer-events: auto;
+}
+
+#app-install-dialog section,
+#app-install-cancel-dialog section,
+#app-download-cancel-dialog section {
+  height: auto;
+}
+
+#app-install-dialog h1,
+#app-install-cancel-dialog h1,
+#app-download-cancel-dialog h1 {
+  border-bottom: none;
+  background: none;
+}
+
+#app-install-dialog table {
+  border-top: 0.1rem solid #686868;
+  margin: 1rem 0 0;
+  overflow: hidden;
+  padding-top: 1rem;
+  font-size: 1.4rem;
+  width: 100%;
+}
+
+#app-install-dialog table th {
+  text-align: left;
+  margin-right: 0.5rem;
+}
+
+#app-install-dialog table td {
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+#app-install-cancel-dialog small:first-child {
+  margin-bottom: 1rem;
+}
+/* ... end of dialog */
+
+/* notification */
+#install-manager-notification-container > .fake-notification {
+  padding: 10px 10px 10px 60px;
+  -moz-box-sizing: border-box;
+
+  background-repeat: no-repeat;
+  background-position: 15px center;
+  background-image: url(images/downloads.png);
+}
+
+#install-manager-notification-container > .fake-notification > * {
+  pointer-events: none;
+}
+
+#install-manager-notification-container progress {
+  width: 100%;
+  height: 4px;
+
+  border: none;
+}
+
+#install-manager-notification-container progress::-moz-progress-bar {
+  background: #ec860f;
+  border-bottom: 1px solid #b96100;
+  border-top: 2px solid #e67200;
+}
+
+#install-manager-notification-container progress:indeterminate::-moz-progress-bar {
+  background: url(../shared/progress.gif) #f2aa56;
+  border: none;
+}
+
+#install-manager-notification-container .message {
+  line-height: 20px;
+  font-weight: 700;
+  font-size: 1.6rem;
+}
+
+/* ... end of notification */