<!DOCTYPE html>
<html lang="en">
<head>

<!-- YaBBForum 3.1 -->
    <meta http-equiv="Content-Type" content="text/html; charset={yabb mycharset}" />
    <title>{yabb title}</title>
    <meta name="description" content="Web Forum: {yabb title}" />
    {yabb style}

    <script type="text/javascript" src="{yabb html_root}/YaBB.js"></script>
    <script type="text/javascript">
        {yabb javascript}
        {yabb javascripta}
    </script>
    {yabb syntax_js}
    {yabb grayscript}
    <style>
@media (max-width: 768px) {
    #header td.right img.yabb-logo {
        width: 110px !important;
        max-width: 110px !important;
        height: auto !important;
    }
}
</style>
</head>
<body>
<div id="ImageAlert" class="center">
    <img style="position: absolute; top: -12px; right: -12px" src="{yabb images}/closebutton.png" alt="" onclick="HideAlert()" />
    <iframe id="ImageAlertIFrame" style="display: none; width: 100%; border: 0"></iframe>
    <img id="ImageAlertLoad" src="{yabb images}/loadbar.gif" style="display: none; margin: 20px auto;" alt="" />
    <div id="ImageAlertBody" style="display:none;"></div>
</div>
<div id="maincontainer">
    <div id="container">


        <table class="menutop" style="table-layout:fixed">
            <colgroup>
                <col style="width:auto" />
                <col style="width:40%" />
                <col style="width:40%" />
                <col style="width:5%" />
            </colgroup>
            <tr>
                <td class="small h_23px" style="padding-left:1%"><div id="yabbclock">{yabb time}</div></td>
                <td class="small center">{yabb styleswitch}{yabb tempswitcher}</td>
                <td class="small">{yabb langChooser}</td>
                <td class="right vtop">
                    <div class="yabb_rss">{yabb rss}</div>
                </td>
            </tr>
        </table>


        <table id="header" class="pad_4px">
            <colgroup>
                <col style="width:auto" />
                <col style="width:auto" />
            </colgroup>
            <tr>
                <td class="h_40px" style="padding-left:1%">{yabb uname}
                    <br />{yabb im}{yabb admin_alert}</td>
<td class="right" rowspan="2">
    <a href="https://yabbforum.nz"><img class="yabb-logo" src="{yabb images}/yabblogo.png" width="372" height="auto" alt="YaBB - Yet another Bulletin Board" title="YaBB - Yet another Bulletin Board" /></a>
</td>
            </tr><tr>
                <td class="small vtop" style="padding-left:1%">{yabb newstitle} <span id="newsdiv"></span>
                </td>
            </tr>
        </table>
        <div id="fixmenu" style="position: relative; width:100%; z-index: 1000; top: 0;">
        <table>
            <colgroup>
                <col style="width:auto" />
                <col style="width:100px" />
            </colgroup>
            <tr>
                <td class="tabmenu">
{yabb tabmenu}
                    <div class="navmenu" id="navmen" style="display: none;">
                        <img src="{yabb images}/back_to_top.png" id="navtotop" alt="{yabb fixtop}" title="{yabb fixtop}" onclick="toTop(0)" class="cursor" style="margin-top:5px;" />
                    </div>
                </td>
                <td class="tabmenu vtop">{yabb tabadd}</td>
            </tr>
        </table>
        </div>
        {yabb addtab}
        <div id="brcrumb" style="top: 0;">
        <table>
            <colgroup>
                <col style="width:2%" />
                <col style="width:98%" />
            </colgroup>
            <tr>
                <td class="nav h_30px">&nbsp;</td>
                <td class="nav">{yabb boardlink} {yabb navigation}</td>
            </tr>
        </table>
        </div>
        <div class="yabb_main">{yabb main}
            <div class="yabb_forumjump">{yabb forumjump}&nbsp;</div>
        </div>
        <div class="mainbottom">
            <table>
                <colgroup>
                    <col style="width:2%" />
                    <col style="width:98%" />
                </colgroup>
                <tr>
                    <td>&nbsp;</td>
                    <td>{yabb navback}</td>
                </tr>
            </table>
        </div>
    </div>
    <div class="copyright" style="width: 100%; text-align: center;">
        <br />
        {yabb copyright}<br />{yabb freespace}<br />
        <a href="https://validator.w3.org/feed/" target="_blank"><img src="{yabb images}/valid-rss.png" alt="Valid RSS" title="Valid RSS" height="18" /></a>
        <a href="https://validator.w3.org/check/referer" target="_blank"><img src="{yabb images}/xhtml.gif" alt="Valid XHTML" title="Valid XHTML" /></a>
        <a href="https://jigsaw.w3.org/css-validator/" target="_blank"><img src="{yabb images}/css.gif" alt="Valid CSS" title="Valid CSS" /></a>
        <a href="https://www.perl.org" target="_blank"><img src="{yabb images}/perl.gif" alt="Powered by Perl" title="Powered by Perl" /></a>
        <a href="https://github.com/nixnutnz/YaBBForum" target="_blank"><img src="{yabb images}/github.png" width=40 alt="Github repo" title="Github repo" /></a><br />
        {yabb debug}
        <br /><br />
    </div>
</div>
{yabb high}
<script type="text/javascript">
// Many thanks to Carsten for the fixmenu code.

function fixMenu() {
    if(document.body.scrollTop) var bdelement = document.body.scrollTop;
    else bdelement = document.documentElement.scrollTop;
    if(bdelement > 135) {
        document.getElementById("fixmenu").style.position = 'fixed';
        document.getElementById("fixmenu").style.top = 0 + 'px';
        document.getElementById("fixmenu").style.zIndex = 5;
        document.getElementById("fixmenu").style.width = '92%';
        document.getElementById("navmen").style.display = 'block';
        document.getElementById("brcrumb").style.marginTop = 30 + 'px';
    }
    else {
        document.getElementById("fixmenu").style.position = 'relative';
        document.getElementById("fixmenu").style.width = '100%';
        document.getElementById("navmen").style.display = 'none';
        document.getElementById("brcrumb").style.marginTop = 0 + 'px';
    }
}
if (screen.width > 1024) {
    onscroll = fixMenu;
}
</script>
<script type="text/javascript" src="{yabb html_root}/ajax.js"></script>
{yabb news}
</body>
</html>
