Implement badges

static/css/badges.css

@@ -0,0 +1,41 @@
+.badge {
+    width: 32px;
+    height: 32px;
+    background: url("badges/background.png");
+}
+
+.badge-list {
+    text-align: center;
+    padding: 0;
+    margin-left: 0;
+    text-indent: 0;
+    list-style-type: none;
+}
+
+.no-badge-message {
+    color: #444;
+    margin: 0 !important;
+    background: transparent !important;
+    text-align: center;
+    display:block;
+    width: 100%;
+}
+
+.badge-holder {
+    width: 32px;
+    height: 32px;
+    display:inline;
+    margin: 0px !important;
+}
+
+.badge-description {
+    display:none;
+}
+
+.badge:hover .badge-description {
+    display:block;
+    background-color:#000;
+    border:1px solid #f80;
+    position: absolute;
+    padding: 3px;
+}

static/css/main.css

@@ -1,5 +1,6 @@
 @font-face {font-family:"Minecraft";src:url("minecraft.eot") format("eot"),url("minecraft.woff") format("woff"),url("minecraft.ttf") format("truetype"),url("minecraft.svg#Minecraft") format("svg");font-weight:normal;font-style:normal;}
 
+
 html {
     background: url(img/blocks.gif);
 }
@@ -144,16 +145,27 @@ tbody tr:nth-child(odd) {
 .user-tile {
     display: block;
     width: 150px;
-    height: 150px;
+    min-height: 150px;
     text-align: center;
 }
 
+.user-tile .badges {
+    padding: 0;
+    margin: 0;
+    text-align: center;
+    background-color:#000;
+}
+
+.user-tile .badge-holder {
+    background:#000;
+}
+
 .post .user-tile {
     float: left;
 }
 
 .user-tile .byline {
-    padding: 1em;
+    padding: 10px;
 }
 
 .user-tile a {