natenom-websites/scss/import/wiki.scss

// is located in dokuwiki/conf/userall.css

@media screen {
  body {
    background: rgb(245, 245, 245);
    #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: 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 {
                            background: $nom-blue;
                            border-color: $nom-blue-dark;
                            color: rgb(255, 255, 255);
                            &:first-of-type {
                              background: transparent;
                              border-color: transparent;
                              color: $nom-blue;
                            }
                          }
                          &.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
                              background: $nom-blue-dark;
                              border-color: $nom-blue-dark;
                              color: rgb(255, 255, 255);
                              text-decoration: none;
                              z-index: 2;
                            }
                          }
                        }
                      }
                    //}
                  }
                }
              }
            }
          }
          #dokuwiki__content {
            .pad {
              .pageId {
                span {
                  box-shadow: 0 0 5px $grey-light;
                }
              }
              .page {
                box-shadow: 0 0 5px $grey-light;
                counter-reset: level1; // content only
                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;
                  }
                }
                #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;
                        }
                      }
                    }
                  }
                }
                div {
                  .dokuteaser {
                    p {
                      .media {
                        .mediaright {
                          margin-top: 0;
                        }
                      }
                      .wikilink1 {
                        display: initial;
                        &:last-child {
                          display: block;
                        }
                      }
                    }
                  }
                }
              }
              .thumb2 { // Bild ohne Rahmen
                padding-bottom: 16px;
              }
            }
          }
        }
      }
    }
  }


}

@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;
        }
      }
    }
  }

}

@media print {
  body {
    #dokuwiki__site {
      .site {
        .topbar { // _old_ topbar (pre ~2015; plugin)
            display: none; // don't print the topbar
        }
      }
    }
  }
}