Changed visual style of titles and filters

--HG--
branch : bridger-dev

sass/discussion/_answers.scss

@@ -26,7 +26,7 @@ div.answer-controls {
 
         &:before {
           content: '|';
-          color: darken(#F6EFD4, 10%);
+          color: #ccc;
           font-size: 16px;
         }
       }
@@ -131,11 +131,11 @@ div.answer-actions {
     text-decoration: none;
 
     &.question-delete {
-      color: $mit-red;
+      // color: $mit-red;
     }
 
     &.question-edit, &.permant-link {
-      color: darken(#F6EFD4, 45%);;
+      // color: darken(#F6EFD4, 45%);;
     }
 
   }

sass/discussion/_discussion.scss

@@ -20,11 +20,11 @@
 }
 .action-link {
   a {
-    color: darken(#F6EFD4, 50%);
+    color: $mit-red;
 
     &:hover {
       text-decoration: none;
-      color: darken(#F6EFD4, 70%);
+      color: darken($mit-red, 20%);
     }
   }
 }
@@ -70,7 +70,6 @@ body.askbot {
 }
 
 // Autocomplete
-
 .acInput {
   width: 200px;
 }
@@ -110,4 +109,3 @@ body.askbot {
   background-color: $mit-red;
   color: #fff;
 }
-

sass/discussion/_question-view.scss

@@ -72,7 +72,7 @@ div.question-header {
         width: flex-grid(4,8);
 
         a {
-          color: darken(#F6EFD4, 50%);
+          // color: darken(#F6EFD4, 50%);
 
           &.question-delete {
             color: $mit-red;
@@ -80,7 +80,7 @@ div.question-header {
         }
 
         span.sep {
-          color: darken(#F6EFD4, 10%);
+          color: #ccc;
         }
       }
     }

sass/discussion/_questions.scss

@@ -3,6 +3,7 @@ div.question-list-header {
   margin-bottom: 15px;
   overflow: hidden;
   width: flex-grid(9,9);
+  @extend h1.top-header;
 
   section.question-list-meta  {
     display: block;
@@ -14,6 +15,9 @@ div.question-list-header {
       float: left;
     }
 
+    h1 {
+      margin: 0;
+    }
     span.label {
       color: #555;
     }
@@ -43,7 +47,7 @@ div.question-list-header {
 
           &:before {
             content: '|';
-            color: darken(#F6EFD4, 10%);
+            color: #ccc;
             font-size: 16px;
           }
         }
@@ -54,8 +58,7 @@ div.question-list-header {
   section.question-tags-list {
     display: block;
     min-height: 26px;
-    overflow: hidden;
-    padding-top:5px;
+    padding-top:15px;
     width: 100%;
 
     div {
@@ -65,6 +68,7 @@ div.question-list-header {
 
     div.back {
       margin-right: 10px;
+      margin-top: 4px;
 
       a {
         color: #555;
@@ -74,6 +78,14 @@ div.question-list-header {
     div.tags-list {
 
     }
+
+    ul.tags li {
+      background: #fff;
+
+      &:before {
+        border-color: transparent #fff transparent transparent;
+      }
+    }
   }
 }
 
@@ -81,12 +93,26 @@ ul.question-list, div#question-list {
   width: flex-grid(9,9);
 
   li.single-question {
-    border-top: 1px solid #eee;
+    border-bottom: 1px solid #eee;
     list-style: none;
-    padding: 10px 0;
+    padding: 10px 3%;
+    margin-left: -3%;
+    width: 100%;
 
     &:hover {
-      background: #fbfbfb;
+      background: #F3F3F3;
+
+      ul.tags li {
+        background: #fff;
+
+        &:before {
+          border-color: transparent #fff transparent transparent;
+        }
+      }
+    }
+
+    &:first-child {
+      border-top: 0;
     }
 
     div {
@@ -132,7 +158,7 @@ ul.question-list, div#question-list {
 
           li {
             @include linear-gradient(#fff, #f5f5f5);
-            border: 1px solid #eee;
+            border: 1px solid #ddd;
             display: inline-block;
             height:60px;
             margin-right: 10px;
@@ -180,8 +206,7 @@ ul.question-list, div#question-list {
   }
 
   div.post-own-question {
-    border-top: 1px solid #efefef;
-    padding: 10px;
+    padding: 11px;
 
     a {
       font-weight: bold;

sass/discussion/_tags.scss

@@ -9,7 +9,7 @@ ul.tags {
   li {
     background: #eee;
     @include border-radius(4px);
-    @include box-shadow(1px 1px 0px #bbb);
+    @include box-shadow(0px 1px 0px #ccc);
     color: #555;
     display: inline-block;
     font-size: 12px;