WebSVN – lars-tiefland.webanos.faltradxxs.de – /trunk/resources/views/page.tpl

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="de">
<head>
    <title>{$webs.kunde_bezeichnung}: webanOS</title>
    <link rel="stylesheet" href="/styles/{$webs.domain}_styles.css">
    <meta http-equiv="Content-Style-Type" content="text/css">
    <meta http-equiv="content-type" content="text/html; charset={$smarty.session.charset}">
    <meta http-equiv="Content-Script-Type" content="text/javascript">
    <style type="text/css">
        fieldset {
            display: inline;
            margin-bottom: 5px;
        }

        h1 {
            text-align: center;
        }

        .success, .success_upd, .success_small {
            color: green;
            text-align: center;
        }

        .success {
            font-size: 50px;
        }

        .success_small {
            font-size: 25px;
        }

        .success_upd {
            font-size: 15px;
        }

        .error, .error_upd, .error_small {
            color: red;
            text-align: center;
        }

        .error {
            font-size: 50px;
        }

        .error_small {
            font-size: 25px;
        }

        .error_upd {
            font-size: 15px;
        }

        .pending {
            color: red;
            font-weight: bold;
        }

        .rot {
            background-color: #ff4040;
        }

        .gelb {
            background-color: #ffff40;
        }

        .gruen {
            background-color: #40FF40;
        }

        span.artikel {
            cursor: pointer;
            color: blue;
            text-decoration: underline;
        }

        fieldset#Artikelstamm {
            position: absolute;
            left: 780px;
            top: 15px;
        }

        /* ------- Lagerwirtschaft ------- */
        .lagerwirtschaft .td_text {
            width: 400px;
        }

        .lagerwirtschaft .td_zahl {
            width: 125px;
        }

        .gerade {
            background-color: #E4E4E3;
        }

        #eingangsbuchungArtikel .links_theader_menge input {
            width: 30px;
        }

        #eingangsbuchungArtikel .links_theader_artikelid input {
            width: 150px;
        }

        #eingangsbuchungArtikel .links_theader_warenwert input {
            width: 50px;
        }

        #eingangsbuchungArtikel .links_theader_loeschen input {
            width: 25px;
        }

        .lagerwirtschaft .datum_zweistellig {
            width: 20px;
        }

        .lagerwirtschaft .datum_vierstellig {
            width: 35px;
        }

        .lagerwirtschaft .wert {
            width: 50px;
        }

        /* ------- /Lagerwirtschaft ------ */

        /* ------- Rechnungsbuch ------- */
        .rechnungsbuch img {
            border: 0;
        }

        /* ------- /Rechnungsbuch ------- */

        .pagination,
        .pagination a:link,
        .pagination a:hover,
        .pagination a:active,
        .pagination a:visited {
            color: #000000;
        }

        .checked {
            font-style: italic;
        }

        div.checklist li.optgroup {
            font-size: 1.1em;
            font-weight: bold;
            font-style: italic;
            border-top: 1px solid #ccc;
            border-bottom: 1px solid #ccc;
            padding-left: 7px;
        }

        div.checklist li.optgroup:hover {
        }

        ul.checklist {
            list-style-type: none;
            margin: 0;
            padding: 0;
        }

        div.checklist {
            border: 1px solid gray;
            border-left: 3px solid #ccc;
            line-height: 1.6em;
        }

        div.checklist, div.checklistHighlighted {
            overflow-y: auto;
            overflow-x: hidden;
        }

        .bezahlt_0 {
            width: 15px;
            background-color: #f00;
            color: #fff;
            text-align: center;
        }

        .bezahlt_1 {
            width: 15px;
            background-color: #0f0;
            color: #000;
            text-align: center;
        }

        .bezahlt_2 {
            width: 15px;
            background-color: #FCA600;
            color: #000;
            text-align: center;
        }

        .filter_div {
            padding: 3px;
            float: left;
        }

        /* ---------------------------------- */
        /* ------------ Tree PHP ------------ */
        /* ---------------------------------- */

        /* -- Body Einstellungen -- */
        .body_tree {
            width: 100% !important;
            height: 100%;

            float: left;
            margin: 0;
            padding: 0;
            background-color: transparent;
            color: #000000;
            min-width: 320px;

            /* Scrollbalken */
            overflow-x: hidden;
            overflow-y: hidden;
        }

        /* Trenner Einstellungen */
        .trenner {
            clear: both;
            float: left;
            width: 100%;
            margin: 10px 0 10px 0;
            border-top: 3px groove #cccccc;
        }

        /* -- Kopfeinstellungen -- */
        /* - Hauptcontainer Kopf - */
        .control {
            position: fixed;
            float: left;
            width: 99%;
            z-index: 100;
            top: 0 !important;
            left: 0 !important;
            display: inline-block;
            background-color: #fff;
        }

        .header {
            float: left;
            width: 100%;
            min-width: 320px;
            margin-bottom: 2px;
            display: inline-block;
        }

        /* - Symbolleiste - */
        .symbolleiste {
            float: left;
            background-color: #CCCCCC;
            width: 55%;
            margin: 0 auto;
        }

        .symbole {
            float: left;
        }

        .einzsymbol {
            float: left;
            height: 27px;
            border: 1px solid #CCCCCC;
            background-color: #CCCCCC;
        }

        /* - Fehlerbereich - */
        .fault {
            background-color: #CCCCCC;
            border: 1px solid #CCCCCC;
            float: left;
            height: 27px;
            width: 44%;
            text-align: center;
        }

        /* - Kopfbereich - */
        .fatherpath {
            float: left;
            /*width: 50%;*/
            height: 29px;
            display: table-cell;
        }

        .fatherpath .ordner {
            height: 29px;
            text-align: center;
            font-size: 16px;
        }

        .inhaltfatherpath {
            width: 100%
            float: left;
            margin: 15px 0 0 0;
            padding: 10px 0 0 0;
        }

        /* - Div alles zu - */
        .alleszu {
            width: 1%;
            height: 31px;
            text-align: center;
            vertical-align: middle;
            display: table-cell;
        }

        .alleszu_iso {
            display: inline-block;
            margin: 0 auto;
            text-align: center;
        }

        /* - Favoriten - */
        .favorites {
            width: 99%;
            min-height: 29px;
            border-collapse: collapsed;
            border: 1px solid #cccccc;
            background-color: #cccccc;
            position: static;
            float: left;
            display: inline-block;
        }


        /* - Tabellen Einstellungen - */
        /*  alle wichtigen Tabellenelemente wurden in DIVs
            gepackt um die Tabellenklasse verwalten zu können*/
        .tabellehauptcontainer {
            empty-cells: hide;
            table-layout: auto;
            border-collapse: collapse !important;
            border-spacing: 0 !important;
            border-padding: 0 !important;
            border: 0;
            caption-side: top;
            line-height: 1.0em;

            float: left;
            width: 99%;
            min-width: 320px;
            position: fixed;
            left: 0;
            bottom: 0;

            /* Scrollbalken */
            overflow-x: scroll;
            overflow-y: scroll;
        }

        .tabelleordner {
            width: 100%;
        }

        .tabellecontainer a {
            text-decoration: none;
            border-collapse: none;
        }

        .tabellecontainer,
        .tabellecontainer tbody,
        .tabellecontainer tr,
        .tabellecontainer td {
            width: 100%;
        }

        .tabelleaufklapper {
            vertical-align: top;
            width: 19px !important;
            border: 0;
        }

        .artikelcontainer {
            width: 100%;
        }

        .tabelleartikel,
        .tabelleartikel tbody,
        .tabelleartikel table {
            width: 100%;
        }

        .tabelleartikel a {
            float: left;
            width: 100%;
        }

        .artikel_name_icons {
            position: relative;
            float: left;
        }

        .artikel_icons_pos {
            empty-cells: hide;
            float: none;
            margin: 0;
            width: 22px !important;
        }

        .artikel_icons_pos table,
        .artikel_icons_pos tbody,
        .artikel_icons_pos tr,
        .artikel_icons_pos td,
        .artikel_icons_pos a {
            caption-side: top;

            float: none;
            text-wrap: none;
        }

        td.artikel_icons_pos {
            vertical-align: top;
        }

        /* - Ordner und Artikel - */
        /*  Achtung diese zwei klassen müssen auf
            einer höheren z-index Ebene liegen */

        .ordner {
            display: inline-block !important;
            min-width: 200px;
            max-width: 300px;
            z-index: 25;
            margin: 0;
        }

        .artikel {
            display: ruby;
            min-width: 200px;
            z-index: 25;
            z-index: 25;
            margin: 0;
            text-decoration: none;
        }

        /* ----- papierkorb ----- */
        .papierkorb {
            float: left;
            width: 99%;
            min-width: 320px;
            display: inline;
            background-color: transparent !important;
            background: none;
        }

        .papierkorbueberschrift {
            float: left;
            width: 100%;
            display: inline-block;
            margin: 0 0 0 -2px;

        }

        .papierkorbueberschrift .ordner {
            float: left;
            width: 100%;
            display: table-cell;
            vertical-align: middle;
            height: 31px;
            z-index: 1;
            font-size: 16px !important;
            margin: 0 0 0 2px;
        }

        .papierkorb_inhalt {
            float: left;
            width: 100%;
            display: block;
        }

        .papierkorb_inhalt a,
        .inhaltfatherpath a {
            color: #000000 !important;
        }

        .papierkorbleeren {
            float: left;
            width: 100%;
            text-align: center;
            vertical-align: middle;
            padding: 1px;
            margin: 10px 0 0 0;
        }

        /* ----- Statistik und Zusatzbuttons ----- */
        .sonderfelder {
            float: left;
            width: 100%;
            min-width: 320px;
        }

        .shopstatistik {
            float: left;
            text-align: center;
            margin: 0 auto;
            width: 100%;
            padding: 0 0 10px 0;
        }

        .editoren_haupt {
            float: left;
            width: 100%;
            text-align: center;
        }

        .editoren_iso {
            display: inline-block;
            text-align: left;
            margin: 0 auto;
        }

        /* -- Button Größen zurücksetzten --*/
        .ui-button, .ui-button-text-only {
            line-height: 1.8em !important;
            /*padding: 0 0.6em !important;*/
        }

        .ui-button-text {
            padding: 0 0;
        }

        /* ---------------------------------- */
        /* --------- Tree PHP ende  --------- */
        /* ---------------------------------- */


        /* ---------------------------------- */
        /* ------ Mailverteiler Button ------ */
        /* ---------------------------------- */

        #stage {
            margin: 0;
            padding: 0;
        }

        #stage .slider-frame {
            position: relative;
            display: block;
            margin: 0;
            padding: 0;
            width: 85px;
            height: 15px;
            background-color: #404040;
            background-repeat: no-repeat;
            background-image: -webkit-gradient(linear, left top, left bottom, from(#2b2b2b), to(#404040));
            background-image: -webkit-linear-gradient(#2b2b2b, #404040);
            background-image: -moz-linear-gradient(#2b2b2b, #404040);
            background-image: -o-linear-gradient(top, #2b2b2b, #404040);
            background-image: -khtml-gradient(linear, left top, left bottom, from(#2b2b2b), to(#404040));
            filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#2b2b2b', EndColorStr='#404040', GradientType=0);
            filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#2b2b2b', EndColorStr='#404040', GradientType=0))";
            border-top: 1px solid #333333;
            border-right: 1px solid #333333;
            border-bottom: 1px solid #666666;
            border-left: 1px solid #333333;
            -moz-border-radius: 5px;
            border-radius: 5px;
            -webkit-box-shadow: inset 0 1px 8px 0 rgba(0, 0, 0, 0.25);
            -moz-box-shadow: inset 0 1px 8px 0 rgba(0, 0, 0, 0.25);
            box-shadow: inset 0 1px 8px 0 rgba(0, 0, 0, 0.25);
        }

        #stage .slider-frame .slider-button-off {
            display: block;
            margin: 0;
            padding: 0;
            width: 43px;
            height: 13px;
            line-height: 13px;
            background: #cf2718;
            -moz-border-radius: 5px;
            border-radius: 5px;
            border: 1px solid #70430e;
            -webkit-transition: all 0.25s ease-in-out;
            -moz-transition: all 0.25s ease-in-out;
            transition: all 0.25s ease-in-out;
            color: #fff;
            font-family: Helvetica;
            font-size: 11px;
            font-weight: bold;
            text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
            text-align: center;
            cursor: pointer;
        }

        #stage .slider-frame .slider-button-on {
            display: block;
            margin-left: 40px;
            padding: 0;
            width: 43px;
            height: 13px;
            line-height: 13px;
            background: #2372c6;
            -moz-border-radius: 5px;
            border-radius: 5px;
            border: 1px solid #0f3f74;
            -webkit-transition: all 0.25s ease-in-out;
            -moz-transition: all 0.25s ease-in-out;
            transition: all 0.25s ease-in-out;
            color: #fff;
            font-family: Helvetica;
            font-size: 11px;
            font-weight: bold;
            text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
            text-align: center;
            cursor: pointer;
        }

        #stage .slider-frame .slider-button-off.on {
            margin-left: 40px;
            background: #2372c6;
            border: 1px solid #0f3f74;
        }

        #stage .slider-frame .slider-button-off:before {
            position: absolute;
            display: block;
            margin: 0;
            padding: 0;
            width: 43px;
            height: 5px;
            background: rgba(255, 255, 255, 0.25);
            content: '';
            -moz-border-radius: 15px;
            border-radius: 15px;
        }

        #stage .slider-frame .slider-button-on:before {
            position: absolute;
            display: block;
            margin: 0;
            padding: 0;
            width: 43px;
            height: 5px;
            background: rgba(255, 255, 255, 0.25);
            content: '';
            -moz-border-radius: 15px;
            border-radius: 15px;
        }

        #stage .slider-frame .slider-button-on.off {
            margin-left: 0px;
            background: #cf2718;
            border: 1px solid #0f3f74;
        }

        /* ---------------------------------- */
        /* --- Mailverteiler Button ende  --- */
        /* ---------------------------------- */

        .tb_bv_button {
            height: 22px;
            width: 30px;
        }


        /* ---------------------------------------------------- */
        /* --- Darstellung von Listen ohne Tabellen Border  --- */
        /* ---------------------------------------------------- */
        .gerade {
            background-color: #E4E4E3;
        }

        .gerade:hover {
            background-color: #ccc;
        }

        .keinRand tr,
        .keinRand td {
            border: 0px !important;
        }

        .keinRand tr:not:first-child:hover {
            background-color: #ccc;
        }

        .keinRand td {
            position: relative;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            max-height: 30px;
            padding: 2px;

        }

        td.dokumentnamebox {
            position: relative;
            display: block;
            max-width: 400px;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .dokumentnamebox {
            position: relative;
            white-space: nowrap;
            float: left;
            display: inline;
            max-height: 40px;
            overflow: hidden;
            vertical-align: top !important;
            text-overflow: ellipsis !important;
        }

        .keinRand .dokumentnamebox a {
            position: relative;
            display: inline;
            text-overflow: ellipsis;
            overflow: hidden;
            -webkit-line-clamp: 1; /* number of lines to show */
            -webkit-box-orient: vertical;
            /* max-width: 380px; */
            margin-right: 2px;
        }

        .marquee {
            display: inline;
            padding: 0;
            max-width: 510px;
            float: left;
            vertical-align: top;
        }

        .marquee:hover {
            animation: dokumentnamebox 8s linear infinite;
        }

        @keyframes dokumentnamebox {
            0% {
                text-indent: 0%;
            }
            100% {
                text-indent: -120%;
            }
        }

        .ungerade:hover {
            background-color: #ccc;
        }

        a.pagination {
            padding: 5px;
            display: inline-block;
            margin: 2px;
            border: 1px solid #666;
        }

        .headline, .headline a:link, .headline a:visited, .headlineVertical, .headlineVertical a:link, .headlineVertical a:visited {
            font-family: verdana, Helvetica, sans-serif;
            font-size: 10pt;
            font-weight: bold;
            background-color: #ccc;
            padding: 1%;
        }

        .nav,
        .pos,
        .aktuell {
            font-size: 11px;
        }

        .aktuell {
            font-weight: bold;
        }

        .ui-tabs .ui-tabs-hide {
            display: none;
        }

    </style>

    <link type="text/css" rel="stylesheet" href="/styles/reiter/jquery-ui.min.css?{$smarty.now}">
    {asset_compile}
        <!-- Font-faces CSS-->
        <link type="text/css" href="/font-face.css" rel="stylesheet" media="all">
        <link type="text/css" href="/font-awesome-4.7/css/font-awesome.min.css" rel="stylesheet" media="all">
        <link type="text/css" href="/font-awesome-5/css/fontawesome-all.min.css" rel="stylesheet" media="all">
        <link type="text/css" href="/mdi-font/css/material-design-iconic-font.min.css" rel="stylesheet"
              media="all">
        <!-- Bootstrap CSS-->
        <link type="text/css" href="/bootstrap-4.1/bootstrap.min.css" rel="stylesheet" media="all">
        <!-- Vendor CSS-->
        <link type="text/css" href="/animsition/animsition.min.css" rel="stylesheet" media="all">
        <link type="text/css" href="/bootstrap-progressbar/bootstrap-progressbar-3.3.4.min.css" rel="stylesheet"
              media="all">
        <link type="text/css" href="/wow/animate.css" rel="stylesheet" media="all">
        <link type="text/css" href="/css-hamburgers/hamburgers.min.css" rel="stylesheet" media="all">
        <link type="text/css" href="/slick/slick.css" rel="stylesheet" media="all">
        <link type="text/css" href="/select2/select2.min.css" rel="stylesheet" media="all">
        <link type="text/css" href="/perfect-scrollbar/perfect-scrollbar.css" rel="stylesheet" media="all">
        <link rel="stylesheet" type="text/css" href="/js/DataTables-1.10.19/datatables.min.css" />
        <!-- Main CSS-->
        <link type="text/css" href="/theme.css" rel="stylesheet" media="all">
    {/asset_compile}

    <!-- Jquery JS-->
    <script src="/jquery-3.2.1.min.js?{$smarty.now}" type="text/javascript"></script>
    <script type="text/javascript" src="/jquery-ui.min.js?{$smarty.now}"></script>
    <script type="text/javascript" src="/js/i18n/jquery.ui.datepicker-de.js?{$smarty.now}"></script>
    <script type="text/javascript">
        $.fn.uibutton = $.fn.button
        $.fn.uitabs = $.fn.tabs
        $.fn.uitooltip = $.fn.tooltip
    </script>
</head>
<body class="animsition">
<div class="page-wrapper">
    {block name="content"}{/block}
</div>


{asset_compile}
    <!-- Bootstrap JS-->
    <script src="/bootstrap-4.1/popper.min.js" type="text/javascript"></script>
    <script src="//bootstrap-4.1/bootstrap.min.js" type="text/javascript"></script>
    <!-- Vendor JS       -->
    <script src="/slick/slick.min.js" type="text/javascript"></script>
    <script src="/wow/wow.min.js" type="text/javascript"></script>
    <script src="/animsition/animsition.min.js" type="text/javascript"></script>
    <script src="/bootstrap-progressbar/bootstrap-progressbar.min.js" type="text/javascript"></script>
    <script src="/counter-up/jquery.waypoints.min.js" type="text/javascript"></script>
    <script src="/counter-up/jquery.counterup.min.js" type="text/javascript"></script>
    <script src="/circle-progress/circle-progress.min.js" type="text/javascript"></script>
    <script src="/perfect-scrollbar/perfect-scrollbar.js" type="text/javascript"></script>
    <script src="/chartjs/Chart.bundle.min.js" type="text/javascript"></script>
    <script src="/select2/select2.min.js" type="text/javascript"></script>
    <!-- Main JS-->
    <script src="/js/main.js" type="text/javascript"></script>
    <script type="text/javascript" src="/js/jquery.bxslider/jquery.bxslider.min.js?{$smarty.now}"></script>
    <script type="text/javascript" src="/js/toolbox.js?{$smarty.now}"></script>
    <script type="text/javascript" src="/js/bildverwaltung.js?{$smarty.now}"></script>
    <script type="text/javascript" src="/js/jstree/dist/jstree.min.js?{$smarty.now}"></script>
    <script type="text/javascript" src="/js/DataTables-1.10.5/media/js/jquery.dataTables.min.js"></script>
    <script type="text/javascript" src="/js/DataTables-1.10.5/extensions/TableTools/js/dataTables.tableTools.js"></script>
    <script type="text/javascript" src="/js/DataTables-1.10.5/plugins/sorting/date-de.js"></script>
    <script type="text/javascript" src="/js/DataTables-1.10.5/plugins/sorting/numeric-comma.js"></script>
{/asset_compile}
<div id="loadingDLG" title="Lade gewünschte Funktion">
    <div style="text-align: center;">
        <img src="{$smarty.session.loadingGif}" alt=""/>
        <br/>
        Bitte warten ...
    </div>
</div>
<script type="text/javascript">
    $(function(){
        $('.loading').click(function(){
            $('#loadingDLG').dialog("open");
        })
        $('#loadingDLG').dialog({
            autoOpen:false,
            modal:true,
            resizable:false
        })
    })
</script>
</body>
</html>
Subversion-Projekte lars-tiefland.webanos.faltradxxs.de

(root)/trunk/resources/views/page.tpl @ 137 – Revision 25
