Made badges round.

ronhuang · Aug 30, 2011 · 7806d27 · 7806d27
1 parent 967024d
commit 7806d27
Show file tree

Hide file tree

Showing 5 changed files with 18 additions and 8 deletions.
diff --git a/backend/midautumn/css/docs.css b/backend/midautumn/css/docs.css
@@ -58,9 +58,6 @@ a.menu img {
   padding: 20px 0px;
   margin: 5px 0px;
 }
-#list .row img {
-  vertical-align: top;
-}
 #list .share {
 }
 #list .delete {
@@ -115,7 +112,19 @@ div.more-empty {
 div.badge {
   text-align: center;
 }
-#achievements img {
+img.badge {
+  width: 64px;
+  height: 64px;
+  -moz-border-radius: 64px;
+  -webkit-border-radius: 32px;
+}
+img.badge.large {
+  width: 128px;
+  height: 128px;
+  -moz-border-radius: 128px;
+  -webkit-border-radius: 64px;
+}
+#profile img, #achievements img {
   float: right;
 }
 #confirmation {

diff --git a/backend/midautumn/view/achievement.html b/backend/midautumn/view/achievement.html
@@ -16,7 +16,7 @@
       <section id="achievement">
         <div class="row well">
           <div class="span3 columns badge">
-            <img alt="成就圖示" src="{{ icon_url }}" width="128" height="128">
+            <img class="badge large" alt="成就圖示" src="{{ icon_url }}">
           </div>
           <div class="span10 columns">
             <h2 class="title">{{ title }}</h2>

diff --git a/backend/midautumn/view/home.html b/backend/midautumn/view/home.html
@@ -38,7 +38,7 @@
       <section id="list-template" style="display: none;">
         <div class="row well" style="display: none;">
           <div class="span3 columns badge">
-            <img alt="推薦者圖示" src="img/blank.jpg" width="64" height="64">
+            <img class="badge" alt="推薦者圖示" src="/img/blank.jpg">
           </div>
           <div class="span10 columns">
             <h2 class="title"></h2>
@@ -63,7 +63,7 @@ <h2 class="title"></h2>
         {% for obj in objects %}
         <div class="row well">
           <div class="span3 columns badge">
-            <img alt="推薦者圖示" src="{{ obj.owner_picture }}" width="64" height="64">
+            <img class="badge" alt="推薦者圖示" src="{{ obj.owner_picture }}">
           </div>
           <div class="span10 columns">
             <h2 class="title">{{ obj.title }}</h2>

diff --git a/backend/midautumn/view/object.html b/backend/midautumn/view/object.html
@@ -16,7 +16,7 @@
       <section id="object">
         <div class="row well">
           <div class="span3 columns badge">
-            <img alt="推薦者圖示" src="{{ owner_picture }}" width="64" height="64">
+            <img class="badge large" alt="推薦者圖示" src="{{ owner_picture }}">
           </div>
           <div class="span10 columns">
             <h2 class="title">{{ title }}</h2>

diff --git a/backend/midautumn/view/profile.html b/backend/midautumn/view/profile.html
@@ -21,6 +21,7 @@ <h1>{{ requested_profile.name }}</h1>
         </div>
         <div class="row">
           <div class="span4 columns well">
+            <img class="badge" alt="成就圖示" src="{{ requested_profile.picture }}">
             <h4>加入時間</h4>
             <abbr class="timeago" title="{{ requested_profile.created.iso8601 }}">{{ requested_profile.created.localized }}</abbr>
           </div>