sharix-open-dokuwiki-design-template/css/structure.less

/**
 * This file provides styles for the general layout structure.
 *
 * @author Anika Henke <anika@selfthinker.org>
 */
body {
    margin: 0 auto;
}

#dokuwiki__site {
    margin: 0 auto;
    max-width: var(--ini-site-width);
}

#dokuwiki__site > .site {
    padding: 0 .5em;
}

#dokuwiki__header {
    width: 100%;

    .headings {
        float: left;
    }

    .tools {
        float: right;
        text-align: right;
    }
}

[dir=rtl] #dokuwiki__header {
    .headings {
        float: right;
        text-align: right;
    }

    .tools {
        float: left;
        text-align: left;
    }
}

#dokuwiki__site .wrapper {
    position: relative;
}

#dokuwiki__aside {
    width: var(--ini-sidebar-width);
    float: left;
    position: relative;
    display: block;

    > .pad {
        margin: 0 1.5em 0 0;
    }
}

[dir=rtl] #dokuwiki__aside {
    float: right;
    > .pad {
        margin: 0 0 0 1.5em;
    }
}

.showSidebar #dokuwiki__content {
    float: right;
    margin-left: (-1 * var(--ini-sidebar-width));
    width: 100%;

    > .pad {
        margin-left: var(--ini-sidebar-width);
    }
}

[dir=rtl] .showSidebar #dokuwiki__content {
    float: left;
    margin-left: 0;
    margin-right: (-1 * var(--ini-sidebar-width));

    > .pad {
        margin-left: 0;
        margin-right: var(--ini-sidebar-width);
    }
}

#dokuwiki__footer {
    clear: both;
}