Browse Source

Changes style of tag in list of articles for each category

Talha Mansoor 11 years ago
parent
commit
9277965a6c
2 changed files with 25 additions and 13 deletions
  1. 23 11
      static/css/style.css
  2. 2 2
      templates/categories.html

+ 23 - 11
static/css/style.css

@@ -145,21 +145,23 @@ h2.tag-title {
 /* Categories */
 .list-of-categories span {
     vertical-align: super;
-    font-size: 0.8em;
+    font-size: 0.7em;
 }
 
 a.list-of-categories  {
     text-decoration:none;
 }
 
-/* Base CSS */
-h2 a {
-    color:rgb(51,51,51);
+ul.list-articles-category {
+list-style:none outside none;
+margin:0px 0px 0px 5px;
 }
 
-h2 a:hover {
-    text-decoration:none;
-    color:rgb(51,51,51);
+ul.list-articles-category li span{
+margin-right:10px;
+color:#AAAAAA;
+font-family:"PT Sans","Helvetica Neue",Arial,sans-serif;
+font-size: 0.9em;
 }
 
 a.category-link {
@@ -170,10 +172,6 @@ a.category-link:hover {
     text-decoration:none;
 }
 
-a {
-    color:rgb(56, 117, 215);
-}
-
 a.list-of-categories {
     font-size:1.1em;
     font-family: 'Trebuchet MS',Trebuchet,'Lucida Sans Unicode','Lucida Grande','Lucida Sans',Arial,sans-serif;
@@ -184,3 +182,17 @@ a.list-of-categories:hover {
     background-color:rgb(0, 136, 204);
     border-radius:4px;
 }
+
+/* Base CSS */
+h2 a {
+    color:rgb(51,51,51);
+}
+
+h2 a:hover {
+    text-decoration:none;
+    color:rgb(51,51,51);
+}
+
+a {
+    color:rgb(56, 117, 215);
+}

+ 2 - 2
templates/categories.html

@@ -32,10 +32,10 @@ All Categories - {{ super() }}
                 </div>
                 <div id="{{ category|replace(' ', '-')|e }}-ref" class="accordion-body collapse">
                     <div class="accordion-inner">
-                        <ul>
+                        <ul class="list-articles-category">
                             {% for article in articles %} 
                             {% set day = article.date.strftime('%d')|int %}
-                            <li>{{ article.date.strftime('%b') }} {{ day }}{{ article.date.strftime(', %Y') }} <a href="{{ article.url }}">{{ article.title }}</a></li>
+                            <li><span>{{ article.date.strftime('%b') }} {{ day }}{{ article.date.strftime(', %Y') }}</span> <a href="{{ article.url }}">{{ article.title }}</a></li>
                             {% endfor %}
                         </ul>
                     </div>