Skip to content
Snippets Groups Projects
Forked from fsini-informatik / fsfahrttool
518 commits behind the upstream repository.
Code owners
Assign users and groups as approvers for specific file changes. Learn more.
print_template.html 2.84 KiB
<!DOCTYPE html>
<html moznomarginboxes mozdisallowselectionprint>
<head>
    <title>{title}</title>
    {headers}
    <style type="text/css">
        html, body{
            margin: 0;
            padding: 0;
            border: 0;
            font-family:Verdana,Helvetica,sans-serif;
            font-size:12pt;
        }

        @media print, screen {
            h1{
                font-size: 14pt;
            }
            h2{
                font-size: 13pt;
            }

            th.header{
                width: 100%;
                border-bottom: 1px dashed black;
                text-decoration: none;
                font-weight: normal;
                text-align: left;
            }

            thead{
                display: table-header-group;
            }


            #footer {
                display: block;
                position: fixed;
                bottom: 0;
                border-top: 1px dashed #000000;
            }
            #footer:after {
                counter-increment: page;
                content: "Seite" counter(page);
                right: 0;
                top: 0pt;
                position: absolute;
            }

            table {
                border-collapse: collapse;
                border-spacing: 0;
            }

            .dattable table, .dattable th, .dattable td {
                border: 1px solid black;
                vertical-align: top;
            }

            .graycell{
                background-color: transparent;
                overflow: hidden;
                z-index: 1;
                border-right: 0;
                border-bottom: 0;
            }
            .graycell:before{
                content: "";
                padding: 0;
                height: 1px;
                line-height: 1px;
                width: 1px;
                margin: -4px -994px -996px -6px;
                display: block;
                border: 0;
                z-index: -1;
                position:relative;
                top: -500px;
                border-top: 999px solid #d3d3d3;
                border-left: 999px solid #d3d3d3;;
            }

        }

        @page {
            margin: 3em;
        }

    </style>
</head>
<body>

<!-- Jaaaa... Tabellenfoo! Aber anders geht es einfach nicht! -->
<table width="100%">
    <thead>
        <tr>
            <th class="header">{header}</th>
        </tr>
    </thead>
    <tfoot>
    <tr>
        <td width="100%">
            <table width="100%">
                <tr>
                    <td><br>&nbsp;</td>
                </tr>
            </table>
    </tfoot>
    <tbody>
    <tr>
        <td width="100%" style="padding-top: 10pt">

            {text}
        </td>
    </tr>
    </tbody>
</table>

<table id="footer" width="100%">
    <tr>
        <td width="100%">
            {footer}
        </td>
    </tr>
</table>
</body>
</html>