Merge branch 'spis-master' into 'master'

num in metabox + togglelink for sitebar

See merge request !9

css/area_nav-metabox.less

@@ -41,21 +41,49 @@
                 border-radius: 4px 4px 0 0;
                 color: @color-nav;
                 cursor: pointer;
+                transition: @transition color, @transition background-color, @transition border-color;
+
                 * {
                     cursor: pointer;
                 }
+
                 .prefix {
                     font-size: .78rem;
                     color: @color-nav;
+                    position: relative;
+                    transition: @transition color;
                 }
                 .num {
+                    position: absolute;
+                    right: -.8rem;
+                    top: -.4rem;
+                    background-color: @color-border;
+                    border-radius: 2px;
+                    color: @color-nav;
                     font-size: .56rem;
+                    font-weight: 400;
+                    text-align: center;
+                    line-height: 1;
+                    padding: .2em .2rem .1em;
+                    transition: @transition color, @transition background-color;
+
                 }
-                &:hover, &:focus, &:active {
+                &:hover,
-                    color: @color-link;
+                &:focus,
+                &:active {
                     background-color: @background_page-header;
                     border-color: @color-border;
                     border-bottom-color: transparent;
+                    color: @button_background;
+
+                    .prefix {
+                        color: @button_background;
+                    }
+
+                    .num {
+                        background-color: @button_background;
+                        color: @button_color;
+                    }
                 }
             }
             &.active > a {

css/area_togglelink.less

@@ -0,0 +1,65 @@
+/**
+ * This file provides the design styles for the sidebar (navmain).
+ *
+ * @author Jana Deutschlaender <deutschlaender@cosmocode.de>
+ */
+
+
+#dokuwiki__content {
+    overflow: visible;
+
+    .togglelink {
+        &.page_main-content {
+            position: absolute;
+            top: -1px;
+            left: -2rem;
+            z-index: 1;
+
+            a {
+                display: block;
+                width: 2rem;
+                height: 3.1rem;
+                background-color: #F6F6F6;
+                border: solid 1px @color-border;
+                border-radius: 2px 0 0 2px;
+                text-decoration: none;
+                text-align: center;
+                padding-top: .9em;
+                transition: @transition color, @transition background-color, @transition border-color;
+
+                &:hover,
+                &:focus,
+                &:active {
+                    background-color: @button_background;
+                    border-color: @button_background;
+                    color: @button_color;
+                    text-decoration: none;
+
+                    * {
+                        color: inherit;
+                        text-decoration: none;
+                    }
+                }
+            }
+        }
+    }
+}
+
+/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
+/* min-width: 1440px */
+
+@media @screen_min-xlg {
+    #dokuwiki__content .togglelink {
+
+    }
+}
+
+
+/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
+/* max-width: 1199px */
+
+@media @screen_max-xlg {
+    #dokuwiki__content .togglelink {
+
+    }
+}

main.php

@@ -327,6 +327,11 @@ $classWideContent = ($ACT === "show") ? "": "wide-content ";
                         </div>
 
                         <div id="dokuwiki__content" class="page main-content">
+
+                            <div class="togglelink page_main-content">
+                                <a href="#">&lt; &gt;<span class="sr-out">auf/zu</span></a>
+                            </div>
+
                             <div id="meta-box">
                                 <h6 class="sr-only" role="heading" aria-level="2"><?php echo  tpl_getLang('head_meta_box')  ?></h6>
 

style.ini

@@ -73,6 +73,7 @@ css/area_nav-metabox.less             = all
 css/area_main-sidebar.less            = all
 css/area_sidetools.less               = all
 css/area_main-content.less            = all
+css/area_togglelink.less              = all
 
 
 ; _____________  plugin styles _____________