have new section highlighting on both sides (fixes #33) and improve preview borders

css/_edit.css

@@ -99,7 +99,7 @@ div.picker button.toolbutton {
 ********************************************************************/
 
 .dokuwiki div.preview {
-    border: dashed __border__;
+    border: dotted __border__;
     border-width: .2em 0;
     padding: 1.4em 0;
     margin-bottom: 1.4em;
@@ -121,7 +121,8 @@ div.picker button.toolbutton {
 }
 /* style for section highlighting (only sections below headings) */
 .dokuwiki div.section_highlight {
-    margin: -3em 0 -.01em -1.5em;
-    padding: 3em 0 .01em 1em;
-    border-left: .5em solid __background_alt__;
+    margin: -3em -1em -.01em -1em; /* negative side margin = side padding + side border */
+    padding: 3em .5em .01em .5em;
+    border: solid __background_alt__;
+    border-width: 0 .5em;
 }

css/design.css

@@ -308,14 +308,20 @@
 }
 
 .dokuwiki div.section_highlight {
-    margin-left: -2em;
-    border-left-width: 1em;
+    margin: -3em -2em -.01em -2em;
+    padding: 3em 1em .01em 1em;
+    border-width: 0 1em;
 }
 
 .dokuwiki textarea.edit {
     font-family: Consolas, "Andale Mono WT", "Andale Mono", "Bitstream Vera Sans Mono", "Liberation Mono", Monaco, "Courier New", monospace;
 }
 
+.dokuwiki div.preview {
+    margin: 0 -2em;
+    padding: 2em;
+}
+
 
 /*____________ changes to _toc ____________*/