@import "mixins";
@import "scss/breakpoints";
@import "scss/visibility";
@import "scss/fullcalendar-print";
@import "scss/resources-print";


/*******************************************************************************
    Druck-Stylesheet für Stud.IP
    - nur pt Größenangaben verwenden
    - auf background-colors verzichten (werden nicht gedruckt)
*******************************************************************************/

@page {
    margin: 15mm;
}

html, body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    background: none;
    height: auto;
}

body, input, textarea, td, th, blockquote, p, form, ul, h4 {
    font-size: 10pt;
}

#content {
    margin-right: 0;
}

#top-bar, #navigation-level-1, #navigation-level-2,
#page-title-container, #responsive-contentbar-container, #sidebar,
#schedule_icons, #edit_inst_entry,
.messagebox_buttons a.close, a.button, button.button,
#skip_link_navigation, #skiplink_list, .skip_target, .action-menu {
    display: none !important;
}

img {
    border: 0;
}

a, a:link, a:visited {
    color: var(--black);
}

a:visited, a:link, a:hover, a:active {
    text-decoration: none;
}

h1, .topic {
    font-size: 15pt;
    margin: 3pt 0 2pt 0;
}

h1 span {
    display: block;
    font-size: 14.25px;
    font-weight: 100;
    padding: 5px 0;
}

section header h1 {
    font-size: 12pt;
    margin-top: 8pt;
}

h2 {
    font-size: 13pt;
}

h3 {
    font-size: 12pt;
}

td.angemeldet {
    border: 1pt solid var(--black);
}

td.rahmen_white {
    border: 1pt solid var(--black);
    background: var(--white) none;
}

td.rahmen_steel {
    border: 1pt solid var(--black);
    background-color: #f3f5f8;
}

td.rahmen_table_row_odd {
    border: 1pt solid var(--black);
    background-color: #ebebeb;
}

.hidden {
    display: none;
}

/* --- stud.ip-title oben  -------------------------------------------------- */
#site-title {
    font-weight: normal;
    display: block !important;
    font-size: 18pt;
    padding: 0 0 2pt 0;
    margin: 0 0 5pt 0;
    border-bottom: 1pt solid var(--black);

}

/* --- studip-logo im footer ------------------------------------------------ */
#main-footer * {
    display: none;
}

#main-footer {
    width: 100%;
    text-align: center;
    padding: 2pt 0 0 0;
    margin: 5pt 0 0 0;
    border-top: 1pt solid var(--black);

    &:after {
        content: url('../images/logos/logo2b.png');
    }
}

/* --- print-style for calendar api------------------------------------------ */
#schedule {
    width: 100%;
    height: 100%;

    #schedule_headings {
        margin-left: 41pt;
        background: none;
    }

    #schedule_data {
        width: 100%;
        table-layout: fixed;

        thead td {
            text-align: center;
        }

        th:first-child, td:first-child {
            width: 40px;
        }

        td {
            vertical-align: top;
        }
    }

    div.schedule_entry {
        position: absolute;
        margin: 0;
        padding: 0;
        font-size: 11pt;
        color: var(--black);

        dl {
            height: 100%;
            margin: 0;
            color: var(--black) ! important;
            background-color: var(--white);
            border: 1px solid var(--light-gray-color-60);
            overflow: hidden;

            dd {
                margin: 0;
                overflow: hidden;
                word-wrap: break-word;
            }

            dt {
                background-color: transparent ! important;
            }

            a:hover {
                text-decoration: underline;
            }
        }
    }

    div.schedule_day {
        border-left: 1pt solid var(--black);
        position: relative;
    }

    div.schedule_hours {
        border-top: 1px solid #ddd;
        padding-bottom: 1px;
    }

    div.snatch {
        position: absolute;
        bottom: 4pt;
        text-align: center;
        width: 100%;
        cursor: ns-resize;
        padding-bottom: 2pt;
    }

    #new_entry {
        position: absolute;
        border: 2pt solid #E0E0F0;
        width: 400pt;
        height: 230pt;
        background-color: #E8EEF7;
        font-size: 12pt;
    }

    div.new_entry {
        position: absolute;
        left: 50%;
        top: 180pt;
        margin-left: -25%;
        height: 320pt;
        width: 50%;
        font-size: 12pt;
        background-color: #E8EEF7;
        border: 2pt solid #E0E0F0;
    }

    div.schedule_marker {
        border-bottom: 1px dotted #ddd;
        border-top: 1px solid #ddd;
        padding: 0;
    }
}

/* aus style.css */
h1.content, h2.content, h3.content {
    color: var(--base-color);
}

hr.content {
    margin: 0 1em;
    background-color: #555555;
    border-radius: 5px;
    height: 1px;
    border: none;
}

table.content {
    border-collapse: collapse;

    td {
        border: thin solid #666666;
        padding: 3px;
    }
}

div.content {
    background-color: #f3f5f8;
    clear: both;
    margin: 0;
    overflow: hidden;
    padding: 2px;
}

.quote {
    background: #eeeeee none;
    border: 1px solid var(--black);
    margin-left: 20px;
    margin-right: 20px;
    padding: 3px;
}

td.quote {
    border: 1px solid var(--black);
    font-size: 8px;
}

a.link-intern {
    padding-left: 18px;
    @include background-icon(intern, clickable);
    background-repeat: no-repeat;
}

a.link-extern {
    padding-left: 18px;
    @include background-icon(link-extern, clickable);
    background-repeat: no-repeat;
}

.formatted-content {
    display: inline;
}