WIP 02: style adjustments to match eh22 styleguide

css/plugins/edit.less

@@ -7,13 +7,11 @@
 #dokuwiki__content {
     div.section_highlight {
         clear: right;
-        background: repeating-linear-gradient(
-            -45deg,
-            var(--color-shade-1),
-            var(--color-shade-1) 10px,
-            var(--color-background) 10px,
-            var(--color-background) 20px,
-        );
+        background: repeating-linear-gradient(-45deg,
+        var(--color-shade-1),
+        var(--color-shade-1) 10px,
+        var(--color-background) 10px,
+        var(--color-background) 20px,);
         border-color: var(--color-background);
     }
 
@@ -23,6 +21,16 @@
         font-size: 100%;
         margin-top: .5rem;
         margin-bottom: .5rem;
+
+        &::after {
+
+        }
+
+        &:hover {
+            &::after {
+                border: none;
+            }
+        }
     }
 
     div.editBox {
@@ -42,11 +50,13 @@
                     white-space: normal;
                     display: block;
                     width: 100%;
+
                     span {
                         display: inline-block;
                         padding-bottom: .4rem;
                     }
-                    input#edit__summary{
+
+                    input#edit__summary {
                         max-width: 100%;
                         box-sizing: border-box;
                     }

css/plugins/translation.less

@@ -1,6 +1,7 @@
 /**
  * This file provides styles for the translation plugin
  */
+@import "../base";
 
 
 .dokuwiki div.plugin_translation {
@@ -11,8 +12,8 @@
 
     box-sizing: border-box;
     width: 100%;
-    border-bottom: 1px solid var(--color-shade-4);
     padding-bottom: 0.5rem;
+    height: 4rem;
 
     + * {
         clear: both;
@@ -20,11 +21,28 @@
     }
 
     ul li {
-        a.wikilink1:link,
-        a.wikilink1:hover,
-        a.wikilink1:active,
-        a.wikilink1:visited {
-            background-color: @ini_link;
+        // active language
+        span.wikilink1 {
+            .fnButton();
+            .fnActiveButton();
+            cursor: default;
+        }
+
+        a.wikilink1{
+            .fnButton();
+        }
+
+        span.wikilink2{
+            .fnButton();
+            .fnButtonSecondary();
+            .fnActiveButtonSecondary()
+        }
+
+        a.wikilink2,
+        a.wikilink2:visited{
+            .fnButton();
+            .fnButtonSecondary();
+            background-color: var(--color-shade-4);
         }
     }
 }