bugfix for issue 376, migrating inline styles to the CSS file and using relative...

git-svn-id: http://svn.osqa.net/svnroot/osqa/trunk@1173 0cfe37f9-358a-4d5e-be75-b63607b5c754

diff --git a/forum/skins/default/media/style/style.css b/forum/skins/default/media/style/style.css
index e20a51e65445d110eab12f4af5f589c2be20264b..e329cf29733edf6f4e8814d69967de59a2280c4d 100644 (file)
--- a/forum/skins/default/media/style/style.css
+++ b/forum/skins/default/media/style/style.css
@@ -820,6 +820,29 @@ div.question-body p, div.answer-body p {
     color: #333333;
 }
 
+#medalList .badgeListDescription {
+    float: left;
+    margin-top: 8px;
+    max-width: 60%;
+}
+
+#medalList .badgeListItem {
+    float: left;
+    width: 32%;
+}
+
+#medalList .intoMyBadges span {
+    font-size: 175%;
+    padding-right: 5px;
+    color: #5B9058;
+}
+#medalList .intoMyBadges {
+    float: left;
+    min-width: 5%;
+    text-align: right;
+    height:30px;
+}
+
 .list-item {
     margin-left: 15px;
 }

diff --git a/forum/skins/default/templates/badges.html b/forum/skins/default/templates/badges.html
index 7184204d519a241704cd67db1201d5059141c179..019a329f4e31ee1a6403e1aa6b462d99dd7c7fd2 100644 (file)
--- a/forum/skins/default/templates/badges.html
+++ b/forum/skins/default/templates/badges.html
@@ -17,15 +17,15 @@
     <div id="medalList">
         {% for badge in badges %}
         <div style="clear:both;line-height:30px">
-            <div style="float:left;min-width:30px;text-align:right;height:30px">
+            <div class="intoMyBadges">
             {% if badge.id in mybadges %}
-                 <span style="font-size:175%; padding-right:5px; color:#5B9058;">&#10004;</span>
+                 <span>&#10004;</span>
             {% endif %}
             </div>
-            <div style="float:left;width:230px;">
+            <div class="badgeListItem">
                 <a href="{{badge.get_absolute_url}}" title="{{ badge.get_type_display }} : {{ badge.description }}" class="medal"><span class="badge{{ badge.type }}">&#9679;</span>&nbsp;{{ badge.name }}</a><strong> &#215; {{ badge.awarded_count|intcomma }}</strong>
             </div>
-            <p style="float:left;margin-top:8px;">
+            <p class="badgeListDescription">
                 {{ badge.description }}
             </p>
         </div>