diff --git a/css/area_togglelink.less b/css/area_togglelink.less
index 10a47bc..4c06ad5 100755
--- a/css/area_togglelink.less
+++ b/css/area_togglelink.less
@@ -8,52 +8,44 @@
top: 0;
bottom: -1px;
width: 2rem;
- left: -(@margin-default);
+ left: -(@margin-default + 0.25rem);
@media @screen_max-md {
display: none;
}
a {
- .fontello-double();
- .icon-right-bold();
- .icon-left-bold();
-
- .display-flex();
- .flex-direction();
- .justify-content();
+ position: absolute;
+ inset: 0;
width: @margin-default;
height: 100%;
- 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: @ini_button_color;
+ background-color: transparent;
+ border: solid 1px var(--color-shade-4);
+ border-right-style: none;
+ border-radius: 0.5rem 0 0 0.5rem;
+ color: var(--color-shade-4);
text-decoration: none;
transition: @transition color, @transition background-color, @transition border-color;
- &::before,
- &::after {
- width: 100%;
- opacity: .6;
- font-size: 1rem;
- line-height: 1;
- text-align: center;
- margin: 0;
- transition: @transition opacity;
- }
-
&::before {
- opacity: 1;
- font-size: 1.25rem;
+ content: '';
+ display: block;
+ position: absolute;
+ inset: 0.3rem;
+ mask-size: contain;
+ mask-position: center;
+ mask-repeat: no-repeat;
+ background-color: currentColor;
+ mask-image: url('img/arrow_left.svg');
+
}
&:hover,
&:focus,
&:active {
- background-color: @ini_button_color;
- border-color: @ini_button_background;
- color: @ini_button_background;
+ border-color: var(--color-white);
+ color: var(--color-white);
text-decoration: none;
* {
@@ -61,43 +53,25 @@
text-decoration: none;
}
- &::after {
- opacity: 0;
- }
+ --local-primary: var(--color-primary);
+ filter: @dropshadow;
+ transition: @neonflicker;
+
}
}
/* + + + toggle out + + + */
+
.wide-content & {
left: 0;
a {
- 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
+ border-radius: 0 0.5rem 0.5rem 0;
+ border-style: solid;
+ border-left-style: none;
&::before {
- opacity: .6;
- font-size: 1rem;
- }
-
- &::after {
- opacity: 1;
- font-size: 1.25rem;
- }
-
- &:hover,
- &:focus,
- &:active {
- background-color: @ini_button_color;
-
- &::before {
- opacity: 0;
- }
-
- &::after {
- opacity: 1;
- }
+ mask-image: url('img/arrow_right.svg');
}
}
}
diff --git a/css/base_design.less b/css/base_design.less
index b1ced9b..f4d73bf 100755
--- a/css/base_design.less
+++ b/css/base_design.less
@@ -23,6 +23,15 @@ html, body {
}
.dokuwiki {
+ .tabs > ul li a,
+ ul.tabs li strong,
+ ul.tabs li a {
+ border-color: var(--color-shade-4);
+ }
+ ul.tabs::after {
+ border-color: var(--color-shade-4);
+ }
+
.page ol li,
.page ul li,
.aside ul li {
@@ -88,6 +97,7 @@ html, body {
}
/* license note under edit window */
+
div.license {
font-size: @font-size-small;
line-height: @line-height-default;
diff --git a/css/plugins/extension__manager.less b/css/plugins/extension__manager.less
index eae01b4..8ccd7b4 100644
--- a/css/plugins/extension__manager.less
+++ b/css/plugins/extension__manager.less
@@ -3,15 +3,40 @@
*/
/* + + + + + global + + + + + */
-.dokuwiki #extension__manager {
- .actions {
- font-size: 0;
+.dokuwiki {
+ #extension__manager {
+ .actions {
+ font-size: 0;
- > button {
- font-size: .92rem;
- margin-left: .3rem;
- padding-left: .3rem;
- padding-right: .3rem;
+ > button {
+ font-size: .92rem;
+ margin-left: .3rem;
+ padding-left: .3rem;
+ padding-right: .3rem;
+ }
+ }
+
+ ul.tabs {
+ li.active {
+ a {
+ background-color: var(--color-shade-3);
+ color: var(--color-foreground);
+ border-color: var(--color-shade-4);
+ }
+ }
+ }
+
+ .panelHeader {
+ background-color: var(--color-shade-2);
+ }
+ }
+
+ #extension__list {
+ .extensionList {
+
+ li {
+ color: var(--color-foreground);
+ }
}
}
}
diff --git a/css/plugins/mediamanager.less b/css/plugins/mediamanager.less
index 4c3269c..e591949 100644
--- a/css/plugins/mediamanager.less
+++ b/css/plugins/mediamanager.less
@@ -4,10 +4,18 @@
/* + + + + + global + + + + + */
#mediamanager__page {
- .namespaces h2 {
- bottom: 0;
- line-height: 100%;
- margin-bottom: -1px;
+ .namespaces{
+ h2 {
+ bottom: 0;
+ line-height: 100%;
+ margin-bottom: -1px;
+ background-color: var(--color-shade-3);
+ color: var(--color-foreground);
+ border-color: var(--color-shade-4);
+ }
+ .panelHeader {
+ border-color: var(--color-shade-4);
+ }
}
#media__tree ul li img {
diff --git a/js/anchor.js b/js/anchor.js
index 76907ba..6bbd854 100644
--- a/js/anchor.js
+++ b/js/anchor.js
@@ -2,8 +2,8 @@ jQuery(function () {
jQuery('#dokuwiki__content.main-content').find('h1,h2,h3,h4,h5').append(function () {
if (this.id) {
return '<a href="#' + this.id + '" class="anchor">' +
- '<svg viewBox="2 2 22 22">' +
- '<path d="M10.59,13.41C11,13.8 11,14.44 10.59,14.83C10.2,15.22 9.56,15.22 9.17,14.83C7.22,12.88 7.22,9.71 9.17,7.76V7.76L12.71,4.22C14.66,2.27 17.83,2.27 19.78,4.22C21.73,6.17 21.73,9.34 19.78,11.29L18.29,12.78C18.3,11.96 18.17,11.14 17.89,10.36L18.36,9.88C19.54,8.71 19.54,6.81 18.36,5.64C17.19,4.46 15.29,4.46 14.12,5.64L10.59,9.17C9.41,10.34 9.41,12.24 10.59,13.41M13.41,9.17C13.8,8.78 14.44,8.78 14.83,9.17C16.78,11.12 16.78,14.29 14.83,16.24V16.24L11.29,19.78C9.34,21.73 6.17,21.73 4.22,19.78C2.27,17.83 2.27,14.66 4.22,12.71L5.71,11.22C5.7,12.04 5.83,12.86 6.11,13.65L5.64,14.12C4.46,15.29 4.46,17.19 5.64,18.36C6.81,19.54 8.71,19.54 9.88,18.36L13.41,14.83C14.59,13.66 14.59,11.76 13.41,10.59C13,10.2 13,9.56 13.41,9.17Z" />' +
+ '<svg viewBox="0 0 20 20">' +
+ '<path d="m 15.416601,0 c -1.58446,-4.6014118e-8 -2.991809,0.81019022 -3.813281,2.0403646 l -1.89e-4,2.645e-4 -1.6649087,2.4970052 a 0.83333545,0.83333545 0 0 0 0.2313147,1.1557943 0.83333545,0.83333545 0 0 0 1.155534,-0.2310548 l 1.664323,-2.4965493 2.52e-4,-5.166e-4 c 0.523149,-0.7831205 1.408706,-1.298698 2.426953,-1.2986979 1.6207,0 2.916798,1.2960971 2.916798,2.9167968 0,0.6021756 -0.179631,1.154007 -0.489128,1.6171224 l -2.52e-4,2.645e-4 -3.333658,5.0005203 c -0.523149,0.783122 -1.408706,1.298698 -2.426953,1.298698 -1.6207,0 -2.916797,-1.295901 -2.916797,-2.9166011 0,-0.11021 0.0062,-0.2187797 0.017969,-0.3252604 A 0.83333545,0.83333545 0 0 0 8.447859,8.3383588 0.83333545,0.83333545 0 0 0 7.5280673,9.0750775 c -0.018477,0.1671322 -0.02806,0.3368675 -0.02806,0.5083334 0,2.5214361 2.0619628,4.5832031 4.5833987,4.5832031 1.584459,0 2.991809,-0.809929 3.813282,-2.040104 l 2.52e-4,-5.17e-4 3.333203,-4.9994788 C 19.716167,6.3991244 20,5.5202455 20,4.5833984 20,2.0619631 17.938037,9.202824e-8 15.416601,0 Z M 7.9166015,5.8333983 C 6.3321419,5.8333982 4.9247921,6.643328 4.1033203,7.8735025 l -1.89e-4,5.165e-4 -3.33366517,5.000265 C 0.28367569,13.601502 0,14.480069 0,15.416601 0,17.938037 2.0619629,20 4.5833984,20 c 1.58446,0 2.9918085,-0.810191 3.8132812,-2.040364 l 1.889e-4,-2.52e-4 1.6649085,-2.497006 A 0.83333545,0.83333545 0 0 0 9.8304623,14.306584 0.83333545,0.83333545 0 0 0 8.6749285,14.537639 L 7.0103452,17.03471 c -0.5231502,0.783122 -1.4087056,1.298697 -2.4269531,1.298697 -1.6206999,0 -2.9167969,-1.296097 -2.9167969,-2.916797 0,-0.602177 0.1796968,-1.154007 0.4891927,-1.617122 l 2.016e-4,-2.52e-4 3.3334635,-4.9999997 2.646e-4,-5.166e-4 c 0.5231491,-0.7831206 1.4086408,-1.298698 2.426888,-1.2986979 1.6206997,0 2.9168624,1.2959017 2.9168624,2.9166012 0,0.110213 -0.0062,0.21879 -0.01797,0.325261 a 0.83333545,0.83333545 0 0 0 0.736719,0.919791 0.83333545,0.83333545 0 0 0 0.919726,-0.736718 C 12.490419,10.757796 12.5,10.588061 12.5,10.416601 12.5,7.895166 10.438037,5.8333983 7.9166015,5.8333983 Z" />' +
'</svg>' +
'</a>';
} else {