Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
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
@msujaws authored
View
BIN  cheevos-toolbar-24x24.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  data/award-disc-background-bronze.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  data/award-disc-background-gold.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  data/award-disc-background-silver.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  data/award-glyph-default-bronze.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  data/award-glyph-default-gold.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  data/award-glyph-default-silver.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  data/award_star_bronze_1.png
Deleted file not rendered
View
BIN  data/award_star_gold_1.png
Deleted file not rendered
View
BIN  data/award_star_silver_1.png
Deleted file not rendered
View
85 data/chrome.css
@@ -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);
}
View
BIN  data/generic_medal.png
Deleted file not rendered
View
BIN  data/noise-overlay-orange.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  data/point-ring-bronze.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  data/point-ring-gold.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  data/point-ring-silver.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  data/star-bronze-empty.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  data/star-bronze-filled.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  data/star-gold-empty.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  data/star-gold-filled.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  data/star-silver-empty.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  data/star-silver-filled.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  data/tick.png
Deleted file not rendered
View
BIN  data/trophy.gif
Deleted file not rendered
View
BIN  data/trophy_icon.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
1  lib/achievement-overlay.js
@@ -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;
View
4 package.json
@@ -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"
}
View
BIN  trophy.gif
Deleted file not rendered
Please sign in to comment.
Something went wrong with that request. Please try again.