metabox part 1

css/area_content.less

@@ -22,7 +22,7 @@
             }
             #meta-box{
                 display: inline-block;
-                height: 3rem;
+                height: 2.05rem;
                 max-width: 40%;
                 float: right;
                 border: 1px solid transparent;

css/area_nav-metabox.less

@@ -0,0 +1,56 @@
+#meta-box{
+
+    ul.nav-tabs {
+        border-bottom: 1px solid @background_page-header;
+        background-color: @background_page-header;
+        position: relative;
+        bottom: -2px;
+        margin: 0; padding: 0;
+
+        list-style: none;
+        &::before, &::after {
+            display: table;
+            content: " ";
+            box-sizing: border-box;
+            clear: both;
+        }
+        >li {
+            margin: -1px;
+            position: relative;
+            display: inline-block;
+            >a {
+                font-size: .78rem;
+                margin-right: 2px;
+                line-height: 1.42857143;
+                position: relative;
+                display: block;
+                padding: .5em 2em;
+                border: 1px solid transparent;
+                border-radius: 4px 4px 0 0;
+                color:  @color-nav;
+                .prefix{
+                    font-size: .78rem;
+                    color:  @color-nav;
+                }
+                .num{
+                    font-size: .56rem;
+                }
+                &:hover, &:focus, &:active{
+                    color: #555;
+                    cursor: default;
+                    background-color: #fff;
+                    border-color: 1px solid @button_background;
+                    border-bottom-color: transparent;
+                }
+            }
+            &.active >a{
+                color: #555;
+                cursor: default;
+                background-color: #fff;
+                border-color: transparent;
+            }
+        }
+    }
+
+}
+

css/base_design.less

@@ -112,6 +112,7 @@ h6 {
 h1 {
     font-size: 1.4rem;
     margin: 0 0 0.444em;
+    padding-top: 1em;
 }
 
 h2 {

css/plugins/popupviewer.less

@@ -0,0 +1,7 @@
+
+
+#popupviewer{
+    > .controls > .content{
+        padding: 1.5rem 1rem 1rem;
+    }
+}

lang/de/lang.php

@@ -19,6 +19,7 @@ $lang['head_menu_main']             = 'Hauptmenü';
 $lang['head_menu_status']           = 'Seitenstatus';
 $lang['head_breadcrumb']            = 'Standortanzeiger';
 $lang['head_menu_trace']            = 'zuletzt angesehen';
+$lang['head_meta_box']              = 'Metainformationen zur Seite';
 
 $lang['quality_trigger']            = 'Seitenanalyse ein- bzw. ausblenden';
 

lang/en/lang.php

@@ -19,6 +19,7 @@ $lang['head_menu_main']             = 'main menu';
 $lang['head_menu_status']           = 'site status';
 $lang['head_breadcrumb']            = 'location indicator';
 $lang['head_menu_trace']            = 'trace / visited last';
+$lang['head_meta_box']              = 'meta data for this page';
 
 $lang['quality_trigger']            = 'toggle page analysis';
 

main.php

@@ -326,7 +326,18 @@ $showSidebar =  true; /*  */
                         </div>
 
                         <div id="dokuwiki__content" class="page main-content">
-                            <div id="meta-box"></div>
+                            <div id="meta-box">
+                                <h6 class="sr-only" role="heading" aria-level="2"><?php echo  tpl_getLang('head_meta_box')  ?></h6>
+
+                                <?php
+
+
+/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
+/* meta box */
+/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
+                                include('tpl/nav-meta-box.php'); ?>
+                            </div>
+
 
                             <?php
 

style.ini

@@ -69,6 +69,7 @@ css/area_nav-breadcrumb.less          = all
 css/area_nav-usertools.less           = all
 css/area_sidebar-search.less          = all
 css/area_nav-pagetools.less           = all
+css/area_nav-metabox.less             = all
 css/area_main-sidebar.less            = all
 css/area_sidetools.less               = all
 css/area_main-content.less            = all
@@ -76,6 +77,7 @@ css/area_main-content.less            = all
 
 ; _____________  plugin styles _____________
 
+css/plugins/popupviewer.less          = all
 css/plugins/magic-matcher.less        = all
 css/plugins/do_tasks.less             = all
 css/plugins/struct.less               = all

tpl/nav-meta-box.php

@@ -0,0 +1,17 @@
+<ul class="nav-tabs">
+    <li><a data-toggle="tab" href="#tab1" aria-expanded="false"><span class="prefix">Sitemap</span><span class="num"></span></a></li>
+    <li><a data-toggle="tab" href="#tab2" aria-expanded="false"><span class="prefix">Jira</span><span class="num"></span></a></li>
+    <li class="active"><a data-toggle="tab" href="#tab3" aria-expanded="true"><span class="prefix">Tags</span><span class="num"></span></a></li>
+</ul>
+
+<div class="tab-content">
+    <div id="tab1" class="tab-pane fade in active">
+
+    </div>
+    <div id="tab2" class="tab-pane fade">
+
+    </div>
+    <div id="tab3" class="tab-pane fade">
+
+    </div>
+</div>