improved section highlighting

3 files changed, 16 insertions, 5 deletions

diff --git a/css/_edit.css b/css/_edit.css
index 67f83c278..67f076914 100755
--- a/css/_edit.css
+++ b/css/_edit.css
@@ -111,7 +111,13 @@ div.picker button.pickerbutton {
 .dokuwiki .secedit input.button {
     font-size: 75%;
 }
+
+/* generic style for section highlighting (including headings) */
 .dokuwiki .section_highlight {
-    background-color: __background_alt__ !important;
-    color: inherit;
+}
+/* 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__;
 }
diff --git a/css/design.css b/css/design.css
index cc0ea0d28..d300e890f 100755
--- a/css/design.css
+++ b/css/design.css
@@ -472,6 +472,11 @@ div.picker button.toolbutton {
     border-width: 0;
 }
 
+.dokuwiki div.section_highlight {
+    margin-left: -2em;
+    border-left-width: 1em;
+}
+
 .dokuwiki textarea.edit {
     font-family: Consolas, "Andale Mono WT", "Andale Mono", "Bitstream Vera Sans Mono", "Liberation Mono", Monaco, "Courier New", monospace;
 }
diff --git a/style.ini b/style.ini
index 3a9e9dfc2..5e32aaa73 100755
--- a/style.ini
+++ b/style.ini
@@ -9,9 +9,6 @@
 [stylesheets]
 
 css/basic.css             = screen
-css/structure.css         = screen
-css/design.css            = screen
-css/content.css           = screen
 css/_imgdetail.css        = screen
 css/_media_popup.css      = screen
 css/_media_fullscreen.css = screen
@@ -27,6 +24,9 @@ css/_edit.css             = screen
 css/_modal.css            = screen
 css/_forms.css            = screen
 css/_admin.css            = screen
+css/structure.css         = screen
+css/design.css            = screen
+css/content.css           = screen
 css/includes.css          = screen
 
 css/rtl.css           = rtl