aboutsummaryrefslogtreecommitdiff
path: root/arc-firefox-theme/chrome/mozapps/extensions
diff options
context:
space:
mode:
Diffstat (limited to 'arc-firefox-theme/chrome/mozapps/extensions')
-rw-r--r--arc-firefox-theme/chrome/mozapps/extensions/extensions.css39
-rw-r--r--arc-firefox-theme/chrome/mozapps/extensions/update.css8
2 files changed, 34 insertions, 13 deletions
diff --git a/arc-firefox-theme/chrome/mozapps/extensions/extensions.css b/arc-firefox-theme/chrome/mozapps/extensions/extensions.css
index 333d393..226278b 100644
--- a/arc-firefox-theme/chrome/mozapps/extensions/extensions.css
+++ b/arc-firefox-theme/chrome/mozapps/extensions/extensions.css
@@ -129,11 +129,18 @@
}
.loading {
- list-style-image: url("chrome://global/skin/icons/loading_16.png");
+ list-style-image: url("chrome://global/skin/icons/loading.png");
padding-left: 20px;
padding-right: 20px;
}
+@media (min-resolution: 1.1dppx) {
+ .loading > image {
+ width: 16px;
+ list-style-image: url("chrome://global/skin/icons/loading@2x.png");
+ }
+}
+
button.warning {
list-style-image: url("chrome://mozapps/skin/extensions/alerticon-warning.svg");
}
@@ -441,7 +448,7 @@ button.warning {
}
.name-container {
- font-size: 150%;
+ font-size: 1.3rem;
font-weight: bold;
-moz-box-align: end;
-moz-box-flex: 1;
@@ -454,6 +461,7 @@ button.warning {
.description-container {
-moz-margin-start: 6px;
-moz-box-align: center;
+ font-size: 1.25rem;
}
.description {
@@ -656,7 +664,7 @@ button.warning {
.detail-view-container {
-moz-padding-end: 2em;
padding-bottom: 2em;
- font-size: 110%;
+ font-size: 1.25rem;
color: #333;
}
@@ -687,31 +695,38 @@ button.warning {
}
#detail-name-container {
- font-size: 200%;
+ font-size: 2.5rem;
+ font-weight: normal;
}
#detail-screenshot-box {
-moz-margin-end: 2em;
+ background-image: linear-gradient(rgba(255,255,255,.5), transparent);
+ background-color: white;
+ box-shadow: 0 1px 2px #666;
+ border-radius: 2px;
}
#detail-screenshot {
max-width: 300px;
max-height: 300px;
- background-color: white;
- box-shadow: 0 1px 2px #666;
}
#detail-screenshot[loading] {
- background-image: url("chrome://global/skin/icons/loading_16.png"),
- linear-gradient(rgba(255, 255, 255, 0.5), transparent);
+ background-image: url("chrome://global/skin/icons/loading.png");
background-position: 50% 50%;
background-repeat: no-repeat;
- border-radius: 2px;
+}
+
+@media (min-resolution: 1.1dppx) {
+ #detail-screenshot[loading] {
+ background-image: url("chrome://global/skin/icons/loading@2x.png");
+ background-size: 16px;
+ }
}
#detail-screenshot[loading="error"] {
- background-image: url("chrome://global/skin/media/error.png"),
- linear-gradient(rgba(255, 255, 255, 0.5), transparent);
+ background-image: url("chrome://global/skin/media/error.png");
}
#detail-desc-container {
@@ -793,7 +808,6 @@ setting {
border-top: 1px solid #c1c1c1;
-moz-box-align: center;
min-height: 35px;
- font-size: 1.25rem;
line-height: 20px;
text-shadow: 0 1px 1px #fefffe;
}
@@ -802,6 +816,7 @@ setting {
margin-bottom: 1em;
}
+.inline-options-browser,
setting[first-row="true"] {
margin-top: 2em;
}
diff --git a/arc-firefox-theme/chrome/mozapps/extensions/update.css b/arc-firefox-theme/chrome/mozapps/extensions/update.css
index d35438a..bda89ca 100644
--- a/arc-firefox-theme/chrome/mozapps/extensions/update.css
+++ b/arc-firefox-theme/chrome/mozapps/extensions/update.css
@@ -7,7 +7,7 @@
}
.throbber {
- list-style-image: url("chrome://global/skin/icons/loading_16.png");
+ list-style-image: url("chrome://global/skin/icons/loading.png");
width: 16px;
height: 16px;
margin-top: 5px;
@@ -16,6 +16,12 @@
-moz-margin-end: 2px;
}
+@media (min-resolution: 1.1dppx) {
+ .throbber {
+ list-style-image: url("chrome://global/skin/icons/loading@2x.png");
+ }
+}
+
.alertBox {
background-color: InfoBackground;
color: InfoText;