From 1f3641a82800e91ebfaed80dcbc1e35a818cf20d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Michael=20Gro=C3=9Fe?= <grosse@cosmocode.de>
Date: Wed, 15 Mar 2017 18:07:41 +0100
Subject: [PATCH 01/58] Add MagicMatcher Issue list to meta box

This adds the issue list to the meta-box.

SPR-881
---
 Template.php                   | 11 ++++++++++-
 css/plugins/magic-matcher.less | 10 ++++++++++
 2 files changed, 20 insertions(+), 1 deletion(-)

diff --git a/Template.php b/Template.php
index f1f71f4..68fd351 100644
--- a/Template.php
+++ b/Template.php
@@ -17,6 +17,7 @@ class Template {
     protected $plugins = array(
         'sqlite' => null,
         'tagging' => null,
+        'magicmatcher' => null,
     );
 
     /**
@@ -44,6 +45,7 @@ class Template {
         $this->plugins['sqlite'] = plugin_load('helper', 'sqlite');
         if($this->plugins['sqlite']) {
             $this->plugins['tagging'] = plugin_load('helper', 'tagging');
+            $this->plugins['magicmatcher'] = plugin_load('syntax', 'magicmatcher_issuelist');
         }
     }
 
@@ -75,7 +77,14 @@ class Template {
             );
         }
 
-        // fixme add magicmatcher info
+        if ($this->plugins['magicmatcher']) {
+            $tabs[] = array(
+                'id' => 'spr__tab-issues',
+                'label' => 'Issues', // FIXME
+                'tab' => $this->plugins['magicmatcher']->getIssueListHTML(),
+                'count' =>  $this->plugins['magicmatcher']->getCountIssues(),
+            );
+        }
 
         return $tabs;
     }
diff --git a/css/plugins/magic-matcher.less b/css/plugins/magic-matcher.less
index 84035fc..6366c45 100755
--- a/css/plugins/magic-matcher.less
+++ b/css/plugins/magic-matcher.less
@@ -76,6 +76,16 @@
     }
 }
 
+
+/* + + + + +  in meta box  + + + + + */
+#spr__tab-issues {
+     ul.mmissuelist {
+         padding-left: 0;
+         margin-top: 1rem;
+     }
+}
+
+
 /* + + + + +  in content  + + + + + */
 a.jiralink {
     font-size: @font-size-default;

From e5d40c9a7e6c9e54acc1faa3017e19db507cce13 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Michael=20Gro=C3=9Fe?= <grosse@cosmocode.de>
Date: Thu, 16 Mar 2017 13:25:51 +0100
Subject: [PATCH 02/58] Do not show a tab if the content is falsy

There may be occasions where plugin does not wish to show any output for
the current user/page. In that case the tab should not be shown at all.

SPR-895
---
 tpl/nav-meta-box.php | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/tpl/nav-meta-box.php b/tpl/nav-meta-box.php
index 77328c5..c83145d 100755
--- a/tpl/nav-meta-box.php
+++ b/tpl/nav-meta-box.php
@@ -9,6 +9,9 @@ $tabs = \dokuwiki\template\sprintdoc\Template::getInstance()->getMetaBoxTabs();
         <li class="a11y">&nbsp;</li>
         <?php
         foreach($tabs as $tab) {
+            if (empty($tab['tab']) || trim($tab['tab']) === '') {
+                continue;
+            }
             echo '<li>';
             echo '<a href="#' . $tab['id'] . '" aria-expanded="false">';
             echo '<span class="prefix">';
@@ -27,6 +30,9 @@ $tabs = \dokuwiki\template\sprintdoc\Template::getInstance()->getMetaBoxTabs();
         <div class="box-content">
             <?php
             foreach($tabs as $tab) {
+                if (empty($tab['tab']) || trim($tab['tab']) === '') {
+                    continue;
+                }
                 echo '<div id="' . $tab['id'] . '" class="tab-pane" aria-hidden="true">';
                 echo $tab['tab'];
                 echo '</div>';

From d14ffc9215f2963a812c4057cf8384bc370b9367 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Michael=20Gro=C3=9Fe?= <grosse@cosmocode.de>
Date: Fri, 17 Mar 2017 11:46:12 +0100
Subject: [PATCH 03/58] Raise struct inline editors again above content

The alternative would be to give the content etc. a z-index of 0.

SPR-899
---
 css/plugins/struct.less | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/css/plugins/struct.less b/css/plugins/struct.less
index ccff3f3..34f8512 100755
--- a/css/plugins/struct.less
+++ b/css/plugins/struct.less
@@ -45,3 +45,7 @@
         margin-top: -.5rem;
     }
 }
+
+.dokuwiki .struct_inlineditor {
+    z-index: 3;
+}

From 9cae5e77236d47da2ce4eb8636749cb612a11a46 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Michael=20Gro=C3=9Fe?= <grosse@cosmocode.de>
Date: Mon, 20 Mar 2017 16:58:22 +0100
Subject: [PATCH 04/58] Make Issues tab-heading translateable

---
 Template.php     | 2 +-
 lang/en/lang.php | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/Template.php b/Template.php
index 68fd351..52d46bd 100644
--- a/Template.php
+++ b/Template.php
@@ -80,7 +80,7 @@ class Template {
         if ($this->plugins['magicmatcher']) {
             $tabs[] = array(
                 'id' => 'spr__tab-issues',
-                'label' => 'Issues', // FIXME
+                'label' => tpl_getLang('tab_issues'),
                 'tab' => $this->plugins['magicmatcher']->getIssueListHTML(),
                 'count' =>  $this->plugins['magicmatcher']->getCountIssues(),
             );
diff --git a/lang/en/lang.php b/lang/en/lang.php
index b12f687..d06471c 100755
--- a/lang/en/lang.php
+++ b/lang/en/lang.php
@@ -30,6 +30,7 @@ $lang['meta_box_tags_none']         = 'tags found: none';
 $lang['js']['meta_box_toc_none']    = 'no Table of Contents available';
 
 $lang['tab_tags']                   = 'Tags';
+$lang['tab_issues']                 = 'Issues';
 
 $lang['quality_trigger']            = 'toggle page analysis';
 

From 7999a99cf7053b043b7b6f29e7de91ed44bcef6c Mon Sep 17 00:00:00 2001
From: Silke Pisulla <pisulla@cosmocode.de>
Date: Wed, 22 Mar 2017 11:40:12 +0100
Subject: [PATCH 05/58] deleted testtext for viewport output

---
 main.php | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/main.php b/main.php
index 332ff34..a48aacc 100755
--- a/main.php
+++ b/main.php
@@ -105,7 +105,7 @@ $classWideContent = ($ACT === "show") ? "": "wide-content ";
 /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
 /* Wiki Title Mobile */
 /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ ?>
-                                    <p class="title mobile-only">MO <?php echo $conf['title'] ?></p>
+                                    <p class="title mobile-only"><?php echo $conf['title'] ?></p>
                                 <?php endif ?>
                             </div><!-- .main-title -->
                         </div><!-- .headings -->
@@ -118,14 +118,14 @@ $classWideContent = ($ACT === "show") ? "": "wide-content ";
 /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
 /* Wiki Title Desktop */
 /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ ?>
-                                <p class="title">DO <?php echo $conf['title'] ?></p>
+                                <p class="title"><?php echo $conf['title'] ?></p>
                             <?php endif ?>
                             <?php if ($conf['tagline']):
 
 /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
 /* Wiki Tagline Desktop */
 /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ ?>
-                                <p class="claim">DO <?php echo $conf['tagline'] ?></p>
+                                <p class="claim"><?php echo $conf['tagline'] ?></p>
                             <?php endif ?>
                         </div><!-- .main-title -->
                     </div><!-- .col -->

From 53ed3c48f468cd83bbaf17061e045872f6434c63 Mon Sep 17 00:00:00 2001
From: Silke Pisulla <pisulla@cosmocode.de>
Date: Wed, 22 Mar 2017 11:48:13 +0100
Subject: [PATCH 06/58] SPR-908: mobile - linked icons with wrong
 background-color

---
 css/area_nav-breadcrumb.less | 1 +
 1 file changed, 1 insertion(+)

diff --git a/css/area_nav-breadcrumb.less b/css/area_nav-breadcrumb.less
index a20ffe7..ec6ae0e 100755
--- a/css/area_nav-breadcrumb.less
+++ b/css/area_nav-breadcrumb.less
@@ -139,6 +139,7 @@
         } // li
 
         a {
+            background-color: #FFF;
             transition: @transition color, @transition background-color, @transition border-color;
 
             &[aria-expanded="false"] + #plugin__qc__wrapper {

From 7d57957984369f8bd805a5b44bc2ba2ed820f2db Mon Sep 17 00:00:00 2001
From: Silke Pisulla <pisulla@cosmocode.de>
Date: Wed, 22 Mar 2017 12:08:48 +0100
Subject: [PATCH 07/58] SPR-892: menu toggle moved down like user tools

---
 css/area_header.less | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/css/area_header.less b/css/area_header.less
index 5717abb..ae62baa 100755
--- a/css/area_header.less
+++ b/css/area_header.less
@@ -114,7 +114,7 @@
 
 /* + + +  mobile nav togglelink  + + + */
     .menu-togglelink {
-        margin: @very-small-spacing -(@very-small-spacing) 0 0;
+        margin: .45rem -(@very-small-spacing) 0 0;
 
         a {
             .fontello();

From 7cefd31c8119a31077ed16bc20757b71f4cd1c2e Mon Sep 17 00:00:00 2001
From: Silke Pisulla <pisulla@cosmocode.de>
Date: Wed, 22 Mar 2017 12:09:11 +0100
Subject: [PATCH 08/58] SPR-907: Meta-Box in mobile

---
 css/area_nav-metabox.less | 90 +++++++++++++++++++++++++++------------
 1 file changed, 62 insertions(+), 28 deletions(-)

diff --git a/css/area_nav-metabox.less b/css/area_nav-metabox.less
index f099780..c69f813 100755
--- a/css/area_nav-metabox.less
+++ b/css/area_nav-metabox.less
@@ -1,22 +1,37 @@
 #spr__meta-box {
+    .display-flex();
+    .flex-direction();
+    .justify-content(flex-end);
+
     position: relative;
     z-index: 10;
     float: right;
-    display: inline-block;
     max-width: 40%;
-    min-height: @page-header_height;
     border: 1px solid transparent;
-    margin-top: (@page_padding-top * -1); // reverse padding-top of .page container
+    margin-top: -(@page_padding-top); // reverse padding-top of .page container
     margin-right: -1px;
-    padding-top: 1rem;
 
+    // >= 1024
+    @media @screen_min-md {
+        height: @page-header_height;
+    }
+
+    // < 1024
     @media @screen_max-md {
         position: relative;
-        top: -1.1rem;
+        top: -1px;
         right: auto;
         float: none;
         display: block;
         max-width: 100%;
+        min-height: @page-header_height;
+        height: auto;
+    }
+
+    // < 992
+    @media @screen_max-sm {
+        position: relative;
+        top: .2rem;
     }
 
     .tab-container {
@@ -37,13 +52,12 @@
     ul.meta-tabs {
         list-style: none;
         line-height: 160%;
-        text-align: right; // right-aligned
-        white-space: nowrap;
         margin: 0;
         padding: 0;
 
-        @media @screen_max-md {
-            margin-top: 3px;
+        @media @screen_min-md {
+            white-space: nowrap;
+            text-align: right;
         }
 
         &::before,
@@ -66,8 +80,17 @@
             vertical-align: bottom;
             margin: 0;
 
+            @media @screen_min-md {
+                margin-left: .3rem;
+            }
+
             @media @screen_max-md {
-                margin-left: .2rem;
+                margin-right: .5rem;
+            }
+
+            @media @screen_max-sm {
+                margin-right: .3rem;
+                margin-bottom: .2rem;
             }
 
             > a {
@@ -76,8 +99,6 @@
                 display: block;
                 background-color: @color-site-bg;
                 border: 1px solid @color-border-light;
-                //border-bottom-color: @color-site-bg;
-                border-radius: @fix_border-radius @fix_border-radius 0 0;
                 color: @color-link;
                 font-size: @font-size-small;
                 line-height: 1.42857143;
@@ -85,22 +106,23 @@
                 margin-left: 4px;
                 transition: @transition color, @transition background-color, @transition border-color;
 
-                @media @screen_max-xxlg {
-                    padding-top: .35em;
-                }
-
-                @media @screen_max-xlg {
-                    padding-top: .3em;
+                @media @screen_min-md {
+                    border-radius: @fix_border-radius @fix_border-radius 0 0;
                 }
 
                 @media @screen_max-md {
                     top: -1px;
-                    padding: .2em .3rem .1em;
+                    background-color: @background_page-header;
+                    border-radius: 0 0 @fix_border-radius @fix_border-radius;
                     margin-left: 0;
+                    padding: .2em .3rem .1em;
                 }
 
-                @media @screen_max-xs {
-                    min-height: 30px;
+                @media @screen_max-sm {
+                    top: 0;
+                    border-radius: 0;
+                    margin-top: .2rem;
+                    padding-bottom: .2em;
                 }
 
                 * {
@@ -133,25 +155,37 @@
                     border-color: @color-link;
                     border-bottom-color: @color-content-bg;
                     color: @color-link;
+
+                    @media @screen_max-md {
+                        border-radius: 0;
+                    }
+
+                    @media @screen_max-sm {
+                        background-color: @color-link;
+                        border-bottom-color: @color-link;
+                        border-radius: 0;
+                        color: @color-content-bg;
+                    }
                 }
             }
         }
     }
 
     .meta-content {
-        @media @screen_min-xlg {
-            margin-top: -1px;
-        }
-
-        @media @screen_max-xlg {
-            margin-top: -1px;
-        }
+        margin-top: -1px;
 
         @media @screen_max-md {
             clear: both;
+        }
+
+        @media @screen_max-md {
             margin-top: -2px;
         }
 
+        @media @screen_max-sm {
+            margin-top: 2px;
+        }
+
         .tab-pane {
             position: absolute;
             top: 0;

From b2b72e7678636b676af11ffe5fd8fb4faa7a6654 Mon Sep 17 00:00:00 2001
From: Silke Pisulla <pisulla@cosmocode.de>
Date: Wed, 22 Mar 2017 12:32:57 +0100
Subject: [PATCH 09/58] SPR-908: padding in small mobile

---
 css/area_footer.less         | 35 +++++++++++++++++++++++++++++++++++
 css/area_nav-breadcrumb.less |  5 +++++
 css/base_design.less         | 10 +++++++---
 3 files changed, 47 insertions(+), 3 deletions(-)

diff --git a/css/area_footer.less b/css/area_footer.less
index 9dec28a..41f9181 100755
--- a/css/area_footer.less
+++ b/css/area_footer.less
@@ -84,3 +84,38 @@
         }
     }
 }
+
+
+/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
+/* max-width: 768px */
+
+@media @screen_max-xs {
+    .page-footer {
+        padding-left: @margin-small;
+        padding-right: @margin-small;
+    }
+
+    #dokuwiki__footer {
+        .main-footer {
+            > * {
+                padding-left: 0;
+                padding-right: 0;
+            }
+        }
+    }
+}
+
+
+/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
+/* max-width: 480px */
+
+@media @screen_max-xxs {
+    #dokuwiki__footer {
+        .main-footer {
+            > * {
+                padding-left: @margin-small;
+                padding-right: @margin-small;
+            }
+        }
+    }
+}
diff --git a/css/area_nav-breadcrumb.less b/css/area_nav-breadcrumb.less
index ec6ae0e..f4aa473 100755
--- a/css/area_nav-breadcrumb.less
+++ b/css/area_nav-breadcrumb.less
@@ -15,6 +15,11 @@
         background-color: @background_page-header;
     }
 
+    @media @screen_max-xs {
+        padding-left: @margin-small;
+        padding-right: .75rem;
+    }
+
     > p {
         font-size: @font-size-small;
         margin: 0;
diff --git a/css/base_design.less b/css/base_design.less
index 64968b8..e08a732 100755
--- a/css/base_design.less
+++ b/css/base_design.less
@@ -58,13 +58,17 @@ a {
     word-wrap: break-word;
     background: @color-content-bg;
     color: inherit;
-    // margin-bottom: .5rem; // no margin: if there is another bg-color, then there is an #fff border
     padding: @page_padding-top @margin-default @margin-default;
 
-    @media @screen_max-md{
-        padding-right: (@margin-default *1.6);
+    @media @screen_max-md {
+        padding-right: (@margin-default * 1.6);
+    }
+
+    @media @screen_max-xs {
+        padding-left: @margin-small;
     }
 }
+
 .content #dokuwiki__pagetools{
     @media @screen_max-md{
         top: 4rem;

From a4ac4a3bba392abb397ee3910d5b1cb6a301e1da Mon Sep 17 00:00:00 2001
From: Silke Pisulla <pisulla@cosmocode.de>
Date: Wed, 22 Mar 2017 13:23:03 +0100
Subject: [PATCH 10/58] SPR-908: admintools in mobile

---
 css/template_admin.less | 98 ++++++++++++++++++++++++++++++-----------
 1 file changed, 73 insertions(+), 25 deletions(-)

diff --git a/css/template_admin.less b/css/template_admin.less
index 1dc739c..d0dda37 100644
--- a/css/template_admin.less
+++ b/css/template_admin.less
@@ -1,42 +1,90 @@
+/**
+ * This file provides the design styles for the admin tools
+ *
+ * @author Jana Deutschlaender <deutschlaender@cosmocode.de>
+ */
+
 .do-admin {
     #admin__version {
         font-size: @font-size-default;
     }
+
     .main-content ul {
-         > li{
+        > li {
             font-size: @font-size-default;
 
-             div.li{
-                 font-size: @font-size-default;
+            div.li {
+                font-size: @font-size-default;
 
-                 a{
-                     font-size: @font-size-default;
-                     line-height: 125%;
-                     cursor: pointer;
-                 }
-             }
-        }
-    }
-
-    ul.admin_tasks {
-        padding: 0;
-
-        li {
-            background-size: auto 1rem;
-            margin: 0 0 .6em 0;
-
-            a {
-                font-weight: 400;
+                a {
+                    font-size: @font-size-default;
+                    line-height: 125%;
+                    cursor: pointer;
+                }
             }
         }
     }
 
-    @media @screen_max-md {
+    div.ui-admin {
         ul.admin_tasks {
-            float: none;
-            width: auto;
-        }
+            padding: 0;
 
+            li {
+                background-size: auto 1rem;
+                margin: 0 0 .6em 0;
+
+                a {
+                    font-weight: 400;
+
+                    span.icon {
+                        margin-top: -.2rem;
+                        margin-bottom: .2rem;
+                    }
+                }
+            }
+        }
     }
 }
 
+
+/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
+/* 1024px */
+
+@media @screen_max-md {
+    .do-admin {
+        div.ui-admin {
+            ul.admin_tasks {
+                width: 50%;
+                padding-top: 1rem;
+
+                li {
+                    white-space: normal;
+
+                    a {
+                        .display-flex(); // for better position with line breaks (white-space)
+
+                        span.icon {
+                            margin-top: -.3rem;
+                            margin-bottom: .3rem;
+                        }
+                    }
+                }
+            }
+        }
+    }
+}
+
+
+/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
+/* 768px */
+
+@media @screen_max-xs {
+    .do-admin {
+        div.ui-admin {
+            ul.admin_tasks {
+                width: auto;
+                padding-top: 1rem;
+            }
+        }
+    }
+}

From 402465276c1a27f76a731004ce8ef8ec61ac854f Mon Sep 17 00:00:00 2001
From: Silke Pisulla <pisulla@cosmocode.de>
Date: Wed, 22 Mar 2017 14:08:28 +0100
Subject: [PATCH 11/58] SPR-908: wrong hover menu-toggle

---
 css/area_header.less | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/css/area_header.less b/css/area_header.less
index ae62baa..82c0e7f 100755
--- a/css/area_header.less
+++ b/css/area_header.less
@@ -127,6 +127,7 @@
             background-color: #fff;
             border: 1px solid @color-border;
             border-radius: @border-radius;
+            color: @color-nav;
             font-size: 1rem;
             text-align: center;
             text-decoration: none;
@@ -137,13 +138,14 @@
                 font-size: 1.5rem;
                 margin: .1rem 0 0;
             }
-        }
 
-        &:hover,
-        &:active,
-        &:focus {
-            background-color: @button_color;
-            border-color: @button_background;
+            &:hover,
+            &:active,
+            &:focus {
+                background-color: @color-nav-hover-bg;
+                border-color: @color-nav-hover;
+                color: @color-nav-hover;
+            }
         }
     }
 }

From abe87137968795708b64d4d20050e3dfddcf2dba Mon Sep 17 00:00:00 2001
From: Silke Pisulla <pisulla@cosmocode.de>
Date: Wed, 22 Mar 2017 14:10:37 +0100
Subject: [PATCH 12/58] SPR-908: meta-box - border-radius in mobile

---
 css/area_nav-metabox.less | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/css/area_nav-metabox.less b/css/area_nav-metabox.less
index c69f813..62b9582 100755
--- a/css/area_nav-metabox.less
+++ b/css/area_nav-metabox.less
@@ -7,13 +7,13 @@
     z-index: 10;
     float: right;
     max-width: 40%;
-    border: 1px solid transparent;
     margin-top: -(@page_padding-top); // reverse padding-top of .page container
     margin-right: -1px;
 
     // >= 1024
     @media @screen_min-md {
         height: @page-header_height;
+        border: 1px solid transparent;
     }
 
     // < 1024
@@ -32,6 +32,7 @@
     @media @screen_max-sm {
         position: relative;
         top: .2rem;
+        border: 0 none;
     }
 
     .tab-container {
@@ -89,7 +90,7 @@
             }
 
             @media @screen_max-sm {
-                margin-right: .3rem;
+                margin-right: .4rem;
                 margin-bottom: .2rem;
             }
 
@@ -163,7 +164,6 @@
                     @media @screen_max-sm {
                         background-color: @color-link;
                         border-bottom-color: @color-link;
-                        border-radius: 0;
                         color: @color-content-bg;
                     }
                 }
@@ -194,12 +194,15 @@
             width: 100%;
             background-color: @color-content-bg;
             border: 1px solid @color-link;
-            border-radius: 0 0 @fix_border-radius @fix_border-radius;
 
             @media @screen_min-xs {
                 min-width: 20em;
             }
 
+            @media @screen_min-sm {
+                border-radius: 0 0 @fix_border-radius @fix_border-radius;
+            }
+
             &.active {
                 display: block;
                 overflow: hidden;

From 0b41f4a629f3c3c96744808e132d1ba10847ca82 Mon Sep 17 00:00:00 2001
From: Silke Pisulla <pisulla@cosmocode.de>
Date: Wed, 22 Mar 2017 14:42:34 +0100
Subject: [PATCH 13/58] SPR-742: Konfigurierbarkeit check border-radius

---
 css/area_footer.less      |  1 +
 css/area_nav-metabox.less |  6 +++---
 css/area_togglelink.less  | 22 ++--------------------
 css/base_structure.less   |  1 +
 4 files changed, 7 insertions(+), 23 deletions(-)

diff --git a/css/area_footer.less b/css/area_footer.less
index 41f9181..5eb60ff 100755
--- a/css/area_footer.less
+++ b/css/area_footer.less
@@ -13,6 +13,7 @@
         min-height: @page-header_height;
         background-color: @background_page-header;
         border-top: 1px solid @color-border-light;
+        border-radius: 0 0 @fix_border-radius @fix_border-radius; // @border-radius vs. @fix_border-radius
         font-size: @font-size-default;
         text-align: right;
         padding: @margin-small @margin-default;
diff --git a/css/area_nav-metabox.less b/css/area_nav-metabox.less
index 62b9582..6729551 100755
--- a/css/area_nav-metabox.less
+++ b/css/area_nav-metabox.less
@@ -108,13 +108,13 @@
                 transition: @transition color, @transition background-color, @transition border-color;
 
                 @media @screen_min-md {
-                    border-radius: @fix_border-radius @fix_border-radius 0 0;
+                    border-radius: @border-radius @border-radius 0 0; // @border-radius vs. @fix_border-radius
                 }
 
                 @media @screen_max-md {
                     top: -1px;
                     background-color: @background_page-header;
-                    border-radius: 0 0 @fix_border-radius @fix_border-radius;
+                    border-radius: 0 0 @border-radius @border-radius; // @border-radius vs. @fix_border-radius
                     margin-left: 0;
                     padding: .2em .3rem .1em;
                 }
@@ -200,7 +200,7 @@
             }
 
             @media @screen_min-sm {
-                border-radius: 0 0 @fix_border-radius @fix_border-radius;
+                border-radius: 0 0 @fix_border-radius @fix_border-radius; // @border-radius vs. @fix_border-radius
             }
 
             &.active {
diff --git a/css/area_togglelink.less b/css/area_togglelink.less
index 0607a03..0b178ba 100755
--- a/css/area_togglelink.less
+++ b/css/area_togglelink.less
@@ -31,7 +31,7 @@
             height: 100%;
             background-color: @button_background;
             border: solid 1px @button_background;
-            border-radius: @fix_border-radius 0 0 @fix_border-radius;
+            border-radius: @border-radius 0 0 @border-radius; // @border-radius vs. @fix_border-radius
             color: @button_color;
             text-decoration: none;
             transition: @transition color, @transition background-color, @transition border-color;
@@ -78,7 +78,7 @@
             a {
                 background-color: @button_background;
                 border-color: @button_background;
-                border-radius: 0 @fix_border-radius @fix_border-radius 0;
+                border-radius: 0 @border-radius @border-radius 0; // @border-radius vs. @fix_border-radius
 
                 &::before {
                     opacity: .6;
@@ -107,21 +107,3 @@
         }
     }
 }
-
-/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
-/* min-width: 1440px */
-
-@media @screen_min-xlg {
-    .togglelink {
-
-    }
-}
-
-/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
-/* max-width: 1199px */
-
-@media @screen_max-xlg {
-    .togglelink {
-
-    }
-}
diff --git a/css/base_structure.less b/css/base_structure.less
index 4901da9..3e89105 100755
--- a/css/base_structure.less
+++ b/css/base_structure.less
@@ -83,6 +83,7 @@
 
     .content .row > .col-xs-12 {
         z-index: 3;
+        border-radius: 0 @border-radius @fix_border-radius @fix_border-radius; // @border-radius vs. @fix_border-radius
     }
 
     .top-header {

From ef4640f4d7f8b8e668999312876d03310296a8b2 Mon Sep 17 00:00:00 2001
From: Silke Pisulla <pisulla@cosmocode.de>
Date: Wed, 22 Mar 2017 15:02:45 +0100
Subject: [PATCH 14/58] SPR-910: var rename - border-radius

---
 css/area_footer.less           | 2 +-
 css/area_header.less           | 2 +-
 css/area_nav-breadcrumb.less   | 4 ++--
 css/area_nav-metabox.less      | 6 +++---
 css/area_nav-usertools.less    | 6 +++---
 css/area_togglelink.less       | 4 ++--
 css/base.less                  | 2 --
 css/base_structure.less        | 2 +-
 css/plugins/magic-matcher.less | 2 +-
 9 files changed, 14 insertions(+), 16 deletions(-)

diff --git a/css/area_footer.less b/css/area_footer.less
index 5eb60ff..c2afe19 100755
--- a/css/area_footer.less
+++ b/css/area_footer.less
@@ -13,7 +13,7 @@
         min-height: @page-header_height;
         background-color: @background_page-header;
         border-top: 1px solid @color-border-light;
-        border-radius: 0 0 @fix_border-radius @fix_border-radius; // @border-radius vs. @fix_border-radius
+        border-radius: 0 0 @fix_border-radius @fix_border-radius; // @ini_default_border_radius vs. @fix_border-radius
         font-size: @font-size-default;
         text-align: right;
         padding: @margin-small @margin-default;
diff --git a/css/area_header.less b/css/area_header.less
index 82c0e7f..190e87f 100755
--- a/css/area_header.less
+++ b/css/area_header.less
@@ -126,7 +126,7 @@
             box-sizing: border-box;
             background-color: #fff;
             border: 1px solid @color-border;
-            border-radius: @border-radius;
+            border-radius: @ini_default_border_radius; // @ini_default_border_radius vs. @fix_border-radius
             color: @color-nav;
             font-size: 1rem;
             text-align: center;
diff --git a/css/area_nav-breadcrumb.less b/css/area_nav-breadcrumb.less
index f4aa473..836fd02 100755
--- a/css/area_nav-breadcrumb.less
+++ b/css/area_nav-breadcrumb.less
@@ -56,7 +56,7 @@
                 width: auto;
                 box-sizing: border-box;
                 border: solid 1px transparent;
-                border-radius: @border-radius;
+                border-radius: @ini_default_border_radius; // @ini_default_border_radius vs. @fix_border-radius
                 vertical-align: middle;
                 text-decoration: none;
                 margin-top: -.2em;
@@ -106,7 +106,7 @@
                 width: auto;
                 min-height: @toggle-size;
                 border: 1px solid @color-border;
-                border-radius: @border-radius;
+                border-radius: @ini_default_border_radius; // @ini_default_border_radius vs. @fix_border-radius
                 color: @color-nav;
                 text-align: center;
                 margin: 0;
diff --git a/css/area_nav-metabox.less b/css/area_nav-metabox.less
index 6729551..18feb4c 100755
--- a/css/area_nav-metabox.less
+++ b/css/area_nav-metabox.less
@@ -108,13 +108,13 @@
                 transition: @transition color, @transition background-color, @transition border-color;
 
                 @media @screen_min-md {
-                    border-radius: @border-radius @border-radius 0 0; // @border-radius vs. @fix_border-radius
+                    border-radius: @ini_default_border_radius @ini_default_border_radius 0 0; // @ini_default_border_radius vs. @fix_border-radius
                 }
 
                 @media @screen_max-md {
                     top: -1px;
                     background-color: @background_page-header;
-                    border-radius: 0 0 @border-radius @border-radius; // @border-radius vs. @fix_border-radius
+                    border-radius: 0 0 @ini_default_border_radius @ini_default_border_radius; // @ini_default_border_radius vs. @fix_border-radius
                     margin-left: 0;
                     padding: .2em .3rem .1em;
                 }
@@ -200,7 +200,7 @@
             }
 
             @media @screen_min-sm {
-                border-radius: 0 0 @fix_border-radius @fix_border-radius; // @border-radius vs. @fix_border-radius
+                border-radius: 0 0 @fix_border-radius @fix_border-radius; // @ini_default_border_radius vs. @fix_border-radius
             }
 
             &.active {
diff --git a/css/area_nav-usertools.less b/css/area_nav-usertools.less
index 6f110be..1ae889a 100755
--- a/css/area_nav-usertools.less
+++ b/css/area_nav-usertools.less
@@ -32,7 +32,7 @@
                 min-height: @toggle-size;
                 overflow: hidden;
                 border: 1px solid @color-border;
-                border-radius: @border-radius;
+                border-radius: @ini_default_border_radius; // @ini_default_border_radius vs. @fix_border-radius
                 color: @color-nav;
                 text-align: center;
                 margin: 0;
@@ -50,7 +50,7 @@
                 position: relative;
                 display: table-cell;
                 border: solid 1px @color-border;
-                border-radius: @border-radius;
+                border-radius: @ini_default_border_radius; // @ini_default_border_radius vs. @fix_border-radius
                 padding-right: .3rem;
 
                 @media @screen_min-xxlg {
@@ -111,7 +111,7 @@
                         width: auto;
                         opacity: 0;
                         border: solid 1px @color-nav-hover;
-                        border-radius: @border-radius;
+                        border-radius: @ini_default_border_radius; // @ini_default_border_radius vs. @fix_border-radius
                         transform: none;
                         transition: @transition opacity;
                     }
diff --git a/css/area_togglelink.less b/css/area_togglelink.less
index 0b178ba..ecfb97a 100755
--- a/css/area_togglelink.less
+++ b/css/area_togglelink.less
@@ -31,7 +31,7 @@
             height: 100%;
             background-color: @button_background;
             border: solid 1px @button_background;
-            border-radius: @border-radius 0 0 @border-radius; // @border-radius vs. @fix_border-radius
+            border-radius: @ini_default_border_radius 0 0 @ini_default_border_radius; // @ini_default_border_radius vs. @fix_border-radius
             color: @button_color;
             text-decoration: none;
             transition: @transition color, @transition background-color, @transition border-color;
@@ -78,7 +78,7 @@
             a {
                 background-color: @button_background;
                 border-color: @button_background;
-                border-radius: 0 @border-radius @border-radius 0; // @border-radius vs. @fix_border-radius
+                border-radius: 0 @ini_default_border_radius @ini_default_border_radius 0; // @ini_default_border_radius vs. @fix_border-radius
 
                 &::before {
                     opacity: .6;
diff --git a/css/base.less b/css/base.less
index a954539..266489b 100755
--- a/css/base.less
+++ b/css/base.less
@@ -11,8 +11,6 @@
 
 @background_page-header: __background_page-header__;
 
-@border-radius:          __default_border_radius__;
-
 @font_family_screen:     __font_family_screen__;
 
 @color-text:             __text__;
diff --git a/css/base_structure.less b/css/base_structure.less
index 3e89105..f4a2062 100755
--- a/css/base_structure.less
+++ b/css/base_structure.less
@@ -83,7 +83,7 @@
 
     .content .row > .col-xs-12 {
         z-index: 3;
-        border-radius: 0 @border-radius @fix_border-radius @fix_border-radius; // @border-radius vs. @fix_border-radius
+        border-radius: 0 @ini_default_border_radius @fix_border-radius @fix_border-radius; // @ini_default_border_radius vs. @fix_border-radius
     }
 
     .top-header {
diff --git a/css/plugins/magic-matcher.less b/css/plugins/magic-matcher.less
index 84035fc..271ed28 100755
--- a/css/plugins/magic-matcher.less
+++ b/css/plugins/magic-matcher.less
@@ -44,7 +44,7 @@
         box-sizing: border-box;
         box-shadow: __box_shadow__;
         background-color: __nav_direct_background__;
-        border-radius: 0 0 __default_border_radius__ __default_border_radius__;
+        border-radius: 0 0 @ini_default_border_radius @ini_default_border_radius;
         font-size: @font-size-default;
         padding: .8em 1em .5em;
         margin-bottom: 0;

From 38bfc8bb62f11160910e9da8d7dbffef41ae76ee Mon Sep 17 00:00:00 2001
From: Silke Pisulla <pisulla@cosmocode.de>
Date: Wed, 22 Mar 2017 15:20:49 +0100
Subject: [PATCH 15/58] SPR-910: var rename - border-color

---
 css/area_content.less          |  2 +-
 css/area_footer.less           |  2 +-
 css/area_forms.less            |  4 ++--
 css/area_header.less           |  2 +-
 css/area_main-content.less     |  2 +-
 css/area_main-sidebar-nav.less |  4 ++--
 css/area_nav-breadcrumb.less   |  4 ++--
 css/area_nav-metabox.less      |  2 +-
 css/area_nav-usertools.less    |  4 ++--
 css/area_sidebar-search.less   |  4 ++--
 css/base.less                  | 11 ++++++++---
 css/base_design.less           | 20 ++++++++++----------
 css/plugins/magic-matcher.less |  4 ++--
 13 files changed, 35 insertions(+), 30 deletions(-)

diff --git a/css/area_content.less b/css/area_content.less
index 8ddbc7a..c104cb1 100755
--- a/css/area_content.less
+++ b/css/area_content.less
@@ -22,7 +22,7 @@
                 box-sizing: border-box;
                 width: 100%;
                 background-color: @background_page-header;
-                border-bottom: 1px solid @color-border-light;
+                border-bottom: 1px solid @ini_border_light;
             }
 
             #plugin__highlightparent {
diff --git a/css/area_footer.less b/css/area_footer.less
index c2afe19..f5edef4 100755
--- a/css/area_footer.less
+++ b/css/area_footer.less
@@ -12,7 +12,7 @@
     .page-footer {
         min-height: @page-header_height;
         background-color: @background_page-header;
-        border-top: 1px solid @color-border-light;
+        border-top: 1px solid @ini_border_light;
         border-radius: 0 0 @fix_border-radius @fix_border-radius; // @ini_default_border_radius vs. @fix_border-radius
         font-size: @font-size-default;
         text-align: right;
diff --git a/css/area_forms.less b/css/area_forms.less
index fd2b0c9..b7ed8d2 100644
--- a/css/area_forms.less
+++ b/css/area_forms.less
@@ -121,7 +121,7 @@ textarea,
 select,
 keygen {
     min-height: @formfield_min-height;
-    border: 1px solid @color-border;
+    border: 1px solid @ini_border;
     box-shadow: inset 0 0 1px #eee;
     border-radius: @fix_border-radius;
     padding-left: .3rem;
@@ -268,7 +268,7 @@ textarea[readonly] {
     background-image: linear-gradient(to bottom, #ffffff 0%, #f4f4f4 30%, #eeeeee 99%, #cccccc 99%);
     background-color: #eee;
     opacity: .5;
-    border: 1px solid @color-border;
+    border: 1px solid @ini_border;
     border-radius: @fix_border-radius;
     color: #333;
     font-weight: normal;
diff --git a/css/area_header.less b/css/area_header.less
index 190e87f..6a96e78 100755
--- a/css/area_header.less
+++ b/css/area_header.less
@@ -125,7 +125,7 @@
             min-width: @toggle-size;
             box-sizing: border-box;
             background-color: #fff;
-            border: 1px solid @color-border;
+            border: 1px solid @ini_border;
             border-radius: @ini_default_border_radius; // @ini_default_border_radius vs. @fix_border-radius
             color: @color-nav;
             font-size: 1rem;
diff --git a/css/area_main-content.less b/css/area_main-content.less
index 6db9048..9355564 100755
--- a/css/area_main-content.less
+++ b/css/area_main-content.less
@@ -25,7 +25,7 @@
         > hr {
             margin-top: 3em;
             margin-bottom: 0.5em;
-            border-top: dashed @color-border-light 2px;
+            border-top: dashed @ini_border_light 2px;
             border-bottom: none;
         }
     }
diff --git a/css/area_main-sidebar-nav.less b/css/area_main-sidebar-nav.less
index 95c8608..fda0463 100755
--- a/css/area_main-sidebar-nav.less
+++ b/css/area_main-sidebar-nav.less
@@ -44,7 +44,7 @@
             width: @menu-margin;
             height: @icon-size;
             flex-grow: 0;
-            border-right: 1px solid @color-border;
+            border-right: 1px solid @ini_border;
             text-align: center;
             margin-right: @margin-small;
             color: inherit;
@@ -124,7 +124,7 @@
                 left: 0;
                 width: 100%;
                 height: 1px;
-                border-bottom: solid 1px @color-border;
+                border-bottom: solid 1px @ini_border;
             }
 
             &:hover,
diff --git a/css/area_nav-breadcrumb.less b/css/area_nav-breadcrumb.less
index 836fd02..957a36f 100755
--- a/css/area_nav-breadcrumb.less
+++ b/css/area_nav-breadcrumb.less
@@ -6,7 +6,7 @@
 
 .breadcrumbs {
     position: relative;
-    border-bottom: 1px solid @color-border-light;
+    border-bottom: 1px solid @ini_border_light;
     padding: 1rem 1.8rem .2rem;
     min-height: @page-header_height;
     box-sizing: border-box;
@@ -105,7 +105,7 @@
                 display: block;
                 width: auto;
                 min-height: @toggle-size;
-                border: 1px solid @color-border;
+                border: 1px solid @ini_border;
                 border-radius: @ini_default_border_radius; // @ini_default_border_radius vs. @fix_border-radius
                 color: @color-nav;
                 text-align: center;
diff --git a/css/area_nav-metabox.less b/css/area_nav-metabox.less
index 18feb4c..61a3524 100755
--- a/css/area_nav-metabox.less
+++ b/css/area_nav-metabox.less
@@ -99,7 +99,7 @@
                 position: relative;
                 display: block;
                 background-color: @color-site-bg;
-                border: 1px solid @color-border-light;
+                border: 1px solid @ini_border_light;
                 color: @color-link;
                 font-size: @font-size-small;
                 line-height: 1.42857143;
diff --git a/css/area_nav-usertools.less b/css/area_nav-usertools.less
index 1ae889a..6c9ed9c 100755
--- a/css/area_nav-usertools.less
+++ b/css/area_nav-usertools.less
@@ -31,7 +31,7 @@
                 width: auto;
                 min-height: @toggle-size;
                 overflow: hidden;
-                border: 1px solid @color-border;
+                border: 1px solid @ini_border;
                 border-radius: @ini_default_border_radius; // @ini_default_border_radius vs. @fix_border-radius
                 color: @color-nav;
                 text-align: center;
@@ -49,7 +49,7 @@
             &.user {
                 position: relative;
                 display: table-cell;
-                border: solid 1px @color-border;
+                border: solid 1px @ini_border;
                 border-radius: @ini_default_border_radius; // @ini_default_border_radius vs. @fix_border-radius
                 padding-right: .3rem;
 
diff --git a/css/area_sidebar-search.less b/css/area_sidebar-search.less
index d03c834..3406f03 100755
--- a/css/area_sidebar-search.less
+++ b/css/area_sidebar-search.less
@@ -127,7 +127,7 @@
 
         button[type="submit"] {
             border: solid 1px transparent;
-            border-right-color: @color-border;
+            border-right-color: @ini_border;
             margin-left: -(@icon-size);
 
             &::after {
@@ -137,7 +137,7 @@
                 bottom: 15%;
                 width: 1px;
                 left: -1px;
-                background-color: @color-border;
+                background-color: @ini_border;
                 transition: @transition background-color;
             }
         }
diff --git a/css/base.less b/css/base.less
index 266489b..107daed 100755
--- a/css/base.less
+++ b/css/base.less
@@ -13,9 +13,6 @@
 
 @font_family_screen:     __font_family_screen__;
 
-@color-text:             __text__;
-@color-border:           __border__;
-@color-border-light:     __border_light__;
 @color-nav:              __nav_menu_color__;
 @color-nav-hover:        __nav_menu_hover_color__;
 @color-nav-hover-bg:     __nav_menu_hover_bg__;
@@ -38,6 +35,14 @@
 @th_background:          __background_alt__;
 
 
+/* ersetzt: */
+
+//@color-text:             __text__;
+//@border-radius:          __default_border_radius__;
+//@color-border:           __border__;
+//@color-border-light:     __border_light__;
+
+
 /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
 /* global vars */
 /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
diff --git a/css/base_design.less b/css/base_design.less
index e08a732..647a3f5 100755
--- a/css/base_design.less
+++ b/css/base_design.less
@@ -69,8 +69,8 @@ a {
     }
 }
 
-.content #dokuwiki__pagetools{
-    @media @screen_max-md{
+.content #dokuwiki__pagetools {
+    @media @screen_max-md {
         top: 4rem;
     }
 }
@@ -313,7 +313,7 @@ table {
     border-collapse: collapse;
     empty-cells: show;
     border-spacing: 0;
-    border: 1px solid @color-border;
+    border: 1px solid @ini_border;
     font-size: @font-size-default;
     line-height: 140%;
 }
@@ -332,7 +332,7 @@ td {
     padding: .3em .5em;
     margin: 0;
     vertical-align: top;
-    border: 1px solid @color-border;
+    border: 1px solid @ini_border;
 }
 
 th {
@@ -385,7 +385,7 @@ button img {
 }
 
 hr {
-    border-top: solid @color-border;
+    border-top: solid @ini_border;
     border-bottom: solid @ini_background;
     border-width: 1px 0;
     height: 0;
@@ -420,24 +420,24 @@ kbd {
     direction: ltr;
     text-align: left;
     background-color: @color-site-bg;
-    color: @color-text;
-    box-shadow: inset 0 0 .3em @color-border;
+    color: @ini_text;
+    box-shadow: inset 0 0 .3em @ini_border;
     border-radius: @fix_border-radius;
 }
 
 pre {
     overflow: auto;
     word-wrap: normal;
-    border: 1px solid @color-border;
+    border: 1px solid @ini_border;
     border-radius: @fix_border-radius;
-    box-shadow: inset 0 0 .5em @color-border;
+    box-shadow: inset 0 0 .5em @ini_border;
     font-size: @font-size-default;
     line-height: 140%;
     padding: .7em 1em;
 }
 
 blockquote {
-    border: solid @color-border;
+    border: solid @ini_border;
     border-width: 0 0 0 .25em;
     font-size: @font-size-default;
     line-height: 140%;
diff --git a/css/plugins/magic-matcher.less b/css/plugins/magic-matcher.less
index 271ed28..d2a7729 100755
--- a/css/plugins/magic-matcher.less
+++ b/css/plugins/magic-matcher.less
@@ -21,8 +21,8 @@
         right: 0;
         top: 0;
         border: 0;
-        border-bottom: 1px solid @color-border;
-        border-left: 1px solid @color-border;
+        border-bottom: 1px solid @ini_border;
+        border-left: 1px solid @ini_border;
         color: @color-nav;
         background: #fff;
         border-radius: 0;

From 3cdc9fcb67f99d27c8851a0155fad41fe7ea94cc Mon Sep 17 00:00:00 2001
From: Silke Pisulla <pisulla@cosmocode.de>
Date: Thu, 23 Mar 2017 12:55:46 +0100
Subject: [PATCH 16/58] SPR-910: var rename - nav_menu_color,
 nav_menu_hover_color, nav_menu_hover_bg

---
 css/area_header.less           |  8 ++++----
 css/area_main-sidebar-nav.less | 16 ++++++++--------
 css/area_nav-breadcrumb.less   |  8 ++++----
 css/area_nav-pagetools.less    | 12 ++++++------
 css/area_nav-usertools.less    | 22 +++++++++++-----------
 css/area_sidebar-search.less   |  8 ++++----
 css/base.less                  |  9 ++++-----
 css/base_mixins.less           | 10 +++++-----
 css/plugins/magic-matcher.less |  2 +-
 9 files changed, 47 insertions(+), 48 deletions(-)

diff --git a/css/area_header.less b/css/area_header.less
index 6a96e78..76bca66 100755
--- a/css/area_header.less
+++ b/css/area_header.less
@@ -127,7 +127,7 @@
             background-color: #fff;
             border: 1px solid @ini_border;
             border-radius: @ini_default_border_radius; // @ini_default_border_radius vs. @fix_border-radius
-            color: @color-nav;
+            color: @ini_nav_menu_color;
             font-size: 1rem;
             text-align: center;
             text-decoration: none;
@@ -142,9 +142,9 @@
             &:hover,
             &:active,
             &:focus {
-                background-color: @color-nav-hover-bg;
-                border-color: @color-nav-hover;
-                color: @color-nav-hover;
+                background-color: @ini_nav_menu_hover_bg;
+                border-color: @ini_nav_menu_hover_color;
+                color: @ini_nav_menu_hover_color;
             }
         }
     }
diff --git a/css/area_main-sidebar-nav.less b/css/area_main-sidebar-nav.less
index fda0463..754ec5c 100755
--- a/css/area_main-sidebar-nav.less
+++ b/css/area_main-sidebar-nav.less
@@ -24,7 +24,7 @@
         height: @icon-size + @margin-small;
         border: 1px solid transparent;
         border-radius: @fix_border-radius;
-        color: @color-nav;
+        color: @ini_nav_menu_color;
         font-size: @font-size-head6;
         font-weight: normal;
         margin: -1px 0 (@font-size-head6 / 2) (@menu-margin * -1); // moves the toggles back to the left
@@ -60,7 +60,7 @@
                 vertical-align: baseline;
                 text-align: center;
                 color: inherit;
-                border: 2px solid @color-nav;
+                border: 2px solid @ini_nav_menu_color;
                 border-top-right-radius: 50%;
                 border-bottom-left-radius: 50%;
             }
@@ -71,7 +71,7 @@
                 height: @icon-size;
 
                 path {
-                    fill: @color-nav;
+                    fill: @ini_nav_menu_color;
                     transition: @transition all;
                 }
             }
@@ -80,19 +80,19 @@
         &:hover,
         &:focus,
         &:active {
-            background-color: @color-nav-hover-bg;
-            border-color: @color-nav-hover;
-            color: @color-nav-hover;
+            background-color: @ini_nav_menu_hover_bg;
+            border-color: @ini_nav_menu_hover_color;
+            color: @ini_nav_menu_hover_color;
             text-decoration: none;
 
             span.ico {
                 strong {
-                    border-color: @color-nav-hover-bg;
+                    border-color: @ini_nav_menu_hover_bg;
                 }
 
                 svg {
                     path {
-                        fill: @color-nav-hover;
+                        fill: @ini_nav_menu_hover_color;
                     }
                 }
             }
diff --git a/css/area_nav-breadcrumb.less b/css/area_nav-breadcrumb.less
index 957a36f..789347c 100755
--- a/css/area_nav-breadcrumb.less
+++ b/css/area_nav-breadcrumb.less
@@ -107,7 +107,7 @@
                 min-height: @toggle-size;
                 border: 1px solid @ini_border;
                 border-radius: @ini_default_border_radius; // @ini_default_border_radius vs. @fix_border-radius
-                color: @color-nav;
+                color: @ini_nav_menu_color;
                 text-align: center;
                 margin: 0;
             }
@@ -154,9 +154,9 @@
             &:hover,
             &:active,
             &:focus {
-                background-color: @color-nav-hover-bg;
-                border-color: @color-nav-hover;
-                color: @color-nav-hover;
+                background-color: @ini_nav_menu_hover_bg;
+                border-color: @ini_nav_menu_hover_color;
+                color: @ini_nav_menu_hover_color;
 
                 .prefix {
                     color: inherit;
diff --git a/css/area_nav-pagetools.less b/css/area_nav-pagetools.less
index 902d10c..1cc873f 100755
--- a/css/area_nav-pagetools.less
+++ b/css/area_nav-pagetools.less
@@ -58,7 +58,7 @@ nav#dokuwiki__pagetools {
                 min-height: @toolbox-size; // for nav:hover
                 width: @toolbox-size; // for nav:hover
                 opacity: .6;
-                color: @color-nav;
+                color: @ini_nav_menu_color;
                 font-size: @font-size-default;
                 padding: 2px @toolbox-size 2px 2px;
 
@@ -74,7 +74,7 @@ nav#dokuwiki__pagetools {
                 &:focus,
                 &:active {
                     opacity: 1;
-                    color: @color-nav-hover;
+                    color: @ini_nav_menu_hover_color;
                     background-color: #FFF;
                 }
 
@@ -90,7 +90,7 @@ nav#dokuwiki__pagetools {
                     width: @page-tools_svg-size;
                     height: @page-tools_svg-size;
                     vertical-align: middle;
-                    fill: @color-nav;
+                    fill: @ini_nav_menu_color;
                     margin: @page-tools_svg-space;
                 }
 
@@ -102,7 +102,7 @@ nav#dokuwiki__pagetools {
             &.plugin_move_page {
                 a {
                     opacity: .6;
-                    color: @color-nav;
+                    color: @ini_nav_menu_color;
 
                     * {
                         color: inherit;
@@ -111,7 +111,7 @@ nav#dokuwiki__pagetools {
                     &:hover,
                     &:focus,
                     &:active {
-                        color: @color-nav-hover;
+                        color: @ini_nav_menu_hover_color;
                         background-color: #fff;
                         opacity: 1;
                     }
@@ -139,7 +139,7 @@ nav#dokuwiki__pagetools {
                         opacity: 1;
 
                         svg {
-                            fill: @color-nav-hover;
+                            fill: @ini_nav_menu_hover_color;
                         }
                     }
 
diff --git a/css/area_nav-usertools.less b/css/area_nav-usertools.less
index 6c9ed9c..2a507e0 100755
--- a/css/area_nav-usertools.less
+++ b/css/area_nav-usertools.less
@@ -33,7 +33,7 @@
                 overflow: hidden;
                 border: 1px solid @ini_border;
                 border-radius: @ini_default_border_radius; // @ini_default_border_radius vs. @fix_border-radius
-                color: @color-nav;
+                color: @ini_nav_menu_color;
                 text-align: center;
                 margin: 0;
 
@@ -80,7 +80,7 @@
                     background: #FFF; // for removing bg-image
                     border: 0 none;
                     text-indent: 0;
-                    color: @color-nav;
+                    color: @ini_nav_menu_color;
                     font-size: inherit;
                     margin-right: -.3rem;
                     padding: 0 .2em 0 0;
@@ -110,7 +110,7 @@
                         right: -1px;
                         width: auto;
                         opacity: 0;
-                        border: solid 1px @color-nav-hover;
+                        border: solid 1px @ini_nav_menu_hover_color;
                         border-radius: @ini_default_border_radius; // @ini_default_border_radius vs. @fix_border-radius
                         transform: none;
                         transition: @transition opacity;
@@ -119,9 +119,9 @@
                     &:hover,
                     &:focus,
                     &:active {
-                        background-color: @color-nav-hover-bg;
-                        border-color: @color-nav-hover;
-                        color: @color-nav-hover;
+                        background-color: @ini_nav_menu_hover_bg;
+                        border-color: @ini_nav_menu_hover_color;
+                        color: @ini_nav_menu_hover_color;
 
                         &::before {
                             opacity: 1;
@@ -129,7 +129,7 @@
 
                         bdi,
                         bdi:first-of-type {
-                            color: @color-nav-hover;
+                            color: @ini_nav_menu_hover_color;
 
                             &::before {
                                 color: inherit;
@@ -156,7 +156,7 @@
                         position: absolute;
                         left: -2px;
                         font-size: 1.4rem;
-                        color: @color-nav;
+                        color: @ini_nav_menu_color;
                         margin: 0;
                         transition: @transition color;
 
@@ -250,9 +250,9 @@
             &:hover,
             &:active,
             &:focus {
-                background-color: @color-nav-hover-bg;
-                border-color: @color-nav-hover;
-                color: @color-nav-hover;
+                background-color: @ini_nav_menu_hover_bg;
+                border-color: @ini_nav_menu_hover_color;
+                color: @ini_nav_menu_hover_color;
             }
 
             /* icon register new user */
diff --git a/css/area_sidebar-search.less b/css/area_sidebar-search.less
index 3406f03..f3cc86d 100755
--- a/css/area_sidebar-search.less
+++ b/css/area_sidebar-search.less
@@ -22,7 +22,7 @@
         background-image: none;
         background-color: transparent; // fix
         border: solid 1px transparent;
-        color: @color-nav; // fix
+        color: @ini_nav_menu_color; // fix
         padding: 0;
         transition: @transition color, @transition background-color, @transition border-color;
 
@@ -76,9 +76,9 @@
             &:hover,
             &:focus,
             &:active {
-                background-color: @color-nav-hover-bg;
-                border-color: @color-nav-hover;
-                color: @color-nav-hover;
+                background-color: @ini_nav_menu_hover_bg;
+                border-color: @ini_nav_menu_hover_color;
+                color: @ini_nav_menu_hover_color;
             }
         }
     }
diff --git a/css/base.less b/css/base.less
index 107daed..a778b2b 100755
--- a/css/base.less
+++ b/css/base.less
@@ -13,15 +13,11 @@
 
 @font_family_screen:     __font_family_screen__;
 
-@color-nav:              __nav_menu_color__;
-@color-nav-hover:        __nav_menu_hover_color__;
-@color-nav-hover-bg:     __nav_menu_hover_bg__;
-
 @color-content-bg:       __background_content__;
 @color-site-bg:          __background_site__;
 
 @color-link:             __existing__;
-@color-link-hover:       @color-nav;
+@color-link-hover:       @ini_nav_menu_color;
 
 @button_color:           __button_color__;
 @button_background:      __button_background__;
@@ -41,6 +37,9 @@
 //@border-radius:          __default_border_radius__;
 //@color-border:           __border__;
 //@color-border-light:     __border_light__;
+//@color-nav:              __nav_menu_color__;
+//@color-nav-hover:        __nav_menu_hover_color__;
+//@color-nav-hover-bg:     __nav_menu_hover_bg__;
 
 
 /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
diff --git a/css/base_mixins.less b/css/base_mixins.less
index 7668aa1..a40ad9a 100755
--- a/css/base_mixins.less
+++ b/css/base_mixins.less
@@ -147,7 +147,7 @@
     min-height: @elem;
     min-width: @elem;
     box-sizing: border-box;
-    color: @color-nav;
+    color: @ini_nav_menu_color;
     font-size: @font-size-small;
     padding: 0;
     margin: 0 .25rem;
@@ -162,9 +162,9 @@
         position: absolute;
         right: -.4rem;
         top: -.4em;
-        background-color: @color-nav-hover;
+        background-color: @ini_nav_menu_hover_bg;
         border-radius: 2px;
-        color: @color-nav-hover-bg;
+        color: @ini_nav_menu_hover_color;
         font-size: @font-size-very-small;
         font-weight: 400;
         text-align: center;
@@ -178,8 +178,8 @@
         &:active,
         &:focus {
             .num {
-                background-color: @color-nav-hover;
-                color: @color-nav-hover-bg;
+                background-color: @ini_nav_menu_hover_color;
+                color: @ini_nav_menu_hover_bg;
             }
         }
     }
diff --git a/css/plugins/magic-matcher.less b/css/plugins/magic-matcher.less
index d2a7729..df0d67f 100755
--- a/css/plugins/magic-matcher.less
+++ b/css/plugins/magic-matcher.less
@@ -23,7 +23,7 @@
         border: 0;
         border-bottom: 1px solid @ini_border;
         border-left: 1px solid @ini_border;
-        color: @color-nav;
+        color: @ini_nav_menu_color;
         background: #fff;
         border-radius: 0;
         border-bottom-left-radius: 5px;

From 5f18c8954f22987c845380660276a606bd723d6b Mon Sep 17 00:00:00 2001
From: Silke Pisulla <pisulla@cosmocode.de>
Date: Thu, 23 Mar 2017 12:56:55 +0100
Subject: [PATCH 17/58] SPR-742: Konfigurierbarkeit content-width

---
 css/area_footer.less    | 2 +-
 css/base.less           | 5 +++++
 css/base_structure.less | 6 +++---
 3 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/css/area_footer.less b/css/area_footer.less
index f5edef4..28c07b7 100755
--- a/css/area_footer.less
+++ b/css/area_footer.less
@@ -57,7 +57,7 @@
     .showSidebar {
         #dokuwiki__footer {
             .col-xs-12 {
-                width: 73%;
+                width: @ini_site_width;
             }
         }
     }
diff --git a/css/base.less b/css/base.less
index a778b2b..ecbf28f 100755
--- a/css/base.less
+++ b/css/base.less
@@ -46,6 +46,11 @@
 /* global vars */
 /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
 
+@nav_direct_background   : @ini_background_content;
+@nav_direct_color        : @ini_existing;
+
+@ini_sidebar_width : (100 - @ini_site_width) - 4;
+
 @height-context-bar: 50px;
 
 @margin-small:       1rem;
diff --git a/css/base_structure.less b/css/base_structure.less
index f4a2062..83957ce 100755
--- a/css/base_structure.less
+++ b/css/base_structure.less
@@ -99,7 +99,7 @@
             position: relative;
 
             > .col-xs-12 {
-                width: 23%;
+                width: @ini_sidebar_width;
                 box-sizing: border-box;
             }
         }
@@ -114,7 +114,7 @@
 
             + .col-xs-12 {
                 float: right;
-                width: 73%;
+                width: @ini_site_width;
                 box-sizing: border-box;
             }
         }
@@ -137,7 +137,7 @@
     .showSidebar {
         .content {
             .row > .col-xs-12 {
-                width: 73%;
+                width: @ini_site_width;
                 float: right;
             }
         }

From 60020ac79dce3553f04cc9427b746519b4e438c5 Mon Sep 17 00:00:00 2001
From: Silke Pisulla <pisulla@cosmocode.de>
Date: Thu, 23 Mar 2017 12:57:39 +0100
Subject: [PATCH 18/58] SPR-742: Konfigurierbarkeit "edit pencil" in content

---
 css/area_main-content-secedit.less | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/css/area_main-content-secedit.less b/css/area_main-content-secedit.less
index c5a8ed2..681e101 100644
--- a/css/area_main-content-secedit.less
+++ b/css/area_main-content-secedit.less
@@ -37,7 +37,7 @@
             &::after {
                 content: '';
                 display: inline-block;
-                background: transparent url("svg.php?svg=pencil.svg&f=link") center center no-repeat;
+                background: transparent url("svg.php?svg=pencil.svg&f=nav_menu_color") center center no-repeat;
                 height: 1em;
                 width: 1em;
                 background-size: contain;
@@ -50,6 +50,10 @@
                 background-color: @button_color;
                 color: @button_background;
                 border-color: @button_background;
+
+                &::after {
+                    background-image: url("svg.php?svg=pencil.svg&f=button_background");
+                }
             }
         }
     }

From c5ddaf094ef577ebbadbfb3b2588d551ca273bc2 Mon Sep 17 00:00:00 2001
From: Silke Pisulla <pisulla@cosmocode.de>
Date: Thu, 23 Mar 2017 12:59:06 +0100
Subject: [PATCH 19/58] SPR-742: Konfigurierbarkeit link, nav-dirct

---
 css/area_nav-direct.less       |  7 ++++---
 css/base_design.less           | 24 ++++++++++--------------
 css/plugins/magic-matcher.less |  2 +-
 3 files changed, 15 insertions(+), 18 deletions(-)

diff --git a/css/area_nav-direct.less b/css/area_nav-direct.less
index 21328ad..2519461 100755
--- a/css/area_nav-direct.less
+++ b/css/area_nav-direct.less
@@ -4,8 +4,9 @@
  * @author Jana Deutschlaender <deutschlaender@cosmocode.de>
  */
 
+
 .nav-direct {
-    background-color: __nav_direct_background__;
+    background-color: @nav_direct_background;
     margin-top: -1px;
 
     p {
@@ -24,9 +25,9 @@
             box-shadow: __box_shadow__;
             display: block;
             width: 100%;
-            background-color: __nav_direct_background__;
+            background-color: @nav_direct_background;
             border-bottom: 1px solid __shadow_color__;
-            color: __nav_direct_color__;
+            color: @nav_direct_color;
             line-height: @line-height-default;
             text-decoration: none;
             padding: 1em;
diff --git a/css/base_design.less b/css/base_design.less
index 647a3f5..feba57a 100755
--- a/css/base_design.less
+++ b/css/base_design.less
@@ -10,10 +10,6 @@ html, body {
     background-color: @color-site-bg;
 }
 
-a {
-    color: @color-link;
-}
-
 
 /* highlight selected tool */
 
@@ -347,18 +343,18 @@ th {
 
 a {
     outline: none;
-}
 
-a:link,
-a:visited {
-    text-decoration: none;
-    color: @color-link;
-}
+    &:link,
+    &:visited {
+        text-decoration: none;
+        color: @ini_link;
+    }
 
-a:hover,
-a:focus,
-a:active {
-    text-decoration: underline;
+    &:hover,
+    &:focus,
+    &:active {
+        text-decoration: underline;
+    }
 }
 
 img {
diff --git a/css/plugins/magic-matcher.less b/css/plugins/magic-matcher.less
index df0d67f..474d92d 100755
--- a/css/plugins/magic-matcher.less
+++ b/css/plugins/magic-matcher.less
@@ -43,7 +43,7 @@
         min-height: @height-context-bar;
         box-sizing: border-box;
         box-shadow: __box_shadow__;
-        background-color: __nav_direct_background__;
+        background-color: @ini_background_content;
         border-radius: 0 0 @ini_default_border_radius @ini_default_border_radius;
         font-size: @font-size-default;
         padding: .8em 1em .5em;

From 428e5f855dc6fffb36afc2ed1c24777fe7e79967 Mon Sep 17 00:00:00 2001
From: Silke Pisulla <pisulla@cosmocode.de>
Date: Thu, 23 Mar 2017 12:59:44 +0100
Subject: [PATCH 20/58] SPR-908: QS - sidebar padding, font

---
 css/area_main-sidebar-nav.less | 59 ++++++++++++++++++++++------------
 1 file changed, 38 insertions(+), 21 deletions(-)

diff --git a/css/area_main-sidebar-nav.less b/css/area_main-sidebar-nav.less
index 754ec5c..c4df8aa 100755
--- a/css/area_main-sidebar-nav.less
+++ b/css/area_main-sidebar-nav.less
@@ -13,6 +13,18 @@
         margin-left: @menu-margin; // moves *all* sidebar content to the right
     }
 
+    a {
+        &:link,
+        &:visited {
+            opacity: .9;
+            color: @ini_nav_menu_color;
+        }
+
+        * {
+            color: inherit;
+        }
+    }
+
     // the toggle element
     a.nav {
         cursor: pointer;
@@ -22,6 +34,7 @@
         -ms-flex-direction: row;
         align-items: center;
         height: @icon-size + @margin-small;
+        opacity: 1;
         border: 1px solid transparent;
         border-radius: @fix_border-radius;
         color: @ini_nav_menu_color;
@@ -139,6 +152,31 @@
 } */
 
 
+/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
+/* min-width: 1440px */
+
+@media @screen_min-xlg {
+    #dokuwiki__aside {
+        nav {
+            li:not([class]),
+            .li {
+                font-size: @font-size-head6;
+                padding: .15em 0;
+
+                * {
+                    font-size: inherit;
+                    font-weight: inherit;
+                }
+
+                a {
+                    font-size: (@font-size-head6 - .05);
+                }
+            }
+        }
+    }
+}
+
+
 /* + + + + + + + + + + + + + + + + + + + + + + + + + + */
 /* max-width: 1023px */
 
@@ -212,27 +250,6 @@
 }
 
 
-/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
-/* min-width: 1440px */
-
-@media @screen_min-xlg {
-    #dokuwiki__aside {
-        nav {
-            li:not([class]),
-            .li {
-                font-size: @font-size-default;
-                padding: .1em 0;
-
-                * {
-                    font-size: inherit;
-                    font-weight: inherit;
-                }
-            }
-        }
-    }
-}
-
-
 /* + + + + + + + + + + + + + + + + + + + + + + + + + + */
 /* max-width: 1439px */
 

From 4536a4f38c1d193e06f16936ab30f98896e4244c Mon Sep 17 00:00:00 2001
From: Silke Pisulla <pisulla@cosmocode.de>
Date: Thu, 23 Mar 2017 13:00:02 +0100
Subject: [PATCH 21/58] SPR-742: Konfigurierbarkeit content-width

---
 css/area_sidebar-search.less | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/css/area_sidebar-search.less b/css/area_sidebar-search.less
index f3cc86d..71a6428 100755
--- a/css/area_sidebar-search.less
+++ b/css/area_sidebar-search.less
@@ -22,7 +22,7 @@
         background-image: none;
         background-color: transparent; // fix
         border: solid 1px transparent;
-        color: @ini_nav_menu_color; // fix
+        color: @ini_nav_menu_color;
         padding: 0;
         transition: @transition color, @transition background-color, @transition border-color;
 
@@ -111,12 +111,12 @@
         margin: 0 0 @margin-default;
 
         .no {
-            display: inline-block;
+            display: block;
 
             #qsearch__in {
                 width: 100%;
                 padding-left: 10px;
-                padding-right: (@icon-size + 10);
+                padding-right: @icon-size;
             }
         }
 

From be2c0e95525a70befe9fc41ac759ba32bb052231 Mon Sep 17 00:00:00 2001
From: Silke Pisulla <pisulla@cosmocode.de>
Date: Thu, 23 Mar 2017 13:01:01 +0100
Subject: [PATCH 22/58] SPR-908: QS - color "num"

---
 css/base_mixins.less | 15 ++-------------
 1 file changed, 2 insertions(+), 13 deletions(-)

diff --git a/css/base_mixins.less b/css/base_mixins.less
index a40ad9a..6336b36 100755
--- a/css/base_mixins.less
+++ b/css/base_mixins.less
@@ -162,9 +162,9 @@
         position: absolute;
         right: -.4rem;
         top: -.4em;
-        background-color: @ini_nav_menu_hover_bg;
+        background-color: @ini_nav_menu_hover_color;
         border-radius: 2px;
-        color: @ini_nav_menu_hover_color;
+        color: @ini_nav_menu_hover_bg;
         font-size: @font-size-very-small;
         font-weight: 400;
         text-align: center;
@@ -172,17 +172,6 @@
         padding: .1em @very-small-spacing;
         transition: @transition color, @transition background-color;
     }
-
-    a {
-        &:hover,
-        &:active,
-        &:focus {
-            .num {
-                background-color: @ini_nav_menu_hover_color;
-                color: @ini_nav_menu_hover_bg;
-            }
-        }
-    }
 }
 
 .btn-prefix () {

From 95ad7c26cc30eadef4b89aa609fe06d865a80a8b Mon Sep 17 00:00:00 2001
From: Silke Pisulla <pisulla@cosmocode.de>
Date: Thu, 23 Mar 2017 13:02:45 +0100
Subject: [PATCH 23/58] SPR-742: Konfigurierbarkeit check vars

---
 style.ini | 25 +++++++++++--------------
 1 file changed, 11 insertions(+), 14 deletions(-)

diff --git a/style.ini b/style.ini
index 8701ca1..a141afe 100755
--- a/style.ini
+++ b/style.ini
@@ -148,19 +148,19 @@ __existing__                = "#286DA8"
 __missing__                 = "#CD5360"                                                 ; @ini_missing
 
 ; widths
-__site_width__              = "64em"                                                    ; @ini_site_width
-__sidebar_width__           = "16em"                                                    ; @ini_sidebar_width
+__site_width__              = "73%"                                                     ; @ini_site_width
+;__sidebar_width__           = "23%"                                                     ; @ini_sidebar_width
 
 __font_family_screen__      = "arial, sans-serif"
 __font_family_menu__        = "arial, sans-serif"
-__font_family_print__       = "'times new roman', serif"
+__font_family_print__       = "times new roman, serif"
 
-__background_content__      = "#FFF"
+__background_content__      = "#FFF"                                                    ; @ini_background_content
 __background_site__         = "#ECECEC"
 __background_page-header__  = "#F6F6F6"
 
-__default_border_radius__   = "3px"
-__border_light__            = "#dadada"
+__default_border_radius__   = "3px"                                                     ; @ini_default_border_radius
+__border_light__            = "#dadada"                                                 ; @ini_border_light
 
 __box_shadow_colored__      = "0 0 .5em rgba(40,109,168,.5)"
 __box_shadow__              = "0 0 .5em rgb(153,153,153,.5)"
@@ -168,20 +168,17 @@ __box_shadow_right_bottom__ = "0.1em 0.3rem 0.5em rgb(153,153,153,.5)"
 __box_shadow_bottom__       = "0 0.1em 0.5em rgb(153,153,153,.5)"
 __box_shadow_offset__       = ".1em .1em .1em rgb(153,153,153,.5)"
 
-__nav_direct_background__   = "#FFF"
-__nav_direct_color__        = "#286da8"
-
 
 ; + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
 ; icons: usertools, pagetools, metabox, tabbox
 
-__nav_menu_color__          = "#696969"
-__nav_menu_hover_color__    = "#286da8"
-__nav_menu_hover_bg__       = "#FFF"
+__nav_menu_color__          = "#696969"                                                 ; @ini_nav_menu_color
+__nav_menu_hover_color__    = "#286da8"                                                 ; @ini_nav_menu_hover_color
+__nav_menu_hover_bg__       = "#FFF"                                                    ; @ini_nav_menu_hover_bg
 
 
 ; + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
 ; buttons: submit, links styled like buttons, togglebuttons
 
-__button_color__            = "#FFF"
-__button_background__       = "#286DA8"
+__button_color__            = "#FFF"                                                    ; @ini_button_color
+__button_background__       = "#286DA8"                                                 ; @ini_button_background

From eeddad9d3cd1d13d9a2155da93b3e06ba504931d Mon Sep 17 00:00:00 2001
From: Silke Pisulla <pisulla@cosmocode.de>
Date: Thu, 23 Mar 2017 15:04:00 +0100
Subject: [PATCH 24/58] SPR-908: QS - codeverteilung aside

---
 css/area_main-sidebar-content.less | 46 ++++++++++++++++++++++++++--
 css/area_main-sidebar-nav.less     | 48 +++++++-----------------------
 2 files changed, 55 insertions(+), 39 deletions(-)

diff --git a/css/area_main-sidebar-content.less b/css/area_main-sidebar-content.less
index 862c0fc..bf29b2f 100644
--- a/css/area_main-sidebar-content.less
+++ b/css/area_main-sidebar-content.less
@@ -1,14 +1,18 @@
 /**
  * This file provides the design styles the non-navigational elements in the sidebar
  */
+
+
 #dokuwiki__aside {
 
     // do not indent the first level of lists
     // and use less indention in deeper levels
-    ul, ol {
+    ul,
+    ol {
         padding-left: 0;
 
-        ul, ol {
+        ul,
+        ol {
             padding-left: @margin-small;
 
             li {
@@ -17,3 +21,41 @@
         }
     }
 }
+
+
+/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
+/* max-width: 1023px */
+
+@media @screen_max-md {
+    #dokuwiki__aside {
+        display: none;
+    }
+
+    body.show-mobile-sidebar {
+        #dokuwiki__aside {
+            display: block !important;
+            position: absolute;
+            left: 1.25rem; //left margin of content container
+            z-index: 200; // above all
+            box-shadow: @box-shadow-right-bottom;
+            min-width: 45%;
+            max-width: 90%;
+            height: auto;
+
+            &:after {
+                content: "";
+                position: absolute;
+                top: 0;
+                left: 0;
+                bottom: 0;
+                right: 0;
+                width: 100%;
+                height: 100%;
+                background: @ini_background;
+                background: -webkit-linear-gradient(left, @ini_background, @color-content-bg);
+                background: linear-gradient(left, @ini_background, @color-content-bg);
+                z-index: 0;
+            }
+        }
+    }
+}
diff --git a/css/area_main-sidebar-nav.less b/css/area_main-sidebar-nav.less
index c4df8aa..08e3bf5 100755
--- a/css/area_main-sidebar-nav.less
+++ b/css/area_main-sidebar-nav.less
@@ -5,6 +5,7 @@
  * @author Andreas Gohr <gohr@cosmocode.de>
  */
 
+
 #dokuwiki__aside {
     @icon-size: @font-size-big;
     @menu-margin: @icon-size + @margin-small*2; // FIXME this is still wrong
@@ -27,12 +28,10 @@
 
     // the toggle element
     a.nav {
+        .display-flex();
+        .align-items();
+
         cursor: pointer;
-        display: flex;
-        display: -ms-flexbox;
-        flex-direction: row;
-        -ms-flex-direction: row;
-        align-items: center;
         height: @icon-size + @margin-small;
         opacity: 1;
         border: 1px solid transparent;
@@ -57,10 +56,11 @@
             width: @menu-margin;
             height: @icon-size;
             flex-grow: 0;
-            border-right: 1px solid @ini_border;
+            border-right: 1px solid @ini_nav_menu_color;
             text-align: center;
             margin-right: @margin-small;
             color: inherit;
+            transition: @transition border-color;
 
             // simple fake icon
             strong {
@@ -76,6 +76,7 @@
                 border: 2px solid @ini_nav_menu_color;
                 border-top-right-radius: 50%;
                 border-bottom-left-radius: 50%;
+                transition: @transition border-color;
             }
 
             // real icon
@@ -99,8 +100,10 @@
             text-decoration: none;
 
             span.ico {
+                border-color: inherit;
+
                 strong {
-                    border-color: @ini_nav_menu_hover_bg;
+                    border-color: inherit;
                 }
 
                 svg {
@@ -124,7 +127,7 @@
 }
 
 
-/* + + + + + +  wide page content  + + + + +
+/* + + + + + +  wide page content  border-bottom between a.nav (short width)  + + + + +
 .wide-content {
     #dokuwiki__aside {
         a.nav {
@@ -181,11 +184,6 @@
 /* max-width: 1023px */
 
 @media @screen_max-md {
-    // hide on medium and smaller screens
-    #dokuwiki__aside {
-        display: none;
-    }
-
     // show when toggled
     body.show-mobile-sidebar {
         .search.main-sidebar {
@@ -202,30 +200,6 @@
         }
 
         #dokuwiki__aside {
-            display: block !important;
-            position: absolute;
-            left: 1.25rem; //left margin of content container
-            z-index: 200; // above all
-            box-shadow: @box-shadow-right-bottom;
-            min-width: 45%;
-            max-width: 90%;
-            height: auto;
-
-            &:after {
-                content: "";
-                position: absolute;
-                top: 0;
-                left: 0;
-                bottom: 0;
-                right: 0;
-                width: 100%;
-                height: 100%;
-                background: @ini_background;
-                background: -webkit-linear-gradient(left, @ini_background, @color-content-bg);
-                background: linear-gradient(left, @ini_background, @color-content-bg);
-                z-index: 0;
-            }
-
             > nav {
                 position: relative;
                 z-index: 2;

From 107364bfb03aba06d03764645e37304b86ca9a66 Mon Sep 17 00:00:00 2001
From: Silke Pisulla <pisulla@cosmocode.de>
Date: Thu, 23 Mar 2017 15:04:43 +0100
Subject: [PATCH 25/58] SPR-742: Konfigurierbarkeit border

---
 css/area_nav-breadcrumb.less |  3 ++-
 css/area_nav-usertools.less  | 25 +++++++++++++++----------
 2 files changed, 17 insertions(+), 11 deletions(-)

diff --git a/css/area_nav-breadcrumb.less b/css/area_nav-breadcrumb.less
index 789347c..cc77685 100755
--- a/css/area_nav-breadcrumb.less
+++ b/css/area_nav-breadcrumb.less
@@ -4,6 +4,7 @@
  * @author Jana Deutschlaender <deutschlaender@cosmocode.de>
  */
 
+
 .breadcrumbs {
     position: relative;
     border-bottom: 1px solid @ini_border_light;
@@ -105,7 +106,7 @@
                 display: block;
                 width: auto;
                 min-height: @toggle-size;
-                border: 1px solid @ini_border;
+                border: 1px solid @ini_border_light;
                 border-radius: @ini_default_border_radius; // @ini_default_border_radius vs. @fix_border-radius
                 color: @ini_nav_menu_color;
                 text-align: center;
diff --git a/css/area_nav-usertools.less b/css/area_nav-usertools.less
index 2a507e0..2e84422 100755
--- a/css/area_nav-usertools.less
+++ b/css/area_nav-usertools.less
@@ -31,7 +31,7 @@
                 width: auto;
                 min-height: @toggle-size;
                 overflow: hidden;
-                border: 1px solid @ini_border;
+                border: 1px solid @ini_border_light;
                 border-radius: @ini_default_border_radius; // @ini_default_border_radius vs. @fix_border-radius
                 color: @ini_nav_menu_color;
                 text-align: center;
@@ -47,27 +47,32 @@
             }
 
             &.user {
+                @space-min-xxlg: .35rem;
+                @space-max-xxlg: .4rem;
+                @space-max-xlg: .5rem;
+                @space-max-md: .35rem;
+
                 position: relative;
                 display: table-cell;
-                border: solid 1px @ini_border;
+                border: solid 1px @ini_border_light;
                 border-radius: @ini_default_border_radius; // @ini_default_border_radius vs. @fix_border-radius
                 padding-right: .3rem;
 
                 @media @screen_min-xxlg {
-                    padding-top: .35rem;
+                    padding-top: @space-min-xxlg;
                 }
 
                 @media @screen_max-xxlg {
-                    padding-top: .4rem;
+                    padding-top: @space-max-xxlg;
                 }
 
                 @media @screen_max-xlg {
-                    padding-top: .5rem;
+                    padding-top: @space-max-xlg;
                 }
 
                 @media @screen_max-md {
                     min-height: @toggle-size;
-                    padding-top: .35rem;
+                    padding-top: @space-max-md;
                 }
 
                 > a {
@@ -86,20 +91,20 @@
                     padding: 0 .2em 0 0;
 
                     @media @screen_min-xxlg {
-                        margin-top: -.3rem;
+                        margin-top: -(@space-min-xxlg);
                     }
 
                     @media @screen_max-xxlg {
-                        margin-top: -.3rem;
+                        margin-top: -(@space-max-xxlg);
                     }
 
                     @media @screen_max-xlg {
-                        margin-top: -.5rem;
+                        margin-top: -(@space-max-xlg);
                     }
 
                     @media @screen_max-md {
                         min-height: (@toggle-size - .1);
-                        margin-top: -.35rem;
+                        margin-top: -(@space-max-md);
                     }
 
                     &::before {

From 2d690fd8913430db1fe932651cd04a17020c5874 Mon Sep 17 00:00:00 2001
From: Silke Pisulla <pisulla@cosmocode.de>
Date: Thu, 23 Mar 2017 15:31:17 +0100
Subject: [PATCH 26/58] SPR-910: var rename - link existing

---
 css/area_nav-metabox.less | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/css/area_nav-metabox.less b/css/area_nav-metabox.less
index 61a3524..0e2eaf7 100755
--- a/css/area_nav-metabox.less
+++ b/css/area_nav-metabox.less
@@ -100,7 +100,7 @@
                 display: block;
                 background-color: @color-site-bg;
                 border: 1px solid @ini_border_light;
-                color: @color-link;
+                color: @ini_existing;
                 font-size: @font-size-small;
                 line-height: 1.42857143;
                 padding: .3em 1rem .1em;
@@ -193,7 +193,7 @@
             display: none;
             width: 100%;
             background-color: @color-content-bg;
-            border: 1px solid @color-link;
+            border: 1px solid @ini_existing;
 
             @media @screen_min-xs {
                 min-width: 20em;
@@ -208,6 +208,10 @@
                 overflow: hidden;
             }
 
+            a {
+                color: @ini_existing;
+            }
+
             > div {
                 font-size: @font-size-small;
                 padding: .8rem .5rem .5rem;

From 202ac8de1e786ed7d753c9cb9e5cb43b0727d172 Mon Sep 17 00:00:00 2001
From: Silke Pisulla <pisulla@cosmocode.de>
Date: Thu, 23 Mar 2017 15:38:44 +0100
Subject: [PATCH 27/58] SPR-910: var rename - background (site, page, header,
 footer) button (bg, color), link (existing) + box-shadow as fix var

---
 css/area_content.less              |  2 +-
 css/area_footer.less               |  4 ++--
 css/area_forms.less                | 16 ++++++++--------
 css/area_header.less               |  2 +-
 css/area_main-content-secedit.less |  6 +++---
 css/area_main-content.less         | 12 ++++++++----
 css/area_main-sidebar-content.less |  4 ++--
 css/area_nav-breadcrumb.less       | 12 ++++++------
 css/area_nav-direct.less           |  2 +-
 css/area_nav-metabox.less          | 24 ++++++++++++------------
 css/area_nav-usertools.less        |  2 +-
 css/area_sidebar-search.less       | 14 +++++++-------
 css/area_togglelink.less           | 18 +++++++++---------
 css/base_design.less               |  6 +++---
 css/plugins/edit.less              |  2 +-
 css/plugins/edittable.less         |  2 +-
 css/plugins/magic-matcher.less     |  6 +++---
 css/plugins/tabinclude.less        | 10 +++++-----
 18 files changed, 74 insertions(+), 70 deletions(-)

diff --git a/css/area_content.less b/css/area_content.less
index c104cb1..2b3fd9c 100755
--- a/css/area_content.less
+++ b/css/area_content.less
@@ -21,7 +21,7 @@
                 height: @page-header_height;
                 box-sizing: border-box;
                 width: 100%;
-                background-color: @background_page-header;
+                background-color: @ini_background_page-header;
                 border-bottom: 1px solid @ini_border_light;
             }
 
diff --git a/css/area_footer.less b/css/area_footer.less
index 28c07b7..369b690 100755
--- a/css/area_footer.less
+++ b/css/area_footer.less
@@ -11,7 +11,7 @@
 @media screen {
     .page-footer {
         min-height: @page-header_height;
-        background-color: @background_page-header;
+        background-color: @ini_background_page-header;
         border-top: 1px solid @ini_border_light;
         border-radius: 0 0 @fix_border-radius @fix_border-radius; // @ini_default_border_radius vs. @fix_border-radius
         font-size: @font-size-default;
@@ -28,7 +28,7 @@
             position: relative;
             z-index: 2;
             box-sizing: border-box;
-            background-color: @color-site-bg;
+            background-color: @ini_background_site;
         }
 
         p {
diff --git a/css/area_forms.less b/css/area_forms.less
index b7ed8d2..89ee21b 100644
--- a/css/area_forms.less
+++ b/css/area_forms.less
@@ -181,10 +181,10 @@ button[type=submit],
     cursor: pointer;
     box-shadow: none;
     background-image: none;
-    background-color: @button_background;
-    border: 1px solid @button_background;
+    background-color: @ini_button_background;
+    border: 1px solid @ini_button_background;
     border-radius: @fix_border-radius;
-    color: @button_color;
+    color: @ini_button_color;
     vertical-align: top;
     padding: .3em @grid;
     transition: @transition background-color, @transition color;
@@ -192,8 +192,8 @@ button[type=submit],
     &:hover,
     &:active,
     &:focus {
-        background-color: @button_color;
-        color: @button_background;
+        background-color: @ini_button_color;
+        color: @ini_button_background;
     }
 }
 
@@ -216,9 +216,9 @@ button[type=submit] {
         &:focus {
             box-shadow: none;
             background-image: none;
-            background-color: @button_background;
-            color: @button_color;
-            border-color: @button_background;
+            background-color: @ini_button_background;
+            color: @ini_button_color;
+            border-color: @ini_button_background;
         }
     }
 
diff --git a/css/area_header.less b/css/area_header.less
index 76bca66..608fe41 100755
--- a/css/area_header.less
+++ b/css/area_header.less
@@ -83,7 +83,7 @@
 
 /* + + +  wiki title  + + + */
     p.title {
-        background-color: @color-site-bg;;
+        background-color: @ini_background_site;
         opacity: @header-font-opacity;
         line-height: @line-height-default;
         margin-bottom: .5rem;
diff --git a/css/area_main-content-secedit.less b/css/area_main-content-secedit.less
index 681e101..88955f7 100644
--- a/css/area_main-content-secedit.less
+++ b/css/area_main-content-secedit.less
@@ -47,9 +47,9 @@
             &:hover,
             &:active,
             &:focus {
-                background-color: @button_color;
-                color: @button_background;
-                border-color: @button_background;
+                background-color: @ini_button_color;
+                color: @ini_button_background;
+                border-color: @ini_button_background;
 
                 &::after {
                     background-image: url("svg.php?svg=pencil.svg&f=button_background");
diff --git a/css/area_main-content.less b/css/area_main-content.less
index 9355564..3ed2fd5 100755
--- a/css/area_main-content.less
+++ b/css/area_main-content.less
@@ -4,17 +4,19 @@
  * @author Jana Deutschlaender <deutschlaender@cosmocode.de>
  */
 
-#dokuwiki__content.main-content {
 
+#dokuwiki__content.main-content {
     .level2 {
         p a.media {
             img {
-                border: 1px dotted @color-site-bg;
+                border: 1px dotted @ini_background_site;
 
             }
-            &:hover, &:focus, &:active {
+            &:hover,
+            &:focus,
+            &:active {
                 img {
-                    border: 1px solid @color-link;
+                    border: 1px solid @ini_existing;
                 }
             }
 
@@ -31,12 +33,14 @@
     }
 }
 
+
 /* + + + + + + + + + + + + + + + + + + + + + + + + + + */
 /* min-width: 1440px */
 
 @media @screen_min-xlg {
 }
 
+
 /* + + + + + + + + + + + + + + + + + + + + + + + + + + */
 /* max-width: 1199px */
 
diff --git a/css/area_main-sidebar-content.less b/css/area_main-sidebar-content.less
index bf29b2f..fb02fbe 100644
--- a/css/area_main-sidebar-content.less
+++ b/css/area_main-sidebar-content.less
@@ -52,8 +52,8 @@
                 width: 100%;
                 height: 100%;
                 background: @ini_background;
-                background: -webkit-linear-gradient(left, @ini_background, @color-content-bg);
-                background: linear-gradient(left, @ini_background, @color-content-bg);
+                background: -webkit-linear-gradient(left, @ini_background, @ini_background_content);
+                background: linear-gradient(left, @ini_background, @ini_background_content);
                 z-index: 0;
             }
         }
diff --git a/css/area_nav-breadcrumb.less b/css/area_nav-breadcrumb.less
index cc77685..07a93d0 100755
--- a/css/area_nav-breadcrumb.less
+++ b/css/area_nav-breadcrumb.less
@@ -13,7 +13,7 @@
     box-sizing: border-box;
 
     @media @screen_max-md {
-        background-color: @background_page-header;
+        background-color: @ini_background_page-header;
     }
 
     @media @screen_max-xs {
@@ -71,7 +71,7 @@
                 &:hover,
                 &:focus,
                 &:active {
-                    border-color: @color-link;
+                    border-color: @ini_existing;
                 }
             }
         }
@@ -127,7 +127,7 @@
                 position: relative;
 
                 strong {
-                    background-color: @color-site-bg;
+                    background-color: @ini_background_site;
                 }
 
                 .num {
@@ -170,9 +170,9 @@
             right: 0;
             width: auto;
             border: 0 none;
-            background: @background_page-header;
-            background: -webkit-linear-gradient(top, @background_page-header, @color-content-bg);
-            background: linear-gradient(top, @background_page-header, @color-content-bg);
+            background: @ini_background_page-header;
+            background: -webkit-linear-gradient(top, @ini_background_page-header, @ini_background_content);
+            background: linear-gradient(top, @ini_background_page-header, @ini_background_content);
             box-shadow: @box-shadow-bottom;
             z-index: 2000;
 
diff --git a/css/area_nav-direct.less b/css/area_nav-direct.less
index 2519461..f1b5a4d 100755
--- a/css/area_nav-direct.less
+++ b/css/area_nav-direct.less
@@ -22,7 +22,7 @@
         a:visited {
             .sr-out();
 
-            box-shadow: __box_shadow__;
+            box-shadow: @box-shadow;
             display: block;
             width: 100%;
             background-color: @nav_direct_background;
diff --git a/css/area_nav-metabox.less b/css/area_nav-metabox.less
index 0e2eaf7..eff79f0 100755
--- a/css/area_nav-metabox.less
+++ b/css/area_nav-metabox.less
@@ -98,7 +98,7 @@
                 cursor: pointer;
                 position: relative;
                 display: block;
-                background-color: @color-site-bg;
+                background-color: @ini_background_site;
                 border: 1px solid @ini_border_light;
                 color: @ini_existing;
                 font-size: @font-size-small;
@@ -113,7 +113,7 @@
 
                 @media @screen_max-md {
                     top: -1px;
-                    background-color: @background_page-header;
+                    background-color: @ini_background_page-header;
                     border-radius: 0 0 @ini_default_border_radius @ini_default_border_radius; // @ini_default_border_radius vs. @fix_border-radius
                     margin-left: 0;
                     padding: .2em .3rem .1em;
@@ -141,8 +141,8 @@
                 &:hover,
                 &:focus,
                 &:active {
-                    background-color: @color-content-bg;
-                    border-color: @color-link;
+                    background-color: @ini_background_content;
+                    border-color: @ini_existing;
                     text-decoration: none;
                 }
             }
@@ -152,19 +152,19 @@
 
                 > a {
                     cursor: default;
-                    background-color: @color-content-bg;
-                    border-color: @color-link;
-                    border-bottom-color: @color-content-bg;
-                    color: @color-link;
+                    background-color: @ini_background_content;
+                    border-color: @ini_existing;
+                    border-bottom-color: @ini_background_content;
+                    color: @ini_existing;
 
                     @media @screen_max-md {
                         border-radius: 0;
                     }
 
                     @media @screen_max-sm {
-                        background-color: @color-link;
-                        border-bottom-color: @color-link;
-                        color: @color-content-bg;
+                        background-color: @ini_existing;
+                        border-bottom-color: @ini_existing;
+                        color: @ini_background_content;
                     }
                 }
             }
@@ -192,7 +192,7 @@
             right: 0;
             display: none;
             width: 100%;
-            background-color: @color-content-bg;
+            background-color: @ini_background_content;
             border: 1px solid @ini_existing;
 
             @media @screen_min-xs {
diff --git a/css/area_nav-usertools.less b/css/area_nav-usertools.less
index 2e84422..13b67d6 100755
--- a/css/area_nav-usertools.less
+++ b/css/area_nav-usertools.less
@@ -213,7 +213,7 @@
 
             &.noopentasks {
                 strong {
-                    background-color: @color-site-bg;
+                    background-color: @ini_background_site;
                 }
 
                 .num {
diff --git a/css/area_sidebar-search.less b/css/area_sidebar-search.less
index 71a6428..c007ee4 100755
--- a/css/area_sidebar-search.less
+++ b/css/area_sidebar-search.less
@@ -30,12 +30,12 @@
         &:focus,
         &:active {
             min-height: @icon-size;
-            background-color: @button_color;
-            border: solid 1px @button_background;
-            color: @button_background;
+            background-color: @ini_button_color;
+            border: solid 1px @ini_button_background;
+            color: @ini_button_background;
 
             &::after {
-                background-color: @button_background;
+                background-color: @ini_button_background;
             }
         }
 
@@ -97,9 +97,9 @@
             top: 0;
             bottom: 0;
             min-height: @icon-size;
-            background-color: @button_color;
-            border: solid 1px @button_background;
-            color: @button_background;
+            background-color: @ini_button_color;
+            border: solid 1px @ini_button_background;
+            color: @ini_button_background;
         }
     }
 
diff --git a/css/area_togglelink.less b/css/area_togglelink.less
index ecfb97a..816799e 100755
--- a/css/area_togglelink.less
+++ b/css/area_togglelink.less
@@ -29,10 +29,10 @@
 
             width: @margin-default;
             height: 100%;
-            background-color: @button_background;
-            border: solid 1px @button_background;
+            background-color: @ini_button_background;
+            border: solid 1px @ini_button_background;
             border-radius: @ini_default_border_radius 0 0 @ini_default_border_radius; // @ini_default_border_radius vs. @fix_border-radius
-            color: @button_color;
+            color: @ini_button_color;
             text-decoration: none;
             transition: @transition color, @transition background-color, @transition border-color;
 
@@ -55,9 +55,9 @@
             &:hover,
             &:focus,
             &:active {
-                background-color: @button_color;
-                border-color: @button_background;
-                color: @button_background;
+                background-color: @ini_button_color;
+                border-color: @ini_button_background;
+                color: @ini_button_background;
                 text-decoration: none;
 
                 * {
@@ -76,8 +76,8 @@
             left: -1px;
 
             a {
-                background-color: @button_background;
-                border-color: @button_background;
+                background-color: @ini_button_background;
+                border-color: @ini_button_background;
                 border-radius: 0 @ini_default_border_radius @ini_default_border_radius 0; // @ini_default_border_radius vs. @fix_border-radius
 
                 &::before {
@@ -93,7 +93,7 @@
                 &:hover,
                 &:focus,
                 &:active {
-                    background-color: @button_color;
+                    background-color: @ini_button_color;
 
                     &::before {
                         opacity: 0;
diff --git a/css/base_design.less b/css/base_design.less
index feba57a..35fbe7b 100755
--- a/css/base_design.less
+++ b/css/base_design.less
@@ -7,7 +7,7 @@
 
 
 html, body {
-    background-color: @color-site-bg;
+    background-color: @ini_background_site;
 }
 
 
@@ -52,7 +52,7 @@ html, body {
     clear: both;
     overflow: hidden;
     word-wrap: break-word;
-    background: @color-content-bg;
+    background: @ini_background_content;
     color: inherit;
     padding: @page_padding-top @margin-default @margin-default;
 
@@ -415,7 +415,7 @@ kbd {
     font-size: @font-size-default;
     direction: ltr;
     text-align: left;
-    background-color: @color-site-bg;
+    background-color: @ini_background_site;
     color: @ini_text;
     box-shadow: inset 0 0 .3em @ini_border;
     border-radius: @fix_border-radius;
diff --git a/css/plugins/edit.less b/css/plugins/edit.less
index 321cb38..8e60c41 100644
--- a/css/plugins/edit.less
+++ b/css/plugins/edit.less
@@ -24,7 +24,7 @@
         form div.no {
             button,
             input.button {
-                border-top: solid 1px @button_background;
+                border-top: solid 1px @ini_button_background;
                 margin-top: 0;
             }
         }
diff --git a/css/plugins/edittable.less b/css/plugins/edittable.less
index 42731b2..0f8f1ac 100644
--- a/css/plugins/edittable.less
+++ b/css/plugins/edittable.less
@@ -12,7 +12,7 @@
             button,
             input.button {
                 min-height: 1rem;
-                // button - for inverted design: background-color: @button_color; color: @button_background;
+                // button - for inverted design: background-color: @ini_button_color; color: @ini_button_background;
                 font-size: @font-size-small;
                 margin-top: 0;
             }
diff --git a/css/plugins/magic-matcher.less b/css/plugins/magic-matcher.less
index 474d92d..0233a26 100755
--- a/css/plugins/magic-matcher.less
+++ b/css/plugins/magic-matcher.less
@@ -31,8 +31,8 @@
         &:hover,
         &:focus,
         &:active {
-            border-color: @button_background;
-            color: @button_background;
+            border-color: @ini_button_background;
+            color: @ini_button_background;
         }
     }
 
@@ -42,7 +42,7 @@
         width: 100%;
         min-height: @height-context-bar;
         box-sizing: border-box;
-        box-shadow: __box_shadow__;
+        box-shadow: @box-shadow;
         background-color: @ini_background_content;
         border-radius: 0 0 @ini_default_border_radius @ini_default_border_radius;
         font-size: @font-size-default;
diff --git a/css/plugins/tabinclude.less b/css/plugins/tabinclude.less
index 6fc0296..86a1a43 100644
--- a/css/plugins/tabinclude.less
+++ b/css/plugins/tabinclude.less
@@ -11,17 +11,17 @@ div#dwpl-ti-container {
 /* + + +  tabnav  + + + */
     li.dwpl-ti-tab {
         box-shadow: none;
-        border-color: @color-site-bg;
+        border-color: @ini_background_site;
         border-radius: @fix_border-radius @fix_border-radius 0 0;
         padding: 0;
 
         div {
-            background-color: @background_page-header;
+            background-color: @ini_background_page-header;
             border-radius: inherit;
             padding: .1em .35em;
 
             &.selected {
-                background-color: @color-site-bg;
+                background-color: @ini_background_site;
             }
         }
     }
@@ -31,8 +31,8 @@ div#dwpl-ti-container {
     div.dwpl-ti-content-box {
         overflow: auto;
         box-shadow: none;
-        background-color: @color-site-bg;
-        border: solid 1px @color-site-bg;
+        background-color: @ini_background_site;
+        border: solid 1px @ini_background_site;
         border-radius: 0;
     }
 }

From efa1155dc8654c59317eeb9a5814d4c08c85cff8 Mon Sep 17 00:00:00 2001
From: Silke Pisulla <pisulla@cosmocode.de>
Date: Thu, 23 Mar 2017 15:38:57 +0100
Subject: [PATCH 28/58] SPR-910: var rename - background (site, page, header,
 footer) button (bg, color), link (existing) + box-shadow as fix var

---
 css/base.less | 89 +++++++++++++++++++++++++++------------------------
 style.ini     | 23 +++++++------
 2 files changed, 58 insertions(+), 54 deletions(-)

diff --git a/css/base.less b/css/base.less
index ecbf28f..d419826 100755
--- a/css/base.less
+++ b/css/base.less
@@ -9,30 +9,23 @@
 /* converted vars */
 /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
 
-@background_page-header: __background_page-header__;
 
-@font_family_screen:     __font_family_screen__;
-
-@color-content-bg:       __background_content__;
-@color-site-bg:          __background_site__;
-
-@color-link:             __existing__;
-@color-link-hover:       @ini_nav_menu_color;
-
-@button_color:           __button_color__;
-@button_background:      __button_background__;
-
-@box-shadow-offset:      __box_shadow_offset__;
-@box-shadow:             __box_shadow__;
-@box-shadow-colored:     __box_shadow_colored__;
-@box-shadow-right-bottom:__box_shadow_right_bottom__;
-@box-shadow-bottom:      __box_shadow_bottom__;
-
-@th_background:          __background_alt__;
+//@th_background:            __background_alt__;
 
 
 /* ersetzt: */
 
+//@color-site-bg:          __background_site__;
+//@color-content-bg:       __background_content__;
+//@button_color:           __button_color__;
+//@button_background:      __button_background__;
+//@background_page-header: __background_page-header__;
+//@font_family_screen:       __font_family_screen__;
+//@box-shadow-offset:      __box_shadow_offset__;
+//@box-shadow:             __box_shadow__;
+//@box-shadow-colored:     __box_shadow_colored__;
+//@box-shadow-right-bottom:__box_shadow_right_bottom__;
+//@box-shadow-bottom:      __box_shadow_bottom__;
 //@color-text:             __text__;
 //@border-radius:          __default_border_radius__;
 //@color-border:           __border__;
@@ -40,33 +33,45 @@
 //@color-nav:              __nav_menu_color__;
 //@color-nav-hover:        __nav_menu_hover_color__;
 //@color-nav-hover-bg:     __nav_menu_hover_bg__;
+//@color-link:             __existing__;
+//@color-link-hover:       @ini_nav_menu_color;
 
 
 /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
 /* global vars */
 /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
 
-@nav_direct_background   : @ini_background_content;
-@nav_direct_color        : @ini_existing;
+@font_family_screen:       arial, sans-serif;
+@font_family_print:        "Times New Roman", serif;
 
-@ini_sidebar_width : (100 - @ini_site_width) - 4;
+@nav_direct_background:    @ini_background_content;
+@nav_direct_color:         @ini_existing;
 
-@height-context-bar: 50px;
+@ini_sidebar_width:        (100 - @ini_site_width) - 4;
 
-@margin-small:       1rem;
-@margin-default:     2rem;
-@margin-big:         3.07rem;
+@height-context-bar:       50px;
 
-@small-spacing:      .3rem;
-@very-small-spacing: .2rem;
+@margin-small:             1rem;
+@margin-default:           2rem;
+@margin-big:               3.07rem;
 
-@grid:               @margin-small;
-@toggle-size:        1.75rem;
+@small-spacing:            .3rem;
+@very-small-spacing:       .2rem;
 
-@transition: ease-out .30s;
+@grid:                     @margin-small;
+@toggle-size:              1.75rem;
+
+@transition:               ease-out .30s;
+
+@box-shadow-offset:        .1em .1em .1em rgb(153,153,153,.5);
+@box-shadow:               0 0 .5em rgb(153,153,153,.5);
+@box-shadow-colored:       0 0 .5em rgba(40,109,168,.5);
+@box-shadow-right-bottom:  0.1em 0.3rem 0.5em rgb(153,153,153,.5);
+@box-shadow-bottom:        0 0.1em 0.5em rgb(153,153,153,.5);
 
 
 /* + + +  for programmers customizing  + + + */
+
 @fix_border-radius:        3px;
 @toggle-showsidebar_width: 3.07rem;       // shown sidebar after toggle
 @page_padding-top:         @margin-small; // padding-top for 'dokuwiki__content'
@@ -82,20 +87,20 @@
 /* + + + + + + + + + + + + + + + + + + + + + + + + + + */
 /* fonts */
 
-@font-size-very-small: .73rem;
-@font-size-small: .88rem;
-@font-size-default: 1rem;
-@font-size-big: 1.5rem;
-@font-size-bigger: 1.75rem;
+@font-size-very-small:     .73rem;
+@font-size-small:          .88rem;
+@font-size-default:        1rem;
+@font-size-big:            1.5rem;
+@font-size-bigger:         1.75rem;
 
-@line-height-default: 125%;
-@line-height-big: 135%;
-@line-height-bigger: 140%;
+@line-height-default:      125%;
+@line-height-big:          135%;
+@line-height-bigger:       140%;
 
-@font-weight-bold: 800;
-@font-weight-normal: 400;
+@font-weight-bold:         800;
+@font-weight-normal:       400;
 
-@font-scale-factor: .0769;
+@font-scale-factor:        .0769;
 
 @font-size-head6: @font-size-default;
 @font-size-head5: @font-size-default + @font-scale-factor;
diff --git a/style.ini b/style.ini
index a141afe..cce39d6 100755
--- a/style.ini
+++ b/style.ini
@@ -147,26 +147,25 @@ __link__                    = "#286DA8"
 __existing__                = "#286DA8"                                                 ; @ini_existing
 __missing__                 = "#CD5360"                                                 ; @ini_missing
 
-; widths
 __site_width__              = "73%"                                                     ; @ini_site_width
-;__sidebar_width__           = "23%"                                                     ; @ini_sidebar_width
+;__sidebar_width__           = "23%"
 
-__font_family_screen__      = "arial, sans-serif"
-__font_family_menu__        = "arial, sans-serif"
-__font_family_print__       = "times new roman, serif"
+;__font_family_screen__      = "arial, sans-serif"
+;__font_family_menu__        = "arial, sans-serif"
+;__font_family_print__       = "times new roman, serif"
 
 __background_content__      = "#FFF"                                                    ; @ini_background_content
-__background_site__         = "#ECECEC"
-__background_page-header__  = "#F6F6F6"
+__background_site__         = "#ECECEC"                                                 ; @ini_background_site
+__background_page-header__  = "#F6F6F6"                                                 ; @ini_background_page-header
 
 __default_border_radius__   = "3px"                                                     ; @ini_default_border_radius
 __border_light__            = "#dadada"                                                 ; @ini_border_light
 
-__box_shadow_colored__      = "0 0 .5em rgba(40,109,168,.5)"
-__box_shadow__              = "0 0 .5em rgb(153,153,153,.5)"
-__box_shadow_right_bottom__ = "0.1em 0.3rem 0.5em rgb(153,153,153,.5)"
-__box_shadow_bottom__       = "0 0.1em 0.5em rgb(153,153,153,.5)"
-__box_shadow_offset__       = ".1em .1em .1em rgb(153,153,153,.5)"
+;__box_shadow_colored__      = "0 0 .5em rgba(40,109,168,.5)"
+;__box_shadow__              = "0 0 .5em rgb(153,153,153,.5)"
+;__box_shadow_right_bottom__ = "0.1em 0.3rem 0.5em rgb(153,153,153,.5)"
+;__box_shadow_bottom__       = "0 0.1em 0.5em rgb(153,153,153,.5)"
+;__box_shadow_offset__       = ".1em .1em .1em rgb(153,153,153,.5)"
 
 
 ; + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +

From 2c5103748c0e4ce6afd62f70dd518aad6f991603 Mon Sep 17 00:00:00 2001
From: Silke Pisulla <pisulla@cosmocode.de>
Date: Thu, 23 Mar 2017 15:39:16 +0100
Subject: [PATCH 29/58] SPR-742: Konfigurierbarkeit wording german prepared

---
 lang/de/lang.php | 41 ++++++++++++++++++++++++++++++++++-------
 1 file changed, 34 insertions(+), 7 deletions(-)

diff --git a/lang/de/lang.php b/lang/de/lang.php
index a45586b..7edb555 100755
--- a/lang/de/lang.php
+++ b/lang/de/lang.php
@@ -1,10 +1,11 @@
 <?php
 /**
  * German language file for template
- *
+ *__background_site__
  * @license    GPL 2 (http://www.gnu.org/licenses/gpl.html)
  */
 
+
 $lang['direct_prefix']              = 'Direkt';
 $lang['direct_content_main']        = 'Hauptinhalt dieser Seite';
 $lang['direct_menu_main']           = 'Hauptmenü';
@@ -37,12 +38,38 @@ $lang['tasks_page_none']            = 'keine offenen Aufgaben für diese Seite';
 $lang['discussion']                 = 'Diskussion';
 $lang['back_to_article']            = 'Zurück zum Artikel';
 $lang['userpage']                   = 'Benutzer-Seite';
-$lang['__existing__']               = 'Schriftfarbe für Links zu vorhandenen Webseiten';
-$lang['__missing__']                = 'Schriftfarbe für Links zu nicht vorhandenen Webseiten';
-$lang['__site_width__']             = 'The width of the full site (can be any length unit: %, px, em, ...)';
-$lang['__sidebar_width__']          = 'The width of the sidebar, if any (can be any length unit: %, px, em, ...)';
 
-$lang['__button_color__']           = 'Schriftfarbe für Buttons';
-$lang['__button_background__']      = 'Hintergrundfarbe für Buttons';
+
+/**
+ * content size
+ */
+
+$lang['__site_width__']             = 'Contentbereich - Breite (in %)';
+$lang['__sidebar_width__']          = 'obsolet: wird aus __site_width__ errechnet! (Breite der Navigation)';
+
+
+/**
+ * colors
+ */
+
+$lang['__background_site__']        = 'Website - Hintergrundfarbe';
+$lang['__background_content__']     = 'Contentbereich - Hintergrundfarbe';
+$lang['__background_page-header__'] = 'Contentbereich Header, Footer - Hintergrundfarbe';
+
+$lang['__border__']                 = 'Formularfelder, Tabellen - Rahmenfarbe';
+$lang['__border_light__']           = 'Contentbereich Header, Footer, Wiki Icons - Rahmenfarbe';
+
+$lang['__default_border_radius__']  = 'Icons, Content - Borderradius';
+
+$lang['__link__']                   = 'Links zu nicht-Wikiseiten - Schriftfarbe';
+$lang['__existing__']               = 'Links zu vorhandenen Wikiseiten - Schriftfarbe';
+$lang['__missing__']                = 'Links zu nicht vorhandenen Wikiseiten - Schriftfarbe';
+
+$lang['__button_color__']           = 'Buttons - Schriftfarbe';
+$lang['__button_background__']      = 'Buttons - Hintergrundfarbe';
+
+$lang['__nav_menu_color__']         = 'Navigation, Wiki Icons - Linkfarbe';
+$lang['__nav_menu_hover_color__']   = 'Navigation, Wiki Icons - Linkfarbe, Rahmenfarbe (Hover)';
+$lang['__nav_menu_hover_bg__']      = 'Navigation, Wiki Icons - Hintergrundfarbe (Hover)';
 
 //Setup VIM: ex: et ts=2 :

From 2d623f4b2e20ce31c0d368a026d4d38885e0fb66 Mon Sep 17 00:00:00 2001
From: Silke Pisulla <pisulla@cosmocode.de>
Date: Tue, 28 Mar 2017 15:10:27 +0200
Subject: [PATCH 30/58] SPR-742: Konfigurierbarkeit check, neuzuordnung

---
 css/area_content.less              |   2 +-
 css/area_footer.less               |  16 ++-
 css/area_header.less               |   8 +-
 css/area_main-content-secedit.less |  10 +-
 css/area_main-content.less         |   2 +-
 css/area_msg.less                  |  19 +++-
 css/area_nav-breadcrumb.less       |  44 ++++----
 css/area_nav-direct.less           |   2 +-
 css/area_nav-metabox.less          |  73 +++++--------
 css/area_nav-pagetools.less        |  59 +++++++----
 css/area_nav-usertools.less        |  57 +++++-----
 css/area_sidebar-search.less       |  26 ++++-
 css/base.less                      |  41 ++++++--
 css/base_design.less               | 161 ++++++++++++++++-------------
 css/base_mixins.less               |  22 +++-
 css/plugins/tabinclude.less        |  44 +++++---
 16 files changed, 353 insertions(+), 233 deletions(-)

diff --git a/css/area_content.less b/css/area_content.less
index 2b3fd9c..bda9ea6 100755
--- a/css/area_content.less
+++ b/css/area_content.less
@@ -21,7 +21,7 @@
                 height: @page-header_height;
                 box-sizing: border-box;
                 width: 100%;
-                background-color: @ini_background_page-header;
+                background-color: @ini_background_page_header;
                 border-bottom: 1px solid @ini_border_light;
             }
 
diff --git a/css/area_footer.less b/css/area_footer.less
index 369b690..39b068e 100755
--- a/css/area_footer.less
+++ b/css/area_footer.less
@@ -11,13 +11,20 @@
 @media screen {
     .page-footer {
         min-height: @page-header_height;
-        background-color: @ini_background_page-header;
+        background-color: @ini_background_page_header;
         border-top: 1px solid @ini_border_light;
         border-radius: 0 0 @fix_border-radius @fix_border-radius; // @ini_default_border_radius vs. @fix_border-radius
+        color: @ini_background_page_footer;
         font-size: @font-size-default;
         text-align: right;
         padding: @margin-small @margin-default;
 
+        *,
+        a:link,
+        a:visited {
+            color: inherit;
+        }
+
         bdi {
             font-weight: bold;
         }
@@ -28,13 +35,18 @@
             position: relative;
             z-index: 2;
             box-sizing: border-box;
-            background-color: @ini_background_site;
+            background-color: @ini_background;
         }
 
         p {
+            color: @ini_text_webframe;
             font-size: @font-size-default;
             margin: 0;
         }
+
+        a {
+            color: @ini_nav_menu_color;
+        }
     }
 }
 
diff --git a/css/area_header.less b/css/area_header.less
index 608fe41..e02bf1a 100755
--- a/css/area_header.less
+++ b/css/area_header.less
@@ -6,7 +6,7 @@
 
 
 #dokuwiki__header {
-    @header-font-opacity: .7;
+    @header-font-opacity: 1;
 
 /* + + +  wiki logo  + + + */
     @media @screen_min-md {
@@ -83,8 +83,9 @@
 
 /* + + +  wiki title  + + + */
     p.title {
-        background-color: @ini_background_site;
+        background-color: @ini_background;
         opacity: @header-font-opacity;
+        color: @ini_text_webframe;
         line-height: @line-height-default;
         margin-bottom: .5rem;
 
@@ -103,8 +104,9 @@
 /* + + +  wiki claim  + + + */
     p.claim {
         opacity: @header-font-opacity;
-        margin-bottom: 0;
+        color: @ini_text_webframe;
         font-size: @font-size-default;
+        margin-bottom: 0;
 
         @media @screen_max-md {
             padding-top: .5rem;
diff --git a/css/area_main-content-secedit.less b/css/area_main-content-secedit.less
index 88955f7..03aba7e 100644
--- a/css/area_main-content-secedit.less
+++ b/css/area_main-content-secedit.less
@@ -8,10 +8,10 @@
         clear: right; // FIXME why?
         background: repeating-linear-gradient(
             -45deg,
-            transparent,
-            transparent 10px,
-            @ini_background_alt 10px,
-            @ini_background_alt 20px,
+            @highlight-odd-ini_text,
+            @highlight-odd-ini_text 10px,
+            @highlight-even-ini_text 10px,
+            @highlight-even-ini_text 20px,
         );
     }
 
@@ -37,7 +37,7 @@
             &::after {
                 content: '';
                 display: inline-block;
-                background: transparent url("svg.php?svg=pencil.svg&f=nav_menu_color") center center no-repeat;
+                background: transparent url("svg.php?svg=pencil.svg&f=existing") center center no-repeat;
                 height: 1em;
                 width: 1em;
                 background-size: contain;
diff --git a/css/area_main-content.less b/css/area_main-content.less
index 3ed2fd5..9af0b54 100755
--- a/css/area_main-content.less
+++ b/css/area_main-content.less
@@ -9,7 +9,7 @@
     .level2 {
         p a.media {
             img {
-                border: 1px dotted @ini_background_site;
+                border: 1px dotted @ini_background;
 
             }
             &:hover,
diff --git a/css/area_msg.less b/css/area_msg.less
index e248b7f..0367bd7 100644
--- a/css/area_msg.less
+++ b/css/area_msg.less
@@ -1,10 +1,12 @@
-.msg-area{
+.msg-area {
     clear: both;
     padding-top: 1.6rem;
-    div{
+
+    div {
         line-height: 135%;
     }
-    &:empty{
+
+    &:empty {
         display: none;
     }
 }
@@ -20,4 +22,15 @@ div.success, div.error, div.info, div.notify {
     padding-left: 32px;
     overflow: hidden;
     border-radius: 5px;
+
+    a {
+        color: inherit;
+        text-decoration: underline;
+
+        &:hover,
+        &:focus,
+        &:active {
+            text-decoration: none;
+        }
+    }
 }
diff --git a/css/area_nav-breadcrumb.less b/css/area_nav-breadcrumb.less
index 07a93d0..e81b45e 100755
--- a/css/area_nav-breadcrumb.less
+++ b/css/area_nav-breadcrumb.less
@@ -7,13 +7,14 @@
 
 .breadcrumbs {
     position: relative;
-    border-bottom: 1px solid @ini_border_light;
-    padding: 1rem 1.8rem .2rem;
     min-height: @page-header_height;
     box-sizing: border-box;
+    background-color: @ini_background_content;
+    border-bottom: 1px solid @ini_border_light;
+    padding: 1rem 1.8rem .2rem;
 
     @media @screen_max-md {
-        background-color: @ini_background_page-header;
+        background-color: @ini_background_page_header;
     }
 
     @media @screen_max-xs {
@@ -21,6 +22,10 @@
         padding-right: .75rem;
     }
 
+    @media @screen_xs-lg {
+        background-color: @ini_background_content;
+    }
+
     > p {
         font-size: @font-size-small;
         margin: 0;
@@ -108,7 +113,6 @@
                 min-height: @toggle-size;
                 border: 1px solid @ini_border_light;
                 border-radius: @ini_default_border_radius; // @ini_default_border_radius vs. @fix_border-radius
-                color: @ini_nav_menu_color;
                 text-align: center;
                 margin: 0;
             }
@@ -125,13 +129,18 @@
 /* check !!! */
             &.do_none {
                 position: relative;
+                border-radius: @ini_default_border_radius; // @ini_default_border_radius vs. @fix_border-radius
 
                 strong {
-                    background-color: @ini_background_site;
+                    overflow: hidden;
+                    background-color: @ini_background;
+                    border-color: @noopentasks-border;
+                    color: @ini_text_webframe;
                 }
 
                 .num {
-                    background-color: @noopentasks-background; // fix
+                    margin-top: 1px;
+                    background-color: @noopentasks-border; // fix
                     color: @noopentasks-color; // fix
                 }
             }
@@ -145,24 +154,11 @@
         } // li
 
         a {
-            background-color: #FFF;
-            transition: @transition color, @transition background-color, @transition border-color;
+            .btn-hover();
 
             &[aria-expanded="false"] + #plugin__qc__wrapper {
                 display: none;
             }
-
-            &:hover,
-            &:active,
-            &:focus {
-                background-color: @ini_nav_menu_hover_bg;
-                border-color: @ini_nav_menu_hover_color;
-                color: @ini_nav_menu_hover_color;
-
-                .prefix {
-                    color: inherit;
-                }
-            }
         }
 
         #plugin__qc__wrapper {
@@ -170,13 +166,13 @@
             right: 0;
             width: auto;
             border: 0 none;
-            background: @ini_background_page-header;
-            background: -webkit-linear-gradient(top, @ini_background_page-header, @ini_background_content);
-            background: linear-gradient(top, @ini_background_page-header, @ini_background_content);
+            background: @ini_background_page_header;
+            background: -webkit-linear-gradient(top, @ini_background_page_header, @ini_background_content);
+            background: linear-gradient(top, @ini_background_page_header, @ini_background_content);
             box-shadow: @box-shadow-bottom;
             z-index: 2000;
 
-            #plugin__qc__out{
+            #plugin__qc__out {
                 h1 {
                     font-size: @font-size-head3;
                 }
diff --git a/css/area_nav-direct.less b/css/area_nav-direct.less
index f1b5a4d..5defc3b 100755
--- a/css/area_nav-direct.less
+++ b/css/area_nav-direct.less
@@ -26,7 +26,7 @@
             display: block;
             width: 100%;
             background-color: @nav_direct_background;
-            border-bottom: 1px solid __shadow_color__;
+            border-bottom: 1px solid @ini_border_light;
             color: @nav_direct_color;
             line-height: @line-height-default;
             text-decoration: none;
diff --git a/css/area_nav-metabox.less b/css/area_nav-metabox.less
index eff79f0..35b35e9 100755
--- a/css/area_nav-metabox.less
+++ b/css/area_nav-metabox.less
@@ -19,19 +19,13 @@
     // < 1024
     @media @screen_max-md {
         position: relative;
-        top: -1px;
+        top: .2rem;
         right: auto;
         float: none;
         display: block;
         max-width: 100%;
         min-height: @page-header_height;
         height: auto;
-    }
-
-    // < 992
-    @media @screen_max-sm {
-        position: relative;
-        top: .2rem;
         border: 0 none;
     }
 
@@ -86,10 +80,6 @@
             }
 
             @media @screen_max-md {
-                margin-right: .5rem;
-            }
-
-            @media @screen_max-sm {
                 margin-right: .4rem;
                 margin-bottom: .2rem;
             }
@@ -98,32 +88,26 @@
                 cursor: pointer;
                 position: relative;
                 display: block;
-                background-color: @ini_background_site;
-                border: 1px solid @ini_border_light;
-                color: @ini_existing;
                 font-size: @font-size-small;
                 line-height: 1.42857143;
-                padding: .3em 1rem .1em;
-                margin-left: 4px;
-                transition: @transition color, @transition background-color, @transition border-color;
+                transition: @transition background-color, @transition border-color, @transition color;
 
                 @media @screen_min-md {
+                    background-color: @ini_background;
+                    border: 1px solid @noopentasks-border;
                     border-radius: @ini_default_border_radius @ini_default_border_radius 0 0; // @ini_default_border_radius vs. @fix_border-radius
+                    color: @ini_nav_menu_color;
+                    margin-left: 4px;
+                    padding: .3em 1rem .1em;
                 }
 
                 @media @screen_max-md {
-                    top: -1px;
-                    background-color: @ini_background_page-header;
-                    border-radius: 0 0 @ini_default_border_radius @ini_default_border_radius; // @ini_default_border_radius vs. @fix_border-radius
-                    margin-left: 0;
-                    padding: .2em .3rem .1em;
-                }
-
-                @media @screen_max-sm {
                     top: 0;
-                    border-radius: 0;
+                    border: 1px solid @ini_existing;
+                    color: @ini_existing;
                     margin-top: .2rem;
-                    padding-bottom: .2em;
+                    margin-left: 0;
+                    padding: .2em .3rem;
                 }
 
                 * {
@@ -135,15 +119,24 @@
                     position: relative;
                     color: inherit;
                     font-size: @font-size-small;
-                    transition: @transition color;
                 }
 
                 &:hover,
                 &:focus,
                 &:active {
-                    background-color: @ini_background_content;
-                    border-color: @ini_existing;
                     text-decoration: none;
+
+                    @media @screen_min-md {
+                        background-color: @ini_background_content;
+                        border-color: @ini_existing;
+                        color: @ini_existing;
+                    }
+
+                    @media @screen_max-md {
+                        background-color: @ini_existing;
+                        border-color: @ini_background_content;
+                        color: @ini_background_content;
+                    }
                 }
             }
 
@@ -158,12 +151,9 @@
                     color: @ini_existing;
 
                     @media @screen_max-md {
-                        border-radius: 0;
-                    }
-
-                    @media @screen_max-sm {
                         background-color: @ini_existing;
                         border-bottom-color: @ini_existing;
+                        border-radius: 0;
                         color: @ini_background_content;
                     }
                 }
@@ -176,13 +166,6 @@
 
         @media @screen_max-md {
             clear: both;
-        }
-
-        @media @screen_max-md {
-            margin-top: -2px;
-        }
-
-        @media @screen_max-sm {
             margin-top: 2px;
         }
 
@@ -199,7 +182,7 @@
                 min-width: 20em;
             }
 
-            @media @screen_min-sm {
+            @media @screen_min-md {
                 border-radius: 0 0 @fix_border-radius @fix_border-radius; // @ini_default_border_radius vs. @fix_border-radius
             }
 
@@ -277,15 +260,15 @@
                         padding: .15em 0;
 
                         &::before {
+                            content: '';
                             position: absolute;
                             top: .6em;
-                            content: "";
+                            left: 0;
                             display: inline-block;
                             width: 4px;
                             height: 4px;
-                            background-color: #ccc;
                             overflow: hidden;
-                            left: 0;
+                            background-color: @ini_existing;
                         }
                     }
                 }
diff --git a/css/area_nav-pagetools.less b/css/area_nav-pagetools.less
index 1cc873f..b340a3b 100755
--- a/css/area_nav-pagetools.less
+++ b/css/area_nav-pagetools.less
@@ -21,7 +21,7 @@
 .pagetools-item(img_backto, 12);
 */
 
-#dokuwiki__aside{
+#dokuwiki__aside {
     @media @screen_max-md {
         display: none !important;
     }
@@ -57,11 +57,18 @@ nav#dokuwiki__pagetools {
                 height: auto;
                 min-height: @toolbox-size; // for nav:hover
                 width: @toolbox-size; // for nav:hover
-                opacity: .6;
-                color: @ini_nav_menu_color;
+                //opacity: .6;
                 font-size: @font-size-default;
                 padding: 2px @toolbox-size 2px 2px;
 
+                @media @screen_min-md {
+                    color: @ini_nav_menu_color;
+                }
+
+                @media @screen_max-md {
+                    color: @ini_existing;
+                }
+
                 * {
                     color: inherit;
                 }
@@ -73,9 +80,9 @@ nav#dokuwiki__pagetools {
                 &:hover,
                 &:focus,
                 &:active {
-                    opacity: 1;
-                    color: @ini_nav_menu_hover_color;
-                    background-color: #FFF;
+                    //opacity: 1;
+                    //color: @ini_nav_menu_hover_color;
+                    background-color: transparent;
                 }
 
                 span {
@@ -90,8 +97,15 @@ nav#dokuwiki__pagetools {
                     width: @page-tools_svg-size;
                     height: @page-tools_svg-size;
                     vertical-align: middle;
-                    fill: @ini_nav_menu_color;
                     margin: @page-tools_svg-space;
+
+                    @media @screen_min-md {
+                        fill: @ini_nav_menu_color;
+                    }
+
+                    @media @screen_max-md {
+                        fill: @ini_existing;
+                    }
                 }
 
                 &.top {
@@ -101,20 +115,14 @@ nav#dokuwiki__pagetools {
 
             &.plugin_move_page {
                 a {
-                    opacity: .6;
+                    .btn-hover();
+
+                    //opacity: .6;
                     color: @ini_nav_menu_color;
 
                     * {
                         color: inherit;
                     }
-
-                    &:hover,
-                    &:focus,
-                    &:active {
-                        color: @ini_nav_menu_hover_color;
-                        background-color: #fff;
-                        opacity: 1;
-                    }
                 }
             }
         }
@@ -122,24 +130,35 @@ nav#dokuwiki__pagetools {
 
     &:hover {
         ul {
-            background-color: #fff;
             box-shadow: @box-shadow-offset;
+            background-color: @ini_background_content;
+            border-color: @ini_border_light;
 
             li {
+                color: @ini_existing;
+
                 a {
                     box-shadow: none;
                     background-image: none;
-                    opacity: .8;
+                    //opacity: .8;
                     border-color: transparent;
+                    color: inherit;
                     padding: 2px 0 2px 2px;
 
+                    svg {
+                        border-radius: @ini_default_border_radius;
+                        fill: @ini_existing;
+                    }
+
                     &:hover,
                     &:focus,
                     &:active {
-                        opacity: 1;
+                        //opacity: 1;
 
                         svg {
-                            fill: @ini_nav_menu_hover_color;
+                            background-color: @ini_existing;
+                            border: solid 2px @ini_existing;
+                            fill: @ini_background_content;
                         }
                     }
 
diff --git a/css/area_nav-usertools.less b/css/area_nav-usertools.less
index 13b67d6..855a99f 100755
--- a/css/area_nav-usertools.less
+++ b/css/area_nav-usertools.less
@@ -33,10 +33,13 @@
                 overflow: hidden;
                 border: 1px solid @ini_border_light;
                 border-radius: @ini_default_border_radius; // @ini_default_border_radius vs. @fix_border-radius
-                color: @ini_nav_menu_color;
                 text-align: center;
                 margin: 0;
 
+                @media @screen_only-lg {
+                    padding-top: .14rem;
+                }
+
                 @media @screen_max-xxlg {
                     min-height: 28px;
                 }
@@ -54,8 +57,10 @@
 
                 position: relative;
                 display: table-cell;
-                border: solid 1px @ini_border_light;
+                background-color: @ini_background;
+                border: solid 1px @noopentasks-border;//@ini_border_light;
                 border-radius: @ini_default_border_radius; // @ini_default_border_radius vs. @fix_border-radius
+                color: @ini_text_webframe;
                 padding-right: .3rem;
 
                 @media @screen_min-xxlg {
@@ -82,10 +87,10 @@
                     position: relative;
                     min-height: 26px;
                     overflow: visible;
-                    background: #FFF; // for removing bg-image
+                    background: @ini_nav_menu_hover_bg; // for removing bg-image
                     border: 0 none;
+                    color: @ini_nav_menu_hover_color;
                     text-indent: 0;
-                    color: @ini_nav_menu_color;
                     font-size: inherit;
                     margin-right: -.3rem;
                     padding: 0 .2em 0 0;
@@ -117,16 +122,17 @@
                         opacity: 0;
                         border: solid 1px @ini_nav_menu_hover_color;
                         border-radius: @ini_default_border_radius; // @ini_default_border_radius vs. @fix_border-radius
+                        color: inherit;
                         transform: none;
-                        transition: @transition opacity;
+                        //transition: @transition opacity;
                     }
 
                     &:hover,
                     &:focus,
                     &:active {
-                        background-color: @ini_nav_menu_hover_bg;
+                        background-color: @ini_nav_menu_hover_color;
                         border-color: @ini_nav_menu_hover_color;
-                        color: @ini_nav_menu_hover_color;
+                        color: @ini_nav_menu_hover_bg;
 
                         &::before {
                             opacity: 1;
@@ -134,18 +140,18 @@
 
                         bdi,
                         bdi:first-of-type {
-                            color: @ini_nav_menu_hover_color;
+                            color: @ini_nav_menu_hover_bg;
 
-                            &::before {
-                                color: inherit;
-                            }
+                            //&::before {
+                            //    color: inherit;
+                            //}
                         }
                     }
                 }
 
                 bdi {
-                    color: inherit;
                     display: inline-block;
+                    color: inherit;
                     transition: @transition color;
                 }
 
@@ -161,7 +167,6 @@
                         position: absolute;
                         left: -2px;
                         font-size: 1.4rem;
-                        color: @ini_nav_menu_color;
                         margin: 0;
                         transition: @transition color;
 
@@ -190,10 +195,6 @@
                     white-space: normal;
                     text-indent: 0;
 
-                    @media @screen_only-lg {
-                        padding-top: .14rem;
-                    }
-
                     &::before {
                         content: '';
                         position: absolute;
@@ -213,12 +214,15 @@
 
             &.noopentasks {
                 strong {
-                    background-color: @ini_background_site;
+                    background-color: @ini_background;
+                    border-color: @noopentasks-border;
+                    color: @ini_text_webframe;
                 }
 
                 .num {
-                    background-color: @noopentasks-background; // fix
+                    background-color: @noopentasks-border; // fix
                     color: @noopentasks-color; // fix
+                    margin-top: 1px;
                 }
             }
         } // li
@@ -228,36 +232,27 @@
         a {
             .fontello();
             .hide-text-show-before();
+            .btn-hover();
 
             cursor: pointer;
             position: relative;
-            background-color: #fff;
             line-height: 1;
             text-decoration: none;
-            transition: @transition color, @transition background-color, @transition border-color;
 
             @media @screen_only-lg {
                 min-width: 2rem;
             }
 
-            &::before {//background-color: deeppink !important;
+            &::before {
                 .center-middle();
 
                 content: "?";
+                cursor: pointer;
                 display: block;
                 width: 100%;
                 box-sizing: border-box;
                 font-size: @font-size-default + (@font-scale-factor * 4);
                 line-height: 1;
-                cursor: pointer;
-            }
-
-            &:hover,
-            &:active,
-            &:focus {
-                background-color: @ini_nav_menu_hover_bg;
-                border-color: @ini_nav_menu_hover_color;
-                color: @ini_nav_menu_hover_color;
             }
 
             /* icon register new user */
diff --git a/css/area_sidebar-search.less b/css/area_sidebar-search.less
index c007ee4..dc7eedc 100755
--- a/css/area_sidebar-search.less
+++ b/css/area_sidebar-search.less
@@ -22,7 +22,6 @@
         background-image: none;
         background-color: transparent; // fix
         border: solid 1px transparent;
-        color: @ini_nav_menu_color;
         padding: 0;
         transition: @transition color, @transition background-color, @transition border-color;
 
@@ -32,7 +31,6 @@
             min-height: @icon-size;
             background-color: @ini_button_color;
             border: solid 1px @ini_button_background;
-            color: @ini_button_background;
 
             &::after {
                 background-color: @ini_button_background;
@@ -61,6 +59,7 @@
             min-width: (@toggle-showsidebar_width + 0.1); /* must be a bit a wider than @toggle-showsidebar_width to hide right border */
             width: @main-ico-dummy;
             border-radius: @fix_border-radius;
+            color: @ini_nav_menu_color;
             text-decoration: none;
             box-sizing: border-box;
 
@@ -90,6 +89,7 @@
         right: 0;
         height: auto;
         min-height: (@icon-size - .2);
+        color: @quicksearch-button-color;
 
         &:hover,
         &:focus,
@@ -141,6 +141,28 @@
                 transition: @transition background-color;
             }
         }
+
+        div.ajax_qsearch {
+            box-shadow: none;
+            background-color: #FFF;
+            padding: 0;
+
+            strong,
+            ul li {
+                color: @quicksearch-button-color;
+                padding: .25rem .5rem;
+
+                * {
+                    color: inherit;
+                }
+            }
+
+            ul li {
+                &:nth-child(odd) {
+                    background-color: @suggestion-zebra;
+                }
+            }
+        }
     }
 
     #qsearch__out {
diff --git a/css/base.less b/css/base.less
index d419826..a47c954 100755
--- a/css/base.less
+++ b/css/base.less
@@ -63,25 +63,47 @@
 
 @transition:               ease-out .30s;
 
-@box-shadow-offset:        .1em .1em .1em rgb(153,153,153,.5);
+@box-shadow-offset:        .1em .1em .1em rgb(153,153,153,.5); // pagetools, tabinclude
 @box-shadow:               0 0 .5em rgb(153,153,153,.5);
 @box-shadow-colored:       0 0 .5em rgba(40,109,168,.5);
 @box-shadow-right-bottom:  0.1em 0.3rem 0.5em rgb(153,153,153,.5);
-@box-shadow-bottom:        0 0.1em 0.5em rgb(153,153,153,.5);
+@box-shadow-bottom:        0 .1em .5em rgb(153,153,153,.5); // qc-wrapper - breadcrumb
 
 
 /* + + +  for programmers customizing  + + + */
 
 @fix_border-radius:        3px;
+
 @toggle-showsidebar_width: 3.07rem;       // shown sidebar after toggle
+
 @page_padding-top:         @margin-small; // padding-top for 'dokuwiki__content'
 @page-header_height:       2.8rem;        // minimum: 2.8rem (height for breadcrumb, page-header, page-footer)
 @meta-box_height:          (@page-header_height - @page_padding-top);
 @breadcrumb_height:        @page-header_height;
+
 @formfield_min-height:     2rem;          // min-height for input, textarea, select, keygen
 
-@noopentasks-background:   #BBB;
-@noopentasks-color:        #696969;
+//@metanav-ini_background:   rgba(0, 0, 0, .1);
+
+
+/* icons */
+@noopentasks-background:   #ECECEC; /* metabox tabs + num in icons + tabinclude */
+@noopentasks-border:       #BBB; /* metabox tabs + num in icons */
+@noopentasks-color:        #666; /* metabox tabs + num in icons */
+
+
+/* navigation left */
+@quicksearch-button-color: @noopentasks-color; /* autosuggest, submit in quicksearch */
+@suggestion-zebra:         #EEE;
+
+
+/* edit mode */
+@highlight-odd-ini_text:  fade(@ini_background_content, 95%);
+@highlight-even-ini_text: fade(@ini_text, 5%);
+
+
+//@nolinkedicon-ini_background: fade(@ini_background, 10%);
+//@opacity-ini_nav_menu_color:  fade(@ini_nav_menu_color, 40%);
 
 
 /* + + + + + + + + + + + + + + + + + + + + + + + + + + */
@@ -149,11 +171,9 @@
 
 @screen_min-md: ~"only screen and (min-width: " ~"@{break-min-md}px)";
 @screen_max-md: ~"only screen and (max-width: " ~"@{break-max-md}px)";
-@screen_only-md: ~"only screen and (min-width: 800px) and (max-width: " ~"@{break-max-md}px)";
 
 @screen_min-lg: ~"only screen and (min-width: " ~"@{break-min-lg}px)";
 @screen_max-lg: ~"only screen and (max-width: " ~"@{break-max-lg}px)";
-@screen_only-lg: ~"only screen and (min-width: " ~"@{break-min-md}px) and (max-width: " ~"@{break-max-xlg}px)";
 
 @screen_min-xlg: ~"only screen and (min-width: " ~"@{break-min-xlg}px)";
 @screen_max-xlg: ~"only screen and (max-width: " ~"@{break-max-xlg}px)";
@@ -161,6 +181,10 @@
 @screen_min-xxlg: ~"only screen and (min-width: " ~"@{break-min-xxlg}px)";
 @screen_max-xxlg: ~"only screen and (max-width: " ~"@{break-max-xxlg}px)";
 
+@screen_only-md: ~"only screen and (min-width: 800px) and (max-width: " ~"@{break-max-md}px)";
+@screen_only-lg: ~"only screen and (min-width: " ~"@{break-min-md}px) and (max-width: " ~"@{break-max-xlg}px)";
+@screen_xs-lg: ~"only screen and (min-width: " ~"@{break-min-xs}px) and (max-width: " ~"@{break-max-md}px)";
+
 
 /* + + + + + + + + + + + + + + + + + + + + + + + + + + */
 /* col width */
@@ -220,7 +244,7 @@ q {
 
 acronym {
     cursor: help;
-    border-bottom: dotted 1px #333;
+    border-bottom: dotted 1px @ini_text;
 }
 
 *:focus {
@@ -263,7 +287,7 @@ nav > ul {
     &::before,
     &::after {
         display: table;
-        content: "  ";
+        content: ' ';
         clear: both;
     }
 }
@@ -292,6 +316,7 @@ nav > ul {
 
 .mobile-only {
     display: none;
+
     @media @screen_max-md {
         display: inline-block;
     }
diff --git a/css/base_design.less b/css/base_design.less
index 35fbe7b..aed6a52 100755
--- a/css/base_design.less
+++ b/css/base_design.less
@@ -7,7 +7,7 @@
 
 
 html, body {
-    background-color: @ini_background_site;
+    background-color: @ini_background;
 }
 
 
@@ -26,83 +26,90 @@ html, body {
     font-weight: bold;
 }
 
-.dokuwiki .pageId {
-    float: right;
-    margin-right: -1em;
-    margin-bottom: -1px;
-    margin-top: -1.5em;
-    overflow: hidden;
-    padding: 0.5em 1em 0;
+.dokuwiki {
+    .page ul li,
+    .aside ul li {
+        color: @ini_text;
+    }
 
-    span {
+    .pageId {
+        float: right;
+        margin-right: -1em;
+        margin-bottom: -1px;
+        margin-top: -1.5em;
+        overflow: hidden;
+        padding: 0.5em 1em 0;
+
+        span {
+            font-size: @font-size-small;
+            border: solid @ini_background_alt;
+            border-width: 1px 1px 0;
+            background-color: @ini_background;
+            color: @ini_text_alt;
+            padding: .1em .35em;
+            border-top-left-radius: 2px;
+            border-top-right-radius: 2px;
+            box-shadow: 0 0 .5em @ini_text_alt;
+            display: block;
+        }
+    }
+
+    div.page {
+        clear: both;
+        overflow: hidden;
+        word-wrap: break-word;
+        background: @ini_background_content;
+        color: inherit;
+        padding: @page_padding-top @margin-default @margin-default;
+
+        @media @screen_max-md {
+            padding-right: (@margin-default * 1.6);
+        }
+
+        @media @screen_max-xs {
+            padding-left: @margin-small;
+        }
+    }
+
+    .content #dokuwiki__pagetools {
+        @media @screen_max-md {
+            top: 4rem;
+        }
+    }
+
+    .docInfo {
         font-size: @font-size-small;
-        border: solid @ini_background_alt;
-        border-width: 1px 1px 0;
-        background-color: @ini_background;
-        color: @ini_text_alt;
-        padding: .1em .35em;
-        border-top-left-radius: 2px;
-        border-top-right-radius: 2px;
-        box-shadow: 0 0 .5em @ini_text_alt;
-        display: block;
-    }
-}
-
-.dokuwiki div.page {
-    clear: both;
-    overflow: hidden;
-    word-wrap: break-word;
-    background: @ini_background_content;
-    color: inherit;
-    padding: @page_padding-top @margin-default @margin-default;
-
-    @media @screen_max-md {
-        padding-right: (@margin-default * 1.6);
+        text-align: right;
     }
 
-    @media @screen_max-xs {
-        padding-left: @margin-small;
-    }
-}
-
-.content #dokuwiki__pagetools {
-    @media @screen_max-md {
-        top: 4rem;
-    }
-}
-
-.dokuwiki .docInfo {
-    font-size: @font-size-small;
-    text-align: right;
-}
-
-/* license note under edit window */
-.dokuwiki div.license {
-    font-size: @font-size-small;
-    line-height: @line-height-default;
-    padding-top: 1rem;
-
-    @media @screen_max-lg {
-        font-size: @font-size-default;
-    }
-
-    @media @screen_max-md {
+    /* license note under edit window */
+    div.license {
         font-size: @font-size-small;
+        line-height: @line-height-default;
+        padding-top: 1rem;
+
+        @media @screen_max-lg {
+            font-size: @font-size-default;
+        }
+
+        @media @screen_max-md {
+            font-size: @font-size-small;
+        }
+
+        * {
+            font-size: inherit;
+        }
     }
 
-    * {
-        font-size: inherit;
+    [dir=rtl] & .docInfo {
+        text-align: left;
     }
-}
 
-[dir=rtl] .dokuwiki .docInfo {
-    text-align: left;
-}
-
-[dir=rtl] .dokuwiki .pageId {
-    float: left;
-    margin-left: -1em;
-    margin-right: 0;
+    [dir=rtl] & .pageId {
+        float: left;
+        margin-left: -1em;
+        margin-right: 0;
+    }
 }
 
 caption,
@@ -305,6 +312,17 @@ ol ol ol ol ol {
     list-style-type: lower-roman;
 }
 
+
+/*____________ tables ____________*/
+
+.dokuwiki table.inline tr:hover td {
+    color: @ini_text_alt;
+
+    * {
+        color: @ini_text_alt;
+    }
+}
+
 table {
     border-collapse: collapse;
     empty-cells: show;
@@ -334,6 +352,7 @@ td {
 th {
     font-weight: bold;
     background-color: @ini_background_alt;
+    color: @ini_text_alt;
     text-align: left;
 }
 
@@ -403,7 +422,7 @@ em abbr {
 
 mark {
     background-color: @ini_highlight;
-    color: inherit;
+    color: @ini_highlight_text;
 }
 
 pre,
@@ -415,7 +434,7 @@ kbd {
     font-size: @font-size-default;
     direction: ltr;
     text-align: left;
-    background-color: @ini_background_site;
+    background-color: @ini_background_content;
     color: @ini_text;
     box-shadow: inset 0 0 .3em @ini_border;
     border-radius: @fix_border-radius;
diff --git a/css/base_mixins.less b/css/base_mixins.less
index 6336b36..82a5291 100755
--- a/css/base_mixins.less
+++ b/css/base_mixins.less
@@ -142,12 +142,30 @@
 
 
 /* + + + + +  small icon-buttons (breadcrumb, page-header)  + + + + + */
+.btn-hover {
+    background-color: @ini_nav_menu_hover_bg;
+    color: @ini_nav_menu_hover_color;
+    transition: @transition color, @transition background-color, @transition border-color;
+
+    &:hover,
+    &:active,
+    &:focus {
+        background-color: @ini_nav_menu_hover_color;
+        border-color: @ini_nav_menu_hover_color;
+        color: @ini_nav_menu_hover_bg;
+
+        .prefix {
+            color: inherit;
+        }
+    }
+}
+
 .btn-usertools-wrapper(@elem:@toggle-size) {
     display: inline-block;
     min-height: @elem;
     min-width: @elem;
     box-sizing: border-box;
-    color: @ini_nav_menu_color;
+    color: @ini_text_webframe;
     font-size: @font-size-small;
     padding: 0;
     margin: 0 .25rem;
@@ -161,7 +179,7 @@
     .num {
         position: absolute;
         right: -.4rem;
-        top: -.4em;
+        top: -.5em;
         background-color: @ini_nav_menu_hover_color;
         border-radius: 2px;
         color: @ini_nav_menu_hover_bg;
diff --git a/css/plugins/tabinclude.less b/css/plugins/tabinclude.less
index 86a1a43..06666ff 100644
--- a/css/plugins/tabinclude.less
+++ b/css/plugins/tabinclude.less
@@ -1,39 +1,57 @@
 /**
- * This file provides styles for the edit view (?do=edit), preview
- * and section edit buttons.
+ * This file provides styles for the tabinclude
  */
 
 
 /* + + + + +  plugin tabinclude  + + + + + */
 
 div#dwpl-ti-container {
-
-/* + + +  tabnav  + + + */
     li.dwpl-ti-tab {
         box-shadow: none;
-        border-color: @ini_background_site;
+        background-color: @ini_background_page_header;
+        border-color: @ini_border;
         border-radius: @fix_border-radius @fix_border-radius 0 0;
+        color: @ini_background_page_footer;
         padding: 0;
 
+        &:hover {
+            background-color: @ini_background_page_header;
+            text-decoration: none;
+
+            div {
+                text-decoration: underline;
+
+                &.selected {
+                    color: @ini_text;
+                }
+            }
+        }
+
         div {
-            background-color: @ini_background_page-header;
             border-radius: inherit;
+            color: inherit;
             padding: .1em .35em;
 
             &.selected {
-                background-color: @ini_background_site;
+                position: relative;
+                z-index: 1;
+                background-color: @ini_background_content;
+                color: @ini_text;
             }
         }
     }
 
 
-/* + + +  box  + + + */
+/* + + +  content box  + + + */
     div.dwpl-ti-content-box {
+        position: relative;
+        z-index: 0;
         overflow: auto;
-        box-shadow: none;
-        background-color: @ini_background_site;
-        border: solid 1px @ini_background_site;
+        box-shadow: @box-shadow-offset;
+        background-color: @ini_background_content;
+        border: solid 1px @ini_border;
         border-radius: 0;
+        margin-top: -1px;
     }
 }
 
@@ -42,7 +60,5 @@ div#dwpl-ti-container {
 /* media queries */
 
 @media @screen_max-md {
-    div#dwpl-ti-container {
-
-    }
+    div#dwpl-ti-container { }
 }

From 105d1d41aa7471df3c983b688cb745fa3ba968ba Mon Sep 17 00:00:00 2001
From: Silke Pisulla <pisulla@cosmocode.de>
Date: Tue, 28 Mar 2017 15:11:10 +0200
Subject: [PATCH 31/58] SPR-908: QS - aside jiralist

---
 css/area_main-sidebar-nav.less | 52 +++++++++++++++++++++++++++++++++-
 1 file changed, 51 insertions(+), 1 deletion(-)

diff --git a/css/area_main-sidebar-nav.less b/css/area_main-sidebar-nav.less
index 08e3bf5..56ad017 100755
--- a/css/area_main-sidebar-nav.less
+++ b/css/area_main-sidebar-nav.less
@@ -10,6 +10,53 @@
     @icon-size: @font-size-big;
     @menu-margin: @icon-size + @margin-small*2; // FIXME this is still wrong
 
+    nav > p,
+    .mmissuelist li,
+    .mmissuelist div {
+        color: @ini_nav_menu_color;
+
+        &.noissue {
+            color: @ini_text_webframe;
+
+            * {
+                color: inherit;
+            }
+        }
+    }
+
+    nav li {
+        color: @ini_nav_menu_color;
+    }
+
+
+    /* jira itemlist */
+    .mmissuelist {
+        li {
+            &.noissue {
+                list-style-type: none;
+                margin-left: 0;
+            }
+
+            a {
+                display: inline-block;
+            }
+        }
+
+        img {
+            vertical-align: bottom;
+            margin-right: .3rem;
+        }
+
+        .mm__status {
+            padding-left: .3rem;
+            padding-right: .3rem;
+        }
+
+        form {
+            vertical-align: text-top;
+        }
+    }
+
     > * {
         margin-left: @menu-margin; // moves *all* sidebar content to the right
     }
@@ -60,7 +107,6 @@
             text-align: center;
             margin-right: @margin-small;
             color: inherit;
-            transition: @transition border-color;
 
             // simple fake icon
             strong {
@@ -122,6 +168,10 @@
 
         ul {
             margin-bottom: 1rem;
+
+            ul {
+                margin-bottom: 0;
+            }
         }
     }
 }

From 0c9df3be9ec908914549daaed916f6648f656dd6 Mon Sep 17 00:00:00 2001
From: Silke Pisulla <pisulla@cosmocode.de>
Date: Tue, 28 Mar 2017 15:31:24 +0200
Subject: [PATCH 32/58] SPR-742: Konfigurierbarkeit wording

---
 lang/de/lang.php | 48 +++++++++++++++----------
 lang/en/lang.php | 45 +++++++++++++++++++----
 style.ini        | 93 +++++++++++++++++++++++++-----------------------
 3 files changed, 116 insertions(+), 70 deletions(-)

diff --git a/lang/de/lang.php b/lang/de/lang.php
index 7edb555..c05b674 100755
--- a/lang/de/lang.php
+++ b/lang/de/lang.php
@@ -12,6 +12,8 @@ $lang['direct_menu_main']           = 'Hauptmenü';
 
 $lang['adjunct_start_logo_text']    = 'Logo: ';
 $lang['adjunct_linked_logo_text']   = '. Link zur Startseite';
+$lang['a11y_search']                = 'geh zur Suche';
+$lang['a11y_sidebartoggle']         = 'Sidebar öffnen/schliessen';
 
 $lang['nav-area-head']              = 'Navigationsmenüs und Suche';
 $lang['head_magic_matcher']         = 'MagicMatcher';
@@ -28,6 +30,8 @@ $lang['meta_box_jira_tickets_none'] = 'Keine Jira-Tickets verknüpft';
 $lang['meta_box_tags_none']         = 'Keine Tags verknüpft';
 $lang['js']['meta_box_toc_none']    = 'kein Inhaltsverzeichnis vorhanden';
 
+$lang['tab_tags']                   = 'Tags';
+
 $lang['quality_trigger']            = 'Seitenanalyse ein- bzw. ausblenden';
 
 $lang['prefix_tasks']               = 'offene Aufgaben: ';
@@ -40,36 +44,42 @@ $lang['back_to_article']            = 'Zurück zum Artikel';
 $lang['userpage']                   = 'Benutzer-Seite';
 
 
-/**
- * content size
- */
-
-$lang['__site_width__']             = 'Contentbereich - Breite (in %)';
-$lang['__sidebar_width__']          = 'obsolet: wird aus __site_width__ errechnet! (Breite der Navigation)';
-
-
 /**
  * colors
  */
 
-$lang['__background_site__']        = 'Website - Hintergrundfarbe';
-$lang['__background_content__']     = 'Contentbereich - Hintergrundfarbe';
-$lang['__background_page-header__'] = 'Contentbereich Header, Footer - Hintergrundfarbe';
+$lang['__site_width__']             = 'Content - Breite (in %)';
 
-$lang['__border__']                 = 'Formularfelder, Tabellen - Rahmenfarbe';
-$lang['__border_light__']           = 'Contentbereich Header, Footer, Wiki Icons - Rahmenfarbe';
+$lang['__background__']             = 'Website - Hintergrundfarbe';
+$lang['__background_neu__']         = 'Website - Hintergrundfarbe - neutral';
+$lang['__text_webframe__']          = 'Website unverlinkt: Claim, Titel, Footer, Navigation - Schriftfarbe';
 
-$lang['__default_border_radius__']  = 'Icons, Content - Borderradius';
+$lang['__nav_menu_color__']         = 'verlinkt: Navigation, Footer, Pagetools Icons, Tabbox - Schriftfarbe';
+$lang['__nav_menu_hover_color__']   = 'verlinkt-hover: Navigation, Wiki Icons - Schriftfarbe, Rahmenfarbe';
+$lang['__nav_menu_hover_bg__']      = 'verlinkt-hover: Navigation, Wiki Icons - Hintergrundfarbe';
 
-$lang['__link__']                   = 'Links zu nicht-Wikiseiten - Schriftfarbe';
-$lang['__existing__']               = 'Links zu vorhandenen Wikiseiten - Schriftfarbe';
+$lang['__background_content__']     = 'Content, Breadcrumb, Pagetools hover - Hintergrundfarbe';
+$lang['__background_page_header__'] = 'Content (Header, Footer, Tabinclude) - Hintergrundfarbe';
+$lang['__background_page_footer__'] = 'Content (Footer, Tabinclude Tab controlls) - Schriftfarbe';
+
+$lang['__border_light__']           = 'Content (Header, Footer), Wiki Icons, Pagetools (hover) - Rahmenfarbe';
+
+$lang['__text__']                   = 'Content - Schriftfarbe';
+$lang['__text_neu__']               = 'Content - Schriftfarbe - neutral';
+$lang['__highlight__']              = 'Texthervorhebung (z.B. für Suchergebnisse) - Hintergrundfarbe';
+$lang['__highlight_text__']         = 'Texthervorhebung (z.B. für Suchergebnisse) - Schriftfarbe';
+
+$lang['__existing__']               = 'Links zu Wikiseiten, Stift, hover: Tabbox, Pagetools - Schriftfarbe';
 $lang['__missing__']                = 'Links zu nicht vorhandenen Wikiseiten - Schriftfarbe';
+$lang['__link__']                   = 'Links zu nicht-Wikiseiten (externe Links) - Schriftfarbe';
 
 $lang['__button_color__']           = 'Buttons - Schriftfarbe';
 $lang['__button_background__']      = 'Buttons - Hintergrundfarbe';
 
-$lang['__nav_menu_color__']         = 'Navigation, Wiki Icons - Linkfarbe';
-$lang['__nav_menu_hover_color__']   = 'Navigation, Wiki Icons - Linkfarbe, Rahmenfarbe (Hover)';
-$lang['__nav_menu_hover_bg__']      = 'Navigation, Wiki Icons - Hintergrundfarbe (Hover)';
+$lang['__background_alt__']         = 'Tabellenkopf, hover: Tabellenzeile, struct Label - Hintergrundfarbe (alternativ)';
+$lang['__text_alt__']               = 'Tabellenkopf, hover: Tabellenzeile, struct Label - Schriftfarbe (alternativ)';
+
+$lang['__border__']                 = 'Tabellen, Formularfelder - Rahmenfarbe';
+$lang['__default_border_radius__']  = 'Wiki Icons, Content (oben rechts) - Borderradius';
 
 //Setup VIM: ex: et ts=2 :
diff --git a/lang/en/lang.php b/lang/en/lang.php
index b12f687..84a2912 100755
--- a/lang/en/lang.php
+++ b/lang/en/lang.php
@@ -5,6 +5,7 @@
  *  @license    GPL 2 (http://www.gnu.org/licenses/gpl.html)
  */
 
+
 $lang['direct_prefix']              = 'jump to';
 $lang['direct_content_main']        = 'main content';
 $lang['direct_menu_main']           = 'main menu';
@@ -41,10 +42,42 @@ $lang['tasks_page_none']            = 'no open tasks for this page';
 $lang['discussion']                 = 'Discussion';
 $lang['back_to_article']            = 'Back to article';
 $lang['userpage']                   = 'User page';
-$lang['__existing__']               = 'The color for links to existing pages';
-$lang['__missing__']                = 'The color for links to non-existing pages';
-$lang['__site_width__']             = 'The width of the full site (can be any length unit: %, px, em, ...)';
-$lang['__sidebar_width__']          = 'The width of the sidebar, if any (can be any length unit: %, px, em, ...)';
 
-$lang['__button_color__']           = 'Color for buttons';
-$lang['__button_background__']      = 'Backgroundcolor for buttons';
+
+/**
+ * colors
+ */
+
+$lang['__site_width__']             = 'content - width (in %)';
+
+$lang['__background__']             = 'website - background color';
+$lang['__background_neu__']         = 'website - background color - neutral';
+$lang['__text_webframe__']          = 'website unlinked: claim, title, footer, navigation - font color';
+
+$lang['__nav_menu_color__']         = 'link: navigation, footer, pagetools icons, tabbox - font color';
+$lang['__nav_menu_hover_color__']   = 'link-hover: navigation, wiki icons - font color, border color';
+$lang['__nav_menu_hover_bg__']      = 'link-hover: navigation, wiki icons - background color';
+
+$lang['__background_content__']     = 'content, breadcrumb, pagetools hover - background color';
+$lang['__background_page_header__'] = 'content (header, footer, tabinclude) - background color';
+$lang['__background_page_footer__'] = 'content (footer, tabinclude tab controlls) - font color';
+
+$lang['__border_light__']           = 'content (header, footer), wiki icons, pagetools (hover) - border color';
+
+$lang['__text__']                   = 'content - font color';
+$lang['__text_neu__']               = 'content - font color - neutral';
+$lang['__highlight__']              = 'text emphasize (e.g. for search results) - background color';
+$lang['__highlight_text__']         = 'text emphasize (e.g. for search results) - font color';
+
+$lang['__existing__']               = 'links to wikipages, pencil, hover: tabbox, pagetools - font color';
+$lang['__missing__']                = 'links to non-existing pages - font color';
+$lang['__link__']                   = 'links to non wikipages (external links) - font color';
+
+$lang['__button_color__']           = 'buttons - font color';
+$lang['__button_background__']      = 'buttons - background color';
+
+$lang['__background_alt__']         = 'table head, hover: table cell, struct Label - background color (alternative)';
+$lang['__text_alt__']               = 'table head, hover: table cell, struct Label - font color (alternative)';
+
+$lang['__border__']                 = 'tables, form fields - border color';
+$lang['__default_border_radius__']  = 'wiki icons, content (top right) - border radius';
diff --git a/style.ini b/style.ini
index cce39d6..b1cbd16 100755
--- a/style.ini
+++ b/style.ini
@@ -114,70 +114,73 @@ css/print.css                         = print
 [replacements]
 
 
-; + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
-; guaranteed dokuwiki color placeholders that every plugin can use
-; + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+; + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+; guaranteed dokuwiki color placeholders that every plugin can use + template specific placeholders
+; + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+; main content width (from this ASIDE is calculated)
+__site_width__              = "73%"              ; @ini_site_width
 
-; main text and background colors
-__text__                = "#252525"              ; @ini_text
-__background__          = "#ECECEC"              ; @ini_background
 
 ; alternative text and background colors
-__text_alt__            = "#454545"              ; @ini_text_alt
-__background_alt__      = "#f6f6f6"              ; @ini_background_alt
+__background__              = "#ECECEC"          ; @ini_background                         (guaranteed for every plugin)
+__background_neu__          = "#ffffff"          ; @ini_background_neu                     (guaranteed for every plugin)
 
-; neutral text and background colors
-__text_neu__            = "#656565"              ; @ini_text_neu
-__background_neu__      = "#ffffff"              ; @ini_background_neu
+__text_webframe__           = "#696969"          ; @ini_text_webframe
+
+
+; icons: usertools, pagetools, metabox, tabbox
+__nav_menu_color__          = "#696969"          ; @ini_nav_menu_color
+__nav_menu_hover_color__    = "#286da8"          ; @ini_nav_menu_hover_color
+__nav_menu_hover_bg__       = "#FFF"             ; @ini_nav_menu_hover_bg
+
+__background_content__      = "#FFF"             ; @ini_background_content
+__background_page_header__  = "#F6F6F6"          ; @ini_background_page_header
+__border_light__            = "#dadada"          ; @ini_border_light
+__background_page_footer__  = "#252525"          ; @ini_background_page_footer
+
+
+; main text and background colors
+__text__                    = "#252525"          ; @ini_text                               (guaranteed for every plugin)
+__text_neu__                = "#656565"          ; @ini_text_neu                           (guaranteed for every plugin)
 
-; border color
-__border__              = "#bbbbbb"              ; @ini_border
 
 ; highlighted text (e.g. search snippets)
-__highlight__           = "#efefef"              ; @ini_highlight
+__highlight__               = "#efefef"          ; @ini_highlight                          (guaranteed for every plugin)
+__highlight_text__          = "#252525"          ; @ini_highlight_text
 
 
-
-; + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
-; template specific placeholders
-; + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
-
 ; these are used for links
-__link__                    = "#286DA8"                                                 ; @ini_link
-__existing__                = "#286DA8"                                                 ; @ini_existing
-__missing__                 = "#CD5360"                                                 ; @ini_missing
+__existing__                = "#286DA8"          ; @ini_existing
+__missing__                 = "#CD5360"          ; @ini_missing
+__link__                    = "#286DA8"          ; @ini_link
+
+
+; buttons: submit, links styled like buttons, togglebuttons
+__button_color__            = "#FFF"             ; @ini_button_color
+__button_background__       = "#286DA8"          ; @ini_button_background
+
+__background_alt__          = "#f6f6f6"          ; @ini_background_alt                     (guaranteed for every plugin)
+__text_alt__                = "#454545"          ; @ini_text_alt                           (guaranteed for every plugin)
+
+
+; border color
+__border__                  = "#bbbbbb"          ; @ini_border                             (guaranteed for every plugin)
+
+__default_border_radius__   = "3px"              ; @ini_default_border_radius
+
+
+; + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+; obsolete
 
-__site_width__              = "73%"                                                     ; @ini_site_width
 ;__sidebar_width__           = "23%"
 
 ;__font_family_screen__      = "arial, sans-serif"
 ;__font_family_menu__        = "arial, sans-serif"
 ;__font_family_print__       = "times new roman, serif"
 
-__background_content__      = "#FFF"                                                    ; @ini_background_content
-__background_site__         = "#ECECEC"                                                 ; @ini_background_site
-__background_page-header__  = "#F6F6F6"                                                 ; @ini_background_page-header
-
-__default_border_radius__   = "3px"                                                     ; @ini_default_border_radius
-__border_light__            = "#dadada"                                                 ; @ini_border_light
-
 ;__box_shadow_colored__      = "0 0 .5em rgba(40,109,168,.5)"
 ;__box_shadow__              = "0 0 .5em rgb(153,153,153,.5)"
 ;__box_shadow_right_bottom__ = "0.1em 0.3rem 0.5em rgb(153,153,153,.5)"
 ;__box_shadow_bottom__       = "0 0.1em 0.5em rgb(153,153,153,.5)"
 ;__box_shadow_offset__       = ".1em .1em .1em rgb(153,153,153,.5)"
-
-
-; + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
-; icons: usertools, pagetools, metabox, tabbox
-
-__nav_menu_color__          = "#696969"                                                 ; @ini_nav_menu_color
-__nav_menu_hover_color__    = "#286da8"                                                 ; @ini_nav_menu_hover_color
-__nav_menu_hover_bg__       = "#FFF"                                                    ; @ini_nav_menu_hover_bg
-
-
-; + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
-; buttons: submit, links styled like buttons, togglebuttons
-
-__button_color__            = "#FFF"                                                    ; @ini_button_color
-__button_background__       = "#286DA8"                                                 ; @ini_button_background

From 0b0e8b37a766cd9eb1628d04dffd94b926a6d50f Mon Sep 17 00:00:00 2001
From: Silke Pisulla <pisulla@cosmocode.de>
Date: Tue, 28 Mar 2017 15:55:37 +0200
Subject: [PATCH 33/58] SPR-742: Konfigurierbarkeit links + svgs

---
 css/template_admin.less | 25 +++++++++++++++++++++++--
 1 file changed, 23 insertions(+), 2 deletions(-)

diff --git a/css/template_admin.less b/css/template_admin.less
index d0dda37..dfb4402 100644
--- a/css/template_admin.less
+++ b/css/template_admin.less
@@ -26,7 +26,8 @@
     }
 
     div.ui-admin {
-        ul.admin_tasks {
+        ul.admin_tasks,
+        ul.admin_plugins {
             padding: 0;
 
             li {
@@ -34,15 +35,35 @@
                 margin: 0 0 .6em 0;
 
                 a {
-                    font-weight: 400;
+                    color: @ini_text;
+
+                    * {
+                        color: inherit;
+                    }
 
                     span.icon {
                         margin-top: -.2rem;
                         margin-bottom: .2rem;
+
+                        svg {
+                            fill: @ini_existing;
+
+                            path {
+                                fill: @ini_existing;
+                            }
+                        }
                     }
                 }
             }
         }
+
+        ul.admin_tasks {
+            li {
+                a {
+                    font-weight: 400;
+                }
+            }
+        }
     }
 }
 

From cad2e674423f1c3a46761f737a36e1dd04069565 Mon Sep 17 00:00:00 2001
From: Andreas Gohr <gohr@cosmocode.de>
Date: Tue, 28 Mar 2017 16:55:26 +0200
Subject: [PATCH 34/58] support the tplinc plugin

This is a first commit to generally support the plugin and make the page
footer use it. More includes should be added at other places.
---
 Template.php | 31 +++++++++++++++++++++++++++++++
 main.php     | 25 +++++++++----------------
 2 files changed, 40 insertions(+), 16 deletions(-)

diff --git a/Template.php b/Template.php
index f1f71f4..b10d973 100644
--- a/Template.php
+++ b/Template.php
@@ -35,6 +35,36 @@ class Template {
      */
     protected function __construct() {
         $this->initializePlugins();
+
+        /** @var \Doku_Event_Handler */
+        global $EVENT_HANDLER;
+        $EVENT_HANDLER->register_hook('PLUGIN_TPLINC_LOCATIONS_SET', 'BEFORE', $this, 'registerIncludes');
+    }
+
+    /**
+     * Makes include position info available to the tplinc plugin
+     *
+     * @param \Doku_Event $event
+     */
+    public function registerIncludes(\Doku_Event $event) {
+        $event->data['footer'] = 'Footer below the page content';
+    }
+
+    /**
+     * Get the content to include from the tplinc plugin
+     *
+     * prefix and postfix are only added when there actually is any content
+     *
+     * @param string $location
+     * @param string $pre prepend this before the content
+     * @param string $post append this to the content
+     * @return string
+     */
+    public function getInclude($location, $pre = '', $post = '') {
+        if(!$this->plugins['tplinc']) return '';
+        $content = $this->plugins['tplinc']->renderIncludes($location);
+        if($content === '') return '';
+        return $pre . $content . $post;
     }
 
     /**
@@ -45,6 +75,7 @@ class Template {
         if($this->plugins['sqlite']) {
             $this->plugins['tagging'] = plugin_load('helper', 'tagging');
         }
+        $this->plugins['tplinc'] = plugin_load('helper', 'tplinc');
     }
 
     /**
diff --git a/main.php b/main.php
index 2934e3f..e0f96e4 100755
--- a/main.php
+++ b/main.php
@@ -9,14 +9,13 @@
  * @license  GPL 2 (http://www.gnu.org/licenses/gpl.html)
  */
 
+use dokuwiki\template\sprintdoc\Template;
+
 if (!defined('DOKU_INC')) die();                        /* must be run from within DokuWiki */
 header('X-UA-Compatible: IE=edge,chrome=1');
 
 $showTools = !tpl_getConf('hideTools') || ( tpl_getConf('hideTools') && !empty($_SERVER['REMOTE_USER']) );
 $showSidebar =  true; /*  */
-$hasFooter = page_findnearest('pagefooter');
-$showFooter = $hasFooter && ($ACT === 'show');
-
 ?>
 <html class="edge no-js" lang="<?php echo $conf['lang'] ?>" dir="<?php echo $lang['direction'] ?>">
 <head>
@@ -277,19 +276,13 @@ $classWideContent = ($ACT === "show") ? "": "wide-content ";
                                 tpl_content(false); /* the main content */
                             ?>
                             <div class="clearer"></div>
-                            <?php if($showFooter):
-
-
-/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
-/* Page Include Hook: pagefooter.txt */
-/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
-                                ?>
-                                <div class="wikipagefooter">
-                                    <hr>
-                                    <?php tpl_include_page('pagefooter', true, true) ?>
-                                    <div class="clearer"></div>
-                                </div>
-                            <?php endif; ?>
+                            <?php
+                            if($ACT == 'show') echo Template::getInstance()->getInclude(
+                                'footer',
+                                '<div class="wikipagefooter"><hr>',
+                                '<div class="clearer"></div></div>'
+                            );
+                            ?>
                         </div><!-- .main-content -->
 
 

From eeaa70e6b80d9581b3bcd21d73cf402c5b554ddb Mon Sep 17 00:00:00 2001
From: Silke Pisulla <pisulla@cosmocode.de>
Date: Thu, 30 Mar 2017 10:39:12 +0200
Subject: [PATCH 35/58] SPR-908: QS - margin, padding, font-size

---
 css/area_main-content-secedit.less | 11 ++++++-----
 css/area_main-content.less         | 10 +++++++++-
 css/base.less                      | 14 +++++++-------
 css/plugins/hightlight_parent.less |  4 ++--
 4 files changed, 24 insertions(+), 15 deletions(-)

diff --git a/css/area_main-content-secedit.less b/css/area_main-content-secedit.less
index 03aba7e..c0aa231 100644
--- a/css/area_main-content-secedit.less
+++ b/css/area_main-content-secedit.less
@@ -1,11 +1,11 @@
 /**
  * This styles the section editing buttons and highlighting
  */
-#dokuwiki__content.main-content {
-    @button-margin: .5rem; // FIXME shouldn't we have something in our base.less for this?
 
+
+#dokuwiki__content.main-content {
     div.section_highlight {
-        clear: right; // FIXME why?
+        clear: right;
         background: repeating-linear-gradient(
             -45deg,
             @highlight-odd-ini_text,
@@ -13,13 +13,14 @@
             @highlight-even-ini_text 10px,
             @highlight-even-ini_text 20px,
         );
+        border-color: @ini_background_page_header;
     }
 
     .secedit button {
         clear: both;
         font-size: 100%;
         margin-top: -1em;
-        margin-bottom: @button-margin;
+        margin-bottom: @small-spacing;
     }
 
     .editbutton_section {
@@ -41,7 +42,7 @@
                 height: 1em;
                 width: 1em;
                 background-size: contain;
-                margin-left: @button-margin;
+                margin-left: @small-spacing;
             }
 
             &:hover,
diff --git a/css/area_main-content.less b/css/area_main-content.less
index 9af0b54..515b884 100755
--- a/css/area_main-content.less
+++ b/css/area_main-content.less
@@ -19,14 +19,22 @@
                     border: 1px solid @ini_existing;
                 }
             }
+        }
+    }
 
+    > div {
+        > ul,
+        > ol {
+            > li {
+                margin-bottom: @small-spacing;
+            }
         }
     }
 
     .wikipagefooter {
         > hr {
             margin-top: 3em;
-            margin-bottom: 0.5em;
+            margin-bottom: .5em;
             border-top: dashed @ini_border_light 2px;
             border-bottom: none;
         }
diff --git a/css/base.less b/css/base.less
index a47c954..e68ff78 100755
--- a/css/base.less
+++ b/css/base.less
@@ -87,9 +87,9 @@
 
 
 /* icons */
-@noopentasks-background:   #ECECEC; /* metabox tabs + num in icons + tabinclude */
-@noopentasks-border:       #BBB; /* metabox tabs + num in icons */
-@noopentasks-color:        #666; /* metabox tabs + num in icons */
+@noopentasks-background:   #ECECEC; /* metabox tabs + num in icons + tabinclude + code, pre, samp, kbd */
+@noopentasks-border:       #BBB; /* metabox tabs + num in icons + code, pre, samp, kbd */
+@noopentasks-color:        #666; /* metabox tabs + num in icons + code, pre, samp, kbd */
 
 
 /* navigation left */
@@ -126,10 +126,10 @@
 
 @font-size-head6: @font-size-default;
 @font-size-head5: @font-size-default + @font-scale-factor;
-@font-size-head4: @font-size-default + (@font-scale-factor * 2);
-@font-size-head3: @font-size-default + (@font-scale-factor * 3);
-@font-size-head2: @font-size-default + (@font-scale-factor * 4);
-@font-size-head1: @font-size-default + (@font-scale-factor * 5);
+@font-size-head4: @font-size-default + (@font-scale-factor * 3);
+@font-size-head3: @font-size-default + (@font-scale-factor * 5);
+@font-size-head2: @font-size-default + (@font-scale-factor * 7);
+@font-size-head1: @font-size-default + (@font-scale-factor * 9);
 
 
 /* + + + + + + + + + + + + + + + + + + + + + + + + + + */
diff --git a/css/plugins/hightlight_parent.less b/css/plugins/hightlight_parent.less
index 2a3d44c..c77b690 100644
--- a/css/plugins/hightlight_parent.less
+++ b/css/plugins/hightlight_parent.less
@@ -1,5 +1,5 @@
-@media @screen_max-md{
-    #plugin__highlightparent{
+@media @screen_max-md {
+    #plugin__highlightparent {
         clear: both;
         margin-top: 1rem;
     }

From 660d7a5b7d9ca5017a9d79eea34cb5c421ad1285 Mon Sep 17 00:00:00 2001
From: Silke Pisulla <pisulla@cosmocode.de>
Date: Thu, 30 Mar 2017 10:39:46 +0200
Subject: [PATCH 36/58] SPR-908: QS - margin

---
 css/area_main-content.less | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/css/area_main-content.less b/css/area_main-content.less
index 515b884..10021f9 100755
--- a/css/area_main-content.less
+++ b/css/area_main-content.less
@@ -22,7 +22,8 @@
         }
     }
 
-    > div {
+    > div,
+    .section_highlight > div {
         > ul,
         > ol {
             > li {

From edb0f7a63f0e5277c0ae8fdb30b87ae257e087d5 Mon Sep 17 00:00:00 2001
From: Silke Pisulla <pisulla@cosmocode.de>
Date: Thu, 30 Mar 2017 10:40:01 +0200
Subject: [PATCH 37/58] SPR-908: QS - margin, padding, font-size

---
 css/base_design.less | 63 ++++++++++++++++++++++++++++++++++++++++----
 1 file changed, 58 insertions(+), 5 deletions(-)

diff --git a/css/base_design.less b/css/base_design.less
index aed6a52..9a450fa 100755
--- a/css/base_design.less
+++ b/css/base_design.less
@@ -151,27 +151,77 @@ h1 {
 h2 {
     font-size: @font-size-head2;
     margin: 0 0 @font-size-head2;
+    padding-top: (@font-size-head2 / 2);
+
+    .secedit + &,
+    .section_highlight &:first-child {
+        padding-top: 0;
+    }
+
+    .section_highlight + & {
+        padding-top: (@font-size-head2 / 2);
+    }
 }
 
 h3 {
     font-size: @font-size-head3;
     margin: 0 0 @font-size-head3;
+    padding-top: (@font-size-head3 / 2);
+
+    .secedit + &,
+    .section_highlight &:first-child {
+        padding-top: 0;
+    }
+
+    .section_highlight + & {
+        padding-top: (@font-size-head3 / 2);
+    }
 }
 
 h4 {
     font-size: @font-size-head4;
     margin: 0 0 @font-size-head4;
+    padding-top: (@font-size-head4 / 2);
+
+    .secedit + &,
+    .section_highlight &:first-child {
+        padding-top: 0;
+    }
+
+    .section_highlight + & {
+        padding-top: (@font-size-head4 / 2);
+    }
 }
 
 h5 {
     font-size: @font-size-head5;
     margin: 0 0 @font-size-head5;
+    padding-top: (@font-size-head5 / 2);
+
+    .secedit + &,
+    .section_highlight &:first-child {
+        padding-top: 0;
+    }
+
+    .section_highlight + & {
+        padding-top: (@font-size-head5 / 2);
+    }
 }
 
 h6 {
     font-size: @font-size-head6;
     font-weight: @font-weight-bold;
     margin: 0 0 @font-size-head6;
+    padding-top: (@font-size-head6 / 2);
+
+    .secedit + &,
+    .section_highlight &:first-child {
+        padding-top: 0;
+    }
+
+    .section_highlight + & {
+        padding-top: (@font-size-head6 / 2);
+    }
 }
 
 p {
@@ -434,18 +484,21 @@ kbd {
     font-size: @font-size-default;
     direction: ltr;
     text-align: left;
-    background-color: @ini_background_content;
-    color: @ini_text;
-    box-shadow: inset 0 0 .3em @ini_border;
+    background-color: @noopentasks-background;
+    color: @noopentasks-color;
+    box-shadow: inset 0 0 .3em @noopentasks-border;
     border-radius: @fix_border-radius;
+    padding-left: @small-spacing;
+    padding-right: @small-spacing;
 }
 
 pre {
     overflow: auto;
     word-wrap: normal;
-    border: 1px solid @ini_border;
+    background-color: @noopentasks-background;
+    border: 1px solid @noopentasks-border;
     border-radius: @fix_border-radius;
-    box-shadow: inset 0 0 .5em @ini_border;
+    box-shadow: inset 0 0 .5em @noopentasks-border;
     font-size: @font-size-default;
     line-height: 140%;
     padding: .7em 1em;

From 9622faa4391bb275d574901e5fc137cc1fad13ed Mon Sep 17 00:00:00 2001
From: Silke Pisulla <pisulla@cosmocode.de>
Date: Thu, 30 Mar 2017 10:40:31 +0200
Subject: [PATCH 38/58] SPR-742: Konfigurierbarkeit zuordnung

---
 css/area_main-sidebar-nav.less | 10 ++++++++--
 css/area_nav-metabox.less      | 12 ++++++++++++
 lang/de/lang.php               | 29 ++++++++++++++---------------
 lang/en/lang.php               | 25 +++++++++++++------------
 4 files changed, 47 insertions(+), 29 deletions(-)

diff --git a/css/area_main-sidebar-nav.less b/css/area_main-sidebar-nav.less
index 56ad017..681dd4d 100755
--- a/css/area_main-sidebar-nav.less
+++ b/css/area_main-sidebar-nav.less
@@ -24,8 +24,14 @@
         }
     }
 
-    nav li {
-        color: @ini_nav_menu_color;
+    nav {
+        li {
+            color: @ini_nav_menu_color;
+
+            > div {
+                color: @ini_text_webframe;
+            }
+        }
     }
 
 
diff --git a/css/area_nav-metabox.less b/css/area_nav-metabox.less
index 35b35e9..165d831 100755
--- a/css/area_nav-metabox.less
+++ b/css/area_nav-metabox.less
@@ -1,3 +1,10 @@
+/**
+ * This file provides the design styles for the metatabbox
+ *
+ * @author Jana Deutschlaender <deutschlaender@cosmocode.de>
+ */
+
+
 #spr__meta-box {
     .display-flex();
     .flex-direction();
@@ -44,6 +51,8 @@
         overflow-y: visible;
     }
 
+
+/* + + + + +  tab controlls  + + + + + */
     ul.meta-tabs {
         list-style: none;
         line-height: 160%;
@@ -95,6 +104,7 @@
                 @media @screen_min-md {
                     background-color: @ini_background;
                     border: 1px solid @noopentasks-border;
+                    border-bottom-color: @ini_background;
                     border-radius: @ini_default_border_radius @ini_default_border_radius 0 0; // @ini_default_border_radius vs. @fix_border-radius
                     color: @ini_nav_menu_color;
                     margin-left: 4px;
@@ -161,6 +171,8 @@
         }
     }
 
+
+/* + + + + +  toggle content  + + + + + */
     .meta-content {
         margin-top: -1px;
 
diff --git a/lang/de/lang.php b/lang/de/lang.php
index c05b674..c9628a4 100755
--- a/lang/de/lang.php
+++ b/lang/de/lang.php
@@ -51,27 +51,28 @@ $lang['userpage']                   = 'Benutzer-Seite';
 $lang['__site_width__']             = 'Content - Breite (in %)';
 
 $lang['__background__']             = 'Website - Hintergrundfarbe';
-$lang['__background_neu__']         = 'Website - Hintergrundfarbe - neutral';
+$lang['__background_neu__']         = 'Website - Hintergrundfarbe (neutral)';
 $lang['__text_webframe__']          = 'Website unverlinkt: Claim, Titel, Footer, Navigation - Schriftfarbe';
 
-$lang['__nav_menu_color__']         = 'verlinkt: Navigation, Footer, Pagetools Icons, Tabbox - Schriftfarbe';
-$lang['__nav_menu_hover_color__']   = 'verlinkt-hover: Navigation, Wiki Icons - Schriftfarbe, Rahmenfarbe';
-$lang['__nav_menu_hover_bg__']      = 'verlinkt-hover: Navigation, Wiki Icons - Hintergrundfarbe';
+$lang['__nav_menu_color__']         = '+ verlinkt: Navigation, Footer, Pagetools Icons, Tabbox - Schriftfarbe';
+$lang['__nav_menu_hover_color__']   = '+ verlinkt: Navigation (hover) - Schriftfarbe, Rahmenfarbe; Wiki Icons - Schriftfarbe; Wiki Icons (hover) - Hintergrundfarbe';
+$lang['__nav_menu_hover_bg__']      = '+ verlinkt: Navigation (hover) - Hintergrundfarbe; Wiki Icons - Hintergrundfarbe; Wiki Icons (hover) - Schriftfarbe';
 
-$lang['__background_content__']     = 'Content, Breadcrumb, Pagetools hover - Hintergrundfarbe';
-$lang['__background_page_header__'] = 'Content (Header, Footer, Tabinclude) - Hintergrundfarbe';
-$lang['__background_page_footer__'] = 'Content (Footer, Tabinclude Tab controlls) - Schriftfarbe';
+$lang['__background_content__']     = '+ Content, Breadcrumb, Pagetools (hover) - Hintergrundfarbe';
+$lang['__background_page_header__'] = '+ Content: Header, Footer, Tabinclude Tab controlls deaktiviert - Hintergrundfarbe';
+$lang['__background_page_footer__'] = '+ Content: Footer, Tabinclude Tab controlls deaktiviert - Schriftfarbe';
 
-$lang['__border_light__']           = 'Content (Header, Footer), Wiki Icons, Pagetools (hover) - Rahmenfarbe';
+$lang['__border_light__']           = '+ Content: Header, Footer, Wiki Icons, Pagetools Box (hover) - Rahmenfarbe';
+
+$lang['__text__']                   = 'Content: Text - Schriftfarbe';
+$lang['__text_neu__']               = 'Content - Schriftfarbe (neutral)';
 
-$lang['__text__']                   = 'Content - Schriftfarbe';
-$lang['__text_neu__']               = 'Content - Schriftfarbe - neutral';
 $lang['__highlight__']              = 'Texthervorhebung (z.B. für Suchergebnisse) - Hintergrundfarbe';
 $lang['__highlight_text__']         = 'Texthervorhebung (z.B. für Suchergebnisse) - Schriftfarbe';
 
-$lang['__existing__']               = 'Links zu Wikiseiten, Stift, hover: Tabbox, Pagetools - Schriftfarbe';
-$lang['__missing__']                = 'Links zu nicht vorhandenen Wikiseiten - Schriftfarbe';
+$lang['__existing__']               = 'Links zu Wikiseiten, Stift, Pagetools (hover) - Schriftfarbe; Tabbox (hover) - Schriftfarbe, Rahmenfarbe';
 $lang['__link__']                   = 'Links zu nicht-Wikiseiten (externe Links) - Schriftfarbe';
+$lang['__missing__']                = 'Links zu nicht vorhandenen Wikiseiten - Schriftfarbe';
 
 $lang['__button_color__']           = 'Buttons - Schriftfarbe';
 $lang['__button_background__']      = 'Buttons - Hintergrundfarbe';
@@ -79,7 +80,5 @@ $lang['__button_background__']      = 'Buttons - Hintergrundfarbe';
 $lang['__background_alt__']         = 'Tabellenkopf, hover: Tabellenzeile, struct Label - Hintergrundfarbe (alternativ)';
 $lang['__text_alt__']               = 'Tabellenkopf, hover: Tabellenzeile, struct Label - Schriftfarbe (alternativ)';
 
-$lang['__border__']                 = 'Tabellen, Formularfelder - Rahmenfarbe';
+$lang['__border__']                 = 'Tabellen, Formularfelder, Zitate - Rahmenfarbe';
 $lang['__default_border_radius__']  = 'Wiki Icons, Content (oben rechts) - Borderradius';
-
-//Setup VIM: ex: et ts=2 :
diff --git a/lang/en/lang.php b/lang/en/lang.php
index 84a2912..0df814f 100755
--- a/lang/en/lang.php
+++ b/lang/en/lang.php
@@ -51,27 +51,28 @@ $lang['userpage']                   = 'User page';
 $lang['__site_width__']             = 'content - width (in %)';
 
 $lang['__background__']             = 'website - background color';
-$lang['__background_neu__']         = 'website - background color - neutral';
+$lang['__background_neu__']         = 'website - background color (neutral)';
 $lang['__text_webframe__']          = 'website unlinked: claim, title, footer, navigation - font color';
 
 $lang['__nav_menu_color__']         = 'link: navigation, footer, pagetools icons, tabbox - font color';
-$lang['__nav_menu_hover_color__']   = 'link-hover: navigation, wiki icons - font color, border color';
-$lang['__nav_menu_hover_bg__']      = 'link-hover: navigation, wiki icons - background color';
+$lang['__nav_menu_hover_color__']   = 'link: navigation (hover) - font color, border color; wiki icons - font color; wiki icons (hover) - background color';
+$lang['__nav_menu_hover_bg__']      = 'link: navigation (hover) - background color; wiki icons - background color; wiki icons (hover) - font color';
 
-$lang['__background_content__']     = 'content, breadcrumb, pagetools hover - background color';
-$lang['__background_page_header__'] = 'content (header, footer, tabinclude) - background color';
-$lang['__background_page_footer__'] = 'content (footer, tabinclude tab controlls) - font color';
+$lang['__background_content__']     = 'content, breadcrumb, pagetools (hover) - background color';
+$lang['__background_page_header__'] = 'content: header, footer, tabinclude tab controlls deactivate - background color';
+$lang['__background_page_footer__'] = 'content: footer, tabinclude tab controlls deactivate - font color';
 
-$lang['__border_light__']           = 'content (header, footer), wiki icons, pagetools (hover) - border color';
+$lang['__border_light__']           = 'content: header, footer, wiki icons, pagetools box (hover) - border color';
+
+$lang['__text__']                   = 'content: text - font color';
+$lang['__text_neu__']               = 'content: text - font color (neutral)';
 
-$lang['__text__']                   = 'content - font color';
-$lang['__text_neu__']               = 'content - font color - neutral';
 $lang['__highlight__']              = 'text emphasize (e.g. for search results) - background color';
 $lang['__highlight_text__']         = 'text emphasize (e.g. for search results) - font color';
 
-$lang['__existing__']               = 'links to wikipages, pencil, hover: tabbox, pagetools - font color';
-$lang['__missing__']                = 'links to non-existing pages - font color';
+$lang['__existing__']               = 'links to wikipages, pencil, pagetools (hover) - font color; tabbox (hover) - font color, border color';
 $lang['__link__']                   = 'links to non wikipages (external links) - font color';
+$lang['__missing__']                = 'links to non-existing pages - font color';
 
 $lang['__button_color__']           = 'buttons - font color';
 $lang['__button_background__']      = 'buttons - background color';
@@ -79,5 +80,5 @@ $lang['__button_background__']      = 'buttons - background color';
 $lang['__background_alt__']         = 'table head, hover: table cell, struct Label - background color (alternative)';
 $lang['__text_alt__']               = 'table head, hover: table cell, struct Label - font color (alternative)';
 
-$lang['__border__']                 = 'tables, form fields - border color';
+$lang['__border__']                 = 'tables, form fields, blockquotes - border color';
 $lang['__default_border_radius__']  = 'wiki icons, content (top right) - border radius';

From fd790e2d934f5514aed3df139e28f0890b6309f4 Mon Sep 17 00:00:00 2001
From: Silke Pisulla <pisulla@cosmocode.de>
Date: Thu, 30 Mar 2017 10:40:58 +0200
Subject: [PATCH 39/58] SPR-742: quicksearch suggestionlist

---
 css/area_search.less | 12 ++++++++++++
 style.ini            |  1 +
 2 files changed, 13 insertions(+)
 create mode 100644 css/area_search.less

diff --git a/css/area_search.less b/css/area_search.less
new file mode 100644
index 0000000..9fddb00
--- /dev/null
+++ b/css/area_search.less
@@ -0,0 +1,12 @@
+/**
+ * This file provides the design styles for the search results
+ *
+ * @author Jana Deutschlaender <deutschlaender@cosmocode.de>
+ */
+
+
+/* search hit in normal text */
+.dokuwiki .search_hit {
+    background-color: @ini_highlight;
+    color: @ini_highlight_text;
+}
diff --git a/style.ini b/style.ini
index b1cbd16..48a584f 100755
--- a/style.ini
+++ b/style.ini
@@ -77,6 +77,7 @@ css/area_main-content.less            = all
 css/area_main-content-secedit.less    = all
 css/area_togglelink.less              = all
 css/area_forms.less                   = all
+css/area_search.less                  = all
 
 css/template_admin.less               = all
 

From e0f14d54bb46bc1a33b9c315e7e6ab5d3568aac9 Mon Sep 17 00:00:00 2001
From: Silke Pisulla <pisulla@cosmocode.de>
Date: Mon, 3 Apr 2017 13:28:00 +0200
Subject: [PATCH 40/58] SPR-908: struct code qs

---
 css/area_content.less   | 22 ----------------------
 css/plugins/struct.less | 39 ++++++++++++++++++++++++++++++++++++++-
 2 files changed, 38 insertions(+), 23 deletions(-)

diff --git a/css/area_content.less b/css/area_content.less
index bda9ea6..1526394 100755
--- a/css/area_content.less
+++ b/css/area_content.less
@@ -33,28 +33,6 @@
 }
 
 
-
-.structaggregation {
-    td,
-    th {
-        line-height: @line-height-default;
-
-        a {
-
-            line-height: @line-height-default;
-        }
-    }
-
-    > a.export {
-        line-height: 135%;
-        padding-top: .5em;
-    }
-}
-
-.dokuwiki .structaggregation a.export {
-    padding-top: .3em;
-}
-
 .main-content > .level2,
 .main-content > .level1,
 .main-content > .level3,
diff --git a/css/plugins/struct.less b/css/plugins/struct.less
index 9ae22ae..e44a0aa 100755
--- a/css/plugins/struct.less
+++ b/css/plugins/struct.less
@@ -10,6 +10,16 @@
         padding-bottom: @link-height;
         margin-bottom: @grid;
 
+        td,
+        th {
+            line-height: @line-height-default;
+
+            a {
+                color: @ini_existing;
+                line-height: @line-height-default;
+            }
+        }
+
         // search button in table (f.i. "All products")
         table th input {
             &:not(:focus) {
@@ -33,8 +43,26 @@
             margin-bottom: 0;
 
             &.export {
+                bottom: 1px;
+                background: transparent url("svg.php?svg=file-export.svg&f=existing") left center no-repeat;
+                background-size: auto 20px;
+                border: solid 1px @ini_border;
+                color: @ini_existing;
+                font-size: @font-size-small;
                 line-height: 1;
-                padding-top: .3em;
+                margin-top: -1px;
+                padding-top: .4em;
+                transition: @transition background-color, @transition border-color, @transition color;
+
+                &:hover,
+                &:focus,
+                &:active {
+                    background-color: @ini_existing;
+                    background-image: url("svg.php?svg=file-export.svg&f=background_content");
+                    border-color: @ini_existing;
+                    color: @ini_background_content;
+                    text-decoration: none;
+                }
             }
         }
     }
@@ -45,6 +73,7 @@
 
     .struct_entry_form {
         margin-bottom: 2rem;
+
         > fieldset {
             margin-top: 1.5rem;
         }
@@ -53,6 +82,14 @@
     textarea + .struct_entry_form {
         margin-top: -.5rem;
     }
+
+    div.editBox {
+        .struct_entry_form {
+            label span.label {
+                color: @color-editBox;
+            }
+        }
+    }
 }
 
 .dokuwiki .struct_inlineditor {

From 146c8265e6b7dfd89f7b04e9477843a1811ac22a Mon Sep 17 00:00:00 2001
From: Silke Pisulla <pisulla@cosmocode.de>
Date: Mon, 3 Apr 2017 13:30:34 +0200
Subject: [PATCH 41/58] SPR-742: wiki icons, table in content, edit button,
 tabinclude

---
 css/area_nav-breadcrumb.less |  2 +-
 css/area_nav-pagetools.less  |  4 ++--
 css/area_nav-usertools.less  |  2 +-
 css/base_design.less         | 20 +++++++++++++++-----
 css/plugins/edit.less        | 23 ++++++++++-------------
 css/plugins/tabinclude.less  |  2 +-
 6 files changed, 30 insertions(+), 23 deletions(-)

diff --git a/css/area_nav-breadcrumb.less b/css/area_nav-breadcrumb.less
index e81b45e..cf6730f 100755
--- a/css/area_nav-breadcrumb.less
+++ b/css/area_nav-breadcrumb.less
@@ -111,7 +111,7 @@
                 display: block;
                 width: auto;
                 min-height: @toggle-size;
-                border: 1px solid @ini_border_light;
+                border: 1px solid @wikiicons-border;
                 border-radius: @ini_default_border_radius; // @ini_default_border_radius vs. @fix_border-radius
                 text-align: center;
                 margin: 0;
diff --git a/css/area_nav-pagetools.less b/css/area_nav-pagetools.less
index b340a3b..4ed4efc 100755
--- a/css/area_nav-pagetools.less
+++ b/css/area_nav-pagetools.less
@@ -130,9 +130,9 @@ nav#dokuwiki__pagetools {
 
     &:hover {
         ul {
-            box-shadow: @box-shadow-offset;
+            box-shadow: @box-shadow;//@box-shadow-offset;
             background-color: @ini_background_content;
-            border-color: @ini_border_light;
+            border-color: @wikiicons-border;
 
             li {
                 color: @ini_existing;
diff --git a/css/area_nav-usertools.less b/css/area_nav-usertools.less
index 855a99f..87959cd 100755
--- a/css/area_nav-usertools.less
+++ b/css/area_nav-usertools.less
@@ -31,7 +31,7 @@
                 width: auto;
                 min-height: @toggle-size;
                 overflow: hidden;
-                border: 1px solid @ini_border_light;
+                border: 1px solid @wikiicons-border;
                 border-radius: @ini_default_border_radius; // @ini_default_border_radius vs. @fix_border-radius
                 text-align: center;
                 margin: 0;
diff --git a/css/base_design.less b/css/base_design.less
index 9a450fa..a26bcc8 100755
--- a/css/base_design.less
+++ b/css/base_design.less
@@ -27,6 +27,7 @@ html, body {
 }
 
 .dokuwiki {
+    .page ol li,
     .page ul li,
     .aside ul li {
         color: @ini_text;
@@ -365,11 +366,20 @@ ol ol ol ol ol {
 
 /*____________ tables ____________*/
 
-.dokuwiki table.inline tr:hover td {
-    color: @ini_text_alt;
+.dokuwiki {
+    table.inline tr:hover {
+        th {
+            background-color: fade(@ini_background_alt, 50%);
+        }
 
-    * {
-        color: @ini_text_alt;
+        td {
+            background-color: fade(@ini_background_alt, 80%);
+            color: @ini_text_alt;
+
+            * {
+                color: @ini_text_alt;
+            }
+        }
     }
 }
 
@@ -416,7 +426,7 @@ a {
     &:link,
     &:visited {
         text-decoration: none;
-        color: @ini_link;
+        color: @ini_link; // links to non wikipages (external links)
     }
 
     &:hover,
diff --git a/css/plugins/edit.less b/css/plugins/edit.less
index 8e60c41..34036c9 100644
--- a/css/plugins/edit.less
+++ b/css/plugins/edit.less
@@ -6,7 +6,7 @@
 
 /* + + + + +  edit view  + + + + + */
 
-.dokuwiki {
+#dokuwiki__content {
     div.section_highlight {
         clear: right;
     }
@@ -18,24 +18,21 @@
         margin-bottom: .5rem;
     }
 
-    #dokuwiki__content div.editbutton_table {
-        float: left;
+    div.editBox {
+        background-color: #FFF;
 
-        form div.no {
-            button,
-            input.button {
-                border-top: solid 1px @ini_button_background;
-                margin-top: 0;
-            }
-        }
-    }
-
-    .editBox {
         .editButtons {
             display: inline-block;
             padding-bottom: 1rem;
         }
+
+        * {
+            &:not(button) {
+                color: @color-editBox;
+            }
+        }
     }
+
 }
 
 
diff --git a/css/plugins/tabinclude.less b/css/plugins/tabinclude.less
index 06666ff..8737ed4 100644
--- a/css/plugins/tabinclude.less
+++ b/css/plugins/tabinclude.less
@@ -47,7 +47,7 @@ div#dwpl-ti-container {
         position: relative;
         z-index: 0;
         overflow: auto;
-        box-shadow: @box-shadow-offset;
+        box-shadow: @box-shadow;
         background-color: @ini_background_content;
         border: solid 1px @ini_border;
         border-radius: 0;

From 89a4c45d5c6ba04e314d66ca3a050ff8ebb49921 Mon Sep 17 00:00:00 2001
From: Silke Pisulla <pisulla@cosmocode.de>
Date: Mon, 3 Apr 2017 13:31:35 +0200
Subject: [PATCH 42/58] SPR-742: edit buttons

---
 css/area_main-content-secedit.less | 27 ++++++++++++++++-----------
 css/plugins/edittable.less         | 16 +++++++++++++++-
 img/file-export.svg                |  1 +
 3 files changed, 32 insertions(+), 12 deletions(-)
 create mode 100644 img/file-export.svg

diff --git a/css/area_main-content-secedit.less b/css/area_main-content-secedit.less
index c0aa231..cd5582d 100644
--- a/css/area_main-content-secedit.less
+++ b/css/area_main-content-secedit.less
@@ -16,13 +16,6 @@
         border-color: @ini_background_page_header;
     }
 
-    .secedit button {
-        clear: both;
-        font-size: 100%;
-        margin-top: -1em;
-        margin-bottom: @small-spacing;
-    }
-
     .editbutton_section {
         position: relative;
         z-index: 2;
@@ -30,6 +23,12 @@
         float: right;
         margin-top: 0;
 
+        form div.no {
+            button {
+                padding-right: 0;
+            }
+        }
+
         button {
             background-color: transparent;
             color: transparent;
@@ -37,23 +36,29 @@
 
             &::after {
                 content: '';
+                float: right;
                 display: inline-block;
                 background: transparent url("svg.php?svg=pencil.svg&f=existing") center center no-repeat;
                 height: 1em;
                 width: 1em;
                 background-size: contain;
+                border: solid 2px transparent;
+                border-radius: @ini_default_border_radius;
                 margin-left: @small-spacing;
+                margin-top: -1px;
             }
 
             &:hover,
             &:active,
             &:focus {
-                background-color: @ini_button_color;
-                color: @ini_button_background;
-                border-color: @ini_button_background;
+                //background-color: @ini_existing;
+                color: @ini_existing;
+                //border-color: @ini_existing;
 
                 &::after {
-                    background-image: url("svg.php?svg=pencil.svg&f=button_background");
+                    background-color: @ini_existing;
+                    background-image: url("svg.php?svg=pencil.svg&f=background_content");
+                    border-color: @ini_existing;
                 }
             }
         }
diff --git a/css/plugins/edittable.less b/css/plugins/edittable.less
index 0f8f1ac..9f7f60d 100644
--- a/css/plugins/edittable.less
+++ b/css/plugins/edittable.less
@@ -6,15 +6,29 @@
     div.editbutton_table {
         position: relative; // for IE
         z-index: 1; // for IE
+        float: left;
         margin-top: -1.46rem !important; // overwrite inline stales
 
         form div.no {
             button,
             input.button {
                 min-height: 1rem;
-                // button - for inverted design: background-color: @ini_button_color; color: @ini_button_background;
+                background-color: @ini_background_content;
+                border-top: solid 1px @ini_button_background;
+                border-color: @ini_border;
+                color: @ini_existing;
                 font-size: @font-size-small;
                 margin-top: 0;
+                padding-right: .3em;
+                transition: @transition background-color, @transition border-color, @transition color;
+
+                &:hover,
+                &:focus,
+                &:active {
+                    background-color: @ini_existing;
+                    border-color: @ini_existing;
+                    color: @ini_background_content;
+                }
             }
         }
 
diff --git a/img/file-export.svg b/img/file-export.svg
new file mode 100644
index 0000000..d1a3f2d
--- /dev/null
+++ b/img/file-export.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="24" height="24" viewBox="0 0 24 24"><path d="M6,2C4.89,2 4,2.9 4,4V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V8L14,2M13,3.5L18.5,9H13M8.93,12.22H16V19.29L13.88,17.17L11.05,20L8.22,17.17L11.05,14.35" /></svg>
\ No newline at end of file

From 575c6e7eaa3f3b1e26db6f7df0a2ab7eec960966 Mon Sep 17 00:00:00 2001
From: Silke Pisulla <pisulla@cosmocode.de>
Date: Mon, 3 Apr 2017 13:32:21 +0200
Subject: [PATCH 43/58] SPR-742: help toggle in content

---
 css/plugins/folded.less | 35 +++++++++++++++++++++++++++++++++++
 img/down.svg            |  1 +
 img/up.svg              |  1 +
 style.ini               |  1 +
 4 files changed, 38 insertions(+)
 create mode 100644 css/plugins/folded.less
 create mode 100644 img/down.svg
 create mode 100644 img/up.svg

diff --git a/css/plugins/folded.less b/css/plugins/folded.less
new file mode 100644
index 0000000..0402618
--- /dev/null
+++ b/css/plugins/folded.less
@@ -0,0 +1,35 @@
+/**
+ * This file provides styles for the toggle "folded"
+ */
+
+
+/* + + + + +  global  + + + + + */
+
+#dokuwiki__content {
+    a.folder {
+        background: transparent url("svg.php?svg=down.svg&f=existing") right center no-repeat;
+        color: @ini_existing;
+        padding-right: 20px;
+
+        &.open {
+            background-image: url("svg.php?svg=up.svg&f=existing");
+        }
+    }
+
+    div.folded {
+        box-shadow: @box-shadow-colored;
+        border: 1px solid fade(@ini_existing, 50%);
+        border-radius: 0;
+        margin-top: -.7rem;
+        margin-bottom: .7rem;
+        padding: .5em;
+
+        p {
+            margin: .5rem 0;
+        }
+    }
+
+    span.folded {
+        border: 1px dotted @ini_border;
+    }
+}
diff --git a/img/down.svg b/img/down.svg
new file mode 100644
index 0000000..50b8625
--- /dev/null
+++ b/img/down.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="24" height="24" viewBox="0 0 24 24"><path d="M7,10L12,15L17,10H7Z" /></svg>
\ No newline at end of file
diff --git a/img/up.svg b/img/up.svg
new file mode 100644
index 0000000..5fb8642
--- /dev/null
+++ b/img/up.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="24" height="24" viewBox="0 0 24 24"><path d="M7,15L12,10L17,15H7Z" /></svg>
\ No newline at end of file
diff --git a/style.ini b/style.ini
index 48a584f..e284f97 100755
--- a/style.ini
+++ b/style.ini
@@ -98,6 +98,7 @@ css/plugins/tagging.less              = all
 css/plugins/include.less              = all
 css/plugins/edittable.less            = all
 css/plugins/extension__manager.less   = all
+css/plugins/folded.less               = all
 
 
 ; _____________  print styles  _____________

From 14705c4ea4153353e39fd33b81408b8f0481caa5 Mon Sep 17 00:00:00 2001
From: Silke Pisulla <pisulla@cosmocode.de>
Date: Mon, 3 Apr 2017 13:32:35 +0200
Subject: [PATCH 44/58] SPR-908: rgb code qs

---
 css/base.less | 44 +++++++-------------------------------------
 1 file changed, 7 insertions(+), 37 deletions(-)

diff --git a/css/base.less b/css/base.less
index e68ff78..8d8a53f 100755
--- a/css/base.less
+++ b/css/base.less
@@ -5,38 +5,6 @@
  */
 
 
-/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
-/* converted vars */
-/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
-
-
-//@th_background:            __background_alt__;
-
-
-/* ersetzt: */
-
-//@color-site-bg:          __background_site__;
-//@color-content-bg:       __background_content__;
-//@button_color:           __button_color__;
-//@button_background:      __button_background__;
-//@background_page-header: __background_page-header__;
-//@font_family_screen:       __font_family_screen__;
-//@box-shadow-offset:      __box_shadow_offset__;
-//@box-shadow:             __box_shadow__;
-//@box-shadow-colored:     __box_shadow_colored__;
-//@box-shadow-right-bottom:__box_shadow_right_bottom__;
-//@box-shadow-bottom:      __box_shadow_bottom__;
-//@color-text:             __text__;
-//@border-radius:          __default_border_radius__;
-//@color-border:           __border__;
-//@color-border-light:     __border_light__;
-//@color-nav:              __nav_menu_color__;
-//@color-nav-hover:        __nav_menu_hover_color__;
-//@color-nav-hover-bg:     __nav_menu_hover_bg__;
-//@color-link:             __existing__;
-//@color-link-hover:       @ini_nav_menu_color;
-
-
 /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
 /* global vars */
 /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
@@ -63,11 +31,11 @@
 
 @transition:               ease-out .30s;
 
-@box-shadow-offset:        .1em .1em .1em rgb(153,153,153,.5); // pagetools, tabinclude
-@box-shadow:               0 0 .5em rgb(153,153,153,.5);
-@box-shadow-colored:       0 0 .5em rgba(40,109,168,.5);
-@box-shadow-right-bottom:  0.1em 0.3rem 0.5em rgb(153,153,153,.5);
-@box-shadow-bottom:        0 .1em .5em rgb(153,153,153,.5); // qc-wrapper - breadcrumb
+@box-shadow-offset:        .1em .1em .1em rgba(153,153,153,.5); // pagetools, tabinclude
+@box-shadow:               0 0 .5em rgba(153,153,153,.5);
+@box-shadow-colored:       0 0 .5em fade(@ini_existing, 50%);
+@box-shadow-right-bottom:  0.1em 0.3rem 0.5em rgba(153,153,153,.5);
+@box-shadow-bottom:        0 .1em .5em rgba(153,153,153,.5); // qc-wrapper - breadcrumb
 
 
 /* + + +  for programmers customizing  + + + */
@@ -90,6 +58,7 @@
 @noopentasks-background:   #ECECEC; /* metabox tabs + num in icons + tabinclude + code, pre, samp, kbd */
 @noopentasks-border:       #BBB; /* metabox tabs + num in icons + code, pre, samp, kbd */
 @noopentasks-color:        #666; /* metabox tabs + num in icons + code, pre, samp, kbd */
+@wikiicons-border:         #CCC; /* usertools, breadcrumbs icons, pagetools box-hover */
 
 
 /* navigation left */
@@ -100,6 +69,7 @@
 /* edit mode */
 @highlight-odd-ini_text:  fade(@ini_background_content, 95%);
 @highlight-even-ini_text: fade(@ini_text, 5%);
+@color-editBox:           #252525; // editmode for tables
 
 
 //@nolinkedicon-ini_background: fade(@ini_background, 10%);

From 0ff585ef5ecffe48851809c5329ce05f14315cd3 Mon Sep 17 00:00:00 2001
From: Silke Pisulla <pisulla@cosmocode.de>
Date: Mon, 3 Apr 2017 13:33:10 +0200
Subject: [PATCH 45/58] SPR-742: wording in configuration view

---
 lang/de/lang.php | 16 ++++++++--------
 lang/en/lang.php |  4 ++--
 2 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/lang/de/lang.php b/lang/de/lang.php
index c9628a4..59e65e3 100755
--- a/lang/de/lang.php
+++ b/lang/de/lang.php
@@ -54,15 +54,15 @@ $lang['__background__']             = 'Website - Hintergrundfarbe';
 $lang['__background_neu__']         = 'Website - Hintergrundfarbe (neutral)';
 $lang['__text_webframe__']          = 'Website unverlinkt: Claim, Titel, Footer, Navigation - Schriftfarbe';
 
-$lang['__nav_menu_color__']         = '+ verlinkt: Navigation, Footer, Pagetools Icons, Tabbox - Schriftfarbe';
-$lang['__nav_menu_hover_color__']   = '+ verlinkt: Navigation (hover) - Schriftfarbe, Rahmenfarbe; Wiki Icons - Schriftfarbe; Wiki Icons (hover) - Hintergrundfarbe';
-$lang['__nav_menu_hover_bg__']      = '+ verlinkt: Navigation (hover) - Hintergrundfarbe; Wiki Icons - Hintergrundfarbe; Wiki Icons (hover) - Schriftfarbe';
+$lang['__nav_menu_color__']         = 'verlinkt: Navigation, Footer, Pagetools Icons, Tabbox - Schriftfarbe';
+$lang['__nav_menu_hover_color__']   = 'verlinkt: Navigation (hover) - Schriftfarbe, Rahmenfarbe; Wiki Icons - Schriftfarbe; Wiki Icons (hover) - Hintergrundfarbe';
+$lang['__nav_menu_hover_bg__']      = 'verlinkt: Navigation (hover) - Hintergrundfarbe; Wiki Icons - Hintergrundfarbe; Wiki Icons (hover) - Schriftfarbe';
 
-$lang['__background_content__']     = '+ Content, Breadcrumb, Pagetools (hover) - Hintergrundfarbe';
-$lang['__background_page_header__'] = '+ Content: Header, Footer, Tabinclude Tab controlls deaktiviert - Hintergrundfarbe';
-$lang['__background_page_footer__'] = '+ Content: Footer, Tabinclude Tab controlls deaktiviert - Schriftfarbe';
+$lang['__background_content__']     = 'Content, Breadcrumb, Pagetools (hover) - Hintergrundfarbe';
+$lang['__background_page_header__'] = 'Content: Header, Footer, Tabinclude Tab controlls deaktiviert - Hintergrundfarbe';
+$lang['__background_page_footer__'] = 'Content: Footer, Tabinclude Tab controlls deaktiviert - Schriftfarbe';
 
-$lang['__border_light__']           = '+ Content: Header, Footer, Wiki Icons, Pagetools Box (hover) - Rahmenfarbe';
+$lang['__border_light__']           = 'Content: Header, Footer - Rahmenfarbe';
 
 $lang['__text__']                   = 'Content: Text - Schriftfarbe';
 $lang['__text_neu__']               = 'Content - Schriftfarbe (neutral)';
@@ -78,7 +78,7 @@ $lang['__button_color__']           = 'Buttons - Schriftfarbe';
 $lang['__button_background__']      = 'Buttons - Hintergrundfarbe';
 
 $lang['__background_alt__']         = 'Tabellenkopf, hover: Tabellenzeile, struct Label - Hintergrundfarbe (alternativ)';
-$lang['__text_alt__']               = 'Tabellenkopf, hover: Tabellenzeile, struct Label - Schriftfarbe (alternativ)';
+$lang['__text_alt__']               = 'Tabellenkopf unverlinkt, hover: Tabellenzeile, struct Label - Schriftfarbe (alternativ)';
 
 $lang['__border__']                 = 'Tabellen, Formularfelder, Zitate - Rahmenfarbe';
 $lang['__default_border_radius__']  = 'Wiki Icons, Content (oben rechts) - Borderradius';
diff --git a/lang/en/lang.php b/lang/en/lang.php
index f193fe2..fd5bad4 100755
--- a/lang/en/lang.php
+++ b/lang/en/lang.php
@@ -63,7 +63,7 @@ $lang['__background_content__']     = 'content, breadcrumb, pagetools (hover) -
 $lang['__background_page_header__'] = 'content: header, footer, tabinclude tab controlls deactivate - background color';
 $lang['__background_page_footer__'] = 'content: footer, tabinclude tab controlls deactivate - font color';
 
-$lang['__border_light__']           = 'content: header, footer, wiki icons, pagetools box (hover) - border color';
+$lang['__border_light__']           = 'content: header, footer - border color';
 
 $lang['__text__']                   = 'content: text - font color';
 $lang['__text_neu__']               = 'content: text - font color (neutral)';
@@ -79,7 +79,7 @@ $lang['__button_color__']           = 'buttons - font color';
 $lang['__button_background__']      = 'buttons - background color';
 
 $lang['__background_alt__']         = 'table head, hover: table cell, struct Label - background color (alternative)';
-$lang['__text_alt__']               = 'table head, hover: table cell, struct Label - font color (alternative)';
+$lang['__text_alt__']               = 'table head unlinked, hover: table cell, struct Label - font color (alternative)';
 
 $lang['__border__']                 = 'tables, form fields, blockquotes - border color';
 $lang['__default_border_radius__']  = 'wiki icons, content (top right) - border radius';

From 32f9e6bba275b07fc6f278d857752df0f6a4ea04 Mon Sep 17 00:00:00 2001
From: Silke Pisulla <pisulla@cosmocode.de>
Date: Mon, 3 Apr 2017 13:42:41 +0200
Subject: [PATCH 46/58] SPR-742: editmode contentblock

---
 css/plugins/edit.less | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/css/plugins/edit.less b/css/plugins/edit.less
index 34036c9..9e1dcda 100644
--- a/css/plugins/edit.less
+++ b/css/plugins/edit.less
@@ -20,6 +20,8 @@
 
     div.editBox {
         background-color: #FFF;
+        border: solid 2px #FFF;
+        border-radius: @ini_default_border_radius;
 
         .editButtons {
             display: inline-block;

From 41aeb6900cd3d64681816e46a9a425dc6f15195b Mon Sep 17 00:00:00 2001
From: Silke Pisulla <pisulla@cosmocode.de>
Date: Fri, 7 Apr 2017 13:40:49 +0200
Subject: [PATCH 47/58] SPR-908: QS - file-input

---
 css/area_forms.less | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/css/area_forms.less b/css/area_forms.less
index 89ee21b..6469546 100644
--- a/css/area_forms.less
+++ b/css/area_forms.less
@@ -12,6 +12,7 @@ form {
     margin: 0;
     padding: 0;
 
+
     // multiline label
     fieldset > label.block > span:first-child {
         display: inline-block;
@@ -25,6 +26,7 @@ form {
         }
     }
 
+
     // older version (history)
     .dokuwiki & > .no > ul > li {
         min-height: 2rem;
@@ -139,14 +141,19 @@ keygen:focus {
     border-color: #999;
 }
 
-input[type=radio],
-input[type=checkbox],
-input[type=image] {
+input[type="radio"],
+input[type="checkbox"],
+input[type="image"] {
     padding: 0;
     border-style: none;
     box-shadow: none;
 }
 
+input[type="file"] {
+    padding-top: .1rem;
+    padding-bottom: .1rem;
+}
+
 
 /* + + + + +  buttons  + + + + + */
 button {

From ea893cdcc51680e9e03d6941dc05120d1055bdba Mon Sep 17 00:00:00 2001
From: Silke Pisulla <pisulla@cosmocode.de>
Date: Fri, 7 Apr 2017 13:41:28 +0200
Subject: [PATCH 48/58] SPR-908: QS - tab plugin

---
 css/area_main-content.less |  2 +-
 css/area_tabs.less         | 39 ++++++++++++++++++++++++++++++++++++++
 2 files changed, 40 insertions(+), 1 deletion(-)
 create mode 100644 css/area_tabs.less

diff --git a/css/area_main-content.less b/css/area_main-content.less
index 10021f9..d5db8a5 100755
--- a/css/area_main-content.less
+++ b/css/area_main-content.less
@@ -26,7 +26,7 @@
     .section_highlight > div {
         > ul,
         > ol {
-            > li {
+            &:not([class="tabs"]) > li {
                 margin-bottom: @small-spacing;
             }
         }
diff --git a/css/area_tabs.less b/css/area_tabs.less
new file mode 100644
index 0000000..6574645
--- /dev/null
+++ b/css/area_tabs.less
@@ -0,0 +1,39 @@
+/**
+ * This file provides styles for tab boxes
+ */
+
+
+/* + + + + +  tabs  + + + + + */
+
+#dokuwiki__content {
+    ul.tabs {
+        li:not([class~="active"]) {
+            strong,
+            a {
+                color: @ini_text_neu;
+                transition: @transition background-color, @transition color;
+            }
+
+            a:hover,
+            a:focus,
+            a:active {
+                color: @ini_text;
+            }
+        }
+    }
+
+    .tabs > ul {
+        li:not([class~="active"]) {
+            a {
+                color: @ini_text_neu;
+                transition: @transition background-color, @transition color;
+            }
+
+            a:hover,
+            a:focus,
+            a:active {
+                color: @ini_text;
+            }
+        }
+    }
+}

From 8644ba9a9836379735bd9958fec77eff328b048f Mon Sep 17 00:00:00 2001
From: Silke Pisulla <pisulla@cosmocode.de>
Date: Fri, 7 Apr 2017 13:42:00 +0200
Subject: [PATCH 49/58] SPR-908: QS - config manager

---
 css/plugins/configmanager.less | 27 +++++++++++++++++++++++++++
 1 file changed, 27 insertions(+)
 create mode 100644 css/plugins/configmanager.less

diff --git a/css/plugins/configmanager.less b/css/plugins/configmanager.less
new file mode 100644
index 0000000..97f6948
--- /dev/null
+++ b/css/plugins/configmanager.less
@@ -0,0 +1,27 @@
+/**
+ * This file provides styles for config manager
+ */
+
+
+/* + + + + +  config__manager  + + + + + */
+
+#dokuwiki__content {
+    #config__manager {
+        .selectiondefault {
+            background-color: transparent;
+        }
+
+        tr {
+            .input {
+                background-color: transparent;
+                color: inherit;
+            }
+        }
+
+        tr.default {
+            .input {
+                background-color: transparent;
+            }
+        }
+    }
+}

From de5ca86acf1aae65ad25d799e6ecb8a79272090a Mon Sep 17 00:00:00 2001
From: Silke Pisulla <pisulla@cosmocode.de>
Date: Fri, 7 Apr 2017 13:42:28 +0200
Subject: [PATCH 50/58] SPR-908: QS - linkcolor in mesage box

---
 css/area_msg.less | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/css/area_msg.less b/css/area_msg.less
index 0367bd7..1e2ad9e 100644
--- a/css/area_msg.less
+++ b/css/area_msg.less
@@ -23,8 +23,11 @@ div.success, div.error, div.info, div.notify {
     overflow: hidden;
     border-radius: 5px;
 
-    a {
+    * {
         color: inherit;
+    }
+
+    a {
         text-decoration: underline;
 
         &:hover,

From d0de9e1262abba9ecb69399f12ab1f5d26f83488 Mon Sep 17 00:00:00 2001
From: Silke Pisulla <pisulla@cosmocode.de>
Date: Fri, 7 Apr 2017 13:43:19 +0200
Subject: [PATCH 51/58] SPR-908: QS - better hover without jiggle

---
 css/area_nav-pagetools.less | 14 +++++---------
 1 file changed, 5 insertions(+), 9 deletions(-)

diff --git a/css/area_nav-pagetools.less b/css/area_nav-pagetools.less
index 4ed4efc..d3f982e 100755
--- a/css/area_nav-pagetools.less
+++ b/css/area_nav-pagetools.less
@@ -57,7 +57,6 @@ nav#dokuwiki__pagetools {
                 height: auto;
                 min-height: @toolbox-size; // for nav:hover
                 width: @toolbox-size; // for nav:hover
-                //opacity: .6;
                 font-size: @font-size-default;
                 padding: 2px @toolbox-size 2px 2px;
 
@@ -80,8 +79,6 @@ nav#dokuwiki__pagetools {
                 &:hover,
                 &:focus,
                 &:active {
-                    //opacity: 1;
-                    //color: @ini_nav_menu_hover_color;
                     background-color: transparent;
                 }
 
@@ -97,6 +94,7 @@ nav#dokuwiki__pagetools {
                     width: @page-tools_svg-size;
                     height: @page-tools_svg-size;
                     vertical-align: middle;
+                    border: solid 1px transparent;
                     margin: @page-tools_svg-space;
 
                     @media @screen_min-md {
@@ -117,7 +115,6 @@ nav#dokuwiki__pagetools {
                 a {
                     .btn-hover();
 
-                    //opacity: .6;
                     color: @ini_nav_menu_color;
 
                     * {
@@ -130,7 +127,7 @@ nav#dokuwiki__pagetools {
 
     &:hover {
         ul {
-            box-shadow: @box-shadow;//@box-shadow-offset;
+            box-shadow: @box-shadow; // @box-shadow-offset;
             background-color: @ini_background_content;
             border-color: @wikiicons-border;
 
@@ -140,24 +137,23 @@ nav#dokuwiki__pagetools {
                 a {
                     box-shadow: none;
                     background-image: none;
-                    //opacity: .8;
                     border-color: transparent;
                     color: inherit;
                     padding: 2px 0 2px 2px;
 
                     svg {
+                        border: solid 1px transparent;
                         border-radius: @ini_default_border_radius;
                         fill: @ini_existing;
+                        transition: @transition background-color, @transition border-color, @transition fill;
                     }
 
                     &:hover,
                     &:focus,
                     &:active {
-                        //opacity: 1;
-
                         svg {
                             background-color: @ini_existing;
-                            border: solid 2px @ini_existing;
+                            border-color: @ini_existing;
                             fill: @ini_background_content;
                         }
                     }

From 661ed7e632a7143477d3bd808fa8a80ca275c339 Mon Sep 17 00:00:00 2001
From: Silke Pisulla <pisulla@cosmocode.de>
Date: Fri, 7 Apr 2017 13:44:04 +0200
Subject: [PATCH 52/58] SPR-908: QS - table hover

---
 css/base_design.less | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/css/base_design.less b/css/base_design.less
index a26bcc8..9d68d7b 100755
--- a/css/base_design.less
+++ b/css/base_design.less
@@ -376,7 +376,7 @@ ol ol ol ol ol {
             background-color: fade(@ini_background_alt, 80%);
             color: @ini_text_alt;
 
-            * {
+            *:not(button,a) {
                 color: @ini_text_alt;
             }
         }

From 602eeed5c004269635ceda0a3b23e010c05bd002 Mon Sep 17 00:00:00 2001
From: Silke Pisulla <pisulla@cosmocode.de>
Date: Fri, 7 Apr 2017 13:44:43 +0200
Subject: [PATCH 53/58] SPR-908: QS - form in Struct Schema Editor

---
 css/plugins/struct.less | 51 +++++++++++++++++++++++++++++++++++++++++
 1 file changed, 51 insertions(+)

diff --git a/css/plugins/struct.less b/css/plugins/struct.less
index e44a0aa..0a17cdb 100755
--- a/css/plugins/struct.less
+++ b/css/plugins/struct.less
@@ -95,3 +95,54 @@
 .dokuwiki .struct_inlineditor {
     z-index: 3;
 }
+
+
+/* + + + + +  Struct Schema Editor  + + + + + */
+form {
+    &.doku_form.struct_newschema {
+        fieldset {
+            > label {
+                > span:first-child {
+                    display: inline-block;
+
+                    @media @screen_min-lg {
+                        width: 48.8%;
+                    }
+
+                    @media @screen_max-lg {
+                        width: 48.5%;
+                    }
+                }
+
+                > input[type="text"] {
+                    width: 50%;
+                }
+            }
+
+            button {
+                cursor: pointer;
+                box-shadow: none;
+                background-image: none;
+                background-color: @ini_button_background;
+                border: 1px solid @ini_button_background;
+                border-radius: @fix_border-radius;
+                color: @ini_button_color;
+                vertical-align: top;
+                margin-top: .3em;
+                padding: .3em @grid;
+                transition: @transition background-color, @transition color;
+
+                &:hover,
+                &:active,
+                &:focus {
+                    background-color: @ini_button_color;
+                    color: @ini_button_background;
+                }
+
+                + p {
+                    padding-top: 1rem;
+                }
+            }
+        }
+    }
+}

From 5be78f585aa0a7501555bdf5c2a488effb1cec67 Mon Sep 17 00:00:00 2001
From: Silke Pisulla <pisulla@cosmocode.de>
Date: Fri, 7 Apr 2017 13:45:01 +0200
Subject: [PATCH 54/58] SPR-908: QS - better hover for svg

---
 css/template_admin.less | 38 ++++++++++++++++++++++++++++----------
 1 file changed, 28 insertions(+), 10 deletions(-)

diff --git a/css/template_admin.less b/css/template_admin.less
index dfb4402..285962a 100644
--- a/css/template_admin.less
+++ b/css/template_admin.less
@@ -4,6 +4,7 @@
  * @author Jana Deutschlaender <deutschlaender@cosmocode.de>
  */
 
+
 .do-admin {
     #admin__version {
         font-size: @font-size-default;
@@ -35,32 +36,49 @@
                 margin: 0 0 .6em 0;
 
                 a {
-                    color: @ini_text;
+                    color: @ini_existing;
+                    font-weight: 400;
 
                     * {
                         color: inherit;
                     }
 
                     span.icon {
-                        margin-top: -.2rem;
-                        margin-bottom: .2rem;
+                        width: 1.6em;
+                        min-height: 1.6em;
+                        margin-top: -.3rem;
+                        margin-bottom: .3rem;
 
                         svg {
+                            width: 26px;
+                            height: 26px;
+                            border: solid 1px @ini_background_content;
+                            border-radius: @ini_default_border_radius;
                             fill: @ini_existing;
+                            transition: @transition background-color, @transition border-color, @transition fill;
 
                             path {
                                 fill: @ini_existing;
+                                transition: @transition fill;
                             }
                         }
                     }
-                }
-            }
-        }
 
-        ul.admin_tasks {
-            li {
-                a {
-                    font-weight: 400;
+                    &:hover,
+                    &:focus,
+                    &:active {
+                        span.icon {
+                            svg {
+                                background-color: @ini_existing;
+                                border-color: @ini_existing;
+                                fill: @ini_background_content;
+
+                                path {
+                                    fill: @ini_background_content;
+                                }
+                            }
+                        }
+                    }
                 }
             }
         }

From 5c8e72a675867c2b34a26a6025225f998780d12b Mon Sep 17 00:00:00 2001
From: Silke Pisulla <pisulla@cosmocode.de>
Date: Fri, 7 Apr 2017 13:45:40 +0200
Subject: [PATCH 55/58] SPR-742: Konfigurierbarkeit - wording

---
 lang/de/lang.php |  9 +++++----
 lang/en/lang.php |  9 +++++----
 style.ini        | 13 +++++++------
 3 files changed, 17 insertions(+), 14 deletions(-)

diff --git a/lang/de/lang.php b/lang/de/lang.php
index 59e65e3..2de4372 100755
--- a/lang/de/lang.php
+++ b/lang/de/lang.php
@@ -51,7 +51,6 @@ $lang['userpage']                   = 'Benutzer-Seite';
 $lang['__site_width__']             = 'Content - Breite (in %)';
 
 $lang['__background__']             = 'Website - Hintergrundfarbe';
-$lang['__background_neu__']         = 'Website - Hintergrundfarbe (neutral)';
 $lang['__text_webframe__']          = 'Website unverlinkt: Claim, Titel, Footer, Navigation - Schriftfarbe';
 
 $lang['__nav_menu_color__']         = 'verlinkt: Navigation, Footer, Pagetools Icons, Tabbox - Schriftfarbe';
@@ -59,14 +58,16 @@ $lang['__nav_menu_hover_color__']   = 'verlinkt: Navigation (hover) - Schriftfar
 $lang['__nav_menu_hover_bg__']      = 'verlinkt: Navigation (hover) - Hintergrundfarbe; Wiki Icons - Hintergrundfarbe; Wiki Icons (hover) - Schriftfarbe';
 
 $lang['__background_content__']     = 'Content, Breadcrumb, Pagetools (hover) - Hintergrundfarbe';
+$lang['__text__']                   = 'Content: Text - Schriftfarbe';
+
+$lang['__background_neu__']         = 'Content neutral (nicht zu unterschiedlich zum Content-Hintergrund) - Hintergrundfarbe';
+$lang['__text_neu__']               = 'Content neutral - Schriftfarbe';
+
 $lang['__background_page_header__'] = 'Content: Header, Footer, Tabinclude Tab controlls deaktiviert - Hintergrundfarbe';
 $lang['__background_page_footer__'] = 'Content: Footer, Tabinclude Tab controlls deaktiviert - Schriftfarbe';
 
 $lang['__border_light__']           = 'Content: Header, Footer - Rahmenfarbe';
 
-$lang['__text__']                   = 'Content: Text - Schriftfarbe';
-$lang['__text_neu__']               = 'Content - Schriftfarbe (neutral)';
-
 $lang['__highlight__']              = 'Texthervorhebung (z.B. für Suchergebnisse) - Hintergrundfarbe';
 $lang['__highlight_text__']         = 'Texthervorhebung (z.B. für Suchergebnisse) - Schriftfarbe';
 
diff --git a/lang/en/lang.php b/lang/en/lang.php
index fd5bad4..f634485 100755
--- a/lang/en/lang.php
+++ b/lang/en/lang.php
@@ -52,7 +52,6 @@ $lang['userpage']                   = 'User page';
 $lang['__site_width__']             = 'content - width (in %)';
 
 $lang['__background__']             = 'website - background color';
-$lang['__background_neu__']         = 'website - background color (neutral)';
 $lang['__text_webframe__']          = 'website unlinked: claim, title, footer, navigation - font color';
 
 $lang['__nav_menu_color__']         = 'link: navigation, footer, pagetools icons, tabbox - font color';
@@ -60,14 +59,16 @@ $lang['__nav_menu_hover_color__']   = 'link: navigation (hover) - font color, bo
 $lang['__nav_menu_hover_bg__']      = 'link: navigation (hover) - background color; wiki icons - background color; wiki icons (hover) - font color';
 
 $lang['__background_content__']     = 'content, breadcrumb, pagetools (hover) - background color';
+$lang['__text__']                   = 'content: text - font color';
+
+$lang['__background_neu__']         = 'Content neutral (not too different from the content background) - background color';
+$lang['__text_neu__']               = 'content neutral: text - font color';
+
 $lang['__background_page_header__'] = 'content: header, footer, tabinclude tab controlls deactivate - background color';
 $lang['__background_page_footer__'] = 'content: footer, tabinclude tab controlls deactivate - font color';
 
 $lang['__border_light__']           = 'content: header, footer - border color';
 
-$lang['__text__']                   = 'content: text - font color';
-$lang['__text_neu__']               = 'content: text - font color (neutral)';
-
 $lang['__highlight__']              = 'text emphasize (e.g. for search results) - background color';
 $lang['__highlight_text__']         = 'text emphasize (e.g. for search results) - font color';
 
diff --git a/style.ini b/style.ini
index e284f97..1fd8b20 100755
--- a/style.ini
+++ b/style.ini
@@ -78,6 +78,7 @@ css/area_main-content-secedit.less    = all
 css/area_togglelink.less              = all
 css/area_forms.less                   = all
 css/area_search.less                  = all
+css/area_tabs.less                    = all
 
 css/template_admin.less               = all
 
@@ -99,6 +100,7 @@ css/plugins/include.less              = all
 css/plugins/edittable.less            = all
 css/plugins/extension__manager.less   = all
 css/plugins/folded.less               = all
+css/plugins/configmanager.less        = all
 
 
 ; _____________  print styles  _____________
@@ -126,7 +128,6 @@ __site_width__              = "73%"              ; @ini_site_width
 
 ; alternative text and background colors
 __background__              = "#ECECEC"          ; @ini_background                         (guaranteed for every plugin)
-__background_neu__          = "#ffffff"          ; @ini_background_neu                     (guaranteed for every plugin)
 
 __text_webframe__           = "#696969"          ; @ini_text_webframe
 
@@ -137,16 +138,16 @@ __nav_menu_hover_color__    = "#286da8"          ; @ini_nav_menu_hover_color
 __nav_menu_hover_bg__       = "#FFF"             ; @ini_nav_menu_hover_bg
 
 __background_content__      = "#FFF"             ; @ini_background_content
+__text__                    = "#252525"          ; @ini_text                               (guaranteed for every plugin)
+
+__background_neu__          = "#ffffff"          ; @ini_background_neu                     (guaranteed for every plugin)
+__text_neu__                = "#656565"          ; @ini_text_neu                           (guaranteed for every plugin)
+
 __background_page_header__  = "#F6F6F6"          ; @ini_background_page_header
 __border_light__            = "#dadada"          ; @ini_border_light
 __background_page_footer__  = "#252525"          ; @ini_background_page_footer
 
 
-; main text and background colors
-__text__                    = "#252525"          ; @ini_text                               (guaranteed for every plugin)
-__text_neu__                = "#656565"          ; @ini_text_neu                           (guaranteed for every plugin)
-
-
 ; highlighted text (e.g. search snippets)
 __highlight__               = "#efefef"          ; @ini_highlight                          (guaranteed for every plugin)
 __highlight_text__          = "#252525"          ; @ini_highlight_text

From 3554750745055d770bc152162c46711324e4186f Mon Sep 17 00:00:00 2001
From: Silke Pisulla <pisulla@cosmocode.de>
Date: Fri, 7 Apr 2017 15:21:27 +0200
Subject: [PATCH 56/58] SPR-908: QS - code aufteilung

---
 css/area_nav-breadcrumb.less | 94 +-----------------------------------
 css/plugins/do_tasks.less    | 27 +++++++++--
 css/plugins/qc.less          | 79 ++++++++++++++++++++++++++++--
 3 files changed, 100 insertions(+), 100 deletions(-)

diff --git a/css/area_nav-breadcrumb.less b/css/area_nav-breadcrumb.less
index cf6730f..16ef4ad 100755
--- a/css/area_nav-breadcrumb.less
+++ b/css/area_nav-breadcrumb.less
@@ -1,5 +1,5 @@
 /**
- * This file provides the design styles for the direct / menu jump links.
+ * This file provides the design styles for the breadcrumb
  *
  * @author Jana Deutschlaender <deutschlaender@cosmocode.de>
  */
@@ -125,32 +125,6 @@
                 font-size: 1.2rem;
                 line-height: 1;
             }
-
-/* check !!! */
-            &.do_none {
-                position: relative;
-                border-radius: @ini_default_border_radius; // @ini_default_border_radius vs. @fix_border-radius
-
-                strong {
-                    overflow: hidden;
-                    background-color: @ini_background;
-                    border-color: @noopentasks-border;
-                    color: @ini_text_webframe;
-                }
-
-                .num {
-                    margin-top: 1px;
-                    background-color: @noopentasks-border; // fix
-                    color: @noopentasks-color; // fix
-                }
-            }
-/* end check !!! */
-
-            &.plugin__qc {
-                display: inline-block;
-                overflow: visible;
-                position: static;
-            }
         } // li
 
         a {
@@ -160,71 +134,5 @@
                 display: none;
             }
         }
-
-        #plugin__qc__wrapper {
-            position: absolute;
-            right: 0;
-            width: auto;
-            border: 0 none;
-            background: @ini_background_page_header;
-            background: -webkit-linear-gradient(top, @ini_background_page_header, @ini_background_content);
-            background: linear-gradient(top, @ini_background_page_header, @ini_background_content);
-            box-shadow: @box-shadow-bottom;
-            z-index: 2000;
-
-            #plugin__qc__out {
-                h1 {
-                    font-size: @font-size-head3;
-                }
-
-                h2 {
-                    margin-top: 1.6em;
-                    font-size: @font-size-head5;
-                }
-                > h1,
-                > h2,
-                > p,
-                > dl,
-                > div {
-                    padding-left: 1rem;
-                    margin-left: 0;
-                }
-
-                > div p {
-                    padding-left: 0;
-                    margin-left: 0;
-                }
-            }
-
-            &[aria-hidden="false"] {
-                margin-top: .5rem;
-            }
-        }
-
-        #plugin__qc__icon {
-            display: none;
-        }
-
-        #plugin__qc__link {
-            position: relative;
-
-            .prefix {
-                .icon-emo-happy();
-
-                width: 100%;
-                font-size: @font-size-default;
-
-                &::before {
-                    width: 100%;
-                    margin: 0;
-                }
-            }
-        }
     }
 }
-
-
-/* + + + + +  ?  + + + + + */
-.mode_admin {
-
-}
diff --git a/css/plugins/do_tasks.less b/css/plugins/do_tasks.less
index 989fe7b..261f5de 100755
--- a/css/plugins/do_tasks.less
+++ b/css/plugins/do_tasks.less
@@ -1,9 +1,28 @@
-/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
-/* all media */
-/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
+/**
+ * This file provides styles for do-task plugin
+ */
+
+
+/* + + + + +  global  + + + + + */
 
 ul.page-attributes {
     .plugin__do_pagetasks {
-        &.do_none { }
+        &.do_none {
+            position: relative;
+            border-radius: @ini_default_border_radius; // @ini_default_border_radius vs. @fix_border-radius
+
+            strong {
+                overflow: hidden;
+                background-color: @ini_background;
+                border-color: @noopentasks-border;
+                color: @ini_text_webframe;
+            }
+
+            .num {
+                margin-top: 1px;
+                background-color: @noopentasks-border; // fix
+                color: @noopentasks-color; // fix
+            }
+        }
     }
 }
diff --git a/css/plugins/qc.less b/css/plugins/qc.less
index dff5a32..aaf152a 100644
--- a/css/plugins/qc.less
+++ b/css/plugins/qc.less
@@ -1,6 +1,79 @@
-#plugin__qc__wrapper{
-    font-size: @font-size-default;
-    p{
+/**
+ * This file provides styles for qc plugin
+ */
+
+
+/* + + + + +  global  + + + + + */
+
+#dokuwiki__site {
+    .plugin__qc {
+        display: inline-block;
+        overflow: visible;
+        position: static;
+    }
+
+    #plugin__qc__icon {
+        display: none;
+    }
+
+    #plugin__qc__link {
+        position: relative;
+
+        .prefix {
+            .icon-emo-happy();
+
+            width: 100%;
+            font-size: @font-size-default;
+
+            &::before {
+                width: 100%;
+                margin: 0;
+            }
+        }
+    }
+
+    #plugin__qc__wrapper {
+        position: absolute;
+        right: 0;
+        z-index: 2000;
+        width: auto;
+        box-shadow: @box-shadow-bottom;
+        background: @ini_background_page_header;
+        background: -webkit-linear-gradient(top, @ini_background_page_header, @ini_background_content);
+        background: linear-gradient(top, @ini_background_page_header, @ini_background_content);
+        border: 0 none;
         font-size: @font-size-default;
+
+        p {
+            font-size: @font-size-default;
+        }
+
+        #plugin__qc__out {
+            h1 {
+                font-size: @font-size-head3;
+            }
+
+            h2 {
+                margin-top: 1.6em;
+                font-size: @font-size-head5;
+            }
+            > h1,
+            > h2,
+            > p,
+            > dl,
+            > div {
+                padding-left: 1rem;
+                margin-left: 0;
+            }
+
+            > div p {
+                padding-left: 0;
+                margin-left: 0;
+            }
+        }
+
+        &[aria-hidden="false"] {
+            margin-top: .5rem;
+        }
     }
 }

From 7cc53208e5160fc7a636660bd27e9e03d11dcbc0 Mon Sep 17 00:00:00 2001
From: Silke Pisulla <pisulla@cosmocode.de>
Date: Fri, 7 Apr 2017 15:22:54 +0200
Subject: [PATCH 57/58] SPR-908: QS - comments

---
 css/plugins/bureaucracy.less        | 17 ++++++-----------
 css/plugins/edittable.less          |  5 ++++-
 css/plugins/extension__manager.less |  9 ++++++---
 css/plugins/hightlight_parent.less  |  7 +++++++
 css/plugins/magic-matcher.less      |  6 +++---
 css/plugins/mediamanager.less       |  6 +++---
 css/plugins/move.less               | 12 ++++++++++--
 css/plugins/popupviewer.less        |  5 +++++
 css/plugins/struct.less             | 11 +++++++----
 9 files changed, 51 insertions(+), 27 deletions(-)

diff --git a/css/plugins/bureaucracy.less b/css/plugins/bureaucracy.less
index 0c2f12d..3ba0143 100755
--- a/css/plugins/bureaucracy.less
+++ b/css/plugins/bureaucracy.less
@@ -1,6 +1,9 @@
-/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
-/* all media */
-/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
+/**
+ * This file provides styles for bureaucracy plugin
+ */
+
+
+/* + + + + +  global  + + + + + */
 
 .dokuwiki form.bureaucracy__plugin {
     fieldset {
@@ -42,7 +45,6 @@
         select {
             float: left;
             width: 50%;
-            //min-height: @toggle-size;
             text-align: left;
             padding: .1em .2em;
         }
@@ -95,13 +97,6 @@
 }
 
 
-
-
-#icke__page .content ul.autocompletion {}
-
-ul.autocompletion li {}
-
-
 /* + + + + + + + + + + + + + + + + + + + + + + + + + + */
 /* min-width: 1440px */
 
diff --git a/css/plugins/edittable.less b/css/plugins/edittable.less
index 9f7f60d..21cad08 100644
--- a/css/plugins/edittable.less
+++ b/css/plugins/edittable.less
@@ -1,7 +1,10 @@
 /**
- * Style Adjustments for the edittable plugin
+ * This file provides styles for qc edittable plugin
  */
 
+
+/* + + + + +  global  + + + + + */
+
 #dokuwiki__content.main-content {
     div.editbutton_table {
         position: relative; // for IE
diff --git a/css/plugins/extension__manager.less b/css/plugins/extension__manager.less
index d244221..3d3b80d 100644
--- a/css/plugins/extension__manager.less
+++ b/css/plugins/extension__manager.less
@@ -1,6 +1,9 @@
-/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
-/* all media */
-/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
+/**
+ * This file provides styles for extension manager
+ */
+
+
+/* + + + + +  global  + + + + + */
 
 .dokuwiki #extension__manager {
     .actions {
diff --git a/css/plugins/hightlight_parent.less b/css/plugins/hightlight_parent.less
index c77b690..a59a4df 100644
--- a/css/plugins/hightlight_parent.less
+++ b/css/plugins/hightlight_parent.less
@@ -1,3 +1,10 @@
+/**
+ * This file provides styles for highlight plugin
+ */
+
+
+/* + + + + +  global  + + + + + */
+
 @media @screen_max-md {
     #plugin__highlightparent {
         clear: both;
diff --git a/css/plugins/magic-matcher.less b/css/plugins/magic-matcher.less
index 936f65e..b61be46 100755
--- a/css/plugins/magic-matcher.less
+++ b/css/plugins/magic-matcher.less
@@ -1,6 +1,6 @@
-/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
-/* all media */
-/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
+/**
+ * This file provides styles for magic matcher plugin
+ */
 
 
 /* + + + + + + + + + + + + + + + + + + + + + + + */
diff --git a/css/plugins/mediamanager.less b/css/plugins/mediamanager.less
index fee2391..33515fb 100644
--- a/css/plugins/mediamanager.less
+++ b/css/plugins/mediamanager.less
@@ -1,9 +1,9 @@
 /**
- * This file provides styles for the edit view (?do=edit), preview
- * and section edit buttons.
+ * This file provides styles for mediamanager
  */
 
-/* + + + + +  mediamanager  + + + + + */
+
+/* + + + + +  global  + + + + + */
 
 #mediamanager__page {
     .namespaces h2 {
diff --git a/css/plugins/move.less b/css/plugins/move.less
index 885f1b4..3863e28 100644
--- a/css/plugins/move.less
+++ b/css/plugins/move.less
@@ -1,6 +1,14 @@
-#dokuwiki__site > .plugin_move_dialog{
+/**
+ * This file provides styles for move plugin
+ */
+
+
+/* + + + + +  global  + + + + + */
+
+#dokuwiki__site > .plugin_move_dialog {
     font-size: @font-size-default;
-    *{
+
+    * {
         font-size: @font-size-default;
     }
 }
diff --git a/css/plugins/popupviewer.less b/css/plugins/popupviewer.less
index 8335dbb..afa3119 100755
--- a/css/plugins/popupviewer.less
+++ b/css/plugins/popupviewer.less
@@ -1,5 +1,10 @@
+/**
+ * This file provides styles for popupviewer plugin
+ */
 
 
+/* + + + + +  global  + + + + + */
+
 #popupviewer {
     > .controls > .content {
 
diff --git a/css/plugins/struct.less b/css/plugins/struct.less
index 0a17cdb..1f9998b 100755
--- a/css/plugins/struct.less
+++ b/css/plugins/struct.less
@@ -1,6 +1,9 @@
-/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
-/* all media */
-/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
+/**
+ * This file provides styles for struct plugin
+ */
+
+
+/* + + + + +  global  + + + + + */
 
 #dokuwiki__content {
     .structaggregation {
@@ -97,7 +100,7 @@
 }
 
 
-/* + + + + +  Struct Schema Editor  + + + + + */
+/* + + + + +  form - Struct Schema Editor  + + + + + */
 form {
     &.doku_form.struct_newschema {
         fieldset {

From 321533cad24a122b314cfb2b30fdbf8d170a3720 Mon Sep 17 00:00:00 2001
From: Silke Pisulla <pisulla@cosmocode.de>
Date: Fri, 7 Apr 2017 15:23:02 +0200
Subject: [PATCH 58/58] prepared

---
 css/plugins/starred.less | 10 ++++++++++
 1 file changed, 10 insertions(+)
 create mode 100644 css/plugins/starred.less

diff --git a/css/plugins/starred.less b/css/plugins/starred.less
new file mode 100644
index 0000000..6c3e0c6
--- /dev/null
+++ b/css/plugins/starred.less
@@ -0,0 +1,10 @@
+/**
+ * This file provides styles for starred plugin
+ */
+
+
+/* + + + + +  global  + + + + + */
+
+#dokuwiki__site {
+
+}