From 41c8ebf4905107dc791a6eaa78cca462dd3916ed Mon Sep 17 00:00:00 2001 From: Vrifox Date: Sat, 17 Oct 2020 17:10:19 +0200 Subject: [PATCH] uncluttered wiki.scss and modified dokuwiki menu (#dokuwiki__aside) --- scss/import/wiki.scss | 342 +++++++++++++++++++++++++----------------- 1 file changed, 204 insertions(+), 138 deletions(-) diff --git a/scss/import/wiki.scss b/scss/import/wiki.scss index b49f6a5..cf94844 100644 --- a/scss/import/wiki.scss +++ b/scss/import/wiki.scss @@ -1,14 +1,189 @@ // is located in dokuwiki/conf/userall.css @media screen { - body { #dokuwiki__site { - .wrapper { - #dokuwiki__content { - .pad { - .page { - .thumb2 { + .site { + .topbar { // _old_ topbar (pre ~2015; plugin) + left: 0; + top: 0; + width: 100%; + position: absolute; + ul { + background-color: __background_alt__; + border-bottom-left-radius: 5px; + border-bottom-right-radius: 5px; + border-width: 0 1px 1px; + border: solid __border__; + box-shadow: 0 1px 3px #999; + list-style: none; + margin: 0 auto; + max-width: 530px; /* change accordingly */ + overflow: hidden; + padding: 0; + text-align: center; + li { + display: inline-block; + font-size: 95%; + margin: 0; + padding: 0 2px; + a { + color: __text__; + display: inline-block; + min-height: 22px; /* make sure icons are not cut off (most icons are 16x16) */ + } + } + } + } + #dokuwiki__header { + padding-top: 3.5em; + .group { + .tools { + #dokuwiki__usertools { + top: 2em; + } + } + } + } + .wrapper { + #dokuwiki__aside { + .aside { + .content { + .group { + .dtree { + .clip { + .dTreeNode { + position: relative; + &:hover { + position: unset; + } + img { + z-index: 3; + position: relative; + } + a { + &.navSel, + &.node, + &.nodeFdUrl, + &.nodeSel, + &.nodeUrl { + border: 1px solid transparent; + margin: -2px 0 0 -17px; + padding: 3px 3px 3px 17px; + position: absolute; + transition: background .1s, color .1s, border .1s; + &:focus, + &:hover { // ueberlange Menupunkte; Hoverefekt + background: rgb(69, 136, 222); + border-color: rgb(49, 116, 202); + border-radius: 2px; + color: rgb(255, 255, 255); + text-decoration: none; + z-index: 2; + + //position:absolute; + //z-index: 2; + //background-color: #fff; + //background-color: rgba(230, 227, 250, 0.99) !important; + //padding: 3px; + //border: 1px solid black !important; + //margin-top: -3px; + //font-weight: none; + } + } + } + } + } + } + } + } + } + } + #dokuwiki__content { + .pad { + .page { + counter-reset: level1; // content only + #dw__toc { // Inhaltsverzeichnis + &:after, + &:before { // toc only; Vor und nach Inhaltsverzeichnis Counter reset machen + counter-reset: level1; content: ""; + } + h3 { + &:before { // Inhaltsverzeichnis-Ueberschrift soll keine Nummer 0.1 haben. + content:"" + } + } + div { + ul.toc { + li.level1 { + counter-reset: level2; + a:before { + content: counter(level1) " "; + counter-increment: level1; + } + } + li.level2 { + counter-reset: level3; + a:before { + content: counter(level1) "." counter(level2) " "; + counter-increment: level2; + } + } + li.level3 { + counter-reset: level4; + a:before { + content: counter(level1) "." counter(level2) "." counter(level3) " "; + counter-increment: level3; + } + } + li.level4 { + counter-reset: level5; + a:before { + content: counter(level1) "." counter(level2) "." counter(level3) "." counter(level4) " "; + counter-increment: level4; + } + } + li.level5 { + a:before { + content: counter(level1) "." counter(level2) "." counter(level3) "." counter(level4) "." counter(level5) " "; + counter-increment: level5; + } + } + } + } + } + h1 { + counter-reset: level2; + } + h2 { + counter-reset: level3; + &:before { + content: counter(level2) " "; + counter-increment: level2; + } + } + h3 { + counter-reset: level4; + &:before { + content: counter(level2) "." counter(level3) " "; + counter-increment: level3; + } + } + h4 { + counter-reset: level5; + &:before { + content: counter(level2) "." counter(level3) "." counter(level4) " "; + counter-increment: level4; + } + } + h5 { + &:before { + content: counter(level2) "." counter(level3) "." counter(level4) "." counter(level5) " "; + counter-increment: level5; + } + } + } + .thumb2 { // Bild ohne Rahmen padding-bottom: 16px; } } @@ -17,147 +192,38 @@ } } } - - /* top bar */ - .dokuwiki .topbar { - position: absolute; - top: 0; - left: 0; - width: 100%; - } - .dokuwiki .topbar ul { - text-align: center; - max-width: 530px; /* change accordingly */ - margin: 0 auto; - padding: 0; - list-style: none; - background-color: __background_alt__; - border: solid __border__; - border-width: 0 1px 1px; - border-bottom-right-radius: 5px; - border-bottom-left-radius: 5px; - box-shadow: 0 1px 3px #999; - overflow: hidden; - } - .dokuwiki .topbar ul li { - margin: 0; - padding: 0 2px; - display: inline-block; - font-size: 95%; - } - .dokuwiki .topbar ul li a { - color: __text__; - display: inline-block; - min-height: 22px; /* make sure icons are not cut off (most icons are 16x16) */ - } - - /* changes specific for the default "dokuwiki" template, - other templates need other changes! */ - #dokuwiki__header { - padding-top: 3.5em; - } - #dokuwiki__usertools { - top: 2em; - } - -} /* /@media */ -/* for screens less than 480px wide */ +} + @media only screen and (max-width: 480px) { - - /* move topbar back to the bottom */ - .dokuwiki .topbar { - position: static; + body { + #dokuwiki__site { + .site { + .topbar { // _old_ topbar (pre ~2015; plugin) + position: static; // move topbar back to the bottom + } + #dokuwiki__header { + padding-top: .5em; + } + } } + } - /* un-do some specific template changes */ - #dokuwiki__header { - padding-top: .5em; - } - -} /* /@media */ - +} @media print { - - /* don't print the topbar */ - .dokuwiki .topbar { - display: none; + body { + #dokuwiki__site { + .site { + .topbar { // _old_ topbar (pre ~2015; plugin) + display: none; // don't print the topbar + } + } } - -} /* /@media */ + } +} - -// Ueberlange Ueberschriften -div.dtree a.nodeFdUrl:hover, div.dtree a.nodeFdUrl:focus, div.dtree a.nodeFdUrl.hover, -div.dtree a.nodeUrl:hover, div.dtree a.nodeUrl:focus, div.dtree a.nodeUrl.hover, -div.dtree a.nodeSel:hover, div.dtree a.nodeSel:focus, div.dtree a.nodeSel.hover, -div.dtree a.node:hover, div.dtree a.node:focus, div.dtree a.node.hover, -div.dtree a.navSel:hover, div.dtree a.navSel:focus, div.dtree a.navSel.hover{ - position:absolute; - z-index: 2; - background-color: #fff; - background-color: rgba(230, 227, 250, 0.99) !important; - padding: 3px; - border: 1px solid black !important; - margin-top: -3px; - font-weight: none; -} - - -/* Start: Nummerierte Ueberschriften */ -div#dokuwiki__content .pad.group .page.group {counter-reset: level1;} /* content only */ -div#dokuwiki__content .pad.group .page.group #dw__toc h3:before{content:""} /* Inhaltsverzeichnis-Ueberschrift soll keine Nummer 0.1 haben. */ -div#dw__toc:before, div#dw__toc:after {counter-reset: level1; content: "";} /* toc only; Vor und nach Inhaltsverzeichnis Counter reset machen */ - -/* content, toc */ -div#dokuwiki__content .pad.group .page.group h1, div#dw__toc ul.toc li.level1 {counter-reset: level2;} -div#dokuwiki__content .pad.group .page.group h2, div#dw__toc ul.toc li.level2 {counter-reset: level3;} -div#dokuwiki__content .pad.group .page.group h3, div#dw__toc ul.toc li.level3 {counter-reset: level4;} -div#dokuwiki__content .pad.group .page.group h4, div#dw__toc ul.toc li.level4 {counter-reset: level5;} -div#dokuwiki__content .pad.group .page.group h5, div#dw__toc ul.toc li.level5 {} - -/* content only */ -div#dokuwiki__content .pad.group .page.group h2:before { - content: counter(level2) " "; - counter-increment: level2; -} -div#dokuwiki__content .pad.group .page.group h3:before { - content: counter(level2) "." counter(level3) " "; - counter-increment: level3; -} -div#dokuwiki__content .pad.group .page.group h4:before { - content: counter(level2) "." counter(level3) "." counter(level4) " "; - counter-increment: level4; -} -div#dokuwiki__content .pad.group .page.group h5:before { - content: counter(level2) "." counter(level3) "." counter(level4) "." counter(level5) " "; - counter-increment: level5; -} - -/* toc only */ -div.dokuwiki ul.toc li.level1 a:before { - content: counter(level1) " "; - counter-increment: level1; -} -div.dokuwiki ul.toc li.level2 a:before { - content: counter(level1) "." counter(level2) " "; - counter-increment: level2; -} -div.dokuwiki ul.toc li.level3 a:before { - content: counter(level1) "." counter(level2) "." counter(level3) " "; - counter-increment: level3; -} -div.dokuwiki ul.toc li.level4 a:before { - content: counter(level1) "." counter(level2) "." counter(level3) "." counter(level4) " "; - counter-increment: level4; -} -div.dokuwiki ul.toc li.level5 a:before { - content: counter(level1) "." counter(level2) "." counter(level3) "." counter(level4) "." counter(level5) " "; - counter-increment: level5; -} -/* End: nummerierte Ueberschriften */