/**
 * This file provides the styles for printing.
 *
 * @author Jana Deutschlaender <deutschlaender@cosmocode.de>,
           Silke Pisulla <pisulla@cosmocode.de>
 */


/* + + + + +  variables  + + + + + */

@color-print: #000;
@background-print: transparent;
@border-color-print: #ccc;
@border-dark-print: #777;


/*  + + + + + print styles  + + + + + */

html,
body {
    background: @background-print;
}

a:link,
a:visited {
    background: @background-print !important;
    color: @color-print !important;
    text-decoration: underline;
}

/* lightbox is shown: */ #dokuwiki__top[style="overflow: hidden;"] .page-wrapper,
#spr__direct,
.top-header,
.main-footer,
.menu-togglelink,
.main-title.desktop-only,
#spr__meta-box,
.content .row > .col-xs-12 #dokuwiki__content::before,
.page-wrapper > .tools,
.breadcrumbs,
.structaggregation > a.export,
#dokuwiki__content .structaggregation > a,
#dokuwiki__content a.folder {
    display: none !important;
}

.content .row > .col-xs-12 {
    box-shadow: none;
}

.dokuwiki div.page,
.main-sidebar.claim,
.page-footer {
    padding: 20pt 20pt 0;
}


/* + + + + +  admin  + + + + + */

// Extension Manager
#extension__manager {
    form.search {
        display: inline-block;
        margin-bottom: 20pt;
    }
}

#extension__list {
    .extensionList {
        border-bottom: 1pt solid @border-color-print;
        padding: 0;

        li {
            list-style-type: none;
            border-top: 1pt solid @border-color-print;
            margin-left: 0;

            &::after {
                content: '';
                clear: both;
                display: table;
                height: 10pt;
            }

            a.info,
            .actions.col {
                display: none;
            }

            .screenshot {
                float: left;
                border: 1pt solid @border-color-print;
                margin: 0 10pt 5pt 0;
            }
        }
    }
}


// Configuration Settings
#dokuwiki__content #config__manager td.label {

}

.do-admin div.ui-admin ul.admin_tasks,
.do-admin div.ui-admin ul.admin_plugins {
    li {
        list-style-type: none;
        min-height: 2em;

        a {
            span.icon {
                float: left;
                clear: left;
                display: inline-block;
                width: 22pt;
                height: 22pt;
                border: 1pt solid @border-color-print;
                margin: 0 10pt 0 0;

                &:empty {
                    &::before {
                        content: "?";
                        display: inline-block;
                        padding-top: 1pt;
                    }
                }

                svg {
                    width: 20pt;
                    height: 20pt;

                    path {
                        fill: @color-print;
                    }
                }
            }

            span.prompt {
                min-height: 26pt;
                display: inline-block;
                margin: 0;
                padding-top: 4pt;
            }
        }
    }
}


/* + + + + +  Template Style Settings  + + + + + */

.page-footer {
    border-top: 1pt solid @border-color-print;
    margin-top: 13pt;
}

#plugin__styling {
    button {
        display: none !important;
    }
}


/* + + +  data plugin  + + + */
.dataplugin_entry dl {
    border: 1pt solid @border-color-print;
    padding: 7pt;
    margin: 7pt 0;

    dt {
        clear: left;
        float: left;
        width: 22%;
        font-weight: bold;
        text-align: right;
        margin-right: 5pt;
    }
}


/* + + +  tabbox  + + + */
div#dwpl-ti-container .dwpl-ti,
.dwpl-ti-permalink-header,
.dwpl-ti-permalink-footer {
    display: none !important;
}

div#dwpl-ti-container div.dwpl-ti-content-box {
    box-shadow: none;
    border: 0 none;
}


/* + + +  medie nmanager  + + + */
#mediamanager__page {
    .namespaces,
    .filelist .tabs,
    .panelHeader form {
        display: none;
    }

    ul.rows {
        width: auto;
        padding: 0;
    }

    .filelist li {
        clear: both;
        list-style-type: none;
        margin: 7pt 0 0;

        dl {
            position: relative;
            display: table;
            border-top: solid 1pt @border-color-print;
            padding-top: 2rem;
        }

        dt {
            display: table-cell;
            width: 10%;
            height: 40px;

            .size,
            .filesize {
                width: 15%;
            }

            .date {
                width: 20%;
            }
        }

        dd {
            display: table-cell;

            &.name {
                position: absolute;
                top: .5rem;
                left: 0;
                display: block;
                font-weight: bold;
                margin: 0;
            }
        }
    }
}


/* + + +  forms  + + + */
form {
    button {
        &[type="submit"],
        &[type="reset"] {
            display: none;
        }
    }

    fieldset {
        label,
        label.block {
            display: block;
            text-align: left;
        }

        br + br {
            display: none;
        }

        label {
            clear: both;

            > input {
                &:first-child {
                    float: left;
                }

                + span {
                    float: left;
                    display: inline-block;
                    padding-left: 7pt;
                    padding-bottom: 13pt;
                }
            }
        }

        label.block {
            display: block;
            text-align: left;

            > span {
                float: none;
                padding-bottom: 0;

                &:first-child {
                    display: block;
                }
            }
        }
    }

    input,
    textarea,
    select {
        border: 1pt solid @border-dark-print;
    }
}