improved styling of wiki excerpt

2011-11-11 18:23:49 -05:00
parent 071dfebeff
commit 995476b52a
4 changed files with 19 additions and 5 deletions
--- a/app/assets/stylesheets/common/dtext.css.scss
+++ b/app/assets/stylesheets/common/dtext.css.scss
@@ -1,6 +1,9 @@
@import "000_vars.css.scss";

 div.prose {
+  max-width: 40em;
+  line-height: 1.4em;
+  
  h1, h2, h3 {
    line-height: 1em;
  }
--- a/app/assets/stylesheets/specific/posts.css.scss
+++ b/app/assets/stylesheets/specific/posts.css.scss
@@ -105,12 +105,23 @@ div#c-posts {
  div#wiki-page-excerpt {
    position: relative;
    width: 40em;
+    background: #EEE;
+    padding: 0.5em;
+    margin-bottom: 1em;
+    -moz-border-radius: 0.5em;
+    -webkit-border-radius: 0.5em;
+    border-radius: 0.5em;
+    border: 1px solid #CCC;
+    
+    p:last-child {
+      margin-bottom: 0;
+    }
    
    div#hide-or-show-wiki-page-excerpt {
      font-size: 1em;
      position: absolute;
-      top: 0;
-      right: 0;
+      top: 9px;
+      right: 9px;
      
      span {
        cursor: pointer;