badge style

Mozilla-GitHub-Standards · Nov 5, 2010 · c13b3e0 · c13b3e0
1 parent 672f4df
commit c13b3e0
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 5 deletions.
diff --git a/django/issuer/media/css/screen.css b/django/issuer/media/css/screen.css
@@ -280,15 +280,31 @@ div.status_update {
     display: block;
     text-align: left;
     padding:10px;
-
+    height:125px;
     border:1px solid #ccc;
     -moz-border-radius:6px;
     background:-moz-linear-gradient(top, #fff 20%, #ddd 100%);
     -moz-box-shadow: 0px 2px 0 #666;
     margin: 8px auto;
   }
+
+  .badge .pic {float: left;}
+
+  .badge .title {
+    font-size: 1.6em;
+  }
+
+    h4.issuer {
+    font-size:16px;
+  }
+
+  .badge h3.title {
+    line-height:40px;
+  }
+
 
-    .badge .info {
-    float: left;
+  .badge .info {
+    float:left;
+margin-left:15px;
     width: 250px;
   }
diff --git a/django/issuer/templates/badges/index.html b/django/issuer/templates/badges/index.html
@@ -13,12 +13,12 @@ <h3>You have been awarded:</h3>
 
 <div class='badge'>
     <div class='pic'>
-        <img src='' alt='badge' />
+        <img src='/media/images/openweb01.png' alt='badge' />
     </div>
 
     <div class='info'>
         <h3 class='title'>{{ badge.title }}</h3>    
-        <h4 class='issuer'><a href='#' title=''>{{ badge.issuer }}</a></h4>
+        <h4 class='issuer'><a href='#' title=''>Mozilla Drumbeat Festival 2010</a></h4>
     </div>
 </div>
 <br />