<?xml version="1.0" encoding="utf-8"?>
<style title="Class" description="Pure class, full control" user_selectable="1" export_version="2">
<templates>
<template title="PAGE_CONTAINER" type="public" addon_id="XF" version_id="2001270" version_string="2.0.12"><![CDATA[<!DOCTYPE html>
<xf:set var="$siteName" value="{$xf.options.boardTitle}" />
<xf:set var="$h1"><xf:h1 fallback="{$siteName}" /></xf:set>
<xf:set var="$title"><xf:title formatter="%s | %s" fallback="{$xf.options.boardTitle}" /></xf:set>
<xf:set var="$description"><xf:description /></xf:set>
<xf:set var="$uix_htmlClasses"></xf:set>
<xf:if is="property('uix_pageWidthToggle') != 'disabled'">
<xf:comment> UI.X width toggle class</xf:comment>
<xf:set var="$uix_htmlClasses">{{$uix_htmlClasses}} uix_page--{{$uix_pageWidth}}</xf:set>
</xf:if>
<xf:if is="property('uix_navigationType') == 'sidebarNav'">
<xf:comment> UI.X sidebar navigation toggle class</xf:comment>
<xf:if is="!$uix_sidebarNavCollapsed">
<xf:set var="$uix_htmlClasses">{{$uix_htmlClasses}} sidebarNav--active</xf:set>
</xf:if>
</xf:if>
<xf:if is="property('uix_collapsibleSidebar')">
<xf:comment> UI.X sidebar toggle class</xf:comment>
<xf:if is="$uix_sidebarCollapsed">
<xf:set var="$uix_htmlClasses">{{$uix_htmlClasses}} uix_sidebarCollapsed</xf:set>
</xf:if>
</xf:if>
<xf:if is="{$uix_showWelcomeSection}">
<xf:set var="$uix_htmlClasses">{{$uix_htmlClasses}} uix_hasWelcomeSection</xf:set>
</xf:if>
<xf:comment>SectionLinks Breakpoints</xf:comment>
<xf:set var="$uix_subNavContentStatic" value="0" />
<xf:comment>--------- COMPONENT MARKUP MACROS ---------
Markup for components can/should be added here in an XF:set if
we want the components to have variably set locations
</xf:comment>
<xf:comment> --- main page tab bar --- </xf:comment>
<xf:set var="$uix_mainTabComponent">
<xf:if contentcheck="true">
<div class="block uix_mainTabBar">
<div class="block-tabHeader tabs hScroller" data-xf-init="h-scroller">
<span class="hScroller-scroll">
<xf:contentcheck>
<xf:if is="{$uix_mainTabSets}">
<xf:macro template="uix_mainTabSets" name="{$uix_mainTabSets}" arg-activeTab="{$uix_mainTabActive}" />
</xf:if>
</xf:contentcheck>
</span>
</div>
</div>
</xf:if>
</xf:set>
<xf:macro name="uix_mainTabComponent" arg-content="!" arg-location="!">
<xf:if is="property('uix_tabBarLocation') === {$location} && property('uix_enableMainTabs')">
{{$content}}
</xf:if>
</xf:macro>
<xf:comment> --- Sidebar trigger --- </xf:comment>
<xf:set var="$uix_sidebarTrigger__content">
<xf:if is="{$sidebar}">
<xf:if is="property('uix_collapsibleSidebar') && {$uix_canCollapseSidebar}">
<a class="uix_sidebarTrigger__component uix_sidebarTrigger {{ (property('uix_sidebarTriggerPosition') == 'sectionLinks') ? 'p-navgroup-link' : 'button'}}" data-xf-init="tooltip" title="{{ phrase('th_sidebar_uix')}}">
<i class="mdi mdi-dots-vertical"></i>
<span class="uix_sidebarTrigger--phrase">{{ phrase('th_sidebar_uix') }}</span>
</a>
</xf:if>
<xf:if is="property('uix_sidebarMobileCanvas')">
<a class="uix_sidebarCanvasTrigger uix_sidebarTrigger__component {{ (property('uix_sidebarTriggerPosition') == 'sectionLinks') ? 'p-navgroup-link' : 'button'}}" data-xf-init="tooltip" title="{{ phrase('th_sidebar_uix')}}">
<i class="mdi mdi-dots-vertical"></i>
<span class="uix_sidebarTrigger--phrase">{{ phrase('th_sidebar_uix') }}</span>
</a>
</xf:if>
</xf:if>
</xf:set>
<xf:macro name="uix_sidebarTrigger__component" arg-location="" arg-content="">
<xf:if is="({$location} == property('uix_sidebarTriggerPosition')) || ({$location} == 'navigation')">
{$content}
</xf:if>
</xf:macro>
<xf:comment> --- Search bar --- </xf:comment>
<xf:if is="!{$uix_hideNavigation}">
<xf:set var="$uix_search__component">
<xf:if is="$xf.visitor.canSearch()">
<div class="uix_searchBar">
<div class="uix_searchBarInner">
<form action="{{ link('search/search') }}" method="post" class="uix_searchForm" data-xf-init="quick-search">
<a class="uix_search--close">
<xf:macro name="icon" template="uix_icons.less" arg-icon="close" />
</a>
<xf:textbox autocomplete="off" class="js-uix_syncValue uix_searchInput uix_searchDropdown__trigger" data-uixsync="search" name="keywords" placeholder="{{ phrase('search...') }}" aria-label="{{ phrase('search') }}" data-menu-autofocus="true" />
<a href="{{ link('search') }}"
class="uix_search--settings u-ripple"
data-xf-key="{{ phrase('shortcut.search_menu')|for_attr }}"
aria-label="{{ phrase('search')|for_attr }}"
aria-expanded="false"
aria-haspopup="true"
title="{{ phrase('search')|for_attr }}">
<xf:macro name="icon" template="uix_icons.less" arg-icon="settings" />
</a>
<span class="<xf:if is="property('uix_searchButton')">uix_search--submit</xf:if> uix_searchIcon">
<xf:macro name="icon" template="uix_icons.less" arg-icon="search" />
</span>
<xf:csrf />
</form>
</div>
<xf:if is="property('uix_searchIconBehavior') != 'dropdown'">
<a class="uix_searchIconTrigger p-navgroup-link p-navgroup-link--iconic p-navgroup-link--search u-ripple"
aria-label="{{ phrase('search') }}"
aria-expanded="false"
aria-haspopup="true"
title="{{ phrase('search') }}">
<i aria-hidden="true"></i>
</a>
</xf:if>
<xf:if is="property('uix_searchIconBehavior') != 'expand'">
<a href="{{ link('search') }}"
class="p-navgroup-link p-navgroup-link--iconic p-navgroup-link--search u-ripple js-uix_minimalSearch__target"
data-xf-click="menu"
aria-label="{{ phrase('search') }}"
aria-expanded="false"
aria-haspopup="true"
title="{{ phrase('search') }}">
<i aria-hidden="true"></i>
</a>
</xf:if>
<div class="menu menu--structural menu--wide" data-menu="menu" aria-hidden="true">
<form action="{{ link('search/search') }}" method="post"
class="menu-content"
data-xf-init="quick-search">
<h3 class="menu-header">{{ phrase('search') }}</h3>
<!--[XF:search_menu:above_input]-->
<div class="menu-row">
<xf:if is="$searchConstraints">
<div class="inputGroup inputGroup--joined">
<xf:textbox name="keywords"
class="js-uix_syncValue"
data-uixsync="search"
placeholder="{{ phrase('search...') }}"
aria-label="{{ phrase('search') }}"
data-menu-autofocus="true" />
<xf:select name="constraints"
class="js-quickSearch-constraint"
aria-label="{{ phrase('search_within') }}">
<xf:option value="">{{ phrase('everywhere') }}</xf:option>
<xf:foreach loop="$searchConstraints" key="$constraintName" value="$constraint">
<xf:option value="{$constraint|json}">{$constraintName}</xf:option>
</xf:foreach>
</xf:select>
</div>
<xf:else />
<xf:textbox name="keywords"
class="js-uix_syncValue"
data-uixsync="search"
placeholder="{{ phrase('search...') }}"
aria-label="{{ phrase('search') }}"
data-menu-autofocus="true" />
</xf:if>
</div>
<!--[XF:search_menu:above_title_only]-->
<div class="menu-row">
<xf:checkbox standalone="true"><xf:option name="c[title_only]" label="{{ phrase('search_titles_only') }}" /></xf:checkbox>
</div>
<!--[XF:search_menu:above_member]-->
<div class="menu-row">
<div class="inputGroup">
<span class="inputGroup-text" id="ctrl_search_menu_by_member">{{ phrase('by:') }}</span>
<input class="input" name="c[users]" data-xf-init="auto-complete" placeholder="{{ phrase('member')|for_attr }}" aria-labelledby="ctrl_search_menu_by_member" />
</div>
</div>
<div class="menu-footer">
<span class="menu-footer-controls">
<xf:button type="submit" class="button--primary" icon="search" />
<xf:button href="{{ link('search') }}">{{ phrase('advanced_search...') }}</xf:button>
</span>
</div>
<xf:csrf />
</form>
</div>
<div class="menu menu--structural menu--wide uix_searchDropdown__menu" aria-hidden="true">
<form action="{{ link('search/search') }}" method="post"
class="menu-content"
data-xf-init="quick-search">
<!--[XF:search_menu:above_input]-->
<xf:if is="$searchConstraints">
<div class="menu-row">
<div class="inputGroup">
<input name="keywords"
class="js-uix_syncValue"
data-uixsync="search"
placeholder="{{ phrase('search...') }}"
aria-label="{{ phrase('search') }}"
type="hidden" />
<xf:select name="constraints"
class="js-quickSearch-constraint"
aria-label="{{ phrase('search_within') }}">
<xf:option value="">{{ phrase('everywhere') }}</xf:option>
<xf:foreach loop="$searchConstraints" key="$constraintName" value="$constraint">
<xf:option value="{$constraint|json}">{$constraintName}</xf:option>
</xf:foreach>
</xf:select>
</div>
</div>
<xf:else />
<input name="keywords"
class="js-uix_syncValue"
data-uixsync="search"
placeholder="{{ phrase('search...') }}"
aria-label="{{ phrase('search') }}"
type="hidden" />
</xf:if>
<!--[XF:search_menu:above_title_only]-->
<div class="menu-row">
<xf:checkbox standalone="true"><xf:option name="c[title_only]" label="{{ phrase('search_titles_only') }}" /></xf:checkbox>
</div>
<!--[XF:search_menu:above_member]-->
<div class="menu-row">
<div class="inputGroup">
<span class="inputGroup-text">{{ phrase('by:') }}</span>
<input class="input" name="c[users]" data-xf-init="auto-complete" placeholder="{{ phrase('member') }}" />
</div>
</div>
<div class="menu-footer">
<span class="menu-footer-controls">
<xf:button type="submit" class="button--primary" icon="search" />
<xf:button href="{{ link('search') }}" rel="nofollow">{{ phrase('th_advanced_uix...') }}</xf:button>
</span>
</div>
<xf:csrf />
</form>
</div>
</div>
</xf:if>
</xf:set>
</xf:if>
<xf:macro name="uix_search__component" arg-content="!" arg-location="!">
<xf:if is="(property('uix_searchPosition') == {$location}) || ({$location} == 'navigation')">
{$content}
</xf:if>
</xf:macro>
<xf:comment> --- whats new --- </xf:comment>
<xf:if is="!property('uix_removeWhatsNewButtons')">
<xf:set var="$uix_whatsNew__component">
<a href="{{ link('whats-new') }}"
class="p-navgroup-link p-navgroup-link--iconic p-navgroup-link--whatsnew"
title="{{ phrase('whats_new')|for_attr }}">
<i aria-hidden="true"></i>
<span class="p-navgroup-linkText">{{ phrase('whats_new') }}</span>
</a>
</xf:set>
</xf:if>
<xf:macro name="uix_whatsNew__component" arg-content="!" arg-location="!">
<xf:if is="({$xf.visitor.user_id} && property('uix_userTabsPosition') == {$location}) || ({$location} == 'navigation')">
{$content}
</xf:if>
</xf:macro>
<xf:comment> --- login tabs --- </xf:comment>
<xf:set var="$uix_loginTabs__component">
<xf:if is="{$template} != 'login'">
<xf:if is="property('uix_loginStyle') == 'dropdown'">
<a href="{{ link('login') }}" class="p-navgroup-link p-navgroup-link--textual p-navgroup-link--logIn" data-xf-click="menu">
<i></i>
<span class="p-navgroup-linkText">{{ phrase('log_in') }}</span>
</a>
<div class="menu menu--structural menu--medium" data-menu="menu" aria-hidden="true" data-href="{{ link('login') }}"></div>
<xf:elseif is="property('uix_loginStyle') == 'modal'" />
<a href="{{ link('login') }}" class="p-navgroup-link u-ripple p-navgroup-link--textual p-navgroup-link--logIn" data-xf-click="overlay" data-follow-redirects="on">
<i></i>
<span class="p-navgroup-linkText">{{ phrase('log_in') }}</span>
</a>
<xf:elseif is="property('uix_loginStyle') == 'link'" />
<a href="{{ link('login') }}" class="p-navgroup-link u-ripple p-navgroup-link--textual p-navgroup-link--logIn" data-follow-redirects="on">
<i></i>
<span class="p-navgroup-linkText">{{ phrase('log_in') }}</span>
</a>
<xf:elseif is="property('uix_loginStyle') == 'slidingPanel'" />
<a href="{{ link('login') }}" id="uix_loginPanel--trigger" class="p-navgroup-link u-ripple p-navgroup-link--textual p-navgroup-link--logIn" rel="nofollow" data-follow-redirects="on">
<i></i>
<span class="p-navgroup-linkText">{{ phrase('log_in') }}</span>
</a>
</xf:if>
</xf:if>
<xf:if is="{$template} != 'register_form'">
<xf:if is="property('uix_loginStyle') == 'modal'">
<a href="{{ link('register') }}" class="p-navgroup-link u-ripple p-navgroup-link--textual p-navgroup-link--register" data-xf-click="overlay" data-follow-redirects="on">
<i></i>
<span class="p-navgroup-linkText">{{ phrase('register') }}</span>
</a>
<xf:else />
<a href="{{ link('register') }}" class="p-navgroup-link u-ripple p-navgroup-link--textual p-navgroup-link--register" data-follow-redirects="on">
<i></i>
<span class="p-navgroup-linkText">{{ phrase('register') }}</span>
</a>
</xf:if>
</xf:if>
</xf:set>
<xf:macro name="uix_loginTabs__component" arg-content="!" arg-location="!">
<xf:if is="property('uix_loginTriggerPosition') == {$location} || ({$location} == 'navigation')">
<xf:if is="{$location} == 'tablinks'">
</xf:if>
{$content}
</xf:if>
</xf:macro>
<xf:comment> --- user tabs --- </xf:comment>
<xf:if is="!{$uix_hideNavigation}">
<xf:set var="$uix_userTabs__component">
<xf:if is="$xf.visitor.user_state == 'rejected' OR $xf.visitor.user_state == 'disabled'">
<a href="{{ link('account') }}"
class="p-navgroup-link u-ripple p-navgroup-link--iconic p-navgroup-link--user">
<xf:avatar user="$xf.visitor" size="xxs" href="" />
<span class="p-navgroup-linkText">{$xf.visitor.username}</span>
</a>
<a href="{{ link('logout', null, {'t': csrf_token()}) }}" class="p-navgroup-link">
<span class="p-navgroup-linkText">{{ phrase('log_out') }}</span>
</a>
<xf:else />
<a href="{{ link('account') }}"
class="p-navgroup-link u-ripple p-navgroup-link--iconic p-navgroup-link--user"
data-xf-click="menu"
data-xf-key="{{ phrase('shortcut.visitor_menu')|for_attr }}"
data-menu-pos-ref="< .p-navgroup"
aria-expanded="false"
aria-haspopup="true">
<xf:avatar user="$xf.visitor" size="xxs" href="" />
<span class="p-navgroup-linkText">{$xf.visitor.username}</span>
</a>
<div class="menu menu--structural menu--wide menu--account" data-menu="menu" aria-hidden="true"
data-href="{{ link('account/visitor-menu') }}"
data-load-target=".js-visitorMenuBody">
<div class="menu-content js-visitorMenuBody">
<div class="menu-row">
{{ phrase('loading...') }}
</div>
</div>
</div>
<a href="{{ link('conversations') }}"
class="p-navgroup-link u-ripple p-navgroup-link--iconic p-navgroup-link--conversations js-badge--conversations badgeContainer{{ $xf.visitor.conversations_unread ? ' badgeContainer--highlighted' : '' }}"
data-badge="{$xf.visitor.conversations_unread|number}"
data-xf-click="menu"
data-xf-key="{{ phrase('shortcut.conversations_menu')|for_attr }}"
data-menu-pos-ref="< .p-navgroup"
aria-expanded="false"
aria-haspopup="true">
<i aria-hidden="true"></i>
<span class="p-navgroup-linkText">{{ phrase('inbox') }}</span>
</a>
<div class="menu menu--structural menu--medium" data-menu="menu" aria-hidden="true"
data-href="{{ link('conversations/popup') }}"
data-nocache="true"
data-load-target=".js-convMenuBody">
<div class="menu-content">
<h3 class="menu-header">{{ phrase('conversations') }}</h3>
<div class="js-convMenuBody">
<div class="menu-row">{{ phrase('loading...') }}</div>
</div>
<div class="menu-footer menu-footer--split">
<span class="menu-footer-main">
<a href="{{ link('conversations') }}">{{ phrase('show_all...') }}</a>
</span>
<xf:if is="$xf.visitor.canStartConversation()">
<span class="menu-footer-opposite">
<a href="{{ link('conversations/add') }}">{{ phrase('start_new_conversation') }}</a>
</span>
</xf:if>
</div>
</div>
</div>
<a href="{{ link('account/alerts') }}"
class="p-navgroup-link u-ripple p-navgroup-link--iconic p-navgroup-link--alerts js-badge--alerts badgeContainer{{ $xf.visitor.alerts_unread ? ' badgeContainer--highlighted' : '' }}"
data-badge="{$xf.visitor.alerts_unread|number}"
data-xf-click="menu"
data-xf-key="{{ phrase('shortcut.alerts_menu')|for_attr }}"
data-menu-pos-ref="< .p-navgroup"
aria-expanded="false"
aria-haspopup="true">
<i aria-hidden="true"></i>
<span class="p-navgroup-linkText">{{ phrase('alerts') }}</span>
</a>
<div class="menu menu--structural menu--medium" data-menu="menu" aria-hidden="true"
data-href="{{ link('account/alerts-popup') }}"
data-nocache="true"
data-load-target=".js-alertsMenuBody">
<div class="menu-content">
<h3 class="menu-header">{{ phrase('alerts') }}</h3>
<div class="js-alertsMenuBody">
<div class="menu-row">{{ phrase('loading...') }}</div>
</div>
<div class="menu-footer menu-footer--split">
<span class="menu-footer-main">
<a href="{{ link('account/alerts') }}">{{ phrase('show_all...') }}</a>
</span>
<span class="menu-footer-opposite">
<a href="{{ link('account/preferences') }}">{{ phrase('preferences') }}</a>
</span>
</div>
</div>
</div>
</xf:if>
</xf:set>
</xf:if>
<xf:macro name="uix_userTabs__component" arg-content="!" arg-location="!">
<xf:if is="property('uix_userTabsPosition') == {$location} || ({$location} == 'navigation')">
<xf:if is="{$location} == 'tablinks'">
</xf:if>
{$content}
</xf:if>
</xf:macro>
<xf:set var="$uix_socialMediaContent">
<xf:include template="uix_socialMedia" />
</xf:set>
<xf:macro name="uix_socialMedia__component" arg-content="" arg-location="">
<xf:if is="(property('uix_socialMediaPosition') == {$location}) || ({$location} == 'copyright')">
{$content}
</xf:if>
</xf:macro>
<xf:comment> --- Visitor tabs --- </xf:comment>
<xf:if is="!{$uix_hideNavigation}">
<xf:macro name="uix_visitorTabs__component" arg-socialMediaContent="" arg-searchContent="!" arg-location="!" arg-whatsNewContent="!" arg-visitorContent="!" arg-loginTabsContent="!">
<xf:if contentcheck="true">
<xf:contentcheck>
<xf:if contentcheck="true">
<div class="p-navgroup p-account {{ $xf.visitor.user_id ? 'p-navgroup--member' : 'p-navgroup--guest' }}">
<xf:contentcheck>
<xf:if is="$xf.visitor.user_id">
<xf:macro name="uix_userTabs__component" arg-content="{$visitorContent}" arg-location="{$location}" />
<xf:else />
<xf:macro name="uix_loginTabs__component" arg-content="{$loginTabsContent}" arg-location="{$location}" />
</xf:if>
</xf:contentcheck>
</div>
</xf:if>
<xf:if contentcheck="true">
<div class="p-navgroup p-discovery{{ !$xf.visitor.canSearch() ? ' p-discovery--noSearch' : '' }}">
<xf:contentcheck>
<xf:macro name="uix_whatsNew__component" arg-content="{$whatsNewContent}" arg-location="{$location}" />
<xf:macro name="uix_search__component" arg-content="{$searchContent}" arg-location="{$location}" />
</xf:contentcheck>
</div>
</xf:if>
<xf:macro name="uix_socialMedia__component" arg-content="{$socialMediaContent}" arg-location="{$location}" />
</xf:contentcheck>
</xf:if>
</xf:macro>
</xf:if>
<xf:comment> --- Titlebar --- </xf:comment>
<xf:set var="$uix_titlebar__component">
<xf:if is="!{$uix_hidePageTitle} || ( {$pageAction} && !property('uix_pageActionBreadcrumb') && (!property('uix_removePageAction') || {{ !in_array({$template}, ['forum_list', 'forum_new_posts', 'thtopics_forum_newest_posts', 'thtrending_trending_view', 'thtopics_forum_latest_threads', 'thtopics_topic_list']) }} )
)">
<xf:if is="$headerHtml is not empty">
<div class="p-body-header">
<div class="pageContent">
{$headerHtml|raw}
</div>
</div>
<xf:elseif contentcheck="true" />
<div class="p-body-header">
<div class="pageContent">
<xf:contentcheck>
<xf:if contentcheck="true">
<div class="uix_headerInner">
<xf:contentcheck>
<xf:if contentcheck="true">
<div class="p-title {{ $noH1 ? 'p-title--noH1' : '' }}">
<xf:contentcheck>
<xf:if is="!$noH1">
<h1 class="p-title-value">{$h1}</h1>
</xf:if>
</xf:contentcheck>
</div>
</xf:if>
<xf:if is="$description is not empty">
<div class="p-description">{$description}</div>
</xf:if>
</xf:contentcheck>
</div>
</xf:if>
<xf:if contentcheck="true">
<div class="uix_headerInner--opposite">
<xf:contentcheck>
<xf:if is="!property('uix_pageActionBreadcrumb') && (!property('uix_removePageAction') || ({$template} != 'forum_list') )">
<xf:if contentcheck="true">
<div class="p-title-pageAction"><xf:contentcheck><xf:pageaction /></xf:contentcheck></div>
</xf:if>
</xf:if>
<xf:macro name="uix_sidebarTrigger__component" arg-content="{$uix_sidebarTrigger__content}" arg-location="titlebar" />
</xf:contentcheck>
</div>
</xf:if>
</xf:contentcheck>
</div>
</div>
</xf:if>
</xf:if>
</xf:set>
<xf:macro name="uix_titlebar__component" arg-location="!" arg-content="!">
<xf:if is="property('uix_titlebarLocation') === {$location}">
{$content}
</xf:if>
</xf:macro>
<xf:comment> --- Sidebar --- </xf:comment>
<xf:set var="$uix_sidebar__component">
<xf:if is="$sidebar">
<div uix_component="MainSidebar" class="p-body-sidebar">
<div data-ocm-class="offCanvasMenu-backdrop"></div>
<div class="uix_sidebarInner{{ property('uix_stickySidebar') ? ' uix_stickyBodyElement' : '' }}">
<div class="uix_sidebar--scroller">
<xf:ad position="container_sidebar_above" />
<xf:foreach loop="$sidebar" value="$sidebarHtml">
{$sidebarHtml}
</xf:foreach>
<xf:ad position="container_sidebar_below" />
</div>
</div>
</div>
</xf:if>
</xf:set>
<xf:macro name="uix_sidebar__component" arg-location="!" arg-content="!">
<xf:if is="property('uix_sidebarLocation') === {$location}">
{$content}
</xf:if>
</xf:macro>
<xf:comment> --- Logo --- </xf:comment>
<xf:set var="$uix_logo__component">
<div class="p-header-logo p-header-logo--image">
<a class="uix_logo" href="{{ ($xf.options.logoLink && $xf.homePageUrl) ? $xf.homePageUrl : link('index') }}">
<xf:if is="property('publicLogoUrl') || property('publicLogoUrl2x')">
<img src="{{ base_url(property('publicLogoUrl')) }}"
alt="{$xf.options.boardTitle}"
{{ property('publicLogoUrl2x') ? 'srcset="' . base_url(property('publicLogoUrl2x')) . ' 2x"' : '' }} />
<xf:else />
<h2 class="uix_logo--text"><xf:if is="{{ property('uix_logoIcon') }}"><i class="{{ property('uix_logoIcon') }} uix_logoIcon"></i></xf:if>{{ property('uix_logoText') }}</h2>
</xf:if>
</a>
<xf:if is="property('uix_logoSmall')">
<a class="uix_logoSmall" href="{{ ($xf.options.logoLink && $xf.homePageUrl) ? $xf.homePageUrl : link('index') }}">
<img src="{{ base_url(property('uix_logoSmall')) }}"
alt="{$xf.options.boardTitle}"
/>
</a>
</xf:if>
</div>
</xf:set>
<xf:macro name="uix_logo__component" arg-content="!">
{$content}
</xf:macro>
<xf:comment> --- staff bar --- </xf:comment>
<xf:set var="$uix_staffbar__component">
<xf:if contentcheck="true">
<div class="p-staffBar <xf:if is="property('uix_stickyStaffBar')">uix_stickyBar</xf:if>">
<div class="pageContent">
<xf:contentcheck>
<xf:if contentcheck="true">
<xf:comment> --- add primary side staff bar content here ---</xf:comment>
<xf:set var="$uix_alwaysStaffBar" value="1" />
<div class="p-staffBar-inner hScroller" data-xf-init="h-scroller">
<div class="hScroller-scroll">
<xf:contentcheck>
<xf:if is="$xf.visitor.is_moderator && $xf.session.unapprovedCounts.total">
<a href="{{ link('approval-queue') }}" class="p-staffBar-link badgeContainer badgeContainer--highlighted" data-badge="{$xf.session.unapprovedCounts.total|number}">
{{ phrase('approval_queue') }}
</a>
</xf:if>
<xf:if is="$xf.visitor.is_moderator && !$xf.options.reportIntoForumId && $xf.session.reportCounts.total">
<a href="{{ link('reports') }}"
class="p-staffBar-link badgeContainer badgeContainer--visible {{ ($xf.session.reportCounts.total && ($xf.session.reportCounts.lastBuilt > $xf.session.reportLastRead) OR $xf.session.reportCounts.assigned) ? ' badgeContainer--highlighted' : '' }}"
data-badge="{{ $xf.session.reportCounts.assigned ? $xf.session.reportCounts.assigned|number . ' / ' . $xf.session.reportCounts.total|number : $xf.session.reportCounts.total|number }}"
title="{{ $xf.session.reportCounts.lastBuilt ? phrase('last_report_update:') . ' ' . date_time($xf.session.reportCounts.lastBuilt) : '' }}">
{{ phrase('reports') }}
</a>
</xf:if>
<xf:if contentcheck="true">
<a class="p-staffBar-link menuTrigger" data-xf-key="alt+m" data-xf-click="menu" role="button" tabindex="0" aria-expanded="false" aria-haspopup="true">{{ phrase('moderator') }}</a>
<div class="menu" data-menu="menu" aria-hidden="true">
<div class="menu-content">
<h4 class="menu-header">{{ phrase('moderator_tools') }}</h4>
<xf:contentcheck>
<!--[XF:mod_tools_menu:top]-->
<xf:if is="$xf.visitor.is_moderator">
<a href="{{ link('approval-queue') }}" class="menu-linkRow">{{ phrase('approval_queue') }}</a>
</xf:if>
<xf:if is="$xf.visitor.is_moderator && !$xf.options.reportIntoForumId">
<a href="{{ link('reports') }}" class="menu-linkRow" title="{{ $xf.session.reportCounts.lastBuilt ? 'Last report update: ' . date_time($xf.session.reportCounts.lastBuilt) : '' }}">{{ phrase('reports') }}</a>
</xf:if>
<!--[XF:mod_tools_menu:bottom]-->
</xf:contentcheck>
</div>
</div>
</xf:if>
<xf:if is="$xf.visitor.is_admin">
<a href="{{ base_url('admin.php') }}" class="p-staffBar-link" target="_blank">{{ phrase('admin') }}</a>
</xf:if>
<xf:if contentcheck="true">
<a href="{{ base_url('admin.php') }}" target="_blank" class="p-staffBar-link menuTrigger uix_adminTrigger" data-xf-click="menu" role="button" tabindex="0" aria-expanded="false" aria-haspopup="true">
<xf:if is="$xf.visitor.is_admin">
{{ phrase('admin') }}
<xf:else />
{{ phrase('moderator') }}
</xf:if>
</a>
<div class="menu" data-menu="menu" aria-hidden="true">
<div class="menu-content">
<h4 class="menu-header">{{ phrase('moderator_tools') }}</h4>
<xf:contentcheck>
<!--[XF:mod_tools_menu:top]-->
<xf:if is="$xf.visitor.is_admin">
<a href="{{ base_url('admin.php') }}" target="_blank" class="menu-linkRow">{{ phrase('admin') }}</a>
</xf:if>
<!--[XF:mod_tools_menu:top]-->
<xf:if is="$xf.visitor.is_moderator">
<a href="{{ link('approval-queue') }}" class="menu-linkRow">{{ phrase('approval_queue') }}</a>
</xf:if>
<xf:if is="$xf.visitor.is_moderator && !$xf.options.reportIntoForumId">
<a href="{{ link('reports') }}" class="menu-linkRow" title="{{ $xf.session.reportCounts.lastBuilt ? 'Last report update: ' . date_time($xf.session.reportCounts.lastBuilt) : '' }}">{{ phrase('reports') }}</a>
</xf:if>
<xf:if is="$xf.visitor.is_moderator && $xf.session.unapprovedCounts.total">
<a href="{{ link('approval-queue') }}" class="menu-linkRow badgeContainer badgeContainer--highlighted" data-badge="{$xf.session.unapprovedCounts.total|number}">
{{ phrase('approval_queue') }}
</a>
</xf:if>
<xf:if is="$xf.visitor.is_moderator && !$xf.options.reportIntoForumId && $xf.session.reportCounts.total">
<a href="{{ link('reports') }}"
class="menu-linkRow badgeContainer badgeContainer--visible {{ ($xf.session.reportCounts.total && ($xf.session.reportCounts.lastBuilt > $xf.session.reportLastRead) OR $xf.session.reportCounts.assigned) ? ' badgeContainer--highlighted' : '' }}"
data-badge="{{ $xf.session.reportCounts.assigned ? $xf.session.reportCounts.assigned|number . ' / ' . $xf.session.reportCounts.total|number : $xf.session.reportCounts.total|number }}"
title="{{ $xf.session.reportCounts.lastBuilt ? phrase('last_report_update') . date_time($xf.session.reportCounts.lastBuilt) : '' }}">
{{ phrase('reports') }}
</a>
</xf:if>
</xf:contentcheck>
</div>
</div>
</xf:if>
</xf:contentcheck>
</div>
</div>
</xf:if>
<xf:if contentcheck="true">
<div class="p-nav-opposite">
<xf:if is="property('uix_staffBarBreakpoint') != '100%'">
<xf:set var="$uix_responsiveStaffBar" value="1" />
<xf:else />
<xf:set var="$uix_alwaysStaffBar" value="1" />
</xf:if>
<xf:contentcheck>
<xf:macro name="uix_visitorTabs__component" arg-socialMediaContent="{$uix_socialMediaContent}" arg-whatsNewContent="{$uix_whatsNew__component}" arg-searchContent="{$uix_search__component}" arg-loginTabsContent="{$uix_loginTabs__component}" arg-visitorContent="{$uix_userTabs__component}" arg-location="staffBar" />
</xf:contentcheck>
</div>
</xf:if>
</xf:contentcheck>
</div>
</div>
</xf:if>
</xf:set>
<xf:if is="!{$uix_alwaysStaffBar} && {$uix_responsiveStaffBar}">
<xf:set var="$uix_htmlClasses">{$uix_htmlClasses} uix_responsiveStaffBar</xf:set>
</xf:if>
<xf:macro name="uix_staffbar__component" arg-content="!">
{$content}
</xf:macro>
<xf:comment> --- section links --- </xf:comment>
<xf:if is="!{$uix_hideNavigation}">
<xf:set var="$subNavHtml">
<xf:if contentcheck="true">
<div class="p-sectionLinks">
<div class="pageContent">
<xf:contentcheck>
<xf:if is="$selectedNavChildren is not empty && (property('uix_viewportWidthRemoveSubNav') != '100%')">
<xf:set var="$uix_subNavContentStatic" value="1" />
<xf:set var="$uix_htmlClasses">{{$uix_htmlClasses}} uix_hasSectionLinks</xf:set>
<div class="p-sectionLinks-inner hScroller" data-xf-init="h-scroller">
<div class="hScroller-scroll">
<ul class="p-sectionLinks-list">
<xf:foreach loop="$selectedNavChildren" key="$navId" value="$navEntry" i="$i">
<li>
<xf:macro name="nav_entry" arg-navId="{$navId}" arg-nav="{$navEntry}" arg-shortcut="alt+{$i}" />
</li>
</xf:foreach>
</ul>
</div>
</div>
</xf:if>
<xf:if contentcheck="true">
<div class="p-nav-opposite">
<xf:contentcheck>
<xf:if contentcheck="true">
<xf:set var="$uix_subNavContentStatic" value="1" />
<xf:contentcheck>
<xf:macro name="uix_visitorTabs__component" arg-socialMediaContent="{$uix_socialMediaContent}" arg-whatsNewContent="{$uix_whatsNew__component}" arg-searchContent="{$uix_search__component}" arg-loginTabsContent="{$uix_loginTabs__component}" arg-visitorContent="{$uix_userTabs__component}" arg-location="tablinks" />
</xf:contentcheck>
</xf:if>
<xf:macro name="uix_sidebarTrigger__component" arg-content="{$uix_sidebarTrigger__content}" arg-location="sectionLinks" />
</xf:contentcheck>
</div>
</xf:if>
</xf:contentcheck>
</div>
</div>
<xf:elseif is="{$selectedNavEntry}" />
<div class="p-sectionLinks p-sectionLinks--empty"></div>
</xf:if>
</xf:set>
</xf:if>
<xf:comment> --- UIX sidebar navigation --- </xf:comment>
<xf:set var="$uix_sidebarNav__component">
<div class="uix_sidebarNav">
<div class="uix_sidebarNav__inner <xf:if is="property('uix_stickySidebar')"> uix_stickyBodyElement</xf:if>">
<div class="uix_sidebar--scroller">
<xf:if contentcheck="true">
<ul class="uix_sidebarNavList js-offCanvasNavSource">
<xf:contentcheck>
<xf:foreach loop="$navTree" key="$navSection" value="$navEntry" i="$i" if="{{ $navSection != $xf.app.defaultNavigationId }}">
<li class="uix_sidebarNavList__listItem">
<xf:macro name="nav_entry"
arg-sidebarNav="1"
arg-navId="{$navSection}"
arg-nav="{$navEntry}"
arg-selected="{{ $navSection == $pageSection }}"
arg-shortcut="{$i}"/>
</li>
</xf:foreach>
</xf:contentcheck>
</ul>
</xf:if>
<xf:comment>
<xf:if is="{{ is_addon_active('ThemeHouse/Bookmarks') }}">
<xf:if contentcheck="true">
<ul class="uix_sidebarNavList">
<xf:contentcheck>
<xf:if is="{$xf.visitor.getLatestThreadBookmarks()} is not empty">
<li class="uix_sidebarNavList__title">Bookmarked threads</li>
</xf:if>
<xf:foreach loop="$xf.visitor.getLatestThreadBookmarks()" value="$thread">
<li><div class="p-navEl u-ripple">
<div class="p-navEl__inner"><a data-nav-id="forums" href="{{ $thread.link }}" class="p-navEl-link"><span>{{ $thread.title }}</span></a></div>
</div></li>
</xf:foreach>
</xf:contentcheck>
</ul>
</xf:if>
<xf:if contentcheck="true">
<ul class="uix_sidebarNavList uix_bookmarkedNodesList">
<xf:contentcheck>
<xf:if is="{$xf.visitor.getLatestNodeBookmarks()} is not empty">
<li class="uix_sidebarNavList__title">Bookmarked nodes</li>
</xf:if>
<xf:foreach loop="$xf.visitor.getLatestNodeBookmarks()" value="$node">
<li><div class="p-navEl u-ripple">
<div class="p-navEl__inner">
<a data-nav-id="forums" href="{{ $node.link }}" class="p-navEl-link">{$node.renderIcon()|raw}<span>{{ $node.title}}</span></a></div>
</div></li>
</xf:foreach>
</xf:contentcheck>
</ul>
</xf:if>
</xf:if>
</xf:comment>
<xf:if is="$xf.visitor.user_id">
<ul class="uix_sidebarNavList">
<li><div class="p-navEl u-ripple {{$uix_myAccountLinks == 'profile' ? 'is-selected' : ''}}"><div class="p-navEl__inner"><a data-nav-id="profile" href="{{ link('members', $xf.visitor) }}" class="p-navEl-link">{{ phrase('th_profile_uix') }}</a></div></div></li>
<li><div class="p-navEl u-ripple {{$uix_myAccountLinks == 'alerts' ? 'is-selected' : ''}}"><div class="p-navEl__inner"><a data-nav-id="alerts" href="{{ link('account/alerts') }}" class="p-navEl-link">{{ phrase('alerts')}}</a></div></div></li>
<li><div class="p-navEl u-ripple {{$uix_myAccountLinks == 'settings' ? 'is-selected' : ''}}"><div class="p-navEl__inner"><a data-nav-id="settings" href="{{ link('account/preferences') }}" class="p-navEl-link">{{ phrase('settings')}}</a></div></div></li>
</ul>
</xf:if>
<xf:if contentcheck="true">
<div class="uix_sidebarNav__inner__widgets">
<xf:contentcheck>
{$uix_sidebarNavWidgets|raw}
</xf:contentcheck>
</div>
</xf:if>
</div>
</div>
</div>
</xf:set>
<xf:macro name="uix_sidebarNav__component" arg-content="!">
{$content}
</xf:macro>
<xf:comment> --- Canvases --- </xf:comment>
<xf:macro name="uix_canvasTab" arg-icon="!" arg-location="!" arg-canvas="!" arg-type="!">
<xf:if is="{$location} == {$canvas}">
<div class="uix_canvasTab uix_canvasTab__{{$type}}" data-target="uix_canvasPanel__{{$type}}">
<xf:macro name="icon" template="uix_icons.less" arg-icon="{{$icon}}" />
</div>
</xf:if>
</xf:macro>
<xf:macro name="uix_canvasTabs" arg-location="!">
<div class="uix_canvas__tabs">
<xf:macro name="uix_canvasTab" arg-icon="list" arg-type="navigation" arg-location="{{property('uix_canvas_location_navigation')}}" arg-canvas="{$location}"/>
<xf:macro name="uix_canvasTab" arg-icon="grid" arg-type="sidebar" arg-location="{{property('uix_canvas_location_sidebar')}}" arg-canvas="{$location}"/>
<xf:macro name="uix_canvasTab" arg-icon="user" arg-type="account" arg-location="{{property('uix_canvas_location_visitorTabs')}}" arg-canvas="{$location}"/>
<xf:macro name="uix_canvasTab" arg-icon="email" arg-type="conversations" arg-location="{{property('uix_canvas_location_visitorTabs')}}" arg-canvas="{$location}"/>
<xf:macro name="uix_canvasTab" arg-icon="alert" arg-type="alerts" arg-location="{{property('uix_canvas_location_visitorTabs')}}" arg-canvas="{$location}"/>
<xf:macro name="uix_canvasTab" arg-icon="star" arg-type="custom" arg-location="{{property('uix_canvas_location_custom')}}" arg-canvas="{$location}"/>
</div>
</xf:macro>
<xf:comment>
<xf:set var="$uix_whatsNew__component">
<a href="{{ link('whats-new') }}"
class="p-navgroup-link p-navgroup-link--iconic p-navgroup-link--whatsnew"
title="{{ phrase('whats_new') }}">
<i aria-hidden="true"></i>
<span class="p-navgroup-linkText">{{ phrase('whats_new') }}</span>
</a>
</xf:set>
<xf:macro name="uix_whatsNew__component" arg-content="!" arg-location="!">
<xf:if is="property('uix_userTabsPosition') == {$location}">
{$content}
</xf:if>
</xf:macro>
</xf:comment>
<xf:comment> --- breadcrumb --- </xf:comment>
<xf:if is="!{$uix_hideBreadcrumb}">
<xf:set var="$uix_breadcrumbCrumbContent">
<xf:set var="$position" value="{{ 0 }}" />
<xf:set var="$rootBreadcrumb" value="{$navTree.{$xf.options.rootBreadcrumb}}" />
<xf:if is="$rootBreadcrumb AND $rootBreadcrumb.href != $xf.uri">
<xf:set var="$position" value="{{ $position + 1 }}" />
<xf:macro name="crumb"
arg-position="{$position}"
arg-href="{$rootBreadcrumb.href}"
arg-value="{$rootBreadcrumb.title}" />
</xf:if>
<xf:if is="$selectedNavEntry && $selectedNavEntry.href && $selectedNavEntry.href != $xf.uri && $selectedNavEntry.href != $rootBreadcrumb.href">
<xf:set var="$position" value="{{ $position + 1 }}" />
<xf:macro name="crumb"
arg-position="{$position}"
arg-href="{$selectedNavEntry.href}"
arg-value="{$selectedNavEntry.title}" />
</xf:if>
<xf:foreach loop="$breadcrumbs" value="$breadcrumb" if="$breadcrumb.href != $xf.uri">
<xf:set var="$position" value="{{ $position + 1 }}" />
<xf:macro name="crumb"
arg-position="{$position}"
arg-href="{$breadcrumb.href}"
arg-value="{$breadcrumb.value}" />
</xf:foreach>
</xf:set>
</xf:if>
<xf:set var="$breadcrumbCount">{{ count($breadcrumbs)|default(0) }}</xf:set>
<xf:set var="$navEntryCount">{{ $selectedNavEntry == null ? 0 : 1 }}</xf:set>
<xf:if is="{$uix_breadcrumbCrumbContent} && ({{ ($navEntryCount|escape + $breadcrumbCount|escape) != 1 }} || !property('uix_hideSingleCrumb'))">
<xf:set var="$uix_breadcrumbHasCrumbs" value="1" />
</xf:if>
<xf:macro name="breadcrumbs" arg-breadcrumbHasCrumbs="!" arg-crumbContent="!" arg-variant="">
<xf:if contentcheck="true">
<div class="breadcrumb block {{ $variant ? 'p-breadcrumb--' . $variant : '' }}">
<div class="pageContent">
<xf:contentcheck>
<xf:if is="{$breadcrumbHasCrumbs}">
<xf:if contentcheck="true">
<ul class="p-breadcrumbs {{ $variant ? 'p-breadcrumbs--' . $variant : '' }}"
itemscope itemtype="https://schema.org/BreadcrumbList">
<xf:contentcheck>
{{ $crumbContent }}
</xf:contentcheck>
</ul>
</xf:if>
</xf:if>
</xf:contentcheck>
</div>
</div>
</xf:if>
</xf:macro>
<xf:macro name="crumb" arg-href="!" arg-value="!" arg-position="{{ 0 }}">
<li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
<a href="{$href}" itemprop="item">
<xf:if is="{$href} == {$xf.homePageUrl} && property('uix_homeCrumbIcon')">
<xf:macro name="icon" template="uix_icons.less" arg-icon="home" />
<xf:else />
<span itemprop="name">{$value}</span>
</xf:if>
</a>
<xf:if is="$position"><meta itemprop="position" content="{$position}" /></xf:if>
</li>
</xf:macro>
<xf:comment> --- Top breadcrumb ---</xf:comment>
<xf:set var="$uix_topBreadcrumb__component">
<xf:ad position="container_breadcrumb_top_above" />
<xf:macro name="breadcrumbs"
arg-crumbContent="{$uix_breadcrumbCrumbContent}"
arg-breadcrumbHasCrumbs="{$uix_breadcrumbHasCrumbs}" />
<xf:ad position="container_breadcrumb_top_below" />
</xf:set>
<xf:macro name="uix_topBreadcrumb__component" arg-location="" arg-content="!">
<xf:if is="property('uix_topBreadcrumbLocation') === {$location}">
{$content}
</xf:if>
</xf:macro>
<xf:comment> --- bottom breadcrumb --- </xf:comment>
<xf:set var="$uix_bottomBreadcrumb__component">
<xf:if is="!property('uix_removeBottomBreadcrumb')">
<xf:ad position="container_breadcrumb_bottom_above" />
<xf:macro name="breadcrumbs"
arg-crumbContent="{$uix_breadcrumbCrumbContent}"
arg-breadcrumbHasCrumbs="{$uix_breadcrumbHasCrumbs}"
arg-variant="bottom" />
<xf:ad position="container_breadcrumb_bottom_below" />
</xf:if>
</xf:set>
<xf:macro name="uix_bottomBreadcrumb__component" arg-content="!" arg-location="!">
<xf:if is="property('uix_bottomBreadcrumbLocation') == {$location}">
{$content}
</xf:if>
</xf:macro>
<xf:comment>------ NOTICES ---------</xf:comment>
<xf:set var="$uix_notices">
<xf:if is="!{$uix_hideNotices}">
<xf:if is="$notices.block">
<xf:macro template="notice_macros" name="notice_list" arg-type="block" arg-notices="{$notices.block}" />
</xf:if>
<xf:if is="$notices.scrolling">
<xf:macro template="notice_macros" name="notice_list" arg-type="scrolling" arg-notices="{$notices.scrolling}" />
</xf:if>
</xf:if>
</xf:set>
<xf:macro name="uix_notices" arg-location="!" arg-content="!">
<xf:if is="{$location} == property('uix_noticeLocation')">
{{$content}}
</xf:if>
</xf:macro>
<xf:comment>------ FOOTER ---------</xf:comment>
<xf:set var="$uix_footer">
<footer class="p-footer" id="footer">
<xf:if is="!{$uix_hideExtendedFooter} && property('uix_enableExtendedFooter')">
<xf:include template="uix_extendedFooter" />
</xf:if>
<div class="p-footer-inner">
<div class="pageContent">
<div class="p-footer-row">
<xf:if contentcheck="true">
<div class="p-footer-row-main">
<ul class="p-footer-linkList p-footer-choosers">
<xf:contentcheck>
<xf:if is="(property('uix_pageWidthToggle') != 'disabled') && $uix_canTogglePageWidth">
<li><a id="uix_widthToggle--trigger" data-xf-init="tooltip" title="{{ phrase('th_toggle_width_uix') }}" ><xf:macro name="icon" template="uix_icons.less" arg-icon="collapse" /></a></li>
</xf:if>
<xf:if is="$xf.visitor.canChangeStyle() && !{{ property('uix_hideStyleChoose') }}">
<li><a href="{{ link('misc/style') }}" data-xf-click="overlay" data-xf-init="tooltip" title="{{ phrase('style_chooser') }}" rel="nofollow">{$xf.style.title}</a></li>
</xf:if>
<xf:if is="$xf.visitor.canChangeLanguage()">
<li><a href="{{ link('misc/language') }}" data-xf-click="overlay" data-xf-init="tooltip" title="{{ phrase('language_chooser') }}" rel="nofollow"><i class="fa fa-globe" aria-hidden="true"></i> {$xf.language.title}</a></li>
</xf:if>
</xf:contentcheck>
</ul>
</div>
</xf:if>
</div>
<div class="p-footer-row-opposite">
<ul class="p-footer-linkList">
<xf:if is="$xf.visitor.canUseContactForm()">
<xf:if is="$xf.contactUrl">
<li><a href="{$xf.contactUrl}" data-xf-click="{{ ($xf.options.contactUrl.overlay OR $xf.options.contactUrl.type == 'default') ? 'overlay' : '' }}">{{ phrase('contact_us') }}</a></li>
</xf:if>
</xf:if>
<xf:if is="$xf.tosUrl">
<li><a href="{$xf.tosUrl}">{{ phrase('terms_and_rules') }}</a></li>
</xf:if>
<xf:if is="$xf.privacyPolicyUrl">
<li><a href="{$xf.privacyPolicyUrl}">{{ phrase('privacy_policy') }}</a></li>
</xf:if>
<xf:if is="$xf.helpPageCount">
<li><a href="{{ link('help') }}">{{ phrase('help') }}</a></li>
</xf:if>
<xf:if is="$xf.homePageUrl">
<li><a href="{$xf.homePageUrl}">{{ phrase('home') }}</a></li>
</xf:if>
<li><a href="#top" title="{{ phrase('top') }}" data-xf-click="scroll-to"><i class="fa fa-arrow-up" aria-hidden="true"></i></a></li>
<li><a href="{{ link('forums/index.rss', '-') }}" target="_blank" class="p-footer-rssLink" title="{{ phrase('rss')|for_attr }}"><span aria-hidden="true"><i class="fa fa-rss"></i><span class="u-srOnly">{{ phrase('rss') }}</span></span></a></li>
</ul>
</div>
</div>
</div>
<div class="p-footer-copyrightRow">
<div class="pageContent">
<div class="uix_copyrightBlock">
<xf:if contentcheck="true">
<div class="p-footer-copyright">
<xf:contentcheck>
<xf:copyright />
<xf:callback class="ThemeHouse\Core\Branding" method="renderStyleBranding" /><xf:set var="$thBrandingDisplayed" value="1" />
{{ phrase('extra_copyright') }}
</xf:contentcheck>
</div>
</xf:if>
<xf:if contentcheck="true">
<div class="p-footer-debug">
<xf:contentcheck>
<xf:macro template="debug_macros" name="debug"
arg-controller="{$controller}"
arg-action="{$actionMethod}"
arg-template="{$template}" />
</xf:contentcheck>
</div>
</xf:if>
</div>
<xf:comment>
<xf:macro name="uix_socialMedia" arg-location="copyright" template="uix_socialMedia" />
</xf:comment>
<xf:macro name="uix_socialMedia__component" arg-content="{$uix_socialMediaContent}" arg-location="copyright" />
</div>
</div>
</footer>
</xf:set>
<xf:macro name="uix_footer" arg-insideContent="!" arg-location="!" arg-content="!">
<xf:if is="($insideContent && {$location} == 'insideContent') || ($location == 'bottom' && !$insideContent)">
{{$content}}
</xf:if>
</xf:macro>
<xf:comment>------ END COMPONENT MARKUP MACROS ---------</xf:comment>
<html id="XF" lang="{$xf.language.language_code}" dir="{$xf.language.text_direction}"
data-app="public"
data-template="{$template}"
data-container-key="{$containerKey}"
data-content-key="{$contentKey}"
data-logged-in="{{ $xf.visitor.user_id ? 'true' : 'false' }}"
data-cookie-prefix="{$xf.cookie.prefix}"
class="has-no-js{{ $template ? ' template-' . $template : '' }} {$uix_htmlClasses} {$uix_additionalHtmlClasses}"
{{ $xf.runJobs ? ' data-run-jobs=""' : '' }}>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
<xf:comment> -- moved to top to use in macros
<xf:set var="$siteName" value="{$xf.options.boardTitle}" />
<xf:set var="$h1"><xf:h1 fallback="{$siteName}" /></xf:set>
<xf:set var="$title"><xf:title formatter="%s | %s" fallback="{$xf.options.boardTitle}" /></xf:set>
<xf:set var="$description"><xf:description /></xf:set>
</xf:comment>
<title>{$title}</title>
<xf:foreach loop="$head" value="$headTag">
{$headTag}
</xf:foreach>
<xf:if is="!$head.meta_site_name && $siteName is not empty">
<xf:macro template="metadata_macros" name="site_name" arg-siteName="{$siteName}" arg-output="{{ true }}" />
</xf:if>
<xf:if is="!$head.meta_type">
<xf:macro template="metadata_macros" name="type" arg-type="website" arg-output="{{ true }}" />
</xf:if>
<xf:if is="!$head.meta_title">
<xf:macro template="metadata_macros" name="title" arg-title="{{ page_title() ?: $siteName }}" arg-output="{{ true }}" />
</xf:if>
<xf:if is="!$head.meta_description && $description is not empty && $pageDescriptionMeta">
<xf:macro template="metadata_macros" name="description" arg-description="{$description}" arg-output="{{ true }}" />
</xf:if>
<xf:if is="!$head.meta_share_url">
<xf:macro template="metadata_macros" name="share_url" arg-shareUrl="{$xf.fullUri}" arg-output="{{ true }}" />
</xf:if>
<xf:if is="!$head.meta_image_url && property('publicMetadataLogoUrl')">
<xf:macro template="metadata_macros" name="image_url"
arg-imageUrl="{{ base_url(property('publicMetadataLogoUrl'), true) }}"
arg-output="{{ true }}" />
</xf:if>
<xf:if is="property('metaThemeColor')">
<meta name="theme-color" content="{{ parse_less_color(property('metaThemeColor')) }}" />
<meta name="msapplication-TileColor" content="{{ property('metaThemeColor') }}">
</xf:if>
<xf:macro template="helper_js_global" name="head" arg-app="public" />
<xf:if is="property('publicFaviconUrl')">
<link rel="icon" type="image/png" href="{{ base_url(property('publicFaviconUrl'), true) }}" sizes="32x32" />
</xf:if>
<xf:if is="property('publicMetadataLogoUrl')">
<link rel="apple-touch-icon" href="{{ base_url(property('publicMetadataLogoUrl'), true) }}" />
</xf:if>
<xf:include template="google_analytics" />
<xf:set var="$uix_stickyStaffBarHeight" value="0" />
<xf:if is="property('uix_stickyStaffBar') && ({$uix_responsiveStaffBar} || {$uix_alwaysStaffBar})">
<xf:set var="$uix_stickyStaffBarHeight" value="{{property('uix_stickyStaffBarHeight')}}" />
</xf:if>
<xf:include template="page_style" />
</head>
<body data-template="{$template}">
<div id="jumpToTop"></div>
<xf:comment> -- Not currently supporting Sidebar navigation when page style is not covered ---
<xf:if is="property('uix_navigationType') == 'sidebarNav' && property('uix_pageStyle') != 'covered'">
<xf:macro name="uix_sidebarNav__component" arg-content="{$uix_sidebarNav__component}" />
</xf:if>
</xf:comment>
<div class="uix_pageWrapper--fixed">
<div class="p-pageWrapper" id="top">
<div class="uix_headerContainer">
<div class="uix_headerContainer--stickyFix"></div>
<xf:macro name="uix_staffbar__component" arg-content="{$uix_staffbar__component}" />
<xf:set var="$uix_headerContent">
<xf:if contentcheck="true">
<div class="p-header-content">
<xf:contentcheck>
<xf:if is="property('uix_viewportShowLogoBlock') != '0'">
<xf:macro name="uix_logo__component" arg-content="{$uix_logo__component}" />
</xf:if>
<xf:if contentcheck="true">
<div class="p-nav-opposite">
<xf:contentcheck>
<xf:macro name="uix_visitorTabs__component" arg-socialMediaContent="{$uix_socialMediaContent}" arg-whatsNewContent="{$uix_whatsNew__component}" arg-searchContent="{$uix_search__component}" arg-loginTabsContent="{$uix_loginTabs__component}" arg-visitorContent="{$uix_userTabs__component}" arg-location="header" />
</xf:contentcheck>
</div>
</xf:if>
</xf:contentcheck>
</div>
</xf:if>
</xf:set>
<xf:macro name="uix_logoBlock" arg-content="">
<xf:if contentcheck="true">
<header class="p-header p-header--hasExtraContent" id="header">
<div class="p-header-inner">
{$content}
<xf:contentcheck>
<xf:ad position="container_header" />
</xf:contentcheck>
</div>
</header>
<xf:else />
<header class="p-header" id="header">
<div class="p-header-inner">
{$content}
</div>
</header>
</xf:if>
</xf:macro>
<xf:if is="{{ !property('uix_navAboveHeader') }}">
<xf:macro name="uix_logoBlock" arg-content="{$uix_headerContent}" />
</xf:if>
<xf:set var="$navHtml">
<nav class="p-nav">
<div class="p-nav-inner">
<xf:if is="!{$uix_hideNavigation}">
<xf:set var="$uix_badgeCounter" value="{{$xf.visitor.conversations_unread + $xf.visitor.alerts_unread}}" />
<xf:if is="{{ property('uix_visitorTabsMobile') == 'canvas' }}">
<xf:set var="$uix_visitorTabCanvas" value="1" />
<xf:else />
<xf:set var="$uix_visitorTabCanvas" value="0" />
</xf:if>
<a class="p-nav-menuTrigger badgeContainer{{ ($uix_visitorTabCanvas && ($xf.visitor.alerts_unread || $xf.visitor.conversations_unread)) ? ' badgeContainer--highlighted' : '' }}" data-badge="{$uix_badgeCounter|number}" data-xf-click="off-canvas" data-menu=".js-headerOffCanvasMenu" role="button" tabindex="0">
<i aria-hidden="true"></i>
<span class="p-nav-menuText">{{ phrase('menu') }}</span>
</a>
<xf:if is="property('uix_navigationType') == 'sidebarNav' && property('uix_pageStyle') == 'covered'">
<a class="p-nav-menuTrigger uix_sidebarNav--trigger" id="uix_sidebarNav--trigger">
<i aria-hidden="true"></i>
<span class="p-nav-menuText">{{ phrase('menu') }}</span>
</a>
</xf:if>
</xf:if>
<xf:macro name="uix_logo__component" arg-content="{$uix_logo__component}" />
<xf:if is="!{$uix_hideNavigation}">
<xf:if is="property('uix_navigationType') != 'sidebarNav' || property('uix_pageStyle') != 'covered'">
<div class="p-nav-scroller hScroller" data-xf-init="h-scroller" data-auto-scroll=".p-navEl.is-selected">
<div class="hScroller-scroll">
<ul class="p-nav-list js-offCanvasNavSource">
<xf:foreach loop="$navTree" key="$navSection" value="$navEntry" i="$i" if="{{ $navSection != $xf.app.defaultNavigationId }}">
<li>
<xf:macro name="nav_entry"
arg-navId="{$navSection}"
arg-nav="{$navEntry}"
arg-selected="{{ $navSection == $pageSection }}"
arg-shortcut="{$i}" />
</li>
</xf:foreach>
</ul>
</div>
</div>
</xf:if>
<xf:if is="property('uix_activeNavTitle')">
<div class="uix_activeNavTitle">
<span>
<xf:if is="{$uix_mobileActiveNav}">
{{ $uix_mobileActiveNav }}
<xf:elseif is="{$selectedNavEntry.href}" />
{$selectedNavEntry.title}
<xf:else />
</xf:if>
</span>
</div>
</xf:if>
</xf:if>
<xf:macro name="uix_search__component" arg-location="navigationLeft" arg-content="{$uix_search__component}" />
<xf:if contentcheck="true">
<div class="p-nav-opposite">
<xf:contentcheck>
<xf:macro name="uix_visitorTabs__component" arg-socialMediaContent="{$uix_socialMediaContent}" arg-whatsNewContent="{$uix_whatsNew__component}" arg-searchContent="{$uix_search__component}" arg-loginTabsContent="{$uix_loginTabs__component}" arg-visitorContent="{$uix_userTabs__component}" arg-location="navigation" />
<xf:macro name="uix_sidebarTrigger__component" arg-content="{$uix_sidebarTrigger__content}" arg-location="navigation" />
</xf:contentcheck>
</div>
</xf:if>
</div>
</nav>
</xf:set>
<xf:if is="property('publicNavSticky') == 'primary'">
<div class="p-navSticky p-navSticky--primary <xf:if is="property('publicNavSticky') !== 'none'">uix_stickyBar</xf:if>" data-top-offset-min="{{$uix_stickyStaffBarHeight}}" data-top-offset-max="{{$uix_stickyStaffBarHeight}}" data-top-offset-breakpoint="{{property('uix_viewportShowLogoBlock')}}">
{$navHtml|raw}
</div>
{$subNavHtml|raw}
<xf:elseif is="property('publicNavSticky') == 'all'" />
<div class="p-navSticky p-navSticky--all <xf:if is="property('publicNavSticky') !== 'none'">uix_stickyBar</xf:if>" data-top-offset-min="{{$uix_stickyStaffBarHeight}}" data-top-offset-max="{{$uix_stickyStaffBarHeight}}" data-top-offset-breakpoint="{{property('uix_viewportShowLogoBlock')}}">
{$navHtml|raw}
{$subNavHtml|raw}
</div>
<xf:else />
{$navHtml|raw}
{$subNavHtml|raw}
</xf:if>
<xf:if is="{{ property('uix_navAboveHeader') }}">
<xf:macro name="uix_logoBlock" arg-content="{$uix_headerContent}" />
</xf:if>
<xf:macro name="welcomeSection" arg-contentTemplate="{$template}" template="uix_welcomeSection" arg-location="header" arg-showWelcomeSection="{$uix_showWelcomeSection}" />
<xf:macro name="uix_topBreadcrumb__component" arg-location="header" arg-content="{$uix_topBreadcrumb__component}" />
<xf:macro name="uix_mainTabComponent" arg-location="header" arg-content="{$uix_mainTabComponent}" />
<xf:macro name="uix_titlebar__component" arg-location="header" arg-content="{$uix_titlebar__component}" />
{{$uix_headerExtra|raw }}
</div>
<xf:comment> --- UI.X off canvas start ---</xf:comment>
<div class="offCanvasMenu offCanvasMenu--nav js-headerOffCanvasMenu" data-menu="menu" aria-hidden="true" data-ocm-builder="navigation">
<div class="offCanvasMenu-backdrop" data-menu-close="true"></div>
<div class="offCanvasMenu-content">
<xf:include template="uix_canvasTabs" />
<xf:include template="uix_canvasPanels" />
<xf:macro name="canvasNavPanel" arg-widgets="">
<div class="offCanvasMenu-header">
{{ phrase('menu') }}
<a class="offCanvasMenu-closer" data-menu-close="true" role="button" tabindex="0" aria-label="{{ phrase('close')|for_attr }}"></a>
</div>
<xf:if is="$xf.visitor.user_id">
<div class="p-offCanvasAccountLink">
<a href="{{ link('account') }}" class="offCanvasMenu-link">
<xf:avatar user="$xf.visitor" size="xxs" href="" />
{$xf.visitor.username}
</a>
<hr class="offCanvasMenu-separator" />
</div>
</xf:if>
<div class="js-offCanvasNavTarget"></div>
<xf:if is="$xf.visitor.user_id">
<div class="offCanvasMenu-linkHolder u-ripple {{$uix_myAccountLinks == 'profile' ? 'is-selected' : ''}}"><div class="p-navEl__inner"><a data-nav-id="profile" href="{{ link('members', $xf.visitor) }}" class="offCanvasMenu-link">{{ phrase('th_profile_uix') }}</a></div></div>
<div class="offCanvasMenu-linkHolder u-ripple {{$uix_myAccountLinks == 'alerts' ? 'is-selected' : ''}}"><div class="p-navEl__inner"><a data-nav-id="alerts" href="{{ link('account/alerts') }}" class="offCanvasMenu-link">{{ phrase('alerts')}}</a></div></div>
<div class="offCanvasMenu-linkHolder u-ripple {{$uix_myAccountLinks == 'settings' ? 'is-selected' : ''}}"><div class="p-navEl__inner"><a data-nav-id="settings" href="{{ link('account/preferences') }}" class="offCanvasMenu-link">{{ phrase('settings')}}</a></div></div>
</xf:if>
<xf:if contentcheck="true">
<div class="uix_sidebarNav__inner__widgets">
<xf:contentcheck>
{$widgets|raw}
</xf:contentcheck>
</div>
</xf:if>
</xf:macro>
</div>
</div>
<xf:comment>
<div class="offCanvasMenu offCanvasMenu--nav js-headerOffCanvasMenu" data-menu="menu" aria-hidden="true" data-ocm-builder="navigation">
<div class="offCanvasMenu-backdrop" data-menu-close="true"></div>
<div class="offCanvasMenu-content">
<div class="offCanvasMenu-header">
{{ phrase('menu') }}
<a class="offCanvasMenu-closer" data-menu-close="true" role="button" tabindex="0" aria-label="{{ phrase('close')|for_attr }}"></a>
</div>
<xf:if is="$xf.visitor.user_id">
<div class="p-offCanvasAccountLink">
<div class="offCanvasMenu-linkHolder">
<a href="{{ link('account') }}" class="offCanvasMenu-link">
<xf:avatar user="$xf.visitor" size="xxs" href="" />
{$xf.visitor.username}
</a>
</div>
<hr class="offCanvasMenu-separator" />
</div>
<xf:else />
<div class="p-offCanvasRegisterLink">
<div class="offCanvasMenu-linkHolder">
<a href="{{ link('login') }}" class="offCanvasMenu-link" data-xf-click="overlay" data-menu-close="true">
{{ phrase('log_in') }}
</a>
</div>
<hr class="offCanvasMenu-separator" />
<xf:if is="$xf.options.registrationSetup.enabled">
<div class="offCanvasMenu-linkHolder">
<a href="{{ link('register') }}" class="offCanvasMenu-link" data-xf-click="overlay" data-menu-close="true">
{{ phrase('register') }}
</a>
</div>
<hr class="offCanvasMenu-separator" />
</xf:if>
</div>
</xf:if>
<div class="js-offCanvasNavTarget"></div>
</div>
</div>
</xf:comment>
<xf:macro name="uix_titlebar__component" arg-location="belowHeader" arg-content="{$uix_titlebar__component}" />
<div class="p-body">
<xf:if is="property('uix_navigationType') == 'sidebarNav' && property('uix_pageStyle') == 'covered'">
<xf:macro name="uix_sidebarNav__component" arg-content="{$uix_sidebarNav__component}" />
</xf:if>
<div class="p-body-inner">
<xf:if is="!is_addon_active('ThemeHouse/UIX') && $xf.visitor.is_admin">
<div class="blockMessage blockMessage--error blockMessage--errorUixAddon">
<h2 style="margin: 0 0 .5em 0">UI.X Error</h2>
<p>
It appears that you do not have the UI.X Add-on installed. Please install this add-on to ensure your style works as expected. You can download the UI.X add-on <a href="https://www.themehouse.com/xenforo/2/addons/uix-addon">here</a>.
</p>
<xf:button href="https://www.themehouse.com/help/documentation/uix2" class="button--primary">
<xf:macro template="uix_icons.less" name="icon" arg-icon="warning" /> View Documentation
</xf:button>
</div>
</xf:if>
<!--XF:EXTRA_OUTPUT-->
<xf:macro name="uix_notices" arg-location="aboveMainContainer" arg-content="{$uix_notices}" />
<xf:macro name="uix_titlebar__component" arg-location="aboveMainContainer" arg-content="{$uix_titlebar__component}" />
<xf:macro name="welcomeSection" arg-contentTemplate="{$template}" template="uix_welcomeSection" arg-location="aboveMainContainer" arg-showWelcomeSection="{$uix_showWelcomeSection}" />
<xf:macro name="uix_topBreadcrumb__component" arg-location="aboveMainContainer" arg-content="{$uix_topBreadcrumb__component}" />
<xf:macro name="uix_mainTabComponent" arg-location="aboveMainContainer" arg-content="{$uix_mainTabComponent}" />
<xf:macro template="browser_warning_macros" name="javascript" />
<xf:macro template="browser_warning_macros" name="browser" />
<div uix_component="MainContainer" class="uix_contentWrapper">
<xf:macro name="uix_notices" arg-location="mainContainerTop" arg-content="{$uix_notices}" />
<xf:macro name="uix_topBreadcrumb__component" arg-location="mainContainerTop" arg-content="{$uix_topBreadcrumb__component}" />
<xf:ad position="container_content_above" />
<xf:macro name="welcomeSection" arg-contentTemplate="{$template}" template="uix_welcomeSection" arg-location="mainContainerTop" arg-showWelcomeSection="{$uix_showWelcomeSection}" />
<xf:macro name="uix_titlebar__component" arg-location="mainContainerTop" arg-content="{$uix_titlebar__component}" />
<xf:macro name="uix_mainTabComponent" arg-location="mainContainerTop" arg-content="{$uix_mainTabComponent}" />
<div class="p-body-main {{ $sidebar ? 'p-body-main--withSidebar' : '' }} {{ $sideNav ? 'p-body-main--withSideNav' : '' }}">
<xf:if is="$sideNav">
<div class="p-body-sideNav">
<div class="p-body-sideNavTrigger">
<xf:button class="button--link" data-xf-click="off-canvas" data-menu="#js-SideNavOcm">
{{ $sideNavTitle ?: phrase('navigation') }}
</xf:button>
</div>
<div class="p-body-sideNavInner<xf:if is="property('uix_stickySidebar')"> uix_stickyBodyElement</xf:if>" data-ocm-class="offCanvasMenu offCanvasMenu--blocks" id="js-SideNavOcm" data-ocm-builder="sideNav">
<div class="uix_sidebar--scroller">
<div data-ocm-class="offCanvasMenu-backdrop" data-menu-close="true"></div>
<div data-ocm-class="offCanvasMenu-content">
<div class="p-body-sideNavContent">
<xf:ad position="container_sidenav_above" />
<xf:foreach loop="$sideNav" value="$sideNavHtml">
{$sideNavHtml}
</xf:foreach>
<xf:ad position="container_sidenav_below" />
</div>
</div>
</div>
</div>
</div>
</xf:if>
<xf:macro name="uix_sidebar__component" arg-content="{$uix_sidebar__component}" arg-location="left" />
<div uix_component="MainContent" class="p-body-content">
<!-- ABOVE MAIN CONTENT -->
<xf:macro name="uix_notices" arg-location="aboveMainContent" arg-content="{$uix_notices}" />
<xf:macro name="uix_topBreadcrumb__component" arg-location="aboveMainContent" arg-content="{$uix_topBreadcrumb__component}" />
<xf:macro name="welcomeSection" arg-contentTemplate="{$template}" template="uix_welcomeSection" arg-location="aboveMainContent" arg-showWelcomeSection="{$uix_showWelcomeSection}" />
<xf:macro name="uix_titlebar__component" arg-location="aboveMainContent" arg-content="{$uix_titlebar__component}" />
<xf:macro name="uix_mainTabComponent" arg-location="aboveMainContent" arg-content="{$uix_mainTabComponent}" />
<div class="p-body-pageContent">
<xf:macro name="uix_notices" arg-location="mainContentTop" arg-content="{$uix_notices}" />
<xf:macro name="welcomeSection" arg-contentTemplate="{$template}" template="uix_welcomeSection" arg-location="mainContentTop" arg-showWelcomeSection="{$uix_showWelcomeSection}" />
<xf:macro name="uix_topBreadcrumb__component" arg-location="mainContentTop" arg-content="{$uix_topBreadcrumb__component}" />
<xf:macro name="uix_titlebar__component" arg-location="mainContentTop" arg-content="{$uix_titlebar__component}" />
<xf:macro name="uix_mainTabComponent" arg-location="mainContentTop" arg-content="{$uix_mainTabComponent}" />
{$content|raw}
<xf:macro name="uix_bottomBreadcrumb__component" arg-content="{$uix_bottomBreadcrumb__component}" arg-location="mainContentBottom" />
</div>
<!-- BELOW MAIN CONTENT -->
<xf:ad position="container_content_below" />
<xf:macro name="uix_bottomBreadcrumb__component" arg-content="{$uix_bottomBreadcrumb__component}" arg-location="belowMainContent" />
</div>
<xf:macro name="uix_sidebar__component" arg-content="{$uix_sidebar__component}" arg-location="right" />
</div>
<xf:macro name="uix_bottomBreadcrumb__component" arg-content="{$uix_bottomBreadcrumb__component}" arg-location="mainContainerBottom" />
</div>
<xf:macro name="uix_bottomBreadcrumb__component" arg-content="{$uix_bottomBreadcrumb__component}" arg-location="belowMainContainer" />
<xf:macro name="uix_footer" arg-location="insideContent" arg-content="{$uix_footer}" arg-insideContent="{{ property('uix_footerInsideContent')}}" />
</div>
</div>
<xf:macro name="uix_footer" arg-location="bottom" arg-content="{$uix_footer}" arg-insideContent="{{ property('uix_footerInsideContent')}}" />
<xf:if contentcheck="true">
<div class="uix_fabBar uix_fabBar--active">
<xf:contentcheck>
<xf:if is="property('scrollJumpButtons')">
<div class="u-scrollButtons js-scrollButtons" data-trigger-type="{{ property('scrollJumpButtons') }}">
<xf:button href="#top" class="button--scroll" data-xf-click="scroll-to"><i class="fa fa-arrow-up"></i><span class="u-srOnly">{{ phrase('top') }}</span></xf:button>
<xf:if is="property('scrollJumpButtons') != 'up'">
<xf:button href="#footer" class="button--scroll" data-xf-click="scroll-to"><i class="fa fa-arrow-down"></i><span class="u-srOnly">{{ phrase('bottom') }}</span></xf:button>
</xf:if>
</div>
</xf:if>
<xf:if is="property('uix_fab') != 'never'">
<xf:if contentcheck="true">
<div class="p-title-pageAction"><xf:contentcheck><xf:pageaction /></xf:contentcheck></div>
</xf:if>
</xf:if>
</xf:contentcheck>
</div>
</xf:if>
<xf:if is="(property('uix_fab') != 'never') && !property('uix_fabScroll')">
<xf:if contentcheck="true">
<div class="uix_fabBar uix_fabBar--mirror">
<div class="p-title-pageAction"><xf:contentcheck><xf:pageaction /></xf:contentcheck></div>
</div>
</xf:if>
</xf:if>
<xf:if is="property('uix_visitorTabsMobile') == 'tabbar'">
<xf:macro name="uix_tabBar" template="uix_tabBar" />
</xf:if>
</div>
</div>
<div class="u-bottomFixer js-bottomFixTarget">
<xf:if is="$notices.floating">
<xf:macro template="notice_macros" name="notice_list" arg-type="floating" arg-notices="{$notices.floating}" />
</xf:if>
<xf:if is="$notices.bottom_fixer">
<xf:macro template="notice_macros" name="notice_list" arg-type="bottom_fixer" arg-notices="{$notices.bottom_fixer}" />
</xf:if>
</div>
<xf:include template="uix_config" />
<xf:macro template="helper_js_global" name="body" arg-app="public" arg-jsState="{$jsState}" />
<xf:if is="property('uix_loginStyle') == 'slidingPanel'">
<div class="uix__loginForm uix__loginForm--login">
<div class="uix__loginForm--panel">
<xf:include template="login">
<xf:set var="$uix_loginPreventAutoFocus" value="1" />
</xf:include>
</div>
<div class="uix__loginForm--mask"></div>
</div>
</xf:if>
{$ldJsonHtml|raw}
</body>
</html>
<xf:macro name="nav_entry" arg-sidebarNav="" arg-navId="!" arg-nav="!" arg-selected="{{ false }}" arg-shortcut="">
<div class="p-navEl u-ripple {{ $selected ? 'is-selected' : '' }}" {{ $nav.children ? 'data-has-children="true"' : '' }}>
<xf:if is="$sidebarNav">
<div class="p-navEl__inner">
</xf:if>
<xf:if is="$nav.href">
<xf:macro name="nav_link"
arg-navId="{$navId}"
arg-nav="{$nav}"
arg-class="p-navEl-link {{ $nav.children ? 'p-navEl-link--splitMenu' : '' }}"
arg-shortcut="{{ $nav.children ? false : $shortcut }}" />
<xf:if is="$nav.children">
<a data-xf-key="{$shortcut}"
data-xf-click="menu"
data-menu-pos-ref="< .p-navEl"
data-arrow-pos-ref="< .p-navEl"
class="p-navEl-splitTrigger"
role="button"
tabindex="0"
aria-label="{{ phrase('toggle_expanded')|for_attr }}"
aria-expanded="false"
aria-haspopup="true">
</a>
</xf:if>
<xf:elseif is="$nav.children" />
<a data-xf-key="{$shortcut}"
class="p-navEl-linkHolder"
data-menu-pos-ref="< .p-navEl"
data-arrow-pos-ref="< .p-navEl"
data-xf-click="menu"
role="button"
tabindex="0"
aria-expanded="false"
aria-haspopup="true">
<xf:macro name="nav_link"
arg-navId="{$navId}"
arg-nav="{$nav}"
arg-class="p-navEl-link p-navEl-link--menuTrigger" />
</a>
<xf:else />
<xf:macro name="nav_link"
arg-navId="{$navId}"
arg-nav="{$nav}"
arg-class="p-navEl-link"
arg-shortcut="{$shortcut}" />
</xf:if>
<xf:if is="$nav.children">
<xf:if is="!{$sidebarNav}">
<div class="menu menu--structural" data-menu="menu" aria-hidden="true">
<div class="menu-content">
<!--<h4 class="menu-header">{$nav.title}</h4>-->
<xf:foreach loop="$nav.children" key="$childNavId" value="$child">
<xf:macro name="nav_menu_entry"
arg-navId="{$childNavId}"
arg-nav="{$child}" />
</xf:foreach>
</div>
</div>
</xf:if>
</xf:if>
<xf:if is="{$sidebarNav} && $nav.children && property('uix_tablinksInSideNav')">
<a class="uix_sidebarNav--trigger"><xf:macro name="icon" template="uix_icons.less" arg-icon="chevron-down" /></a>
</xf:if>
<xf:if is="$sidebarNav">
</div>
</xf:if>
<xf:if is="property('uix_tablinksInSideNav')">
<xf:if is="{$sidebarNav}">
<div <xf:if is="$nav.children">data-menu="false"</xf:if> class="uix_sidebarNav__subNav <xf:if is="!property('uix_sideNavCollapsed') && $selected">subNav--expand</xf:if>">
<div class="uix_sidebarNav__subNavInner">
<xf:foreach loop="$nav.children" key="$childNavId" value="$child">
<xf:macro name="nav_menu_entry"
arg-navId="{$childNavId}"
arg-nav="{$child}" />
</xf:foreach>
</div>
</div>
</xf:if>
</xf:if>
</div>
</xf:macro>
<xf:macro name="nav_link" arg-navId="!" arg-nav="!" arg-class="" arg-titleHtml="" arg-shortcut="{{ false }}">
<xf:set var="$tag" value="{{ $nav.href ? 'a' : 'span' }}" />
<{$tag} {{ $nav.href ? 'href="' . $nav.href . '"' : '' }}
class="{$class} {$nav.attributes.class}"
{{ attributes($nav.attributes, ['class']) }}
{{ $shortcut !== false ? 'data-xf-key="' . $shortcut . '"' : '' }}
data-nav-id="{$navId}"><xf:if is="$nav.icon"><i class="fa {$nav.icon}" aria-hidden="true"></i> </xf:if><span>{{ $titleHtml ? $titleHtml|raw : $nav.title }}</span><xf:if is="$nav.counter"> <span class="badge badge--highlighted">{$nav.counter|number}</span></xf:if></{$tag}>
</xf:macro>
<xf:macro name="nav_menu_entry" arg-navId="!" arg-nav="!" arg-depth="0">
<xf:macro name="nav_link"
arg-navId="{$navId}"
arg-nav="{$nav}"
arg-class="menu-linkRow u-indentDepth{$depth} js-offCanvasCopy" />
<xf:if is="$nav.children">
<xf:foreach loop="$nav.children" key="$childNavId" value="$child">
<xf:macro name="nav_menu_entry"
arg-navId="{$childNavId}"
arg-nav="{$child}"
arg-depth="{{ $depth + 1 }}" />
</xf:foreach>
<xf:if is="$depth == 0">
<hr class="menu-separator" />
</xf:if>
</xf:if>
</xf:macro>]]></template>
<template title="class.less" type="public" addon_id="" version_id="0" version_string=""><![CDATA[.p-navgroup--member .p-navgroup-link:not(:last-child) {margin-right: 4px;}
.p-header-logo a {display: inline-flex; align-items: center;}
.p-header {
padding-left: 0;
padding-right: 0;
}
@media (min-width: @xf-uix_viewportWidthRemoveSubNav){
.uix_hasSectionLinks .p-navEl.u-ripple.is-selected:after {
display: block;
content: "";
position: absolute;
bottom: 0px;
left: 50%;
margin-left: -8px;
border-style: solid;
border-width: 0px 8px 8px;
border-color: transparent transparent rgb(0,0,0);
border-color: transparent transparent rgba(0,0,0, .3);
}
}
.uix_headerContainer .p-nav {padding: 0 @xf-paddingMedium 0 0;}
.p-staffBar {
padding: 0;
height: @xf-uix_stickyStaffBarHeight;
}
.button.uix_sidebarTrigger {
color: inherit;
background: none;
box-shadow: none;
height: 30px;
line-height: 30px;
}
.uix_searchBar .uix_searchBarInner .uix_searchForm .input {background: transparent;}
.p-sectionLinks-list .p-navEl {padding-top: 5px; padding-bottom: 5px;}
.avatar {
border: 2px solid #fff;
box-shadow: 0 0 3px rgba(0,0,0,0.4);
}
@media (min-width: @xf-messageSingleColumnWidth) {
.message:not(.message--simple) .message-cell--user .message-avatar-wrapper {
background-image: url({{property('uix_imagePath')}}/class/images/avatar-shadow.png);
background-repeat: no-repeat;
background-position: 50% 100%;
padding: 10px 10px 20px;
}
}
.message .thpostcomments_commentsContainer .message-cell--user .message-avatar-wrapper,
.message.message--deleted .message-cell--user .message-avatar-wrapper {
padding: 0;
background: none;
}
.message {
&:first-child {
border-top: 1px solid @xf-borderColor !important;
border-top-left-radius: @xf-borderRadiusMedium !important;
border-top-right-radius: @xf-borderRadiusMedium !important;
}
&:last-child {
border-bottom-left-radius: @xf-borderRadiusMedium !important;
border-bottom-right-radius: @xf-borderRadiusMedium !important;
}
}
.p-footer-copyrightRow {
a {
color: rgba(255,255,255,.7);
&:hover {color: #fff;}
}
}
.block--messages .message:nth-child(even),
.js-quickReply .message:nth-child(even),
.block--messages .block-row:nth-child(even), .js-quickReply .block-row:nth-child(even) {
background-image: url({{ property('uix_imagePath') }}/class/images/primary-content-bg-alt.gif);
}
.button.button--link, a.button.button--link {
&:hover, &:active, &:focus {
background-color: xf-intensify(@xf-uix_buttonLink--background-color, 10%);
}
}
@media (max-width: @xf-responsiveWide) {
.uix_contentWrapper {border-radius: 0;}
.p-body-inner {padding-top: 0;}
}
.pageNav-jump, .pageNav-page {background: #fff;}]]></template>
<template title="thpostcomments_post.less" type="public" addon_id="ThemeHouse/PostComments" version_id="1000091" version_string="1.0.0 Patch Level 1"><![CDATA[@postBitWidth: (@xf-messageUserBlockWidth) + 2 * (@xf-messagePadding);
@postBitWidthSmall: @_messageSimple-userColumnWidth + 2 * @xf-messagePaddingSmall;
@postBitAdjusted: @postBitWidth - @postBitWidthSmall;
@postbitSpacerDesktop: @xf-messagePadding + @avatar-xs;
.message--post {
.message-attribution--plain {display: none;}
&.thpostcomments_message--condensed {
.message-attribution--plain {display: block;}
.message-attribution--condensed {
display: flex;
.avatar {
display: none !important;
}
}
.message-attribution-user .avatar {
display: inline-block;
.m-avatarSize((@xf-fontSizeNormal) * (@xf-lineHeightDefault));
}
.message-attribution:not(.message-attribution--condensed) {display: none;}
}
}
.message--depth0 {
> .message-inner {
border-bottom: 1px solid @xf-borderColor;
margin-bottom: @xf-messagePadding;
.message-attribution--condensed {
display: none !important;
}
}
}
.block--messages .message .thpostcomments_commentsContainer {
border-top: 1px solid @xf-borderColor;
.message {
box-shadow: none;
margin-left: 20px;
border: none;
position: relative;
border-radius: 0;
margin-top: 20px;
.message-userArrow {display: none;}
.thpostcomments_commentLink {
margin-bottom: @xf-messagePaddingSmall;
display: block;
float: left;
}
.message-lastEdit {
display: none;
}
.message-inner {
display: flex;
}
.message-cell--main {
// padding-top: 0;
background: none;
padding-left: @xf-messagePadding;
}
&.message--depth1 {
margin-left: 10px;
}
&:not(.thpostcomments_message--expanded) > .message {
display: none;
}
&:not(:last-child) .thpostcomments_exandLine {
border-left: 1px dashed @xf-borderColor;
width: 1px;
display: inline-block;
position: absolute;
top: 10px + @avatar-xxs;
bottom: 0;
left: @avatar-xxs / 2;
}
.message-signature {
display: none;
}
.message-attribution-user {
display: flex;
align-items: center;
margin-right: 4px;
.avatar {
display: inline-block;
margin-right: 8px;
}
}
.message-attribution .listInline {
display: flex;
align-items: center;
flex-wrap: wrap;
}
@media (max-width: @xf-responsiveEdgeSpacerRemoval) {
margin-right: @xf-paddingMedium;
}
.message-cell--user {
// padding: 0;
background: none;
flex-basis: auto;
border: none;
.avatar {
.m-avatarSize(@avatar-xxs) !important;
}
.message-user > *:not(.message-avatar) {
display: none;
}
}
@media (min-width: @xf-responsiveMedium) {
margin-left: @postbitSpacerDesktop;
&.message--depth1 {
margin-left: (@postbitSpacerDesktop) / 2;
}
&:not(:last-child) .thpostcomments_exandLine {
left: @avatar-xs / 2;
top: 20px + @avatar-xs;
}
.message-cell--user .avatar {
.m-avatarSize(@avatar-xs) !important;
}
}
}
}]]></template>
</templates>
<properties>
<property property_name="blockHeader" group_name="block" title="Block header" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="20100" css_components="text,background,border,extra" addon_id="XF">
<value>{
"font-size": "24px",
"color": "@xf-textColor",
"border-bottom-width": "1px",
"border-bottom-color": "@xf-borderColor"
}</value>
</property>
<property property_name="borderRadiusLarge" group_name="borderSpacing" title="Large border radius" description="" property_type="value" value_type="unit" depends_on="" value_group="borderRadius" display_order="1200" addon_id="XF">
<value>"@xf-borderRadiusMedium"</value>
</property>
<property property_name="borderRadiusMedium" group_name="borderSpacing" title="Medium border radius" description="" property_type="value" value_type="unit" depends_on="" value_group="borderRadius" display_order="1100" addon_id="XF">
<value>"4px"</value>
</property>
<property property_name="borderRadiusSmall" group_name="borderSpacing" title="Small border radius" description="" property_type="value" value_type="unit" depends_on="" value_group="borderRadius" display_order="1000" addon_id="XF">
<value>"@xf-borderRadiusMedium"</value>
</property>
<property property_name="buttonBase" group_name="button" title="Button base" description="Defines the styling for the basic elements that are common to all text-based buttons" property_type="css" value_type="" depends_on="" value_group="" display_order="20000" css_components="text,border_radius,padding,extra" addon_id="XF">
<value>{
"font-size": "14px",
"font-weight": "@xf-fontWeightHeavy",
"border-radius": "@xf-borderRadiusMedium",
"padding-top": "0",
"padding-right": "10px",
"padding-bottom": "0",
"padding-left": "10px",
"extra": "text-align: center;\noutline: none;\nline-height: 32px;\nheight: 32px;\ntext-decoration: none;\ndisplay: inline-flex;\nalign-items: center;\njustify-content: center;\ncursor: pointer;\nbox-sizing: content-box;\n-webkit-appearance: none;\ntext-transform: uppercase;\nborder: none;\nwhite-space: nowrap;\ntransition: none;"
}</value>
</property>
<property property_name="buttonCta" group_name="button" title="Button - call to action" description="Call to action buttons sit alone and invite the user to do something, like post a new thread" property_type="css" value_type="" depends_on="" value_group="" display_order="20300" css_components="text,background,extra" addon_id="XF">
<value>{
"extra": "background: #525252;\nbackground: -moz-linear-gradient(top, #525252 0%, #232323 100%);\nbackground: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#525252), color-stop(100%,#232323));\nbackground: -webkit-linear-gradient(top, #525252 0%,#232323 100%);\nbackground: -o-linear-gradient(top, #525252 0%,#232323 100%);\nbackground: -ms-linear-gradient(top, #525252 0%,#232323 100%);\nbackground: linear-gradient(to bottom, #525252 0%,#232323 100%);\nfilter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#525252', endColorstr='#232323',GradientType=0 );"
}</value>
</property>
<property property_name="buttonDefault" group_name="button" title="Button - default" description="Most buttons use this styling, except for primary form submit buttons" property_type="css" value_type="" depends_on="" value_group="" display_order="20100" css_components="text,background,extra" addon_id="XF">
<value>{
"color": "#e5e5e5",
"background-color": "@xf-textColorDimmed",
"extra": "box-shadow: inset 0 -2px 0 rgba(0,0,0,.1);"
}</value>
</property>
<property property_name="buttonPrimary" group_name="button" title="Button - primary" description="These rules are used mostly for the main submit button for forms" property_type="css" value_type="" depends_on="" value_group="" display_order="20200" css_components="text,background,extra" addon_id="XF">
<value>{
"color": "#fff",
"extra": "background: #525252;\nbackground: -moz-linear-gradient(top, #525252 0%, #232323 100%);\nbackground: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#525252), color-stop(100%,#232323));\nbackground: -webkit-linear-gradient(top, #525252 0%,#232323 100%);\nbackground: -o-linear-gradient(top, #525252 0%,#232323 100%);\nbackground: -ms-linear-gradient(top, #525252 0%,#232323 100%);\nbackground: linear-gradient(to bottom, #525252 0%,#232323 100%);\nfilter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#525252', endColorstr='#232323',GradientType=0 );"
}</value>
</property>
<property property_name="elementSpacer" group_name="borderSpacing" title="Element spacer" description="This represents the base value for spacing between elements, such as individual blocks." property_type="value" value_type="unit" depends_on="" value_group="spacer" display_order="3000" addon_id="XF">
<value>"16px"</value>
</property>
<property property_name="fontSizeLarge" group_name="fonts" title="Large font size" description="" property_type="value" value_type="unit" depends_on="" value_group="size" display_order="1400" addon_id="XF">
<value>"16px"</value>
</property>
<property property_name="fontSizeLargest" group_name="fonts" title="Largest font size" description="" property_type="value" value_type="unit" depends_on="" value_group="size" display_order="1600" addon_id="XF">
<value>"24px"</value>
</property>
<property property_name="fontSizeNormal" group_name="fonts" title="Normal font size" description="" property_type="value" value_type="unit" depends_on="" value_group="size" display_order="1000" addon_id="XF">
<value>"14px"</value>
</property>
<property property_name="fontWeightHeavy" group_name="fonts" title="Heavy font weight" description="" property_type="value" value_type="number" depends_on="" value_group="weight" display_order="2200" addon_id="XF">
<value_parameters>step=100
min=100
max=900</value_parameters>
<value>"700"</value>
</property>
<property property_name="fontWeightLight" group_name="fonts" title="Light font weight" description="" property_type="value" value_type="number" depends_on="" value_group="weight" display_order="2100" addon_id="XF">
<value_parameters>step=100
min=100
max=900</value_parameters>
<value>"400"</value>
</property>
<property property_name="messageUserBlock" group_name="message" title="Message user info block" description="Apart from its width, the (left) message user info column is styled here" property_type="css" value_type="" depends_on="" value_group="" display_order="20000" css_components="text,background,border_width_simple,border_color_simple,extra" addon_id="XF">
<value>{
"border-width": "0"
}</value>
</property>
<property property_name="messageUserBlockWidth" group_name="message" title="Message user info block width" description="Controls the width of the (left) user info column on the full size message block" property_type="value" value_type="unit" depends_on="" value_group="user" display_order="500" addon_id="XF">
<value>"140px"</value>
</property>
<property property_name="paddingLarge" group_name="borderSpacing" title="Large padding" description="" property_type="value" value_type="unit" depends_on="" value_group="padding" display_order="2200" addon_id="XF">
<value>"12px"</value>
</property>
<property property_name="paddingLargest" group_name="borderSpacing" title="Largest padding" description="" property_type="value" value_type="unit" depends_on="" value_group="padding" display_order="2300" addon_id="XF">
<value>"20px"</value>
</property>
<property property_name="paddingMedium" group_name="borderSpacing" title="Medium padding" description="" property_type="value" value_type="unit" depends_on="" value_group="padding" display_order="2100" addon_id="XF">
<value>"12px"</value>
</property>
<property property_name="pageBackground" group_name="page" title="Page background" description="The page background, behind all block elements, uses the styling rules defined here" property_type="css" value_type="" depends_on="" value_group="" display_order="20200" css_components="background,extra" addon_id="XF">
<value>{
"background-color": "@xf-pageBg",
"background-image": "@xf-uix_imagePath/class/images/noise_2.png"
}</value>
</property>
<property property_name="pageEdgeSpacer" group_name="borderSpacing" title="Page edge spacer" description="" property_type="value" value_type="unit" depends_on="" value_group="spacer" display_order="3100" addon_id="XF">
<value>"16px"</value>
</property>
<property property_name="paletteAccent1" group_name="palette" title="Accent 1" description="" property_type="value" value_type="color" depends_on="" value_group="accent" display_order="2000" addon_id="XF">
<value_parameters>hidePalette=true</value_parameters>
<value>"#4f4f4f"</value>
</property>
<property property_name="paletteAccent2" group_name="palette" title="Accent 2" description="" property_type="value" value_type="color" depends_on="" value_group="accent" display_order="2100" addon_id="XF">
<value_parameters>hidePalette=true</value_parameters>
<value>"#292929"</value>
</property>
<property property_name="paletteAccent3" group_name="palette" title="Accent 3" description="" property_type="value" value_type="color" depends_on="" value_group="accent" display_order="2200" addon_id="XF">
<value_parameters>hidePalette=true</value_parameters>
<value>"#161616"</value>
</property>
<property property_name="paletteColor1" group_name="palette" title="Color 1" description="" property_type="value" value_type="color" depends_on="" value_group="primary" display_order="1000" addon_id="XF">
<value_parameters>hidePalette=true</value_parameters>
<value>"#fcfcfc"</value>
</property>
<property property_name="paletteColor2" group_name="palette" title="Color 2" description="" property_type="value" value_type="color" depends_on="" value_group="primary" display_order="1100" addon_id="XF">
<value_parameters>hidePalette=true</value_parameters>
<value>"#ebebeb"</value>
</property>
<property property_name="paletteColor3" group_name="palette" title="Color 3" description="" property_type="value" value_type="color" depends_on="" value_group="primary" display_order="1200" addon_id="XF">
<value_parameters>hidePalette=true</value_parameters>
<value>"#e3e3e3"</value>
</property>
<property property_name="paletteColor4" group_name="palette" title="Color 4" description="" property_type="value" value_type="color" depends_on="" value_group="primary" display_order="1300" addon_id="XF">
<value_parameters>hidePalette=true</value_parameters>
<value>"#313131"</value>
</property>
<property property_name="paletteColor5" group_name="palette" title="Color 5" description="" property_type="value" value_type="color" depends_on="" value_group="primary" display_order="1400" addon_id="XF">
<value_parameters>hidePalette=true</value_parameters>
<value>"#191919"</value>
</property>
<property property_name="paletteNeutral1" group_name="palette" title="Neutral 1" description="" property_type="value" value_type="color" depends_on="" value_group="neutral" display_order="3000" addon_id="XF">
<value_parameters>hidePalette=true</value_parameters>
<value>"#969696"</value>
</property>
<property property_name="paletteNeutral2" group_name="palette" title="Neutral 2" description="" property_type="value" value_type="color" depends_on="" value_group="neutral" display_order="3100" addon_id="XF">
<value_parameters>hidePalette=true</value_parameters>
<value>"#646464"</value>
</property>
<property property_name="paletteNeutral3" group_name="palette" title="Neutral 3" description="" property_type="value" value_type="color" depends_on="" value_group="neutral" display_order="3200" addon_id="XF">
<value_parameters>hidePalette=true</value_parameters>
<value>"#141414"</value>
</property>
<property property_name="publicFooter" group_name="footer" title="Footer" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="20000" css_components="text,background,border,extra" addon_id="XF">
<value>{
"font-size": "@xf-fontSizeSmall",
"color": "@xf-textColorDimmed"
}</value>
</property>
<property property_name="publicHeader" group_name="headerNav" title="Header/logo row" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="20000" css_components="text,background,extra" addon_id="XF">
<value>{
"color": "rgba(255,255,255,.7)",
"extra": "padding-top: 15px;"
}</value>
</property>
<property property_name="publicLogoUrl" group_name="basic" title="Logo URL" description="" property_type="value" value_type="string" depends_on="" value_group="logo" display_order="100" addon_id="XF">
<value>"@xf-uix_imagePath/class/images/logo.png"</value>
</property>
<property property_name="publicLogoUrl2x" group_name="basic" title="2x logo URL" description="" property_type="value" value_type="string" depends_on="" value_group="logo" display_order="200" addon_id="XF">
<value>""</value>
</property>
<property property_name="publicNav" group_name="headerNav" title="Navigation row" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="20100" css_components="text,background,extra" addon_id="XF">
<value>{
"color": "rgba(255,255,255,.7)",
"background-color": "transparent"
}</value>
</property>
<property property_name="publicNavPaddingH" group_name="headerNav" title="Navigation padding horizontal" description="Defines the amount of padding applied horizontally to each main navigational tab in the header" property_type="value" value_type="unit" depends_on="" value_group="navPad" display_order="4100" addon_id="XF">
<value>"@xf-paddingMedium"</value>
</property>
<property property_name="publicNavPaddingV" group_name="headerNav" title="Navigation padding vertical" description="This value defines the amount of padding applied to the main navigational tabs in the header" property_type="value" value_type="unit" depends_on="" value_group="navPad" display_order="4000" addon_id="XF">
<value>"20px"</value>
</property>
<property property_name="publicNavSelected" group_name="headerNav" title="Navigation row - selected tab" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="20300" css_components="text,background,border,border_radius,extra" addon_id="XF">
<value>{
"color": "#fff",
"font-weight": "@xf-fontWeightHeavy"
}</value>
</property>
<property property_name="publicNavTab" group_name="headerNav" title="Navigation row - tab" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="20200" css_components="text,background,extra" addon_id="XF">
<value>{
"font-size": "@xf-fontSizeLarge",
"color": "rgba(255, 255, 255, 0.75)",
"font-weight": "@xf-fontWeightHeavy",
"text-decoration": "none",
"extra": "line-height: 1;\ntext-shadow: 0 1px 0 rgba(0,0,0,.4);"
}</value>
</property>
<property property_name="publicStaffBar" group_name="headerNav" title="Staff tools bar" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="20700" css_components="text,background,border,extra" addon_id="XF">
<value>{
"font-size": "@xf-fontSizeSmall",
"color": "rgba(255,255,255,.7)",
"background-color": "@xf-contentAccentBg",
"extra": "padding: @xf-paddingSmall;\nborder-radius: @xf-borderRadiusMedium;\nbox-shadow: 0 2px 2px rgba(0,0,0,0.6);"
}</value>
</property>
<property property_name="publicSubNav" group_name="headerNav" title="Sub-navigation row" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="20500" css_components="text,background,border,extra" addon_id="XF">
<value>{
"font-size": "@xf-fontSizeSmall",
"color": "rgba(255,255,255,.5)",
"font-weight": "@xf-fontWeightHeavy",
"background-image": "linear-gradient(to bottom, #2a2a2a 1%,#191919 100%)",
"border-bottom-width": "0",
"border-bottom-color": "@xf-borderColor",
"extra": "border-radius: @xf-borderRadiusSmall;"
}</value>
</property>
<property property_name="publicSubNavElHover" group_name="headerNav" title="Sub-navigation row - hovered element" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="20600" css_components="text,extra" addon_id="XF">
<value>{
"color": "#fff"
}</value>
</property>
<property property_name="uix_additionalCss" group_name="uix_globalSettings" title="List of additional css templates to include" description="A comma separated list of additional CSS/less templates to load. Requires the .css or .less suffix" property_type="value" value_type="string" depends_on="" value_group="" display_order="400" addon_id="">
<value>"class.less"</value>
</property>
<property property_name="uix_blockContainer" group_name="block" title="Block container" description="Styles the container for Block level components" property_type="css" value_type="" depends_on="" value_group="" display_order="0" css_components="text,background,border,padding,extra" addon_id="">
<value>{
"background-image": "@xf-uix_imagePath/class/images/box-bg.gif",
"border-width": "1px",
"border-color": "@xf-borderColor",
"extra": "box-shadow: 0 1px 0 #fafafa, 0 1px 0 #fff inset;"
}</value>
</property>
<property property_name="uix_bottomBreadcrumbLocation" group_name="uix_breadcrumb" title="Bottom breadcrumb location" description="" property_type="value" value_type="select" depends_on="" value_group="" display_order="200" addon_id="">
<value_parameters>belowMainContainer=Below main container
mainContainerBottom = Bottom of main container
mainContentBottom=Bottom of main content
belowMainContent=Below main content</value_parameters>
<value>"mainContainerBottom"</value>
</property>
<property property_name="uix_breadcrumbWrapper" group_name="uix_breadcrumb" title="Breadcrumb wrapper" description="container surrounding breadcrumb and page action if applicable" property_type="css" value_type="" depends_on="" value_group="" display_order="80" css_components="background,border,border_radius,padding,extra" addon_id="">
<value>{
"background-image": "@xf-uix_imagePath/class/images/breadcrumb-bottom-border.gif",
"padding": "8px",
"padding-right": "@xf-paddingMedium",
"padding-left": "@xf-paddingMedium",
"extra": "background-repeat: repeat-x;\nbackground-position: 0 100%;\nmargin: -16px -16px @xf-elementSpacer;"
}</value>
</property>
<property property_name="uix_breadcrumbWrapperBottom" group_name="uix_breadcrumb" title="Breadcrumb Wrapper (bottom)" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="0" css_components="text,background,border,border_radius,padding,extra" addon_id="">
<value>{
"extra": "background-position: 0 0;\nmargin-top: @xf-elementSpacer;\nmargin-bottom: -16px;"
}</value>
</property>
<property property_name="uix_buttonCtaActive" group_name="button" title="Button - call to action (active)" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="20320" css_components="text,background,border,padding,extra" addon_id="">
<value>{
"background-color": "rgb(41, 41, 41)"
}</value>
</property>
<property property_name="uix_buttonCtaHover" group_name="button" title="Button - call to action (hover)" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="20310" css_components="text,background,extra" addon_id="">
<value>{
"background-color": "rgb(41, 41, 41)"
}</value>
</property>
<property property_name="uix_buttonHover" group_name="button" title="Button - default (hover)" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="20110" css_components="text,background,extra" addon_id="">
<value>{
"background-color": "xf-intensify(@xf-buttonDefault--background-color, 10%)"
}</value>
</property>
<property property_name="uix_buttonLink" group_name="button" title="Button Group Link" description="Styles button group links" property_type="css" value_type="" depends_on="" value_group="" display_order="0" css_components="text,background,border,border_radius,padding,extra" addon_id="">
<value>{
"color": "@xf-textColorDimmed",
"background-color": "#fff",
"border-width": "1px",
"border-color": "@xf-borderColor",
"extra": "text-transform: initial;\nbox-shadow: none;"
}</value>
</property>
<property property_name="uix_buttonPrimaryActive" group_name="button" title="Button - primary (active)" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="20220" css_components="text,background,border,padding,extra" addon_id="">
<value>{
"background-color": "rgb(41, 41, 41)"
}</value>
</property>
<property property_name="uix_buttonPrimaryHover" group_name="button" title="Button primary (hover)" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="20210" css_components="text,background,extra" addon_id="">
<value>{
"background-color": "rgb(41, 41, 41)"
}</value>
</property>
<property property_name="uix_buttonSmall" group_name="button" title="Button (small)" description="Styles small (and also filter bar) buttons" property_type="css" value_type="" depends_on="" value_group="" display_order="20500" css_components="text,background,border,padding,extra" addon_id="">
<value>{
"font-size": "@xf-fontSizeSmaller",
"padding": "0",
"padding-right": "10px",
"padding-left": "10px",
"extra": "height: 28px;\nline-height: 28px;"
}</value>
</property>
<property property_name="uix_categoryStrip" group_name="nodeList" title="Category Strip" description="Styles the category strip for nodes" property_type="css" value_type="" depends_on="" value_group="" display_order="0" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
<value>{
"color": "@xf-textColorDimmed",
"font-weight": "@xf-fontWeightNormal",
"border-bottom-width": "0",
"padding": "@xf-paddingLarge",
"padding-top": "0",
"extra": "line-height: 1;\nfont-family: @xf-uix_headingFont;"
}</value>
</property>
<property property_name="uix_contentWrapper" group_name="page" title="Content Wrapper" description="Sets where the styling for Content Wrapper will be applied" property_type="value" value_type="select" depends_on="" value_group="" display_order="4100" addon_id="">
<value_parameters>0=Default (no wrapper)
1= Wrapper around main content and sidebar
2=Wrapper around main content only</value_parameters>
<value>"1"</value>
</property>
<property property_name="uix_contentWrapperStyle" group_name="page" title="Content Wrapper" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="0" css_components="background,border,extra" addon_id="">
<value>{
"background-color": "@xf-contentAltBg",
"border-width": "@xf-borderSize",
"border-color": "@xf-borderColor",
"extra": "border-radius: @xf-borderRadiusSmall;"
}</value>
</property>
<property property_name="uix_detachedNavigation" group_name="headerNav" title="Separate Header from Content Wrapper" description="Adds margin-bottom to header" property_type="value" value_type="boolean" depends_on="" value_group="" display_order="0" addon_id="">
<value>1</value>
</property>
<property property_name="uix_discussionListItemEven" group_name="uix_discussionList" title="Discussion list item (even)" description="" property_type="value" value_type="color" depends_on="" value_group="" display_order="0" addon_id="">
<value>""</value>
</property>
<property property_name="uix_discussionListItemHover" group_name="uix_discussionList" title="Discussion list item (hover)" description="" property_type="value" value_type="color" depends_on="" value_group="" display_order="0" addon_id="">
<value>""</value>
</property>
<property property_name="uix_elevation1" group_name="uix_globalSettings" title="Elevation 1" description="Sets the box-shadow value for elevation level 1" property_type="value" value_type="string" depends_on="" value_group="elevation" display_order="2000" addon_id="">
<value>""</value>
</property>
<property property_name="uix_elevation2" group_name="uix_globalSettings" title="Elevation 2" description="Sets the box shadow value for elevation level 2" property_type="value" value_type="string" depends_on="" value_group="elevation" display_order="2100" addon_id="">
<value>""</value>
</property>
<property property_name="uix_enableLogoBlock" group_name="headerNav" title="Enable logo block" description="" property_type="value" value_type="boolean" depends_on="" value_group="" display_order="0" addon_id="">
<value>1</value>
</property>
<property property_name="uix_extendedFooterOrder" group_name="footer" title="Extended footer order" description="" property_type="value" value_type="number" depends_on="" value_group="" display_order="0" addon_id="">
<value>"20"</value>
</property>
<property property_name="uix_extendedFooterStyle" group_name="footer" title="Extended Footer" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="0" css_components="text,background,border,border_radius,padding,extra" addon_id="">
<value>{
"background-color": "rgba(0,0,0,.75)",
"border-top-width": "0",
"border-top-color": "@xf-borderColor",
"padding-top": "@xf-paddingLargest * 2",
"padding-bottom": "@xf-paddingLargest * 2",
"extra": "border-bottom-left-radius: @xf-borderRadiusMedium;\nborder-bottom-right-radius: @xf-borderRadiusMedium;\nbox-shadow: 0 2px 0px rgba(0,0,0,0.2);"
}</value>
</property>
<property property_name="uix_footerCopyrightRow" group_name="footer" title="Footer copyright row" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="0" css_components="text,background,border,padding,extra" addon_id="">
<value>{
"color": "@xf-textColorMuted",
"border-top-width": "0",
"border-top-color": "@xf-borderColor",
"padding-top": "@xf-paddingLarge",
"padding-bottom": "@xf-paddingLarge"
}</value>
</property>
<property property_name="uix_footerMenu" group_name="footer" title="Footer menu" description="Styles the footer menu bar" property_type="css" value_type="" depends_on="" value_group="" display_order="0" css_components="text,background,border,border_radius,padding,extra" addon_id="">
<value>{
"background-image": "linear-gradient(to bottom, #2a2a2a 1%, #191919 100%)",
"padding-top": "@xf-paddingSmall",
"padding-bottom": "@xf-paddingSmall",
"extra": "border-top-left-radius: @xf-borderRadiusMedium;\nborder-top-right-radius: @xf-borderRadiusMedium;"
}</value>
</property>
<property property_name="uix_footerMenuOrder" group_name="footer" title="Footer menu order" description="" property_type="value" value_type="number" depends_on="" value_group="" display_order="10" addon_id="">
<value>"10"</value>
</property>
<property property_name="uix_footerWidget" group_name="footer" title="Footer widget" description="Styles the widget block" property_type="css" value_type="" depends_on="" value_group="" display_order="0" css_components="text,background,border,padding,extra" addon_id="">
<value>{
"background-color": "none",
"border-width": "0",
"extra": "box-shadow: none;"
}</value>
</property>
<property property_name="uix_googleFonts" group_name="fonts" title="Google Fonts" description="Choose the fonts in which to load from Google Fonts API." property_type="value" value_type="string" depends_on="" value_group="" display_order="0" addon_id="">
<value>"Puritan:400,700|Droid+Sans:400,700"</value>
</property>
<property property_name="uix_headerWhiteSpace" group_name="headerNav" title="Header whitespace" description="Pixel value of the margin between navigation, user bar, and logo block" property_type="value" value_type="unit" depends_on="" value_group="" display_order="0" addon_id="">
<value>"16px"</value>
</property>
<property property_name="uix_headerWrapper" group_name="headerNav" title="Header wrapper" description="Styles the wrapper around the entire header" property_type="css" value_type="" depends_on="" value_group="" display_order="0" css_components="background,border,border_radius,padding,extra" addon_id="">
<value>[]</value>
</property>
<property property_name="uix_headingFont" group_name="fonts" title="Secondary font" description="Font family used for headings and other decorative text situations." property_type="value" value_type="string" depends_on="" value_group="" display_order="210" addon_id="">
<value>"'Droid Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif"</value>
</property>
<property property_name="uix_hideSingleCrumb" group_name="uix_breadcrumb" title="Ignore home link when checking "content checking" breadcrumb" description="Removes the breadcrumb when the only crumb is the home link" property_type="value" value_type="boolean" depends_on="" value_group="" display_order="300" addon_id="">
<value>0</value>
</property>
<property property_name="uix_imagePath" group_name="basic" title="Image path" description="Sets the path to images for the theme." property_type="value" value_type="string" depends_on="" value_group="" display_order="0" addon_id="">
<value>"styles/class"</value>
</property>
<property property_name="uix_logoBlockSearch" group_name="uix_search" title="Search in logo block" description="Moves the search component to logo block if logo block is enabled and viewport width is above the minimum width to show the logo block. Both of these options are set in Header and Navigation." property_type="value" value_type="boolean" depends_on="" value_group="" display_order="0" addon_id="">
<value>0</value>
</property>
<property property_name="uix_logoIcon" group_name="basic" title="Logo icon" description="Adds a CSS font icon when logo text is applicable." property_type="value" value_type="string" depends_on="" value_group="logo_text" display_order="1200" addon_id="">
<value>""</value>
</property>
<property property_name="uix_logoSmall" group_name="basic" title="Logo small image path" description="If left blank, will default to main logo path" property_type="value" value_type="string" depends_on="" value_group="" display_order="500" addon_id="">
<value>""</value>
</property>
<property property_name="uix_logoText" group_name="basic" title="Logo text" description="Adds text in place of a logo. Note: this is overwritten when a logo image path is set" property_type="value" value_type="string" depends_on="" value_group="logo_text" display_order="1100" addon_id="">
<value>"Class"</value>
</property>
<property property_name="uix_logoWidth" group_name="basic" title="Logo width" description="Sets the width for logo" property_type="value" value_type="unit" depends_on="" value_group="" display_order="700" addon_id="">
<value>"156px"</value>
</property>
<property property_name="uix_message" group_name="message" title="Message" description="Styles the message container" property_type="css" value_type="" depends_on="" value_group="" display_order="0" css_components="text,background,border,border_radius,padding,extra" addon_id="">
<value>{
"background-color": "@xf-contentBg",
"background-image": "@xf-uix_imagePath/class/images/primary-content-bg.gif",
"border-width": "1px",
"border-color": "@xf-borderColor",
"border-radius": "0",
"border-top-width": "0",
"extra": "margin: 0 !important;"
}</value>
</property>
<property property_name="uix_messageActionBar" group_name="message" title="Message action bar" description="Styles the action bar for messages" property_type="css" value_type="" depends_on="" value_group="" display_order="20040" css_components="text,background,border,border_radius,padding,extra" addon_id="">
<value>{
"padding": "@xf-messagePadding",
"padding-top": "0",
"extra": "margin: -@xf-messagePadding;\nmargin-top: 0;"
}</value>
</property>
<property property_name="uix_messageControl" group_name="message" title="Message control" description="Styles the message actions such as reply and report" property_type="css" value_type="" depends_on="" value_group="" display_order="20050" css_components="text,background,border,padding,extra" addon_id="">
<value>{
"color": "@xf-textColorMuted",
"background-color": "@xf-contentBg",
"border-width": "1px",
"border-color": "@xf-borderColor",
"padding": "5px",
"extra": "border-radius: 2px;"
}</value>
</property>
<property property_name="uix_navTabIcons" group_name="headerNav" title="Navigation tab icons" description="" property_type="value" value_type="boolean" depends_on="" value_group="" display_order="2040" addon_id="">
<value>0</value>
</property>
<property property_name="uix_navigationBarHeight" group_name="headerNav" title="Navigation bar height" description="Sets the height of the primary navigation bar. (Note: this gets overwritten by sticky nav bar height when applicable. If unset, the navigation bar height will simply be as large as the largest component inside of it.)" property_type="value" value_type="unit" depends_on="" value_group="" display_order="2010" addon_id="">
<value>"56px"</value>
</property>
<property property_name="uix_nodeBody" group_name="nodeList" title="Node body" description="Styles the individual node body" property_type="css" value_type="" depends_on="" value_group="" display_order="0" css_components="text,background,border,border_radius,padding,extra" addon_id="">
<value>{
"extra": "box-shadow: @xf-uix_elevation1;"
}</value>
</property>
<property property_name="uix_nodeBodyEven" group_name="nodeList" title="Node body (even)" description="" property_type="value" value_type="color" depends_on="" value_group="" display_order="2600" addon_id="">
<value>""</value>
</property>
<property property_name="uix_nodeBodyHover" group_name="nodeList" title="Node body (hover)" description="Adds a hover state to nodes" property_type="css" value_type="" depends_on="" value_group="" display_order="0" css_components="background,border,extra" addon_id="">
<value>{
"extra": "position: relative;"
}</value>
</property>
<property property_name="uix_nodeContainer" group_name="nodeList" title="Node Container" description="Styles the block-container for level 1 nodes" property_type="css" value_type="" depends_on="" value_group="" display_order="0" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
<value>{
"extra": "box-shadow: none;"
}</value>
</property>
<property property_name="uix_nodeTitle" group_name="nodeList" title="Node Title" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="0" css_components="text,padding,extra" addon_id="">
<value>{
"font-size": "@xf-fontSizeLarge",
"color": "@xf-textColor",
"font-weight": "@xf-fontWeightNormal",
"extra": "margin: 0;\nmargin-top: 5px;\nfont-family: @xf-uix_headingFont;"
}</value>
</property>
<property property_name="uix_noticeLocation" group_name="page" title="Block notice location" description="" property_type="value" value_type="select" depends_on="" value_group="" display_order="0" addon_id="">
<value_parameters>aboveMainContainer=Default (above main container)
mainContainerTop= Top of main container
aboveMainContent=Above main content
mainContentTop=Top of main content</value_parameters>
<value>"mainContentTop"</value>
</property>
<property property_name="uix_pageStyle" group_name="page" title="Page style" description="Sets the overall page style for the theme." property_type="value" value_type="select" depends_on="" value_group="" display_order="4000" addon_id="">
<value_parameters>covered=Default (covered)
fixed=Fixed
wrapped=Wrapped</value_parameters>
<value>"fixed"</value>
</property>
<property property_name="uix_pageTitle" group_name="uix_globalSettings" title="Page title" description="Styles the h1 in titlebar" property_type="css" value_type="" depends_on="" value_group="" display_order="0" css_components="text,border,padding,extra" addon_id="">
<value>{
"font-size": "@xf-fontSizeLargest",
"color": "@xf-textColor",
"extra": "font-family: @xf-uix_headingFont;"
}</value>
</property>
<property property_name="uix_postBitAvatarSize" group_name="message" title="Postbit avatar size" description="Sets the size of the post bit avatar" property_type="value" value_type="select" depends_on="" value_group="" display_order="1100" addon_id="">
<value_parameters>small=Small
medium=Medium
large=Large</value_parameters>
<value>"medium"</value>
</property>
<property property_name="uix_searchBar" group_name="uix_search" title="Search Bar" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="0" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
<value>{
"color": "@xf-textColorDimmed",
"background-color": "rgba(0,0,0,.4)",
"border-width": "1px",
"border-color": "rgba(0,0,0,.3)",
"border-radius": "@xf-borderRadiusMedium",
"extra": "box-shadow: 0 1px 0 rgba(255,255,255,.08), 0 1px 2px rgba(0,0,0,.4) inset;"
}</value>
</property>
<property property_name="uix_searchBarFocus" group_name="uix_search" title="Search bar (focus)" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="0" css_components="text,background,padding,extra" addon_id="">
<value>[]</value>
</property>
<property property_name="uix_searchBarHeight" group_name="uix_search" title="Search bar height" description="" property_type="value" value_type="unit" depends_on="" value_group="" display_order="10" addon_id="">
<value>"30px"</value>
</property>
<property property_name="uix_searchBarPlaceholderFocusColor" group_name="uix_search" title="Search bar placeholder color (focus)" description="" property_type="value" value_type="color" depends_on="" value_group="" display_order="2100" addon_id="">
<value>""</value>
</property>
<property property_name="uix_searchButton" group_name="uix_search" title="Add Button to the QuickSearch" description="Enabling this setting will add a functional submit button to the QuickSearch." property_type="value" value_type="boolean" depends_on="" value_group="" display_order="0" addon_id="">
<value>1</value>
</property>
<property property_name="uix_searchIcon" group_name="uix_search" title="Search icon" description="Styles the search icon" property_type="css" value_type="" depends_on="" value_group="" display_order="0" css_components="text,background,padding,extra" addon_id="">
<value>{
"font-size": "20px",
"color": "#fff",
"background-color": "rgba(0,0,0,.4)",
"padding": "@xf-paddingSmall",
"extra": "float: left;"
}</value>
</property>
<property property_name="uix_searchIconFocusColor" group_name="uix_search" title="Search icon color (focus)" description="" property_type="value" value_type="color" depends_on="" value_group="" display_order="2200" addon_id="">
<value>""</value>
</property>
<property property_name="uix_searchPosition" group_name="uix_search" title="Search position" description="Sets where the search bar appears" property_type="value" value_type="select" depends_on="" value_group="" display_order="0" addon_id="">
<value_parameters>staffBar=Staff bar (right)
navigation=Navigation (right)
navigationLeft=Navigation (left)
tablinks=Tablinks (right)</value_parameters>
<value>"navigation"</value>
</property>
<property property_name="uix_sidebarWidgetFooter" group_name="uix_sidebar" title="Sidebar widget footer" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="0" css_components="text,background,border,padding,extra" addon_id="">
<value>{
"background-color": "transparent"
}</value>
</property>
<property property_name="uix_staffBarTab" group_name="headerNav" title="Staff tools bar tab" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="0" css_components="text,background,border,padding,extra" addon_id="">
<value>{
"color": "rgba(255,255,255,.7)",
"padding-top": "@xf-paddingSmall",
"padding-bottom": "@xf-paddingSmall",
"extra": "margin: 0;"
}</value>
</property>
<property property_name="uix_stickyNavigationStyle" group_name="headerNav" title="Navigation row (sticky)" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="0" css_components="text,background,border_radius,padding,extra" addon_id="">
<value>{
"background-color": "@xf-pageBg",
"extra": "border-radius: 0 !important;"
}</value>
</property>
<property property_name="uix_stickySectionLinkHeight" group_name="headerNav" title="Sticky sub navigation height" description="Sets the height for the sticky section links bar" property_type="value" value_type="unit" depends_on="" value_group="" display_order="2018" addon_id="">
<value>"35px"</value>
</property>
<property property_name="uix_stickyStaffBar" group_name="headerNav" title="Staff bar sticky" description="" property_type="value" value_type="boolean" depends_on="" value_group="" display_order="0" addon_id="">
<value>1</value>
</property>
<property property_name="uix_titlebarLocation" group_name="page" title="Titlebar location" description="Sets where the titlebar should appear in the page" property_type="value" value_type="select" depends_on="" value_group="" display_order="4200" addon_id="">
<value_parameters>aboveMainContainer=Default (above main container)
mainContainerTop= Top of main container
aboveMainContent=Above main content
mainContentTop=Top of main content
header=Bottom of header
belowHeader=Below header</value_parameters>
<value>"mainContentTop"</value>
</property>
<property property_name="uix_topBreadcrumbLocation" group_name="uix_breadcrumb" title="Top breadcrumb location" description="" property_type="value" value_type="select" depends_on="" value_group="" display_order="100" addon_id="">
<value_parameters>aboveMainContainer=Default (above main container)
mainContainerTop= Top of main container
aboveMainContent=Above main content
mainContentTop=Top of main content
header=Bottom of header</value_parameters>
<value>"mainContainerTop"</value>
</property>
<property property_name="uix_userTabsPosition" group_name="headerNav" title="User tabs position" description="" property_type="value" value_type="select" depends_on="" value_group="" display_order="2085" addon_id="">
<value_parameters>staffBar=Staff bar
navigation=Navigation
tablinks=Tablinks</value_parameters>
<value>"staffBar"</value>
</property>
<property property_name="uix_viewportRemoveVisitorTabsText" group_name="headerNav" title="Viewport width to remove visitor tab text" description="Sets the minimum viewport width to display the conversations, alert and username text." property_type="value" value_type="unit" depends_on="uix_removeVisitorTabsText" value_group="" display_order="2120" addon_id="">
<value>"1000000px"</value>
</property>
<property property_name="uix_welcomeSectionIcon__style" group_name="uix_welcomeSection" title="Welcome section icon" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="50" css_components="text,padding,extra" addon_id="">
<value>{
"font-size": "48px",
"color": "@xf-textColorMuted",
"padding-right": "@xf-paddingLarge"
}</value>
</property>
<property property_name="uix_welcomeSectionInner" group_name="uix_welcomeSection" title="Welcome section inner" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="10" css_components="text,background,border,padding,extra" addon_id="">
<value>{
"padding": "@xf-elementSpacer",
"extra": "display: flex;\nalign-items: center;"
}</value>
</property>
<property property_name="uix_welcomeSectionText__style" group_name="uix_welcomeSection" title="Welcome section text" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="40" css_components="text,padding,extra" addon_id="">
<value>{
"font-size": "16px",
"color": "@xf-textColorDimmed",
"padding-top": "@xf-paddingSmall",
"padding-bottom": "@xf-paddingLarge"
}</value>
</property>
<property property_name="uix_welcomeSection__icon" group_name="uix_welcomeSection" title="Welcome section icon" description="Enter the class name for an icon of an icon font" property_type="value" value_type="string" depends_on="" value_group="" display_order="1400" addon_id="">
<value>"mdi mdi-information"</value>
</property>
<property property_name="uix_welcomeSection__style" group_name="uix_welcomeSection" title="Welcome section container" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="0" css_components="background,border,border_radius,padding,extra" addon_id="">
<value>{
"background-color": "@xf-contentBg",
"border-radius": "@xf-borderRadiusMedium",
"extra": "margin-bottom: @xf-elementSpacer;\nbackground-size: cover;\nbackground-position: center;"
}</value>
</property>
</properties>
</style>