diff static/css/wikked.less @ 91:315c32a4ce58

Modified edit page to support side-by-side preview.
author Ludovic Chabant <ludovic@chabant.com>
date Tue, 09 Apr 2013 22:12:27 -0700
parents b03f083c3a29
children 13249e5ca51c
line wrap: on
line diff
--- a/static/css/wikked.less	Sun Apr 07 13:31:20 2013 -0700
+++ b/static/css/wikked.less	Tue Apr 09 22:12:27 2013 -0700
@@ -110,7 +110,7 @@
     background: @colorGreen;
 }
 
-// Other classes
+// Search
 form.form-search {
     display: inline-block;
     margin: 0;
@@ -123,6 +123,12 @@
 ul.search-results {
     list-style: none;
 }
+b.match {
+    padding: 0 0.2em;
+    background: #ffeb84;
+}
+
+// Page editing
 #page-edit {
     textarea {
         height: 10em;
@@ -132,18 +138,22 @@
         border-radius: 0;
     }
 }
-#wmd-input-wrapper {
-    padding: 1em 0;
-
-    #wmd-input-grip {
-        background: @grayLighter;
-        border: 1px solid @grayLight;
-        border-width: 0 1px 1px 1px;
-        height: 12px;
-        cursor: ns-resize;
-    }
+#wmd-form-wrapper>section {
+    margin: 1em;
 }
-#wmd-preview-wrapper {
+#wmd-input-grip {
+    background: @grayLighter;
+    border: 1px solid @grayLight;
+    border-width: 0 1px 1px 1px;
+    height: 12px;
+    cursor: ns-resize;
+}
+#wmd-preview-button span {
+    background: url(../img/markdown-32x20.png);
+    width: 32px;
+    height: 20px;
+}
+/*#wmd-preview-wrapper {
     border: 1px dashed @colorBlueDark;
 
     h3 {
@@ -156,7 +166,7 @@
 }
 #wmd-button-bar li {
     margin-left: 0;
-}
+}*/
 .preview-wiki-meta {
     .meta-name {
         background: @colorBlueDark;
@@ -177,10 +187,6 @@
     margin-top: 1em;
     margin-bottom: 1em;
 }
-b.match {
-    padding: 0 0.2em;
-    background: #ffeb84;
-}
 
 // Page alerts
 article .alert {