Permalink
Browse files

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

…'s new graphics
  • Loading branch information...
msujaws committed Dec 23, 2011
1 parent b72374a commit 2e653c7d11ac87a74f0964523fd30552b6efeb41
View
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
View
Binary file not shown.
Binary file not shown.
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,88 +46,92 @@
#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;
}
#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 {
position: absolute;
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
Binary file not shown.
Binary file not shown.
View
Binary file not shown.
View
Binary file not shown.
View
Binary file not shown.
View
Binary file not shown.
View
Binary file not shown.
View
Binary file not shown.
View
Binary file not shown.
View
Binary file not shown.
View
Binary file not shown.
View
Binary file not shown.
View
Binary file not shown.
View
Binary file not shown.
@@ -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
@@ -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
Binary file not shown.

0 comments on commit 2e653c7

Please sign in to comment.