vrifox/natenom-websites
vrifox/natenom-websites
Archived
1
1
Fork 0
Code Issues 1 Releases Activity

updated and applied wiki theme

Browse source
This commit is contained in:
Vrifox 2021-09-14 14:07:24 +02:00
parent ae94d2b6cb
commit faf12e7c29
Signed by: vrifox
GPG key ID: D40098E5B60B2197
2 changed files with 102 additions and 34 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
scss/import/colors.scss
View file

@ -5,7 +5,7 @@ $blog_body-bg-light: rgb(37, 45, 57);
$nom-blue: rgb(70, 136, 222); // #4588de
$nom-blue-dark: rgb(50, 116, 202);
$nom-blue-light: rgb(110, 176, 255); // #6db0ff
$grey: rgb(155, 155, 170);
$grey: rgb(155, 155, 170);
$grey-light: rgb(175, 175, 190);
$white: rgb(255, 255, 255);
@ -13,16 +13,30 @@ $white: rgb(255, 255, 255);
:root {
--background: rgb(33, 39, 48);
--background-contrast: rgb(37, 45, 57);
--text: rgb(255, 255, 255);
--nom-blue: rgb(70, 136, 222); // #4588de
--border: rgb(68, 93, 130);
--text: rgb(255, 255, 255);
--link: var(--nom-blue-light);
--nom-blue: rgb(70, 136, 222); // #4588de
--nom-blue-dark: rgb(50, 116, 202);
--nom-blue-light: rgb(110, 176, 255); // #6db0ff
--nom-blue-text: rgb(255, 255, 255);
--yellow: rgb(255, 247, 159);
--yellow-text: rgb(50, 50, 30);
--grey: rgb(209, 215, 223);
--grey-text: rgb(33, 39, 48);
--invert-dark: invert(100%);
--invert-light: invert(0%);
--box-shadow: none;
}
@media (prefers-color-scheme: light) {
:root {
--background: rgb(255, 255, 255);
--background-contrast: rgb(245, 245, 245);
--text: rgb(0, 0, 0);
--text: rgb(33, 39, 48);
--link: var(--nom-blue);
--invert-dark: invert(0%);
--invert-light: invert(100%);
--box-shadow: 0 0 .5em #999;
}
}

112
scss/import/wiki.scss
View file

@ -30,19 +30,21 @@
margin: 0;
padding: 0 2px;
a {
color: __text__;
color: var(--text);
display: inline-block;
min-height: 22px; /* make sure icons are not cut off (most icons are 16x16) */
}
}
}
}
.wrap_info {
border-radius: 10px;
color: var(--grey-text);
}
#dokuwiki__header {
padding-top: 3.5em;
a {
color: var(--text) !important;
text-decoration: underline !important;
text-underline-offset: 3px !important;
&:hover {
text-decoration-style: dotted !important;
}
@ -50,11 +52,28 @@
.group {
.headings h1 a {
text-decoration-thickness: 1px !important;
img {
filter: var(--invert-light);
}
}
.tools {
#dokuwiki__usertools {
top: 2em;
}
#dokuwiki__sitetools {
.search {
input {
background: var(--background-contrast);
border: 0;
box-shadow: none;
color: var(--text);
padding: 10px;
}
button {
filter: var(--invert-dark);
}
}
}
}
}
.breadcrumbs, .youarehere {
@ -62,15 +81,10 @@
}
}
.wrapper {
a {
color: var(--text) !important;
text-decoration: underline !important;
text-underline-offset: 3px !important;
&:hover {
text-decoration-style: dotted !important;
}
}
#dokuwiki__aside {
a {
color: var(--text) !important;
}
.aside {
background: var(--background);
box-shadow: none;
@ -79,12 +93,13 @@
.dtree {
//.clip {
.dTreeNode {
margin: 5px 0;
position: relative;
&:first-of-type {
a.navSel {
background: transparent;
border-color: transparent;
color: $nom-blue;
color: var(--nom-blue);
}
}
&:hover {
@ -96,13 +111,13 @@
}
a {
&.navSel {
background: $nom-blue;
border-color: $nom-blue-dark;
color: rgb(255, 255, 255);
background: var(--nom-blue);
border-color: var(--nom-blue-dark);
color: var(--nom-blue-text) !important;
}
&.navSel,
&.node,
&.nodeFdUrl,
&.navSel,
&.node,
&.nodeFdUrl,
&.nodeSel,
&.nodeUrl {
border: 1px solid transparent;
@ -113,9 +128,9 @@
transition: background .1s, color .1s, border .1s;
&:focus,
&:hover { // ueberlange Menupunkte; Hoverefekt
background: $nom-blue-dark;
border-color: $nom-blue-dark;
color: rgb(255, 255, 255);
background: var(--nom-blue-dark);
border-color: var(--nom-blue-dark);
color: var(--nom-blue-text) !important;
text-decoration: none;
z-index: 2;
}
@ -129,15 +144,28 @@
}
}
#dokuwiki__content {
a {
color: var(--link) !important;
text-underline-offset: 3px !important;
&:hover {
text-decoration-style: dotted !important;
}
}
.pad {
.pageId {
span {
box-shadow: none;
background-color: var(--background-contrast);
border: 0;
box-shadow: var(--box-shadow) !important;
color: var(--text);
padding: 0.5em 1em;
}
}
.page {
background: var(--background-contrast);
box-shadow: none;
border: 0;
border-radius: 0;
box-shadow: var(--box-shadow) !important;
counter-reset: level1; // content only
h1 {
counter-reset: level2;
@ -169,7 +197,16 @@
counter-increment: level5;
}
}
li {
.li {
color: var(--text);
}
}
#dw__toc { // Inhaltsverzeichnis
background: var(--background);
border: 0;
margin: 0 0 .5em 1.4em;
padding: 0.5em;
&:after,
&:before { // toc only; Vor und nach Inhaltsverzeichnis Counter reset machen
counter-reset: level1; content: "";
@ -181,6 +218,14 @@
}
div {
ul.toc {
a {
color: var(--text) !important;
text-decoration: none !important;
&:hover {
text-decoration: underline !important;
text-decoration-style: dotted !important;
}
}
li.level1 {
counter-reset: level2;
a:before {
@ -207,10 +252,10 @@
a:before {
content: counter(level1) "." counter(level2) "." counter(level3) "." counter(level4) " ";
counter-increment: level4;
}
}
}
li.level5 {
a:before {
a:before {
content: counter(level1) "." counter(level2) "." counter(level3) "." counter(level4) "." counter(level5) " ";
counter-increment: level5;
}
@ -219,6 +264,11 @@
}
}
div {
.wrap_tip { // Information / Hinweis
background-color: var(--yellow);
border-radius: 10px;
color: var(--yellow-text);
}
.dokuteaser {
p {
.media {
@ -238,6 +288,14 @@
}
.thumb2 { // Bild ohne Rahmen
padding-bottom: 16px;
.thumbinner {
background-color: transparent;
border: 0;
padding: 0;
.thumbcaption {
padding: 10px 0;
}
}
}
}
}
@ -274,7 +332,3 @@
}
}
}