Web   ·   Wiki   ·   Activities   ·   Blog   ·   Lists   ·   Chat   ·   Meeting   ·   Bugs   ·   Git   ·   Translate   ·   Archive   ·   People   ·   Donate
summaryrefslogtreecommitdiffstats
path: root/apps/system/style/app_install_manager/app_install_manager.css
blob: d657216f77b3d924712231c662a1e1bd57362682 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
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 */