shared_design.naml
<override_macro name="nabble_stylesheets">
<n.overridden/>
<link type="text/css" rel="stylesheet" href="/template/NamlServlet.jtp?macro=shCss"/>
<style type="text/css">
html {
background: url('gradients/v150_888888_CCCCCC') #CCCCCC repeat-x;
}
body {
font-family: Verdana, Arial, serif;
font-size:87.5%;
margin:0 auto;
background-color: #f0f0f0;
width:960px;
padding:0 .5em;
}
h1 {
font-family: Helvetica,Geneva,Arial,sans-serif ;
font-size:5em;
font-weight:bold;
}
.nabble .shaded-bg-color {
background: url('gradients/h1000_F0F0F0_FFFFFF') #FFFFFF repeat-y;
}
.nabble .weak-color,
div.post-message li,
p {
color: #555;
}
div.subtitle {
font-family: Arial, Serif;
}
div.menu {
text-shadow:1px 1px 0 white;
background: url('gradients/v40_F5F5F5_DDDDDD') #DDDDDD repeat-x;
border:1px solid #dddddd;
padding:.4em 1em .4em;
margin:0 -1em .5em;
clear:both;
}
div.menu a:link, div.menu a:visited {
text-decoration:none;
color:#818181;
}
span.selected-menu a:link,
span.selected-menu a:visited {
color:#000;
font-weight:bold;
}
div.footer {
background: url('gradients/v100_F5F5F5_DDDDDD') #DDDDDD repeat-x;
border:1px solid #dddddd;
margin:2em -1em 0;
padding:1em .5em;
clear:both;
}
div.post-message li {
padding-bottom:.6em;
}
div.shadow {
-moz-box-shadow:1px 1px 2px #aaaaaa;
-webkit-box-shadow:2px 2px 2px #aaaaaa;
box-shadow:2px 2px 2px #aaaaaa;
}
#nabble-user-header {
float:right;
}
</style>
</override_macro>
<override_macro name="html" parameters="head,body">
<n.html_impl>
<head>
<n.head/>
</head>
<body>
<n.node_parameter_or_root.page_header/>
<div style="padding:0 1em">
<n.body/>
</div>
<n.nabble_footer/>
</body>
</n.html_impl>
</override_macro>
<macro name="page_header" requires="node">
<n.put_in_head.>
<style type="text/css">
div.page-header {
height:4em;
padding:1em .5em 2em;
}
</style>
</n.put_in_head.>
<div class="page-header">
<n.user_header/>
<n.options_menu/>
<n.page_logo/>
<n.subscribe_link text="Subscribe to Updates" class="float-right"/>
</div>
<n.page_menu_section/>
<n.breadcrumbs/>
</macro>
<macro name="page_logo">
<div style="width:25em;margin:0 auto;text-align:center">
<a href="http://naml.nabble.com/">
<img src="/file/n4335746/naml.png" width="196" height="46" alt="NAML - Nabble Application Markup Language" style="border:none"/>
</a>
<div class="weak-color subtitle">Nabble Application Markup Language</div>
</div>
</macro>
<macro name="options_menu" requires="node">
<div style="float:right">
<n.if.is_app>
<then.admin_options_for_app/>
<else.admin_options_for_post/>
</n.if.is_app>
</div>
</macro>
<macro name="admin_options_for_app" requires="node">
<div id="app_admin_options" style="display:none">
<n.if.both condition1="[n.is_home/]" condition2="[n.root_node.has_child_topics/]">
<then.homepage_node.edit_post_link text="Edit Homepage"/>
<else.new_topic_link text="New Topic"/>
</n.if.both>
<n.app_dropdown/>
</div>
<n.visible_for_admins selector="#app_admin_options"/>
</macro>
<macro name="admin_options_for_post" requires="node">
<div id="post_admin_options" style="display:none">
<n.edit_post_link/>
<n.topic_dropdown/>
</div>
<n.visible_for_admins selector="#post_admin_options"/>
</macro>
<override_macro name="breadcrumbs">
<div id="breadcrumbs" class="weak-color nowrap" style="padding:.5em">
<n.breadcrumbs_content/>
</div>
</override_macro>
<override_macro name="node_breadcrumbs" requires="node">
<n.if.is_in_app>
<then>
<n.get_app_node.>
<n.if.both condition1="[n.not.is_root/]" condition2="[n.not.parent_node.is_root/]">
<then>
<n.ancestors_list. order="reverse">
<n.loop. by="2">
<n.current_node.node_link/>
<span> › </span>
</n.loop.>
</n.ancestors_list.>
<n.node_link/>
</then>
</n.if.both>
</n.get_app_node.>
</then>
</n.if.is_in_app>
</override_macro>
<macro name="page_menu_section">
<div class="menu shadow">
<div class="float-right search-box">
<n.search_box/>
</div>
<div style="font-size:130%">
<n.if.both condition1="[n.not.is_null.get_parameter name='node'/]" condition2="[n.is_home/]">
<then><span class="selected-menu"><n.root_node.node_link text="Home"/></span></then>
<else><n.root_node.node_link text="Home"/></else>
</n.if.both>
<n.root_node.subapps_list. filter="[n.pinned_filter/]">
<n.while.next_node>
<loop>
<n.if.is_selection_under.current_node>
<then><span class="selected-menu"><n.current_node.node_link/></span></then>
<else><n.current_node.node_link/></else>
</n.if.is_selection_under.current_node>
<n.if.has_more_elements>
<then> </then>
</n.if.has_more_elements>
</loop>
</n.while.next_node>
</n.root_node.subapps_list.>
</div>
</div>
</macro>
<macro name="is_home">
<n.node_parameter_or_root.equals.root_node/>
</macro>
<macro name="is_selection_under" dot_parameter="node_attr">
<n.set_local_node.node_attr/>
<n.node_parameter_or_root.>
<n.if.equals.local_node>
<then.true/>
<else>
<n.ancestors_list. order="reverse">
<n.if.has_element_at index="1">
<then>
<n.node_at. index="1">
<n.equals.local_node/>
</n.node_at.>
</then>
<else.false/>
</n.if.has_element_at>
</n.ancestors_list.>
</else>
</n.if.equals.local_node>
</n.node_parameter_or_root.>
</macro>
<override_macro name="nabble_footer">
<div class="rounded-top footer shadow">
<div style="float:right">
<n.macro_viewer_page_link/>
</div>
<span class="weak-color" style="font-style:italic">
© 2005-2014 Nabble LLC.<br/>
<a href="http://www.nabble.com">Free Embeddable Applications</a> for Everyone<br/>
</span>
</div>
<script language="javascript" src="/template/NamlServlet.jtp?macro=shCore"></script>
<script language="javascript" src="/template/NamlServlet.jtp?macro=shBrushXml"></script>
<script language="javascript">
//dp.SyntaxHighlighter.ClipboardSwf = '/flash/clipboard.swf';
dp.SyntaxHighlighter.HighlightAll('code');
</script>
</override_macro>
<override_macro name="macro_viewer_page_link">
<a href="[n.macro_viewer_page_path/]" rel="nofollow">See how NAML generates this page</a>
</override_macro>