From d673b3bcf933c3345897d19ae1c40af236c487bd Mon Sep 17 00:00:00 2001
From: Tom Giannattasio <tom@mitx.mit.edu>
Date: Mon, 10 Sep 2012 16:48:24 -0400
Subject: [PATCH] tweaked expanded style

---
 lms/static/sass/_discussion.scss | 156 +++++++++++++++++++++++++++++--
 1 file changed, 147 insertions(+), 9 deletions(-)

diff --git a/lms/static/sass/_discussion.scss b/lms/static/sass/_discussion.scss
index bb3145627a..9a4875f34c 100644
--- a/lms/static/sass/_discussion.scss
+++ b/lms/static/sass/_discussion.scss
@@ -556,12 +556,12 @@ body.discussion {
   }
 
   .wmd-button > span {
+    display: inline-block;
     background-image: url('/static/images/wmd-buttons.png');
     background-repeat: no-repeat;
     background-position: 0px 0px;
     width: 20px;
-    height: 20px;
-    display: inline-block;
+    height: 20px;    
   }
 
   .wmd-spacer1 {
@@ -1872,13 +1872,6 @@ body.discussion {
           text-shadow: none;
         }
       }
-      .wmd-button {
-        background: none;
-      }
-
-      .wmd-button span {
-        background: url(../images/new-post-icons-full.png) no-repeat;
-      }
     }
 
     .thread-tags {
@@ -1953,4 +1946,149 @@ body.discussion {
       }
     }
   }
+
+  .wmd-panel {
+    width: 100%;
+    min-width: 500px;
+  }
+
+  .wmd-button-bar  {
+    width: 100%;
+    background-color: Silver;
+  }
+
+  .wmd-input {
+    height: 150px;
+    width: 100%;
+    background-color: #e9e9e9;
+    border: 1px solid #c8c8c8;
+    font-family: Monaco, 'Lucida Console', monospace;
+    font-style: normal;
+    font-size: 0.8em;
+    line-height: 1.6em;
+    @include border-radius(3px 3px 0 0);
+
+    &::-webkit-input-placeholder {
+      color: #888;
+    }
+  }
+
+  .wmd-preview {
+    position: relative;
+    font-family: $sans-serif;
+    padding: 25px 20px 10px 20px;
+    margin-bottom: 5px;
+    box-sizing: border-box;
+    border: 1px solid #c8c8c8;
+    border-top-width: 0;
+    @include border-radius(0 0 3px 3px);
+    overflow: hidden;
+    @include transition(all, .2s, easeOut);
+
+    &:before {
+      content: 'PREVIEW';
+      position: absolute;
+      top: 3px;
+      left: 5px;
+      font-size: 11px;
+      color: #bbb;
+    }
+
+    p {
+      font-family: $sans-serif;
+    }
+    background-color: #fafafa;
+  }
+
+  .wmd-button-row {
+    position: relative;
+    margin-left: 5px;
+    margin-right: 5px;
+    margin-bottom: 5px;
+    margin-top: 10px;
+    padding: 0px;
+    height: 20px;
+    overflow: hidden;
+    @include transition(all, .2s, easeOut);
+  }
+
+  .wmd-spacer {
+    width: 1px;
+    height: 20px;
+    margin-left: 14px;
+
+    position: absolute;
+    background-color: Silver;
+    display: inline-block;
+    list-style: none;
+  }
+
+  .wmd-button {
+    width: 20px;
+    height: 20px;
+    padding-left: 2px;
+    padding-right: 3px;
+    position: absolute;
+    display: inline-block;
+    list-style: none;
+    cursor: pointer;
+    background: none;
+  }
+
+  .wmd-button > span {
+    display: inline-block;
+    background-image: url(../images/new-post-icons-full.png);
+    background-repeat: no-repeat;
+    background-position: 0px 0px;
+    width: 20px;
+    height: 20px;    
+  }
+
+  .wmd-spacer1 {
+    left: 50px;
+  }
+  .wmd-spacer2 {
+    left: 175px;
+  }
+
+  .wmd-spacer3 {
+    left: 300px;
+  }
+
+  .wmd-prompt-background {
+    background-color: Black;
+  }
+
+  .wmd-prompt-dialog {
+    @extend .modal;
+    background: #fff;
+  }
+
+  .wmd-prompt-dialog {
+    padding: 20px;
+
+    > div {
+      font-size: 0.8em;
+      font-family: arial, helvetica, sans-serif;
+    }
+
+    b {
+      font-size: 16px;
+    }
+
+    > form > input[type="text"] {
+      border-radius: 3px;
+      color: #333;
+    }
+
+    > form > input[type="button"] {
+      border: 1px solid #888;
+      font-family: $sans-serif;
+      font-size: 14px;
+    }
+
+    > form > input[type="file"] {
+      margin-bottom: 18px;
+    }
+  }
 }