1
1
Fork 0
This repository has been archived on 2022-03-02. You can view files and clone it, but cannot push or open issues or pull requests.
natenom-websites/scss/import/wiki.scss

388 lines
13 KiB
SCSS
Raw Normal View History

2020-10-11 15:19:26 +02:00
// is located in dokuwiki/conf/userall.css
@media screen {
2021-02-21 13:06:02 +01:00
html, body {
background: var(--background);
color: var(--text);
2020-10-11 20:02:35 +02:00
#dokuwiki__site {
.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: none;
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 {
2021-09-14 14:07:24 +02:00
color: var(--text);
display: inline-block;
min-height: 22px; /* make sure icons are not cut off (most icons are 16x16) */
}
}
}
}
#dokuwiki__header {
padding-top: 3.5em;
a {
color: var(--text) !important;
&:hover {
text-decoration-style: dotted !important;
}
}
.group {
2021-02-21 13:06:02 +01:00
.headings h1 a {
text-decoration-thickness: 1px !important;
2021-09-14 14:07:24 +02:00
img {
filter: var(--invert-light);
}
2021-02-21 13:06:02 +01:00
}
.tools {
#dokuwiki__usertools {
top: 2em;
}
2021-09-14 14:07:24 +02:00
#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 {
border: none !important;
}
}
.wrapper {
#dokuwiki__aside {
2021-09-14 14:07:24 +02:00
a {
color: var(--text) !important;
}
.aside {
2021-02-21 13:06:02 +01:00
background: var(--background);
box-shadow: none;
.content {
.group {
.dtree {
2020-10-19 10:20:09 +02:00
//.clip {
.dTreeNode {
2021-09-14 14:07:24 +02:00
margin: 5px 0;
position: relative;
2020-10-20 16:46:39 +02:00
&:first-of-type {
a.navSel {
background: transparent;
border-color: transparent;
2021-09-14 14:07:24 +02:00
color: var(--nom-blue);
2020-10-20 16:46:39 +02:00
}
}
&:hover {
position: unset;
}
img {
z-index: 3;
position: relative;
}
a {
&.navSel {
2021-09-14 14:07:24 +02:00
background: var(--nom-blue);
border-color: var(--nom-blue-dark);
color: var(--nom-blue-text) !important;
}
2021-09-14 14:07:24 +02:00
&.navSel,
&.node,
&.nodeFdUrl,
&.nodeSel,
&.nodeUrl {
border: 1px solid transparent;
border-radius: 2px;
margin: -2px 0 0 -17px;
padding: 3px 3px 3px 17px;
position: absolute;
transition: background .1s, color .1s, border .1s;
&:focus,
&:hover { // ueberlange Menupunkte; Hoverefekt
2021-09-14 14:07:24 +02:00
background: var(--nom-blue-dark);
border-color: var(--nom-blue-dark);
color: var(--nom-blue-text) !important;
text-decoration: none;
z-index: 2;
}
}
}
}
2020-10-19 10:20:09 +02:00
//}
}
}
}
}
}
#dokuwiki__content {
2021-09-14 14:07:24 +02:00
a {
color: var(--link) !important;
text-underline-offset: 3px !important;
&:hover {
text-decoration-style: dotted !important;
}
}
.pad {
2020-10-17 18:39:10 +02:00
.pageId {
span {
2021-09-14 14:07:24 +02:00
background-color: var(--background-contrast);
border: 0;
box-shadow: var(--box-shadow) !important;
color: var(--text);
padding: 0.5em 1em;
2020-10-17 18:39:10 +02:00
}
}
.page {
background: var(--background-contrast);
2021-09-14 14:07:24 +02:00
border: 0;
border-radius: 0;
box-shadow: var(--box-shadow) !important;
counter-reset: level1; // content only
2020-10-17 18:39:10 +02:00
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;
}
}
2021-09-14 14:07:24 +02:00
li {
.li {
color: var(--text);
}
}
#dw__toc { // Inhaltsverzeichnis
2021-09-14 14:07:24 +02:00
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: "";
}
h3 {
&:before { // Inhaltsverzeichnis-Ueberschrift soll keine Nummer 0.1 haben.
content:""
}
2021-09-15 22:49:50 +02:00
strong { // Knopf zum öffnen / schließen des Inhaltsverzeichnisses
filter: var(--invert-dark);
}
}
div {
ul.toc {
2021-09-15 22:49:50 +02:00
padding: 0 0 0 0.5em;
2021-09-14 14:07:24 +02:00
a {
color: var(--text) !important;
text-decoration: none !important;
&:hover {
text-decoration: underline !important;
text-decoration-style: dotted !important;
}
}
2021-09-15 22:49:50 +02:00
li {
list-style-image: unset; // Punkte entfernt, da semantisch falsch
&.level1 {
counter-reset: level2;
a:before {
content: counter(level1) " ";
counter-increment: level1;
}
}
2021-09-15 22:49:50 +02:00
&.level2 {
counter-reset: level3;
a:before {
content: counter(level1) "." counter(level2) " ";
counter-increment: level2;
}
}
2021-09-15 22:49:50 +02:00
&.level3 {
counter-reset: level4;
a:before {
content: counter(level1) "." counter(level2) "." counter(level3) " ";
counter-increment: level3;
}
}
2021-09-15 22:49:50 +02:00
&.level4 {
counter-reset: level5;
a:before {
content: counter(level1) "." counter(level2) "." counter(level3) "." counter(level4) " ";
counter-increment: level4;
}
2021-09-14 14:07:24 +02:00
}
2021-09-15 22:49:50 +02:00
&.level5 {
a:before {
content: counter(level1) "." counter(level2) "." counter(level3) "." counter(level4) "." counter(level5) " ";
counter-increment: level5;
}
}
}
}
}
}
2020-10-17 18:39:10 +02:00
div {
2021-09-14 14:07:24 +02:00
.wrap_tip { // Information / Hinweis
background-color: var(--yellow);
border-radius: 10px;
2021-09-15 22:49:50 +02:00
color: var(--text-dark);
}
.wrap_info {
background-color: var(--grey);
border-radius: 10px;
color: var(--text-dark);
}
.wrap_download {
background-color: var(--green);
border-radius: 10px;
color: var(--text-dark);
}
.wrap_important {
border-radius: 10px;
color: var(--text-dark);
}
.wrap_help {
border-radius: 10px;
color: var(--text-dark);
}
.wrap_alert {
border-radius: 10px;
color: var(--text-dark);
}
table.inline {
thead, tbody {
tr th {
color: var(--text-dark);
}
}
}
pre {
filter: var(--invert-dark);
2021-09-14 14:07:24 +02:00
}
2020-10-17 18:39:10 +02:00
.dokuteaser {
p {
.media {
.mediaright {
margin-top: 0;
}
}
.wikilink1 {
display: initial;
&:last-child {
display: block;
}
}
}
}
}
}
.thumb2 { // Bild ohne Rahmen
2020-10-11 20:02:35 +02:00
padding-bottom: 16px;
2021-09-14 14:07:24 +02:00
.thumbinner {
background-color: transparent;
border: 0;
padding: 0;
.thumbcaption {
padding: 10px 0;
}
}
2020-10-11 20:02:35 +02:00
}
}
}
2021-09-15 22:49:50 +02:00
#dokuwiki__pagetools {
.tools ul {
background-color: var(--background-contrast);
border-color: transparent;
box-shadow: var(--box-shadow);
&:hover {
border-color: var(--border);
}
li {
a {
color: var(--text);
&:hover {
background-color: var(--background);
}
}
}
}
}
2020-10-11 20:02:35 +02:00
}
}
}
}
}
2020-10-11 15:19:26 +02:00
@media only screen and (max-width: 480px) {
body {
#dokuwiki__site {
.site {
.topbar { // _old_ topbar (pre ~2015; plugin)
position: static; // move topbar back to the bottom
}
#dokuwiki__header {
padding-top: .5em;
}
}
2020-10-11 15:19:26 +02:00
}
}
2020-10-11 15:19:26 +02:00
}
2020-10-11 15:19:26 +02:00
@media print {
body {
#dokuwiki__site {
.site {
.topbar { // _old_ topbar (pre ~2015; plugin)
display: none; // don't print the topbar
}
}
2020-10-11 15:19:26 +02:00
}
}
}