<!DOCTYPE html>
{% emptyblock "comments" %}
<html>
<head>
    <title>{% block "title" %}${title}{% endblock %}</title>
    <style type="text/css">
        {% include "bootstrap.css" from "moya.debug" %}
        {% include "dark.css" from "moya.debug" %}

        tt
        {
          font-weight:bold;
        }

        .frame
        {
            font-family:"arial","san-serif";
        }
        pre
        {
            background-color:#1D1F21 !important;
        }
        .code
        {
            font-family:'Droid Sans Mono', Monaco, Menlo, Consolas, 'Courier New', monospace;
            background-color:#1D1F21;
            color:#C5C8C6 !important;
            line-height:1.2em;
        }
        .code .line
        {
            white-space:pre;
            font-family:'Droid Sans Mono', Monaco, Menlo, Consolas, 'Courier New', monospace;
        }
        .touch .code .line
        {
            white-space: nowrap;
        }
        .touch .code
        {
            overflow:auto;
        }

        .code .line.highlight .lineno
        {
            color:white;
        }
        .code .line .lineno
        {
            display:inline-block;
            width:5em;
            text-align:right;
            margin-right:.5em;
            font-weight:bold;
            color:#666;
            font-size:1.0em;
        }
        .code .line:hover
        {
            background-color:#282A2E;
        }
        .code .line:hover .lineno
        {

        }
        .code .error
        {
            border-bottom:2px solid #f00;
        }
        pre
        {
            background-color:#1D1F21 !important;
        }

        .format-xml .comment { color:#969896; }
        .format-xml .tag { color:#CC6666; font-weight:bold;}
        .format-xml .tag.tagcontent.attrib { color:#F0C674; }
        .format-xml .string { color:#B5BD68; }
        .format-xml .xmlns {color:#CC6666; font-weight:bold;}
        .format-xml .tagname, .format-xml .endtagname {color:#CC6666;font-weight:bold;}
        .format-xml .tag.tagcontent { color:#DE935F; font-style:normal; font-weight:normal;}
        .format-xml .braced {font-weight:bold !important;}

        .format-xml .sub
        {
            color:#B294BB !important;
            font-weight:bold;
        }

        .format-python
        {
        }

        .format-python .call { color:#DE935F; }
        .format-python .operator { color:#81A2BE}
        .format-python .keyword { color:#B294BB; font-weight:bold; }
        .format-python .builtin { color:#F0C674; }
        .format-python .string { color:#B5BD68 !important; font-weight:normal !important; font-style:normal !important;}
        .format-python .comment { color:#969896 !important; }
        .format-python .self { font-style:italic; color:#C66;}
        .format-python .number { color:#DE935F; }
        .format-python .brace { color:#EEE; }
        .format-python .decorator {color:#C66;}
        .format-python .constant { color:#DE935F; font-style:italic;}
        .format-python .def {color:#F0C674; font-weight:bold;}

        .format-moyatemplate .comment { color:#969896; }
        .format-moyatemplate .tag { color:#CC6666; font-style:italic; font-weight:bold;}
        .format-moyatemplate .tag.tagcontent.attrib { color:#F0C674; }
        .format-moyatemplate .string { color:#B5BD68; }
        .format-moyatemplate .xmlns {font-style:italic; color:#CC6666; font-weight:bold;}
        .format-moyatemplate .tagname, .format-moyatemplate .endtagname {color:#CC6666;font-weight:bold;}
        .format-moyatemplate .tag.tagcontent { color:#DE935F; font-style:normal; font-weight:normal;}

        .format-moyatemplate .templatetag
        {
            color:#B294BB !important;
            font-weight:bold !important;
        }

        .format-moyatemplate .sub
        {
            color:#D1BFD6 !important;
            font-weight:bold !important;
        }


.moya-console .console-bold { font-weight: bold; }
.moya-console .console-italic { font-style: italic; }
.moya-console .console-underline { text-decoration: underline; }
.moya-console .console-dim {
    opacity:.5;
    font-weight:normal !important;
}

.moya-console .console-bold.console-foreground-yellow { color: #b58900; }
.moya-console .console-bold.console-foreground-magenta { color: #d33682; }
.moya-console .console-bold.console-foreground-green { color: #859900; }
.moya-console .console-bold.console-foreground-blue { color: #268bd2; }
.moya-console .console-bold.console-foreground-cyan { color: #2aa198 }
.moya-console .console-bold.console-foreground-red { color: #dc322f; }
.moya-console .console-bold.console-foreground-black { color: #002b36 }
.moya-console .console-bold.console-foreground-white { color: #93a1a1 }
.moya-console .console-foreground-yellow { color: #b58900; }
.moya-console .console-foreground-magenta { color: #d33682; }
.moya-console .console-foreground-green { color: #859900 }
.moya-console .console-foreground-blue { color: #268bd2; }
.moya-console .console-foreground-cyan { color: #2aa198 }
.moya-console .console-foreground-red { color: #dc322f; }
.moya-console .console-foreground-black { color: #002b36 }
.moya-console .console-foreground-white { color: #93a1a1 }
.moya-console .console-background-yellow { background-color: #b58900; }
.moya-console .console-background-magenta { background-color: #d33682; }
.moya-console .console-background-green { background-color: #859900; }
.moya-console .console-background-blue { background-color: #268bd2; }
.moya-console .console-background-cyan { background-color: #2aa198 }
.moya-console .console-background-red { background-color: #dc322f; }
.moya-console .console-background-black { background-color: #002b36 }
.moya-console .console-background-white { background-color: #fdf6e3 }

        .request-get dt
        {
            color:#DE935F;
        }

        .request-get .well
        {
            padding:4px;
            border:transparent;
            margin-bottom:24px;
        }

        .request-get h3
        {

            padding-bottom:8px;
            line-height:1em;
            margin:0px 16px;
            border-bottom:1px dotted #444;
        }

        .request-get dl
        {
            margin-top:1em;
        }

        .well table
        {
            margin-bottom:0px;
        }

        .table td
        {
          border-top:1px dotted #333 !important;
        }

        .table > thead > tr > th
        {
            border-bottom:none;
        }

        h3
        {
            clear:both;
        }

    </style>
    {% block css %}{% endblock %}
    <script type="text/javascript">

    document.documentElement.className += (("ontouchstart" in document.documentElement) ? ' touch': ' no-touch');

    function toggle(id)
    {
        var el = document.getElementById(id);
        if ( el.style.display != 'none' ) {
            el.style.display = 'none';
        }
        else {
            el.style.display = '';
        }
    }

    </script>
</head>
<body>
    <div class="container">
        {% block "body" %}{% endblock %}
        {#- we may not have a value for app if this is one of the 404/500 etc templates #}
        {%- if not app %}{% let app=.apps.debug %}{% endif %}
        <div>
            <a href="${app.lib.url}">${app.lib.long_name} v${app.lib.version}</a>
        </div>
        <br>
    </div>
</body>
