Permalink
Browse files

new badge

  • Loading branch information...
1 parent a1e05e4 commit e5e1669bd11aa5386b46d119955bdc3525ca3964 @dgreensp dgreensp committed Apr 20, 2012
@@ -1,49 +1,43 @@
/* CSS declarations go here */
-a.madewith_link {
+a.madewith_badge {
text-decoration: none;
-}
-
-.madewith_badge {
z-index: 10000;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
- position: fixed;
+ display: block;
+ position: absolute;
top: 0;
right: 0;
- width: 300px;
- height: 129px;
- background-size: 300px 129px;
- text-shadow: 1px 1px black, 1px -1px black, -1px 1px black, -1px -1px black;
- border: 1px solid black;
-}
-
-.madewith_badge_inner {
- margin: 10px;
- height: 109px;
- background-color: rgba(0, 0, 0, 0.3);
- position: relative;
-}
-
-.madewith_text {
- position: absolute;
- top: 15px;
width: 280px;
- text-align: center;
- color: white;
- font-weight: 700;
- font-size: 1.9em;
+ height: 32px;
+ background-repeat: no-repeat;
+ background-position: left top;
+ font-weight: bold;
}
-.madewith_votes {
+.madewith_upvote {
position: absolute;
- bottom: 15px;
- width: 280px;
- color: white;
- font-size: 1.5em;
- text-align: center;
+ top: 2px;
+ bottom: 2px;
+ left: 205px;
+ width: 26px;
+ cursor: pointer;
+ background-repeat: no-repeat;
+ background-position: 100px 100px; /* hidden */
}
-.madewith_upvote {
- color: yellow;
- cursor: pointer;
+.madewith_upvote:hover {
+ background-position: 5px 3px;
}
+.madewith_vote_count {
+ position: absolute;
+ top: 2px;
+ bottom: 2px;
+ right: 2px;
+ width: 52px;
+ text-align: center;
+ overflow: visible;
+ color: #fff;
+ line-height: 28px;
+ font-size: 18px;
+}
@@ -3,15 +3,10 @@
</body>
<template name="madewith">
- <a class="madewith_link" href="http://madewith.meteor.com/{{shortname}}" target="_blank">
- <div class="madewith_badge">
- <div class="madewith_badge_inner">
- <div class="madewith_text">Made with Meteor</div>
- <div class="madewith_votes">
- <span class="madewith_upvote">▲</span>
- <span class="madewith_vote_count">{{vote_count}} points</span>
- </div>
- </div>
+ <a class="madewith_badge" href="http://madewith.meteor.com/{{shortname}}" target="_blank">
+ <div class="madewith_votes">
+ <div class="madewith_upvote"></div>
+ <div class="madewith_vote_count">{{vote_count}}</div>
</div>
</a>
</template>
@@ -19,7 +19,7 @@
Template.madewith.vote_count = function() {
var app = apps.findOne();
- return app ? app.vote_count : '';
+ return app ? app.vote_count : '???';
};
Template.madewith.shortname = function () {

Some generated files are not rendered by default. Learn more.

Oops, something went wrong.

0 comments on commit e5e1669

Please sign in to comment.