Changing RSS images for divs with background rss

Matheus Figueiredo
1 parent 65b2a60e
Showing 2 changed files with 15 additions and 4 deletions Show diff stats
src/colab/deprecated/templates/home.html
src/colab/static/css/screen.css
@@ -24,7 +24,8 @@
         <a class="pull-right" target="_blank"
           href="{% url 'rss_latest_colab' %}" 
           title="{% trans 'RSS - Latest collaborations' %}">
-        <img src="{{ STATIC_URL }}img/rss.png" alt="{% trans 'RSS' %}"/></a>
+          <div class="rss-icon"></div>
+        </a>
       </h3>
       <ul>
         {% for doc in latest_docs %}
@@ -52,7 +53,8 @@
         <a class="pull-right" target="_blank"
             href="{% url 'rss_hottest_threads' %}" 
             title="{% trans "RSS - Discussions Most Relevance" %}">
-        <img src="{{ STATIC_URL }}img/rss.png" alt="{% trans 'RSS' %}"/></a>
+          <div class="rss-icon"></div>
+        </a>
       </h3>
       <ul>
         {% for thread in hottest_threads %}
@@ -71,7 +73,8 @@
         <a class="pull-right" target="_blank"
            href="{% url 'rss_latest_threads' %}" 
            title="{% trans "RSS - Latest Discussions" %}">
-        <img src="{{ STATIC_URL }}img/rss.png" alt="{% trans 'RSS' %}"/></a>
+          <div class="rss-icon"></div>
+        </a>
       </h3>
       <ul>
         {% for thread in latest_threads %}
 /* Header */
-
 #header-searchbox {
     width: 290px;
 }
@@ -11,6 +10,8 @@
 #header-hr{
     margin-top: 0;
 }
+/* End of Header */
+
 /* From message-preview.html*/
 .quiet {
@@ -78,3 +79,10 @@
 .subject img {
     margin-right: 5px;
 }
+/* End of message-preview.html */
+
+.rss-icon{
+    background-image: url(../img/rss.png);
+    width: 16px;
+    height: 16px;
+}