html5.naml

<override_macro name="jquery_library">
    <script src="/assets/jquery/jquery-1.9.1.min.js"></script>
    <script>$.browser = {}</script>
</override_macro>

<override_macro name="html_impl" parameters="head,body" requires="servlet">
    <n.page_start/>
    <n.update_default_permissions/>
    <n.nabble_html>
        <do>
            <n.embedding_redirection_js/>
            <n.put_in_head.head/>
            <n.body/>
            <n.load_call_later_script/>
        </do>
        <output>
            <![CDATA[<!DOCTYPE html>]]>
            <html>
                <head>
                    <meta name="viewport" content="width=device-width,initial-scale=1.0"/>
                    <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
                    <n.nabble_stylesheets/>
                    <n.nabble_javascript_libraries/>
                    <n.html_head_content/>
                    <n.nabble_shared_scripts/>
                </head>
                <body>
                    <div id="notice" class="notice rounded-bottom"></div>
                    <div class="nabble macro_[n.page_template/]" id="nabble">
                        <n.apply_filters.html_body_content/>
                    </div>
                    <n.bottom_scripts/>
                    <n.as_html_comments.site_information/>
                </body>
            </html>
        </output>
    </n.nabble_html>
</override_macro>

<override_macro name="classic_stylesheet_big_avatar">
    <style type="text/css">
        div.classic-header {
            height:2.2em;
            clear:both;
            overflow:hidden;
        }
        div.classic-author-name {
            float:left;
            width: 140px;
            overflow: hidden;
            text-align:center;
            font-weight:bold;
        }
        div.classic-subject-line {
            left:.5em;
            overflow:hidden;
            height:1.3em;
            position:relative;
        }
        div.classic-right-menu {
            float:right;
            padding-left:1em;
        }
        div.classic-bar {
            padding:.5em .3em;
            clear:both;
            height:1.8em;
        }
        table.classic-body {
            border-collapse:collapse;
            margin-bottom:1em;
            table-layout: fixed;
            width:100%;
        }
        td.classic-author {
            vertical-align: top;
            text-align:center;
            width:140px;
            padding-bottom:1em;
        }
        td.classic-message {
            vertical-align:top;
            padding:1em;
        }
        div.message-text {
            cursor:text;
            overflow-x:auto;
        }
        div.avatar-inner {
            margin-left:20px;
        }
        div.avatar-outer {
            width:140px;
            text-align:left;
        }
        div.avatar-label {
            white-space:nowrap;
            font-size:80%;
        }
@media (max-width: 600px) {
    #topic-search-box{float:none}
    img.avatar{width:50%;height:50%}     
    td.classic-author{width:80px}
    div.avatar-inner{margin:5px}
    div.classic-author-name{width:auto}
    div.ad > div,div.ad > ins{float:none !important;margin-left:-70px !important}
    div.classic-header{overflow:visible}
    div.classic-bar{height:3.5em}
    div.classic-subject-line{margin:2em 0;left:0;overflow-x:hidden;overflow-y:visible}
    table.classic-body{margin-top:2em}
}        
    </style>
</override_macro>

<override_macro name="last_post_column" parameters="title,width,white_space">
    <n.table_column>
        <head>
            <td class="[n.column_default_border/] nowrap last-post-column" style="[n.width_style.width/]">
                <n.default. to="[t]Last Post[/t]"><n.title/></n.default.>
            </td>
        </head>
        <body>
            <n.current_node.>
                <td class="[n.column_default_border/] weak-color">
                    <n.if.either condition1="[n.is_post/]" condition2="[n.has_topics/]">
                        <then>
                            <n.last_node.>
                                <table class="avatar-table">
                                    <tr>
                                        <n.last_post_column_start/>
                                        <td class="column" style="width:100%;padding:0;border:none;[n.style. property='white-space'][n.white_space/][/n.style.]">
                                            <n.smart_post_link.url>
                                                <text.when_created.short_format/>
                                            </n.smart_post_link.url>
                                            <span class="weak-color column nowrap" style="padding-left:.2em">
                                                <t>by <t.author.owner.name truncate="20"/></t>
                                            </span>
                                        </td>
                                    </tr>
                                </table>
                            </n.last_node.>
                        </then>
                        <else>
                            <span style="padding-left:.4em">
                                <t>Empty</t>
                            </span>
                        </else>
                    </n.if.either>
                </td>
            </n.current_node.>
        </body>
    </n.table_column>
</override_macro>


<override_macro name="standard_table_stylesheet">
    <style type="text/css">
        table.main {
            width:100%;
            border-width: 1px;
            border-style: solid;
            border-collapse:collapse;
        }
        table.main td {
            padding:.1em;
            height:2.2em;
        }
        tr.header-row td {
            font-weight:bold;
            padding: .1em .2em;
            border-bottom-width: 1px;
            border-bottom-style: solid;
        }
        @media (max-width: 600px) {
            table.main td{padding-left:0 !important}
            tr.header-row td{font-size:11px}
            td.column{white-space:normal !important}        
            span.column.nowrap{white-space:normal}
            span.pages{margin: 2em 0}    
            span.pages a{padding:.2em .6em}    
        }        
    </style>
</override_macro>

<override_macro name="topics_table_stylesheet">
    <style type="text/css">
        table.main {
            width:99.9%;
            border-width: 1px;
            margin:0 1px;
            border-style: solid;
            border-collapse:collapse;
        }
        table.main td {
            padding:.1em;
            height:2.2em;
        }
        tr.header-row td {
            font-weight:bold;
            padding: .1em .2em;
            border-bottom-width: 1px;
            border-bottom-style: solid;
        }
        @media (max-width: 600px) {   
            table.main td{padding-left:0 !important}
            tr.header-row td{font-size:11px}        
            td.column{white-space:normal !important}        
            span.column.nowrap{white-space:normal}
            span.pages{margin: 2em 0}
            span.pages a{padding:.2em .6em}            
        }                
    </style>
</override_macro>

<override_macro name="topic_common_head">
    <n.search_highlight_js/>
    <n.message_width_js/>
    <style>
@media (max-width: 600px) {
        div.topics-controls-wrapper{margin:1.2em 0 7em !important}  
}        
    </style>
</override_macro>

<override_macro name="topic_controls" requires="forum_topic_namespace">
    <div class="topics-controls-wrapper" style="margin:1.2em 0 5em">
        <div id="topics-controls-left" class="float-left nowrap">
            <n.topic_controls_left/>
        </div>
        <div id="topics-controls-right" class="float-right nowrap" style="padding-top:.3em">
            <n.topic_controls_right/>
        </div>
    </div>
</override_macro>