Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse files

updated the overlay, toolbar button, and addon icon to use shorlander…

…'s new graphics
  • Loading branch information...
commit 2e653c7d11ac87a74f0964523fd30552b6efeb41 1 parent b72374a
Jared Wein authored
BIN  cheevos-toolbar-24x24.png
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
BIN  data/award-disc-background-bronze.png
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
BIN  data/award-disc-background-gold.png
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
BIN  data/award-disc-background-silver.png
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
BIN  data/award-glyph-default-bronze.png
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
BIN  data/award-glyph-default-gold.png
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
BIN  data/award-glyph-default-silver.png
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
BIN  data/award_star_bronze_1.png
View
Deleted file not rendered
BIN  data/award_star_gold_1.png
View
Deleted file not rendered
BIN  data/award_star_silver_1.png
View
Deleted file not rendered
85 data/chrome.css
View
@@ -28,7 +28,7 @@
left: 0;
right: 0;
margin: 0 auto;
- max-width: 500px;
+ max-width: 400px;
opacity: 1;
-moz-transition: opacity 500ms linear 10s;
}
@@ -46,11 +46,11 @@
#cheevos-achievementOverlay-achievement {
background: #b2815a;
max-height: 100px;
- max-width: 500px;
+ max-width: 400px;
overflow: hidden;
position: relative;
- background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAfCAYAAADwbH0HAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6M0REN0YwNzNBOTNGMTFERjgzM0NCNTVFOEI3QjAzMTMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6M0REN0YwNzRBOTNGMTFERjgzM0NCNTVFOEI3QjAzMTMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozREQ3RjA3MUE5M0YxMURGODMzQ0I1NUU4QjdCMDMxMyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozREQ3RjA3MkE5M0YxMURGODMzQ0I1NUU4QjdCMDMxMyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pt7ILeIAAAO9SURBVHja7FZLbxNXFP489tgdnJjE18WprYCCeAYi8RJsKlXqH+umUqVWXbVddFMVUGtlw4ZiwiOKBFYgKo9acRAhGDckdmLqsYMfGHtim/mOcaRSQJ5dF77S1dxz7pnvnve9rvnUphoaGsKxcT/Wt4DM6hoikQgOht1YybeQy+UwsW8ce4PA4moN1WoVh/aFYXiBx8/tH+xxZO8I6k3gyWoe/WJpmUxGwDQNCHwCLC0tYXt7WwD5XVxchN8rpMil02moIWCXzcvn8zK5Js8JlqvT6SizCtxPPUU0GrW1NfCsABGamprC/pANsFZHNpvF6eMH5IB7T4qo1+s4OxmF5gLuLmVhGAbOHAqiXyyNp9NthUIBlmWJNh6bu7Gxgd5otVqyb7zVloeWy2X4dED3QNbkOcFyxROPVTgcxqkDI9h8CSQWHoh2hz/TsbxhibafnzuFsd3Ag6db4tovzx6WQ28ns2i32/ji5Dgs26M3F5bRL5ZYzJ8/NN63R/d+aK9vLMa41uio2JUF9TD9UpFeNTvq59gNlf6nI3QyU1G/Xb4jcqRv/bWu/rj1SNacXJPnBMsjMbNLIRgMQtf1bgbaitFlveF2uxEKhUSOGcxE4rC6CYtAILDD6xcLPJ21TG1KtY766eJV9Wj9tdD8ki5UutpSjvI9S5kfnD3aCZZnYmJCip6j/BqYnJyEx+PpZqT9JV2zrVA2TTnKs2SYvbSEcXvV7FrqBAs9bX84f0X9uWzuxOWr78/Ll/T9lZLst1pd+tqdlX9ZzpiS5wTLRZdQuxeFIoaHhzGudOS22jBNE0opREY0rJkWKpUK9oSC0pGyZl3qdEwFxJpNsywxjSoD/WJpv1+awbO/n0vXoeC3P15Ao9HAuaOfCjjpyKgu++y9lGdHOrE/IHXKyTV5TrBcDDr979PdaNopSEGv14tdPjdeNVpoNpvw+Xzw2i2oYbWk55JmR6o3ut3JsLsJs5f/9oulHY365Pb45dcL4hJqTsGvv/lOAEgXi0XZpxzl2YHiM9elI3HOXL8pPCdY/7GYLunRPQsZv3ctljp+2497NfuuxR/D0ubm5uS24B3J4E9PT4tLSFMwFoshHNCE5n06OzsrtwwnrUwmkzu0EywXC5q1VShuwe/3S/Dz5ba4hB2IgrmShVqthlBwRO7TzVJdbpk9o92afVGqSkcaGzXQL5bG+5UazM/PS5oP2+VCV8TjcfmSpmAikRA5ytOqVColtwwn1+Q5wXINnj6Dp8/g6TN4+gyePv/7p88bAQYAKrFdNP4leE0AAAAASUVORK5CYII=),
- -moz-radial-gradient(top center 45deg, ellipse cover, #CF7330 0%, #5E210E 100%);
+ background-image: url(noise-overlay-orange.png),
+ -moz-linear-gradient(#a65d29, #591d09);
border-radius: 3px;
border: 1px solid #ff6;
box-shadow: 0 0 30px #ff6;
@@ -58,33 +58,41 @@
#cheevos-achievementOverlay-award {
float: left;
- width: 72px;
- height: 72px;
- margin: 14px;
- border-radius: 1000px;
- border: 2px ridge gold;
- box-shadow: inset 0 0 3px #000,
- 0 0 2px #ff6;
- background: url(generic_medal.png) no-repeat center;
+ width: 80px;
+ height: 80px;
+ margin: 10px;
+ background-repeat: no-repeat, no-repeat;
+ background-position: center, center;
+}
+
+#cheevos-achievementOverlay-achievement.bronze #cheevos-achievementOverlay-award {
+ background-image: url(award-glyph-default-bronze.png), url(award-disc-background-bronze.png);
+}
+
+#cheevos-achievementOverlay-achievement.silver #cheevos-achievementOverlay-award {
+ background-image: url(award-glyph-default-silver.png), url(award-disc-background-silver.png);
+}
+
+#cheevos-achievementOverlay-achievement.gold #cheevos-achievementOverlay-award {
+ background-image: url(award-glyph-default-gold.png), url(award-disc-background-gold.png);
}
#cheevos-achievementOverlay-h1, #cheevos-achievementOverlay-h2 {
color: white;
margin: 0;
text-shadow: 0 0 2px #333;
+ font-weight: normal;
}
#cheevos-achievementOverlay-h1 {
padding-top: 20px;
- font-weight: bold;
}
#cheevos-achievementOverlay-h2 {
color: #F0B289;
line-height: 16px;
font-size: 16px;
- font-weight: normal;
- width: 400px;
+ width: 325px;
}
#cheevos-achievementOverlay-meta {
@@ -92,42 +100,38 @@
top: 0;
right: 0;
padding: 0;
- width: 100px;
+ width: 75px;
height: 100%;
border-left: 1px groove rgba(0,0,0,.3);
- background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAfCAYAAADwbH0HAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6M0REN0YwNzNBOTNGMTFERjgzM0NCNTVFOEI3QjAzMTMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6M0REN0YwNzRBOTNGMTFERjgzM0NCNTVFOEI3QjAzMTMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozREQ3RjA3MUE5M0YxMURGODMzQ0I1NUU4QjdCMDMxMyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozREQ3RjA3MkE5M0YxMURGODMzQ0I1NUU4QjdCMDMxMyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pt7ILeIAAAO9SURBVHja7FZLbxNXFP489tgdnJjE18WprYCCeAYi8RJsKlXqH+umUqVWXbVddFMVUGtlw4ZiwiOKBFYgKo9acRAhGDckdmLqsYMfGHtim/mOcaRSQJ5dF77S1dxz7pnvnve9rvnUphoaGsKxcT/Wt4DM6hoikQgOht1YybeQy+UwsW8ce4PA4moN1WoVh/aFYXiBx8/tH+xxZO8I6k3gyWoe/WJpmUxGwDQNCHwCLC0tYXt7WwD5XVxchN8rpMil02moIWCXzcvn8zK5Js8JlqvT6SizCtxPPUU0GrW1NfCsABGamprC/pANsFZHNpvF6eMH5IB7T4qo1+s4OxmF5gLuLmVhGAbOHAqiXyyNp9NthUIBlmWJNh6bu7Gxgd5otVqyb7zVloeWy2X4dED3QNbkOcFyxROPVTgcxqkDI9h8CSQWHoh2hz/TsbxhibafnzuFsd3Ag6db4tovzx6WQ28ns2i32/ji5Dgs26M3F5bRL5ZYzJ8/NN63R/d+aK9vLMa41uio2JUF9TD9UpFeNTvq59gNlf6nI3QyU1G/Xb4jcqRv/bWu/rj1SNacXJPnBMsjMbNLIRgMQtf1bgbaitFlveF2uxEKhUSOGcxE4rC6CYtAILDD6xcLPJ21TG1KtY766eJV9Wj9tdD8ki5UutpSjvI9S5kfnD3aCZZnYmJCip6j/BqYnJyEx+PpZqT9JV2zrVA2TTnKs2SYvbSEcXvV7FrqBAs9bX84f0X9uWzuxOWr78/Ll/T9lZLst1pd+tqdlX9ZzpiS5wTLRZdQuxeFIoaHhzGudOS22jBNE0opREY0rJkWKpUK9oSC0pGyZl3qdEwFxJpNsywxjSoD/WJpv1+awbO/n0vXoeC3P15Ao9HAuaOfCjjpyKgu++y9lGdHOrE/IHXKyTV5TrBcDDr979PdaNopSEGv14tdPjdeNVpoNpvw+Xzw2i2oYbWk55JmR6o3ut3JsLsJs5f/9oulHY365Pb45dcL4hJqTsGvv/lOAEgXi0XZpxzl2YHiM9elI3HOXL8pPCdY/7GYLunRPQsZv3ctljp+2497NfuuxR/D0ubm5uS24B3J4E9PT4tLSFMwFoshHNCE5n06OzsrtwwnrUwmkzu0EywXC5q1VShuwe/3S/Dz5ba4hB2IgrmShVqthlBwRO7TzVJdbpk9o92afVGqSkcaGzXQL5bG+5UazM/PS5oP2+VCV8TjcfmSpmAikRA5ytOqVColtwwn1+Q5wXINnj6Dp8/g6TN4+gyePv/7p88bAQYAKrFdNP4leE0AAAAASUVORK5CYII=),
- -moz-linear-gradient(#CF7330, #8F4017 45%, #5E210E);
+ background-image: url(noise-overlay-orange.png),
+ -moz-linear-gradient(#cc7333, #67220a);
}
#cheevos-achievementOverlay-points {
- width: 50px;
- height: 50px;
- background-color: rgba(92,41,12,.5);
- margin: 10px 25px 0;
+ width: 64px;
+ height: 64px;
+ margin: 0 auto;
font-size: 24px;
font-weight: bold;
- color: white;
text-shadow: 0 0 2px #333;
- line-height: 50px;
+ line-height: 60px;
text-align: center;
- border-radius: 50px;
- box-shadow: inset 0 0 10px black,
- 0 0 2px #ffa;
+ vertical-align: top;
}
#cheevos-achievementOverlay-meta.bronze #cheevos-achievementOverlay-points {
- border: 2px ridge goldenrod;
- color: DarkGoldenrod;
+ background-image: url(point-ring-bronze.png);
+ color: #ffd4bf;
}
#cheevos-achievementOverlay-meta.silver #cheevos-achievementOverlay-points {
- border: 2px ridge silver;
- color: #D9E9FF;
+ background-image: url(point-ring-silver.png);
+ color: #e5eaff;
}
#cheevos-achievementOverlay-meta.gold #cheevos-achievementOverlay-points {
- border: 2px ridge gold;
- color: #FFE9CB;
+ background-image: url(point-ring-gold.png);
+ color: #ffeecc;
}
#cheevos-achievementOverlay-medals {
@@ -152,22 +156,23 @@
#cheevos-achievementOverlay-meta.gold li:nth-child(1),
#cheevos-achievementOverlay-meta.silver li:nth-child(1),
#cheevos-achievementOverlay-meta.bronze li:nth-child(1) {
- background-image: url(award_star_bronze_1.png);
+ background-image: url(star-bronze-filled.png);
}
#cheevos-achievementOverlay-meta.gold li:nth-child(2),
#cheevos-achievementOverlay-meta.silver li:nth-child(2) {
- background-image: url(award_star_silver_1.png);
+ background-image: url(star-silver-filled.png);
}
#cheevos-achievementOverlay-meta.gold li:nth-child(3) {
- background-image: url(award_star_gold_1.png);
+ background-image: url(star-gold-filled.png);
+}
+
+#cheevos-achievementOverlay-meta.bronze li:nth-child(2) {
+ background-image: url(star-silver-empty.png);
}
-#cheevos-achievementOverlay-meta.bronze li:nth-child(2),
#cheevos-achievementOverlay-meta.bronze li:nth-child(3),
#cheevos-achievementOverlay-meta.silver li:nth-child(3) {
- background-color: rgba(0,0,0,.2);
- border-radius: 20px;
- box-shadow: inset 0 0 3px #000;
+ background-image: url(star-gold-empty.png);
}
BIN  data/generic_medal.png
View
Deleted file not rendered
BIN  data/noise-overlay-orange.png
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
BIN  data/point-ring-bronze.png
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
BIN  data/point-ring-gold.png
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
BIN  data/point-ring-silver.png
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
BIN  data/star-bronze-empty.png
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
BIN  data/star-bronze-filled.png
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
BIN  data/star-gold-empty.png
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
BIN  data/star-gold-filled.png
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
BIN  data/star-silver-empty.png
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
BIN  data/star-silver-filled.png
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
BIN  data/tick.png
View
Deleted file not rendered
BIN  data/trophy.gif
View
Deleted file not rendered
BIN  data/trophy_icon.png
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
1  lib/achievement-overlay.js
View
@@ -101,6 +101,7 @@ exports.AchievementOverlay = function AchievementOverlay(options) {
let $ = function (id) doc.getElementById(id);
let overlay = $(options.id);
if (overlay) {
+ $("cheevos-achievementOverlay-achievement").className = data.awardsClass;
$("cheevos-achievementOverlay-h1").textContent = data.title;
$("cheevos-achievementOverlay-h2").textContent = data.text;
$("cheevos-achievementOverlay-points").textContent = data.points;
4 package.json
View
@@ -5,6 +5,6 @@
"version": "0.1",
"fullName": "Cheevos",
"id": "jid1-bpzDizt9E1R7nw",
- "description": "Cheevos is an early stage addon for Firefox that makes learning about different parts of the browser fun, as well as giving you the opportunity to brag to your friends about your pro-level web surfing.",
- "icon": "trophy.gif"
+ "description": "Cheevos is an addon for Firefox that makes learning about different parts of the browser fun, as well as giving you the opportunity to brag to your friends about your pro-level web surfing.",
+ "icon": "cheevos-toolbar-24x24.png"
}
BIN  trophy.gif
View
Deleted file not rendered
Please sign in to comment.
Something went wrong with that request. Please try again.