asciidoxy-toc-left.css

/*! Copyright (C) 2019, TomTom (http://tomtom.com).
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *   http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Extension of the AsciiDoctor CSS for AsciiDoxy.
 * Adding:
 * - Support a multipage TOC to the left, forcing normal TOC to the right.
 * - Floating multipage navigation.
 */
@import "https://fonts.googleapis.com/css?family=Open+Sans:300,300italic,400,400italic,600,600italic%7CNoto+Serif:400,400italic,700,700italic%7CDroid+Sans+Mono:400,700";
@import "https://cdn.jsdelivr.net/gh/asciidoctor/asciidoctor@2.0/data/stylesheets/asciidoctor-default.css";

/* Multipage TOC left */
@media screen and (min-width: 768px) {
    body {
        padding-left: 15em;
    }
    body.toc2 {
        padding-left: 15em;
        padding-right: 15em;
    }
    body.toc2.toc-right {
        padding-left: 15em;
        padding-right: 15em;
    }
    body.toc2.toc-right #toc.toc2 {
        border-right-width: 0;
        border-left: 1px solid #e7e7e9;
        left: auto;
        right: 0;
    }
    #toc.toc2 {
        border-right-width: 0;
        border-left: 1px solid #e7e7e9;
        left: auto;
        right: 0;
    }
}
@media screen and (min-width: 1280px) {
    body {
        padding-left: 20em;
    }
    body.toc2 {
        padding-left: 20em;
        padding-right: 20em;
    }
    body.toc2.toc-right {
        padding-left: 20em;
        padding-right: 20em;
    }
}

/* Multipage navigation */
div#navigation {
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 1000;
}
div#navigation table {
    margin-bottom: 0;
}
@media screen and (min-width: 768px) {
    div#navigation {
        left: 15em;
    }
    body.toc2 div#navigation {
        right: 15em;
    }
}
@media screen and (min-width: 1280px) {
    div#navigation {
        left: 20em;
    }
    body.toc2 div#navigation {
        right: 20em;
    }
}