Untitled diff

Created Diff never expires
211 removals
553 lines
214 additions
556 lines
<header id="header">
<header id="header">
<div id="top-header">
<div id="top-header">
<div id="site-infos">
<div id="site-infos">
<div id="site-logo" # IF C_HEADER_LOGO #style="background-image: url('{HEADER_LOGO}');"# ENDIF #></div>
<div id="site-logo" # IF C_HEADER_LOGO #style="background-image: url({HEADER_LOGO});"# ENDIF #></div>
<div id="site-name-container">
<div id="site-name-container">
<a id="site-name" href="{PATH_TO_ROOT}/">{@css.menu.site.title}</a>
<a id="site-name" href="{PATH_TO_ROOT}/">{@cssmenu.site.title}</a>
<span id="site-slogan">{@css.menu.site.slogan}</span>
<span id="site-slogan">{@cssmenu.site.slogan}</span>
</div>
</div>
</div>
</div>
<div id="top-header-content">
<div id="top-header-content">
<nav id="horizontal_scrolling_top" class="cssmenu cssmenu-horizontal">
<nav id="horizontal-scrolling-top" class="cssmenu cssmenu-horizontal">
<ul class="level-0">
<ul class="level-0">
<li>
<li>
<a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a>
<a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a>
</li>
</li>
<li class="has-sub">
<li class="has-sub">
<span class="cssmenu-title" title="{@css.menu.sub.element}">{@css.menu.sub.element}</span>
<span class="cssmenu-title" title="{@cssmenu.sub.element}">{@cssmenu.sub.element}</span>
<ul class="level-1">
<ul class="level-1">
<li>
<li>
<a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a>
<a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a>
</li>
</li>
<li class="has-sub">
<li class="has-sub">
<span class="cssmenu-title" href="#" title="{@css.menu.sub.element}">{@css.menu.sub.element}</span>
<span class="cssmenu-title" href="#" title="{@cssmenu.sub.element}">{@cssmenu.sub.element}</span>
<ul class="level-2">
<ul class="level-2">
<li>
<li>
<a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a>
<a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a>
</li>
</li>
<li class="has-sub">
<li class="has-sub">
<span class="cssmenu-title" href="#" title="{@css.menu.sub.element}">{@css.menu.sub.element}</span>
<span class="cssmenu-title" href="#" title="{@cssmenu.sub.element}">{@cssmenu.sub.element}</span>
<ul class="level-3">
<ul class="level-3">
<li>
<li>
<a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a>
<a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a>
</li>
</li>
<li>
<li>
<a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a>
<a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a>
</li>
</li>
<li>
<li>
<a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a>
<a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a>
</li>
</li>
</ul>
</ul>
</li>
</li>
</ul>
</ul>
</li>
</li>
</ul>
</ul>
</li>
</li>
<li class="has-sub">
<li class="has-sub">
<span class="cssmenu-title" href="#" title="{@css.menu.sub.element}">{@css.menu.sub.element}</span>
<span class="cssmenu-title" href="#" title="{@cssmenu.sub.element}">{@cssmenu.sub.element}</span>
<ul class="level-1">
<ul class="level-1">
<li>
<li>
<a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a>
<a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a>
</li>
</li>
<li>
<li>
<a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a>
<a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a>
</li>
</li>
<li>
<li>
<a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a>
<a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a>
</li>
</li>
<li>
<li>
<a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a>
<a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a>
</li>
</li>
</ul>
</ul>
</li>
</li>
</ul>
</ul>
</nav>
</nav>
<script>jQuery("#horizontal_scrolling_top").menumaker({ title: "{@css.menu.horizontal.top}", format: "multitoggle", breakpoint: 768 }); </script>
<script>jQuery("#horizontal-scrolling-top").menumaker({ title: "{@cssmenu.horizontal.top}", format: "multitoggle", breakpoint: 768 }); </script>
</div>
</div>
</div>
</div>
<div id="sub-header">
<div id="sub-header">
<div id="sub-header-content">
<div id="sub-header-content">
<nav id="horizontal_sub_header" class="cssmenu cssmenu-horizontal">
<nav id="horizontal-sub-header" class="cssmenu cssmenu-horizontal">
<ul class="level-0">
<ul class="level-0">
<li class="has-sub">
<li class="has-sub">
<span class="cssmenu-title" href="#" title="{@css.menu.sub.element}">{@css.menu.sub.element}</span>
<span class="cssmenu-title" href="#" title="{@cssmenu.sub.element}">{@cssmenu.sub.element}</span>
<ul class="level-1">
<ul class="level-1">
<li>
<li>
<a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a>
<a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a>
</li>
</li>
<li>
<li>
<a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a>
<a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a>
</li>
</li>
<li>
<li>
<a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a>
<a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a>
</li>
</li>
<li>
<li>
<a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a>
<a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a>
</li>
</li>
</ul>
</ul>
</li>
</li>
<li>
<li>
<a class="cssmenu-title" href="{PATH_TO_ROOT}/admin" title="{@css.menu.sub.admin}">{@css.menu.sub.admin}</a>
<a class="cssmenu-title" href="{PATH_TO_ROOT}/admin" title="{@cssmenu.sub.admin}">{@cssmenu.sub.admin}</a>
</li>
</li>
<li class="has-sub">
<li class="has-sub">
<span class="cssmenu-title" title="{@css.menu.sub.element}">{@css.menu.sub.element}</span>
<span class="cssmenu-title" title="{@cssmenu.sub.element}">{@cssmenu.sub.element}</span>
<ul class="level-1">
<ul class="level-1">
<li>
<li>
<a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a>
<a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a>
</li>
</li>
<li class="has-sub">
<li class="has-sub">
<span class="cssmenu-title" href="#" title="{@css.menu.sub.element}">{@css.menu.sub.element}</span>
<span class="cssmenu-title" href="#" title="{@cssmenu.sub.element}">{@cssmenu.sub.element}</span>
<ul class="level-2">
<ul class="level-2">
<li>
<li>
<a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a>
<a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a>
</li>
</li>
<li class="has-sub">
<li class="has-sub">
<span class="cssmenu-title" href="#" title="{@css.menu.sub.element}">{@css.menu.sub.element}</span>
<span class="cssmenu-title" href="#" title="{@cssmenu.sub.element}">{@cssmenu.sub.element}</span>
<ul class="level-3">
<ul class="level-3">
<li>
<li>
<a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a>
<a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a>
</li>
</li>
<li>
<li>
<a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a>
<a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a>
</li>
</li>
<li>
<li>
<a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a>
<a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a>
</li>
</li>
</ul>
</ul>
</li>
</li>
</ul>
</ul>
</li>
</li>
</ul>
</ul>
</li>
</li>
</ul>
</ul>
</nav>
</nav>
<script>jQuery("#horizontal_sub_header").menumaker({ title: "{@css.menu.horizontal.sub.header}", format: "multitoggle", breakpoint: 768 }); </script>
<script>jQuery("#horizontal-sub-header").menumaker({ title: "{@cssmenu.horizontal.sub.header}", format: "multitoggle", breakpoint: 768 }); </script>
</div>
</div>
<div class="spacer"></div>
<div class="spacer"></div>
</div>
</div>
<div class="spacer"></div>
<div class="spacer"></div>
</header>
</header>
<div id="global">
<div id="global">
<aside id="menu-left">
<aside id="menu-left">
<div class="module-mini-container">
<div class="module-mini-container">
<div class="module-mini-top">
<div class="module-mini-top">
<h3>{@css.menu.vertical.scrolling}</h3>
<h3>{@cssmenu.vertical.scrolling}</h3>
</div>
</div>
<div class="module-mini-contents">
<div class="module-mini-contents">
<nav id="vertical_scrolling_left" class="cssmenu cssmenu-vertical cssmenu-left">
<nav id="vertical-scrolling-left" class="cssmenu cssmenu-vertical cssmenu-left cssmenu-with-submenu">
<ul class="level-0">
<ul class="level-0">
<li>
<li>
<a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a>
<a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a>
</li>
</li>
<li class="has-sub">
<li class="has-sub">
<span class="cssmenu-title" title="{@css.menu.sub.element}">{@css.menu.sub.element}</span>
<span class="cssmenu-title" title="{@cssmenu.sub.element}">{@cssmenu.sub.element}</span>
<ul class="level-1">
<ul class="level-1">
<li>
<li>
<a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a>
<a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a>
</li>
</li>
<li class="has-sub">
<li class="has-sub">
<span class="cssmenu-title" href="#" title="{@css.menu.sub.element}">{@css.menu.sub.element}</span>
<span class="cssmenu-title" href="#" title="{@cssmenu.sub.element}">{@cssmenu.sub.element}</span>
<ul class="level-2">
<ul class="level-2">
<li>
<li>
<a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a>
<a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a>
</li>
</li>
<li class="has-sub">
<li class="has-sub">
<span class="cssmenu-title" href="#" title="{@css.menu.sub.element}">{@css.menu.sub.element}</span>
<span class="cssmenu-title" href="#" title="{@cssmenu.sub.element}">{@cssmenu.sub.element}</span>
<ul class="level-3">
<ul class="level-3">
<li>
<li>
<a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a>
<a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a>
</li>
</li>
<li>
<li>
<a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a>
<a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a>
</li>
</li>
<li>
<li>
<a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a>
<a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a>
</li>
</li>
</ul>
</ul>
</li>
</li>
</ul>
</ul>
</li>
</li>
</ul>
</ul>
</li>
</li>
<li class="has-sub">
<li class="has-sub">
<span class="cssmenu-title" href="#" title="{@css.menu.sub.element}">{@css.menu.sub.element}</span>
<span class="cssmenu-title" href="#" title="{@cssmenu.sub.element}">{@cssmenu.sub.element}</span>
<ul class="level-1">
<ul class="level-1">
<li>
<li>
<a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a>
<a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a>
</li>
</li>
<li>
<li>
<a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a>
<a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a>
</li>
</li>
<li>
<li>
<a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a>
<a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a>
</li>
</li>
<li>
<li>
<a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a>
<a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a>
</li>
</li>
</ul>
</ul>
</li>
</li>
</ul>
</ul>
</nav>
</nav>
<script>jQuery("#vertical_scrolling_left").menumaker({ title: "{@css.menu.vertical.scrolling.left}", format: "multitoggle", breakpoint: 768 }); </script>
<script>jQuery("#vertical-scrolling-left").menumaker({ title: "{@cssmenu.vertical.scrolling.left}", format: "multitoggle", breakpoint: 768 }); </script>
</div>
</div>
<div class="module-mini-bottom"></div>
<div class="module-mini-bottom"></div>
</div>
</div>
<div class="module-mini-container">
<div class="module-mini-container">
<div class="module-mini-top">
<div class="module-mini-top">
<h3>{@css.menu.vertical.img}</h3>
<h3>{@cssmenu.vertical.img}</h3>
</div>
</div>
<div class="module-mini-contents">
<div class="module-mini-contents">
<nav id="vertical_img" class="cssmenu cssmenu-vertical cssmenu-left">
<nav id="vertical-img" class="cssmenu cssmenu-vertical cssmenu-left">
<ul class="level-0">
<ul class="level-0">
<li>
<li>
<a class="cssmenu-title" href="#" title="{@css.menu.element}">
<a class="cssmenu-title" href="#" title="{@cssmenu.element}">
<img src="{PATH_TO_ROOT}/sandbox/sandbox_mini.png" alt="{@css.menu.element}" />
<img src="{PATH_TO_ROOT}/sandbox/sandbox_mini.png" alt="{@cssmenu.element}" />
{@css.menu.element}
{@cssmenu.element}
</a>
</a>
</li>
</li>
<li>
<li>
<a class="cssmenu-title" href="#" title="{@css.menu.element}">
<a class="cssmenu-title" href="#" title="{@cssmenu.element}">
<img src="{PATH_TO_ROOT}/sandbox/sandbox_mini.png" alt="{@css.menu.element}" />
<img src="{PATH_TO_ROOT}/sandbox/sandbox_mini.png" alt="{@cssmenu.element}" />
{@css.menu.element}
{@cssmenu.element}
</a>
</a>
</li>
</li>
<li>
<li>
<a class="cssmenu-title" href="#" title="{@css.menu.element}">
<a class="cssmenu-title" href="#" title="{@cssmenu.element}">
<img src="{PATH_TO_ROOT}/sandbox/sandbox_mini.png" alt="{@css.menu.element}" />
<img src="{PATH_TO_ROOT}/sandbox/sandbox_mini.png" alt="{@cssmenu.element}" />
{@css.menu.element}
{@cssmenu.element}
</a>
</a>
</li>
</li>
<li>
<li>
<a class="cssmenu-title" href="#" title="{@css.menu.element}">
<a class="cssmenu-title" href="#" title="{@cssmenu.element}">
<img src="{PATH_TO_ROOT}/sandbox/sandbox_mini.png" alt="{@css.menu.element}" />
<img src="{PATH_TO_ROOT}/sandbox/sandbox_mini.png" alt="{@cssmenu.element}" />
{@css.menu.element}
{@cssmenu.element}
</a>
</a>
</li>
</li>
</ul>
</ul>
</nav>
</nav>
<script>jQuery("#vertical_img").menumaker({ title: "{@css.menu.vertical.img}", format: "multitoggle", breakpoint: 768 }); </script>
<script>jQuery("#vertical-img").menumaker({ title: "{@cssmenu.vertical.img}", format: "multitoggle", breakpoint: 768 }); </script>
</div>
</div>
<div class="module-mini-bottom"></div>
<div class="module-mini-bottom"></div>
</div>
</div>
</aside>
</aside>
<div id="main" class="main-with-left main-with-right" role="main">
<div id="main" class="main-with-left main-with-right" role="main">
<div id="top-content">
<div id="top-content">
<nav id="horizontal_scrolling" class="cssmenu cssmenu-horizontal">
<nav id="horizontal-scrolling" class="cssmenu cssmenu-horizontal">
<ul class="level-0">
<ul class="level-0">
<li>
<li>
<a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a>
<a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a>
</li>
</li>
<li class="has-sub">
<li class="has-sub">
<span class="cssmenu-title" title="{@css.menu.sub.element}">{@css.menu.sub.element}</span>
<span class="cssmenu-title" title="{@cssmenu.sub.element}">{@cssmenu.sub.element}</span>
<ul class="level-1">
<ul class="level-1">
<li>
<li>
<a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a>
<a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a>
</li>
</li>
<li class="has-sub">
<li class="has-sub">
<span class="cssmenu-title" href="#" title="{@css.menu.sub.element}">{@css.menu.sub.element}</span>
<span class="cssmenu-title" href="#" title="{@cssmenu.sub.element}">{@cssmenu.sub.element}</span>
<ul class="level-2">
<ul class="level-2">
<li>
<li>
<a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a>
<a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a>
</li>
</li>
<li class="has-sub">
<li class="has-sub">
<span class="cssmenu-title" href="#" title="{@css.menu.sub.element}">{@css.menu.sub.element}</span>
<span class="cssmenu-title" href="#" title="{@cssmenu.sub.element}">{@cssmenu.sub.element}</span>
<ul class="level-3">
<ul class="level-3">
<li>
<li>
<a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a>
<a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a>
</li>
</li>
<li>
<li>
<a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a>
<a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a>
</li>
</li>
<li>
<li>
<a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a>
<a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a>
</li>
</li>
</ul>
</ul>
</li>
</li>
</ul>
</ul>
</li>
</li>
</ul>
</ul>
</li>
</li>
<li class="has-sub">
<li class="has-sub">
<span class="cssmenu-title" href="#" title="{@css.menu.sub.element}">{@css.menu.sub.element}</span>
<span class="cssmenu-title" href="#" title="{@cssmenu.sub.element}">{@cssmenu.sub.element}</span>
<ul class="level-1">
<ul class="level-1">
<li>
<li>
<a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a>
<a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a>
</li>
</li>
<li>
<li>
<a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a>
<a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a>
</li>
</li>
<li>
<li>
<a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a>
<a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a>
</li>
</li>
<li>
<li>
<a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a>
<a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a>
</li>
</li>
</ul>
</ul>
</li>
</li>
</ul>
</ul>
</nav>
</nav>
<script>jQuery("#horizontal_scrolling").menumaker({ title: "{@css.menu.horizontal.scrolling}", format: "multitoggle", breakpoint: 768 }); </script>
<script>jQuery("#horizontal-scrolling").menumaker({ title: "{@cssmenu.horizontal.scrolling}", format: "multitoggle", breakpoint: 768 }); </script>
</div>
</div>
<div id="main-content">
<div id="main-content">
<menu id="sandbox_actionslinks" class="cssmenu cssmenu-right cssmenu-actionslinks">
<menu id="sandbox-actionslinks" class="cssmenu cssmenu-right cssmenu-actionslinks">
<ul class="level-0">
<ul class="level-0">
<li class="has-sub">
<li class="has-sub">
<span class="cssmenu-title" href="#" title="{@css.menu.actionslinks.sandbox}">{@css.menu.actionslinks.sandbox}</span>
<span class="cssmenu-title" href="#" title="{@cssmenu.actionslinks.sandbox}">{@cssmenu.actionslinks.sandbox}</span>
<ul class="level-1">
<ul class="level-1">
<li>
<li>
<a class="cssmenu-title" href="{PATH_TO_ROOT}/sandbox" title="{@css.menu.actionslinks.index}">{@css.menu.actionslinks.index}</a>
<a class="cssmenu-title" href="{PATH_TO_ROOT}/sandbox" title="{@cssmenu.actionslinks.index}">{@cssmenu.actionslinks.index}</a>
</li>
<li>
<a class="cssmenu-title" href="{PATH_TO_ROOT}/sandbox/css" title="{@cssmenu.actionslinks.css}">{@cssmenu.actionslinks.css}</a>
</li>
</li>
<li>
<li>
<a class="cssmenu-title" href="{PATH_TO_ROOT}/sandbox/css" title="{@css.menu.actionslinks.css}">{@css.menu.actionslinks.css}</a>
<a class="cssmenu-title" href="{PATH_TO_ROOT}/sandbox/bbcode" title="{@cssmenu.actionslinks.css}">{@cssmenu.actionslinks.bbcode}</a>
</li>
</li>
<li>
<li>
<a class="cssmenu-title" href="{PATH_TO_ROOT}/sandbox/menu" title="{@css.menu.actionslinks.menu}">{@css.menu.actionslinks.menu}</a>
<a class="cssmenu-title" href="{PATH_TO_ROOT}/sandbox/menu" title="{@cssmenu.actionslinks.menu}">{@cssmenu.actionslinks.menu}</a>
</li>
</li>
<li>
<li>
<a class="cssmenu-title" href="{PATH_TO_ROOT}/sandbox/icons" title="{@css.menu.actionslinks.icons}">{@css.menu.actionslinks.icons}</a>
<a class="cssmenu-title" href="{PATH_TO_ROOT}/sandbox/icons" title="{@cssmenu.actionslinks.icons}">{@cssmenu.actionslinks.icons}</a>
</li>
</li>
<li>
<li>
<a class="cssmenu-title" href="{PATH_TO_ROOT}/sandbox/table" title="{@css.menu.actionslinks.table}">{@css.menu.actionslinks.table}</a>
<a class="cssmenu-title" href="{PATH_TO_ROOT}/sandbox/table" title="{@cssmenu.actionslinks.table}">{@cssmenu.actionslinks.table}</a>
</li>
</li>
<li>
<li>
<a class="cssmenu-title" href="{PATH_TO_ROOT}/sandbox/template" title="{@css.menu.actionslinks.template}">{@css.menu.actionslinks.template}</a>
<a class="cssmenu-title" href="{PATH_TO_ROOT}/sandbox/mail" title="{@cssmenu.actionslinks.mail}">{@cssmenu.actionslinks.mail}</a>
</li>
</li>
<li>
<li>
<a class="cssmenu-title" href="{PATH_TO_ROOT}/sandbox/mail" title="{@css.menu.actionslinks.mail}">{@css.menu.actionslinks.mail}</a>
<a class="cssmenu-title" href="{PATH_TO_ROOT}/sandbox/template" title="{@cssmenu.actionslinks.template}">{@cssmenu.actionslinks.template}</a>
</li>
</li>
</ul>
</ul>
</li>
</li>
<li class="has-sub">
<li class="has-sub">
<span class="cssmenu-title" href="#" title="{@css.menu.sub.element}">{@css.menu.sub.element}</span>
<span class="cssmenu-title" href="#" title="{@cssmenu.sub.element}">{@cssmenu.sub.element}</span>
<ul class="level-1">
<ul class="level-1">
<li>
<li>
<a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a>
<a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a>
</li>
</li>
<li>
<li>
<a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a>
<a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a>
</li>
</li>
</ul>
</ul>
</li>
</li>
<li>
<li>
<a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a>
<a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a>
</li>
</li>
</ul>
</ul>
</menu>
</menu>
<script>jQuery("#sandbox_actionslinks").menumaker({ title: "{@css.menu.actionslinks}", format: "multitoggle", breakpoint: 768 }); </script>
<script>jQuery("#sandbox-actionslinks").menumaker({ title: "{@cssmenu.actionslinks}", format: "multitoggle", breakpoint: 768 }); </script>
<nav id="breadcrumb" itemprop="breadcrumb">
<nav id="breadcrumb" itemprop="breadcrumb">
<ol>
<ol>
<li itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
<li itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
<a href="{PATH_TO_ROOT}/" title="{@css.menu.breadcrumb.index}" itemprop="url">
<a href="{PATH_TO_ROOT}/" title="{@cssmenu.breadcrumb.index}" itemprop="url">
<span itemprop="title">{@css.menu.breadcrumb.index}</span>
<span itemprop="title">{@cssmenu.breadcrumb.index}</span>
</a>
</a>
</li>
</li>
<li itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
<li itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
<a href="{PATH_TO_ROOT}/sandbox" title="{@css.menu.breadcrumb.sandbox}" itemprop="url">
<a href="{PATH_TO_ROOT}/sandbox" title="{@cssmenu.breadcrumb.sandbox}" itemprop="url">
<span itemprop="title">{@css.menu.breadcrumb.sandbox}</span>
<span itemprop="title">{@cssmenu.breadcrumb.sandbox}</span>
</a>
</a>
</li>
</li>
<li itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
<li itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
<span itemprop="title">{@css.menu.breadcrumb.cssmenu}</span>
<span itemprop="title">{@cssmenu.breadcrumb.cssmenu}</span>
</li>
</li>
</ol>
</ol>
</nav>
</nav>
<br /><br />
<br /><br />
<div class="spacer"></div>
<div class="spacer"></div>
<header>
<header>
<h2>{@css.menu.h2}</h2>
<h2>{@cssmenu.h2}</h2>
</header>
</header>
<article>
<article>
<div class="warning">
<div class="warning">
{@css.menu.content}
{@cssmenu.warning}
</div>
</div>
{@lorem.ipsum}
<p>{@framework.lorem.large}</p>
<br /><br />
<p>{@framework.lorem.medium}</p>
{@lorem.ipsum}
</article>
</article>
</div>
</div>
<div id="bottom-content">
<div id="bottom-content">
<nav id="sandbox_group" class="cssmenu cssmenu-group">
<nav id="sandbox-group" class="cssmenu cssmenu-group">
<ul class="level-0">
<ul class="level-0">
<li>
<li>
<a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a>
<a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a>
</li>
</li>
<li>
<li class="current">
<a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a>
<a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a>
</li>
</li>
<li>
<li>
<a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a>
<a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a>
</li>
</li>
<li>
<li>
<a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a>
<a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a>
</li>
</li>
</ul>
</ul>
</nav>
</nav>
<script>jQuery("#sandbox_group").menumaker({ title: "{@css.menu.group}", format: "multitoggle", breakpoint: 768 }); </script>
<script>jQuery("#sandbox-group").menumaker({ title: "{@cssmenu.group}", format: "multitoggle", breakpoint: 768 }); </script>
</div>
</div>
</div>
</div>
<aside id="menu-right">
<aside id="menu-right">
<div class="module-mini-container">
<div class="module-mini-container">
<div class="module-mini-top">
<div class="module-mini-top">
<h3>{@css.menu.vertical.scrolling}</h3>
<h3>{@cssmenu.vertical.scrolling}</h3>
</div>
</div>
<div class="module-mini-contents">
<div class="module-mini-contents">
<nav id="vertical_scrolling_right" class="cssmenu cssmenu-vertical cssmenu-right">
<nav id="vertical-scrolling-right" class="cssmenu cssmenu-vertical cssmenu-right cssmenu-with-submenu">
<ul class="level-0">
<ul class="level-0">
<li>
<li>
<a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a>
<a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a>
</li>
</li>
<li class="has-sub">
<li class="has-sub">
<span class="cssmenu-title" title="{@css.menu.sub.element}">{@css.menu.sub.element}</span>
<span class="cssmenu-title" title="{@cssmenu.sub.element}">{@cssmenu.sub.element}</span>
<ul class="level-1">
<ul class="level-1">
<li>
<li>
<a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a>
<a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a>
</li>
</li>
<li class="has-sub">
<li class="has-sub">
<span class="cssmenu-title" href="#" title="{@css.menu.sub.element}">{@css.menu.sub.element}</span>
<span class="cssmenu-title" href="#" title="{@cssmenu.sub.element}">{@cssmenu.sub.element}</span>
<ul class="level-2">
<ul class="level-2">
<li>
<li>
<a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a>
<a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a>
</li>
</li>
<li class="has-sub">
<li class="has-sub">
<span class="cssmenu-title" href="#" title="{@css.menu.sub.element}">{@css.menu.sub.element}</span>
<span class="cssmenu-title" href="#" title="{@cssmenu.sub.element}">{@cssmenu.sub.element}</span>
<ul class="level-3">
<ul class="level-3">
<li>
<li>
<a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a>
<a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a>
</li>
</li>
<li>
<li>
<a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a>
<a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a>
</li>
</li>
<li>
<li>
<a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a>
<a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a>
</li>
</li>
</ul>
</ul>
</li>
</li>
</ul>
</ul>
</li>
</li>
</ul>
</ul>
</li>
</li>
<li class="has-sub">
<li class="has-sub">
<span class="cssmenu-title" href="#" title="{@css.menu.sub.element}">{@css.menu.sub.element}</span>
<span class="cssmenu-title" href="#" title="{@cssmenu.sub.element}">{@cssmenu.sub.element}</span>
<ul class="level-1">
<ul class="level-1">
<li>
<li>
<a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a>
<a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a>
</li>
</li>
<li>
<li>
<a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a>
<a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a>
</li>
</li>
<li>
<li>
<a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a>
<a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a>
</li>
</li>
<li>
<li>
<a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a>
<a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a>
</li>
</li>
</ul>
</ul>
</li>
</li>
</ul>
</ul>
</nav>
</nav>
<script>jQuery("#vertical_scrolling_right").menumaker({ title: "{@css.menu.vertical.scrolling.right}", format: "multitoggle", breakpoint: 768 }); </script>
<script>jQuery("#vertical-scrolling-right").menumaker({ title: "{@cssmenu.vertical.scrolling.right}", format: "multitoggle", breakpoint: 768 }); </script>
</div>
</div>
<div class="module-mini-bottom"></div>
<div class="module-mini-bottom"></div>
</div>
</div>
</aside>
</aside>
</div>
</div>
<div id="top-footer">
<footer id="footer">
<nav id="sandbox_static" class="cssmenu cssmenu-static">
<ul class="level-0">
<div id="top-footer">
<li class="has-sub">
<nav id="sandbox-static" class="cssmenu cssmenu-static">
<span class="cssmenu-title" href="#" title="{@css.menu.sub.element}">{@css.menu.sub.element}</span>
<ul class="level-0">
<ul class="level-1">
<li class="has-sub">
<li>
<span class="cssmenu-title" href="#" title="{@cssmenu.sub.element}">{@cssmenu.sub.element}</span>
<a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a>
<ul class="level-1">
</li>
<li>
<li>
<a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a>
<a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a>
</li>
</li>
<li>
</ul>
<a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a>
</li>
</li>
<li class="has-sub">
</ul>
<span class="cssmenu-title" href="#" title="{@css.menu.sub.element}">{@css.menu.sub.element}</span>
</li>
<ul class="level-1">
<li class="has-sub">
<li>
<span class="cssmenu-title" href="#" title="{@cssmenu.sub.element}">{@cssmenu.sub.element}</span>
<a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a>
<ul class="level-1">
</li>
<li>
<li>
<a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a>
<a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a>
</li>
</li>
<li>
</ul>
<a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a>
</li>
</li>
<li class="has-sub">
</ul>
<span class="cssmenu-title" href="#" title="{@css.menu.sub.element}">{@css.menu.sub.element}</span>
</li>
<ul class="level-1">
<li class="has-sub">
<li>
<span class="cssmenu-title" href="#" title="{@cssmenu.sub.element}">{@cssmenu.sub.element}</span>
<a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a>
<ul class="level-1">
</li>
<li>
<li>
<a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a>
<a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a>
</li>
</li>
<li>
</ul>
<a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a>
</li>
</li>
</ul>
</ul>
</nav>
</li>
<script>jQuery("#sandbox_static").menumaker({ title: "{@css.menu.static}", format: "multitoggle", breakpoint: 768, static: true }); </script>
</ul>
</div>
</nav>
<script>jQuery("#sandbox-static").menumaker({ title: "{@cssmenu.static}", format: "multitoggle", breakpoint: 768, static: true }); </script>
</div>
<footer id="footer">
<div class="footer-content">
<div class="footer-content">
<nav id="sandbox_static_footer" class="cssmenu cssmenu-static">
<nav id="sandbox-static-footer" class="cssmenu cssmenu-static">
<ul class="level-0">
<ul class="level-0">
<li class="has-sub">
<li class="has-sub">
<span class="cssmenu-title" href="#" title="{@css.menu.sub.element}">{@css.menu.sub.element}</span>
<span class="cssmenu-title" href="#" title="{@cssmenu.sub.element}">{@cssmenu.sub.element}</span>
<ul class="level-1">
<ul class="level-1">
<li>
<li>
<a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a>
<a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a>
</li>
</li>
<li>
<li>
<a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a>
<a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a>
</li>
</li>
</ul>
</ul>
</li>
</li>
<li class="has-sub">
<li class="has-sub">
<span class="cssmenu-title" href="#" title="{@css.menu.sub.element}">{@css.menu.sub.element}</span>
<span class="cssmenu-title" href="#" title="{@cssmenu.sub.element}">{@cssmenu.sub.element}</span>
<ul class="level-1">
<ul class="level-1">
<li>
<li>
<a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a>
<a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a>
</li>
</li>
<li>
<li>
<a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a>
<a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a>
</li>
</li>
</ul>
</ul>
</li>
</li>
<li class="has-sub">
<li class="has-sub">
<span class="cssmenu-title" href="#" title="{@css.menu.sub.element}">{@css.menu.sub.element}</span>
<span class="cssmenu-title" href="#" title="{@cssmenu.sub.element}">{@cssmenu.sub.element}</span>
<ul class="level-1">
<ul class="level-1">
<li>
<li>
<a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a>
<a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a>
</li>
</li>
<li>
<li>
<a class="cssmenu-title" href="#" title="{@css.menu.element}">{@css.menu.element}</a>
<a class="cssmenu-title" href="#" title="{@cssmenu.element}">{@cssmenu.element}</a>
</li>
</li>
</ul>
</ul>
</li>
</li>
</ul>
</ul>
</nav>
</nav>
<script>jQuery("#sandbox_static_footer").menumaker({ title: "{@css.menu.static.footer}", format: "multitoggle", breakpoint: 768, static: true }); </script>
<script>jQuery("#sandbox-static-footer").menumaker({ title: "{@cssmenu.static.footer}", format: "multitoggle", breakpoint: 768, static: true }); </script>
</div>
</div>
</footer>
</footer>