From 4838ab1ba8ca905b3222519b3350f4765e701658 Mon Sep 17 00:00:00 2001
From: Reda Lemeden <reda@thoughtbot.com>
Date: Tue, 21 Feb 2012 14:54:30 -0500
Subject: [PATCH] Changed visual style of titles and filters

--HG--
branch : bridger-dev
---
 sass/discussion/_answers.scss       |  6 ++--
 sass/discussion/_discussion.scss    |  6 ++--
 sass/discussion/_question-view.scss |  4 +--
 sass/discussion/_questions.scss     | 43 +++++++++++++++++++++++------
 sass/discussion/_tags.scss          |  2 +-
 5 files changed, 42 insertions(+), 19 deletions(-)

diff --git a/sass/discussion/_answers.scss b/sass/discussion/_answers.scss
index 55bda8bcec..747ffc29ae 100644
--- a/sass/discussion/_answers.scss
+++ b/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%);;
     }
 
   }
diff --git a/sass/discussion/_discussion.scss b/sass/discussion/_discussion.scss
index 651699f2f5..3de284476e 100644
--- a/sass/discussion/_discussion.scss
+++ b/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;
 }
-
diff --git a/sass/discussion/_question-view.scss b/sass/discussion/_question-view.scss
index bbda9527dd..c83dd9f7ca 100644
--- a/sass/discussion/_question-view.scss
+++ b/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;
         }
       }
     }
diff --git a/sass/discussion/_questions.scss b/sass/discussion/_questions.scss
index 7fc57d7015..1a35eef69f 100644
--- a/sass/discussion/_questions.scss
+++ b/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;
diff --git a/sass/discussion/_tags.scss b/sass/discussion/_tags.scss
index 317cbe025c..d8ea2e6c09 100644
--- a/sass/discussion/_tags.scss
+++ b/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;