<?xml version="1.0" encoding="utf-8"?>
<style title="Ryzer Dark" description="" user_selectable="1" base_version_id="2020870" export_version="2">
<assets>
<asset key="xentr" path="styles/xentr/ryzer"/>
</assets>
<templates>
<template title="PAGE_CONTAINER" type="public" addon_id="XF" version_id="2020870" version_string="2.2.8"><![CDATA[<!DOCTYPE html>
<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}"
data-csrf="{{ csrf_token()|escape('js') }}"
class="has-no-js {{ $template ? 'template-' . $template : '' }}"
{{ $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:set var="$siteName" value="{$xf.options.boardTitle}" />
<xf:set var="$h1"><xf:h1 fallback="{$siteName}" /></xf:set>
<xf:set var="$description"><xf:description /></xf:set>
<title><xf:title formatter="%s | %s" fallback="{$xf.options.boardTitle}" page="{$pageNumber}" /></title>
<link rel="manifest" href="{{ base_url('webmanifest.php') }}">
<xf:if is="property('metaThemeColor')">
<meta name="theme-color" content="{{ parse_less_color(property('metaThemeColor')) }}" />
</xf:if>
<meta name="apple-mobile-web-app-title" content="{{ $xf.options.boardShortTitle ?: $xf.options.boardTitle }}">
<xf:if is="property('publicIconUrl')">
<link rel="apple-touch-icon" href="{{ base_url(property('publicIconUrl', true)) }}">
<xf:elseif is="property('publicMetadataLogoUrl')" />
<link rel="apple-touch-icon" href="{{ base_url(property('publicMetadataLogoUrl')) }}" />
</xf:if>
<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: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('xtr_googleFonts')">
<link href='//fonts.googleapis.com/css?family={{ property('xtr_googleFonts') }}' rel='stylesheet' type='text/css'>
</xf:if>
<xf:include template="google_analytics" />
<xf:css src="xentr_base.less" />
</head>
<body data-template="{$template}">
<xf:if is="{{ property('xentr_bg_chooser') }} && {{ property('xentr_preloader') }}">
<div id="preloader"></div>
</xf:if>
<div class="p-pageWrapper" id="top">
<xf:if contentcheck="true">
<div class="p-staffBar">
<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}">
<i class="fas fa-user-lock"></i> {{ 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:')|for_attr . ' ' . date_time($xf.session.reportCounts.lastBuilt) : '' }}">
<i class="fas fa-bug"></i> {{ phrase('reports') }}
</a>
</xf:if>
<xf:if contentcheck="true">
<a class="p-staffBar-link menuTrigger" data-xf-click="menu" data-xf-key="alt+m" role="button" tabindex="0" aria-expanded="false" aria-haspopup="true"><i class="fas fa-user-shield"></i> {{ phrase('moderator') }}</a>
<div class="menu" data-menu="menu" aria-hidden="true">
<div class="menu-content">
<h4 class="menu-header"><i class="fas fa-tools"></i> {{ 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"><i class="fas fa-user-lock"></i> {{ 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 ? phrase('last_report_update:')|for_attr . ' ' . date_time($xf.session.reportCounts.lastBuilt) : '' }}"><i class="fas fa-bug"></i> {{ 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"><i class="fas fa-user-cog"></i> {{ phrase('admin') }}</a>
</xf:if>
<xf:if is="property('xentr_visitormenu_position') == 'staffBar'">
</div><xf:macro name="visitormenu" arg-searchConstraints="{$searchConstraints}" arg-navTree="{$navTree}" /><div>
</xf:if>
</xf:contentcheck>
</div>
</div>
</div>
</xf:if>
<xf:set var="$srcset">{{ property('publicLogoUrl2x') ? base_url(property('publicLogoUrl2x')) . ' 2x' : '' }}</xf:set>
<header class="p-header gradient" id="header">
<xf:if is="{{ property('xentr_navigation_position') }} == 'default' && {$xf.options.xtr_enable_canvas_effect} == 'yes'">
<div id="particles-js"></div>
</xf:if>
<div class="p-header-inner">
<div class="p-header-content">
<div class="p-header-logo p-header-logo--image">
<a href="{{ ($xf.options.logoLink && $xf.homePageUrl) ? $xf.homePageUrl : link('index') }}">
<img src="{{ base_url(property('publicLogoUrl')) }}" srcset="{$srcset}" alt="{$xf.options.boardTitle}"
width="{{ property('publicLogoWidth') ?: '' }}" height="{{ property('publicLogoHeight') ?: '' }}" />
</a>
</div>
<xf:if is="property('xentr_visitormenu_position') == 'navigation'">
<xf:macro template="xtr_search_macro" name="searchbox_macro" arg-searchConstraints="{$searchConstraints}" />
</xf:if>
<xf:if is="property('xentr_visitormenu_position') == 'header'">
<xf:macro name="visitormenu" arg-searchConstraints="{$searchConstraints}" arg-navTree="{$navTree}" />
</xf:if>
<xf:ad position="container_header" />
</div>
</div>
</header>
<xf:set var="$navHtml">
<nav class="p-nav gradient">
<div class="p-nav-inner">
<a class="p-nav-menuTrigger" 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>
<div class="p-nav-smallLogo">
<a href="{{ ($xf.options.logoLink && $xf.homePageUrl) ? $xf.homePageUrl : link('index') }}">
<img src="{{ base_url(property('publicLogoUrl')) }}" srcset="{$srcset}" alt="{$xf.options.boardTitle}"
width="{{ property('publicLogoWidth') ?: '' }}" height="{{ property('publicLogoHeight') ?: '' }}" />
</a>
</div>
<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>
<div class="p-nav-opposite">
<div class="p-navgroup p-account {{ $xf.visitor.user_id ? 'p-navgroup--member' : 'p-navgroup--guest' }}">
<xf:if is="$xf.visitor.user_id">
<xf:if is="$xf.visitor.user_state == 'rejected' OR $xf.visitor.user_state == 'disabled'">
<a href="{{ link('account') }}"
class="p-navgroup-link p-navgroup-link--iconic p-navgroup-link--user">
<xf:avatar user="$xf.visitor" size="xxs" href="" title="" />
<span class="p-navgroup-user-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 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"
title="{$xf.visitor.username}"
aria-expanded="false"
aria-haspopup="true">
<xf:avatar user="$xf.visitor" size="xxs" href="" title="" />
<span class="p-navgroup-user-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 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"
title="{{ phrase('conversations')|for_attr }}"
aria-label="{{ phrase('conversations')|for_attr }}"
aria-expanded="false"
aria-haspopup="true">
<i aria-hidden="true"></i>
<span class="p-navgroup-linkText">{{ phrase('nav_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">
<div class="menu-footer-main">
<ul class="listInline listInline--bullet">
<li><a href="{{ link('conversations') }}">{{ phrase('show_all') }}</a></li>
<xf:if is="$xf.visitor.canStartConversation()">
<li><a href="{{ link('conversations/add') }}">{{ phrase('start_new_conversation') }}</a></li>
</xf:if>
</ul>
</div>
</div>
</div>
</div>
<a href="{{ link('account/alerts') }}"
class="p-navgroup-link p-navgroup-link--iconic p-navgroup-link--alerts js-badge--alerts badgeContainer{{ $xf.visitor.alerts_unviewed ? ' badgeContainer--highlighted' : '' }}"
data-badge="{$xf.visitor.alerts_unviewed|number}"
data-xf-click="menu"
data-xf-key="{{ phrase('shortcut.alerts_menu')|for_attr }}"
data-menu-pos-ref="< .p-navgroup"
title="{{ phrase('alerts')|for_attr }}"
aria-label="{{ phrase('alerts')|for_attr }}"
aria-expanded="false"
aria-haspopup="true">
<i aria-hidden="true"></i>
<span class="p-navgroup-linkText">{{ phrase('nav_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">
<div class="menu-footer-main">
<ul class="listInline listInline--bullet">
<li><a href="{{ link('account/alerts') }}">{{ phrase('show_all') }}</a></li>
<li><a href="{{ link('account/alerts/mark-read') }}" class="js-alertsMarkRead">{{ phrase('mark_read') }}</a></li>
<li><a href="{{ link('account/preferences') }}">{{ phrase('preferences') }}</a></li>
</ul>
</div>
</div>
</div>
</div>
</xf:if>
<xf:else />
<a href="{{ link('login') }}" class="p-navgroup-link p-navgroup-link--textual p-navgroup-link--logIn"
data-xf-click="overlay" data-follow-redirects="on">
<span class="p-navgroup-linkText">{{ phrase('log_in') }}</span>
</a>
<xf:if is="$xf.options.registrationSetup.enabled">
<a href="{{ link('register') }}" class="p-navgroup-link p-navgroup-link--textual p-navgroup-link--register"
data-xf-click="overlay" data-follow-redirects="on">
<span class="p-navgroup-linkText">{{ phrase('register') }}</span>
</a>
</xf:if>
</xf:if>
<xf:if is="property('xentr_bg_chooser')">
<a href="#"class="p-navgroup-link p-navgroup-link--iconic p-navgroup-link--bgchooser bgPicker"
data-xf-init="tooltip" title="{{ phrase('style_chooser')|for_attr }}" rel="nofollow">
<xf:fa icon="fa-paint-brush" />
</a>
</xf:if>
</div>
<div class="p-navgroup p-discovery{{ !$xf.visitor.canSearch() ? ' p-discovery--noSearch' : '' }}">
<a href="{{ link('whats-new') }}"
class="p-navgroup-link p-navgroup-link--iconic p-navgroup-link--whatsnew"
aria-label="{{ phrase('whats_new')|for_attr }}"
title="{{ phrase('whats_new')|for_attr }}">
<i aria-hidden="true"></i>
<span class="p-navgroup-linkText">{{ phrase('whats_new') }}</span>
</a>
<xf:if is="property('xentr_visitormenu_position') == 'header'">
<xf:macro template="xtr_search_macro" name="searchbox_macro" arg-searchConstraints="{$searchConstraints}" />
</xf:if>
<xf:if is="property('xentr_visitormenu_position') == 'staffBar'">
<xf:macro template="xtr_search_macro" name="searchbox_macro" arg-searchConstraints="{$searchConstraints}" />
</xf:if>
<xf:if is="$xf.visitor.canSearch()">
<a href="{{ link('search') }}"
class="p-navgroup-link p-navgroup-link--iconic p-navgroup-link--search"
data-xf-click="menu"
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 }}">
<i aria-hidden="true"></i>
<span class="p-navgroup-linkText">{{ phrase('search') }}</span>
</a>
<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"
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"
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]">
<xf:label>
{{ phrase('search_titles_only') }}
<xf:if is="$xf.options.enableTagging">
<span tabindex="0" role="button"
data-xf-init="tooltip" data-trigger="hover focus click" title="{{ phrase('tags_will_also_be_searched') }}">
<xf:fa icon="far fa-question-circle" class="u-muted u-smaller" />
</span>
</xf:if>
</xf:label>
</xf:option>
</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 type="text" 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>
</xf:if>
</div>
</div>
</div>
</nav>
</xf:set>
<xf:if is="!property('xtr_hide_sub_nav')">
<xf:set var="$subNavHtml">
<xf:if is="$selectedNavChildren is not empty">
<div class="p-sectionLinks gradient">
<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>
</div>
<xf:elseif is="{$selectedNavEntry}" />
<div class="p-sectionLinks p-sectionLinks--empty"></div>
</xf:if>
</xf:set>
</xf:if>
<xf:if is="property('publicNavSticky') == 'primary'">
<div class="p-navSticky p-navSticky--primary" data-xf-init="sticky-header">
{$navHtml|raw}
<xf:if is="{$xf.options.xentr_progress_bar}"><div class="xtr-progress-bar"></div></xf:if>
</div>
{$subNavHtml|raw}
<xf:elseif is="property('publicNavSticky') == 'all'" />
<div class="p-navSticky p-navSticky--all" data-xf-init="sticky-header">
{$navHtml|raw}
{$subNavHtml|raw}
<xf:if is="{$xf.options.xentr_progress_bar}"><div class="xtr-progress-bar"></div></xf:if>
</div>
<xf:else />
{$navHtml|raw}
{$subNavHtml|raw}
<xf:if is="{$xf.options.xentr_progress_bar}"><div class="xtr-progress-bar"></div></xf:if>
</xf:if>
<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 class="offCanvasMenu-installBanner js-installPromptContainer" style="display: none;" data-xf-init="install-prompt">
<div class="offCanvasMenu-installBanner-header">{{ phrase('install_app') }}</div>
<xf:button class="js-installPromptButton">{{ phrase('install') }}</xf:button>
</div>
</div>
</div>
<xf:if is="{{ property('xentr_navigation_position') }} == 'default' && {{ !property('xentr_enable_top_section') }} == '1'">
<xf:if is="{{ property('xentr_enable_top_section') }} && ( ( $template == 'forum_list' && !{{ property('xentr_top_section_area_all_pages') }}) || {{ property('xentr_top_section_area_all_pages') }})">
<xf:include template="xentr_top_section" />
</xf:if>
<xf:elseif is="{{ property('xentr_navigation_position') }} == 'nextLogo' && {{ property('xentr_enable_top_section') }} == '1'" />
<xf:if is="{{ property('xentr_enable_top_section') }} && ( ( $template == 'forum_list' && !{{ property('xentr_top_section_area_all_pages') }}) || {{ property('xentr_top_section_area_all_pages') }})">
<xf:include template="xentr_top_section" />
</xf:if>
</xf:if>
<xf:if is="{$xf.options.xentr_news_ticker_enable} && {$xf.options.xentr_news_ticker_custom_position}">
<xf:widget key="xtr_newsTicker" />
</xf:if>
<div class="p-body">
<div class="p-body-inner">
<!--XF:EXTRA_OUTPUT-->
<xf:if is="property('xentr_bg_chooser')">
<xf:include template="xentr_bg_chooser" />
</xf:if>
<!--XENTR:QUICK_TOUCH-->
<xf:if is="{{ property('xentr_enableQuickTouch') }} && ( ( $template == 'forum_list' && !{{ property('xentr_quickTouchShowAllPages') }}) || {{ property('xentr_quickTouchShowAllPages') }})">
<xf:include template="xentr_quick_touch" />
</xf:if>
<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:ad position="container_breadcrumb_top_above" />
<xf:if is="{{ property('xentr_statistics_enabled') }} && {{ property('xentr_statistics_location') }} == 'container_breadcrumb_top_above' && ( ( $template == 'forum_list' && !{{ property('xentr_statistics_all_page') }}) || {{ property('xentr_statistics_all_page') }})">
<xf:include template="xentr_forum_statistics" />
</xf:if>
<xf:if is="{{ property('xentr_navigation_position') }} == 'nextLogo' && !{{ property('xentr_enable_top_section') }} == '1' && ( ( $template == 'forum_list' && !{{ property('xentr_top_section_area_all_pages') }}) || {{ property('xentr_top_section_area_all_pages') }})">
<div class='breadcrumb-content'>
<xf:macro name="breadcrumbs"
arg-breadcrumbs="{$breadcrumbs}"
arg-navTree="{$navTree}"
arg-selectedNavEntry="{$selectedNavEntry}" />
</div>
<xf:elseif is="{{ property('xentr_navigation_position') }} == 'default'" />
<div class='breadcrumb-content'>
<xf:macro name="breadcrumbs"
arg-breadcrumbs="{$breadcrumbs}"
arg-navTree="{$navTree}"
arg-selectedNavEntry="{$selectedNavEntry}" />
</div>
</xf:if>
<xf:ad position="container_breadcrumb_top_below" />
<xf:if is="{{ property('xentr_statistics_enabled') }} && {{ property('xentr_statistics_location') }} == 'container_breadcrumb_top_below' && ( ( $template == 'forum_list' && !{{ property('xentr_statistics_all_page') }}) || {{ property('xentr_statistics_all_page') }})">
<xf:include template="xentr_forum_statistics" />
</xf:if>
<xf:macro template="browser_warning_macros" name="javascript" />
<xf:macro template="browser_warning_macros" name="browser" />
<xf:if is="$headerHtml is not empty">
<div class="p-body-header">
{$headerHtml|raw}
</div>
<xf:elseif contentcheck="true" />
<div class="p-body-header">
<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:if contentcheck="true">
<div class="p-title-pageAction"><xf:contentcheck><xf:pageaction /></xf:contentcheck><xf:if is="$sidebar"><xf:if is="property('xentr_collapsibleSidebar') && !property('xentr_sidebarDisable') && $sidebar"><span id="collapse-side" class="button collapseTrigger collapseTrigger--block {{ !is_toggled('_sidebarCollapse') ? ' is-active' : '' }}" data-xf-click="toggle" data-xf-init="toggle-storage" data-storage-type="cookie" data-target=".p-body-main--withSidebar" data-storage-key="_sidebarCollapse"></span></xf:if></xf:if></div>
</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>
<div class="p-body-main {{ $sidebar ? 'p-body-main--withSidebar' : '' }} {{ $sideNav ? 'p-body-main--withSideNav' : '' }}">
<xf:if is="$sideNav">
<div class="p-body-sideNavCol"></div>
</xf:if>
<div class="p-body-contentCol"></div>
<xf:if is="$sidebar">
<div class="p-body-sidebarCol"></div>
</xf:if>
<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" data-ocm-class="offCanvasMenu offCanvasMenu--blocks" id="js-SideNavOcm" data-ocm-builder="sideNav">
<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>
</xf:if>
<div class="p-body-content">
<xf:if is="{{ property('xentr_statistics_enabled') }} && {{ property('xentr_statistics_location') }} == 'container_content_above' && ( ( $template == 'forum_list' && !{{ property('xentr_statistics_all_page') }}) || {{ property('xentr_statistics_all_page') }})">
<xf:include template="xentr_forum_statistics" />
</xf:if>
<xf:ad position="container_content_above" />
<div class="p-body-pageContent">{$content|raw}</div>
<xf:ad position="container_content_below" />
<xf:if is="{{ property('xentr_statistics_enabled') }} && {{ property('xentr_statistics_location') }} == 'container_content_below' && ( ( $template == 'forum_list' && !{{ property('xentr_statistics_all_page') }}) || {{ property('xentr_statistics_all_page') }})">
<xf:include template="xentr_forum_statistics" />
</xf:if>
</div>
<xf:if is="$sidebar">
<div class="p-body-sidebar">
<xf:if is="{$xf.options.xentr_visitor_card_enabled}">
<xf:include template="xentr_sidebar_visitor_card" />
</xf:if>
<xf:ad position="container_sidebar_above" />
<xf:foreach loop="$sidebar" value="$sidebarHtml">
{$sidebarHtml}
</xf:foreach>
<xf:ad position="container_sidebar_below" />
</div>
</xf:if>
</div>
<xf:if is="{{ property('xentr_statistics_enabled') }} && {{ property('xentr_statistics_location') }} == 'container_breadcrumb_bottom_above' && ( ( $template == 'forum_list' && !{{ property('xentr_statistics_all_page') }}) || {{ property('xentr_statistics_all_page') }})">
<xf:include template="xentr_forum_statistics" />
</xf:if>
<xf:ad position="container_breadcrumb_bottom_above" />
<div class='breadcrumb-content'>
<xf:macro name="breadcrumbs"
arg-breadcrumbs="{$breadcrumbs}"
arg-navTree="{$navTree}"
arg-selectedNavEntry="{$selectedNavEntry}"
arg-variant="bottom" />
</div>
<xf:ad position="container_breadcrumb_bottom_below" />
<xf:if is="{{ property('xentr_statistics_enabled') }} && {{ property('xentr_statistics_location') }} == 'container_breadcrumb_bottom_below' && ( ( $template == 'forum_list' && !{{ property('xentr_statistics_all_page') }}) || {{ property('xentr_statistics_all_page') }})">
<xf:include template="xentr_forum_statistics" />
</xf:if>
<xf:if is="{$xf.options.xentr_enable_members_online} && ( ( $template == 'forum_list') )">
<div class="p-body-custom-content">
<xf:widget key="forum_overview_members_online" />
</div>
</xf:if>
</div>
</div>
<xf:if is="{{ property('xentr_footer_main') == 'footerAbove' }}">
<footer class="p-main-footer" id="footer">
<div class="p-footer-inner">
<div class="p-footer-row">
<xf:if contentcheck="true">
<div class="p-footer-row-main">
<ul class="p-footer-linkList">
<xf:contentcheck>
<xf:if is="$xf.visitor.canChangeStyle()">
<li><a href="{{ link('misc/style') }}" data-xf-click="overlay"
data-xf-init="tooltip" title="{{ phrase('style_chooser')|for_attr }}" rel="nofollow">
<xf:fa icon="fa-paint-brush" /> {$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')|for_attr }}" rel="nofollow">
<xf:fa icon="fa-globe" /> {$xf.language.title}</a></li>
</xf:if>
</xf:contentcheck>
</ul>
</div>
</xf:if>
<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}"><i class="fas fa-home"></i> {{ phrase('home') }}</a></li>
</xf:if>
<li><a href="{{ link('forums/index.rss', '-') }}" target="_blank" class="p-footer-rssLink" title="{{ phrase('rss')|for_attr }}"><span aria-hidden="true"><xf:fa icon="fa-rss" /><span class="u-srOnly">{{ phrase('rss') }}</span></span></a></li>
</ul>
</div>
</div>
</div>
</footer>
</xf:if>
<xf:if is="property('xtr_enable_extra_footer')">
<xf:include template="xentr_footer" />
</xf:if>
<footer class="p-footer" id="footer">
<div class="p-footer-inner">
<xf:if is="{{ property('xentr_footer_main') == 'footerBelow' }}">
<div class="p-footer-row">
<xf:if contentcheck="true">
<div class="p-footer-row-main">
<ul class="p-footer-linkList">
<xf:contentcheck>
<xf:if is="$xf.visitor.canChangeStyle()">
<li><a href="{{ link('misc/style') }}" data-xf-click="overlay"
data-xf-init="tooltip" title="{{ phrase('style_chooser')|for_attr }}" rel="nofollow">
<xf:fa icon="fa-paint-brush" /> {$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')|for_attr }}" rel="nofollow">
<xf:fa icon="fa-globe" /> {$xf.language.title}</a></li>
</xf:if>
</xf:contentcheck>
</ul>
</div>
</xf:if>
<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>
<li><a href="/faqs">{{ phrase('faq') }}</a></li>
<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}"><i class="fas fa-home"></i> {{ phrase('home') }}</a></li>
</xf:if>
<li><a href="{{ link('forums/index.rss', '-') }}" target="_blank" class="p-footer-rssLink" title="{{ phrase('rss')|for_attr }}"><span aria-hidden="true"><xf:fa icon="fa-rss" /><span class="u-srOnly">{{ phrase('rss') }}</span></span></a></li>
</ul>
</div>
</div>
</xf:if>
<xf:if contentcheck="true">
<div class="p-footer-copyright">
<xf:contentcheck>
<xf:copyright />
{{ 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>
</footer>
</div> <!-- closing p-pageWrapper -->
<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: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"><xf:fa icon="fa-arrow-up" /><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"><xf:fa icon="fa-arrow-down" /><span class="u-srOnly">{{ phrase('bottom') }}</span></xf:button>
</xf:if>
</div>
</xf:if>
<xf:macro template="helper_js_global" name="body" arg-app="public" arg-jsState="{$jsState}" />
<xf:if is="property('xentr_bg_chooser')">
<xf:include template="xentr_bg_chooser_js" />
<xf:js>
$(window).on('load', function() { // makes sure the whole site is loaded
$('#preloader').delay({{ property('xentr_pre_loader_speed') }}).fadeOut('{{ property('xentr_pre_loader_effect') }}'); // will fade out the white DIV that covers the website.
$('body').delay({{ property('xentr_pre_loader_speed') }}).css({'overflow':'visible'});
})
</xf:js>
</xf:if>
<xf:if is="{$xf.options.xentr_progress_bar}">
<xf:js>
$(document).ready(function() {
$(window).scroll(function() {
var s = $(window).scrollTop(),
d = $(document).height(),
c = $(window).height();
scrollPercent = (s / (d - c)) * 100;
var position = scrollPercent.toFixed(2);
$(".xtr-progress-bar").width(position + '%').height({$xf.options.xentr_progress_bar_height});
});
});
</xf:js>
</xf:if>
<xf:if is="{{ property('xentr_navigation_position') }} == 'nextLogo' && {$xf.options.xtr_enable_canvas_effect} == 'yes' && {{ property('xentr_enable_top_section') }} == '1' && ( ( $template == 'forum_list' && !{{ property('xentr_top_section_area_all_pages') }}) || {{ property('xentr_top_section_area_all_pages') }})">
<script src="{{ js_url('xtr/ryzer/particles.min.js') }}"></script>
<xf:include template="xentr_particles_js" />
</xf:if>
<xf:if is="{{ property('xentr_navigation_position') }} == 'default' && {$xf.options.xtr_enable_canvas_effect} == 'yes' && {{ property('xentr_enable_top_section') }} == '1' && ( ( $template == 'forum_list' && !{{ property('xentr_top_section_area_all_pages') }}) || {{ property('xentr_top_section_area_all_pages') }})">
<script src="{{ js_url('xtr/ryzer/particles.min.js') }}"></script>
<xf:include template="xentr_particles_js" />
</xf:if>
<xf:if is="{$xf.options.xentr_news_ticker_enable}">
<xf:include template="xentr_new_ticker_js" />
<script>
$(function(){
$("ul#xtr-live-ticker").liScroll({travelocity: 0.{$xf.options.xentr_new_ticker_speed}});
});
</script>
</xf:if>
<xf:if is="{$xf.options.xentr_typed_search}">
<script src="{{ js_url('xtr/ryzer/typed.min.js') }}"></script>
<xf:include template="xentr_typed_js" />
</xf:if>
<xf:if is="count($xf.reactionsActive) > 1 AND $xf.visitor.user_id">
<script type="text/template" id="xfReactTooltipTemplate">
<div class="tooltip-content-inner">
<div class="reactTooltip">
<xf:foreach loop="$xf.reactionsActive" key="$reactionId" value="$reaction">
<xf:reaction id="{$reactionId}" tooltip="true" />
</xf:foreach>
</div>
</div>
</script>
</xf:if>
{$ldJsonHtml|raw}
</body>
</html>
<xf:macro name="nav_entry" arg-navId="!" arg-nav="!" arg-selected="{{ false }}" arg-shortcut="">
<div class="p-navEl {{ $selected ? 'is-selected' : '' }}" {{ $nav.children ? 'data-has-children="true"' : '' }}>
<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"
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}"
data-xf-click="menu"
data-menu-pos-ref="< .p-navEl"
class="p-navEl-linkHolder"
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">
<div class="menu menu--structural" data-menu="menu" aria-hidden="true">
<div class="menu-content">
<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>
</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="{{ trim($class) }} {$nav.attributes.class}"
{{ attributes($nav.attributes, ['class']) }}
{{ $shortcut !== false ? 'data-xf-key="' . $shortcut . '"' : '' }}
data-nav-id="{$navId}"><xf:if is="$nav.icon"><xf:fa icon="{$nav.icon}" /> </xf:if>{{ $titleHtml ? $titleHtml|raw : $nav.title }}<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>
<xf:macro name="breadcrumbs" arg-breadcrumbs="!" arg-navTree="!" arg-selectedNavEntry="{{ null }}" arg-variant="">
<xf:if contentcheck="true">
<ul class="p-breadcrumbs {{ $variant ? 'p-breadcrumbs--' . $variant : '' }}"
itemscope itemtype="https://schema.org/BreadcrumbList">
<xf:contentcheck>
<xf:set var="$position" value="{{ 0 }}" />
<xf:set var="$rootBreadcrumb" value="{$navTree.{$xf.options.rootBreadcrumb}}" />
<xf:if is="$rootBreadcrumb AND $rootBreadcrumb.href != $xf.uri AND $rootBreadcrumb.href != $xf.fullUri">
<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 AND $selectedNavEntry.href AND $selectedNavEntry.href != $xf.uri AND $selectedNavEntry.href != $xf.fullUri AND $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 AND $breadcrumb.href != $xf.fullUri">
<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:contentcheck>
</ul>
</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">
<span itemprop="name">{$value}</span>
</a>
<xf:if is="$position"><meta itemprop="position" content="{$position}" /></xf:if>
</li>
</xf:macro>
<xf:macro name="visitormenu" arg-searchConstraints="!" arg-navTree="!">
<div class="p-nav-opposite">
<div class="p-navgroup p-account {{ $xf.visitor.user_id ? 'p-navgroup--member' : 'p-navgroup--guest' }}">
<xf:if is="$xf.visitor.user_id">
<xf:if is="$xf.visitor.user_state == 'rejected' OR $xf.visitor.user_state == 'disabled'">
<a href="{{ link('account') }}"
class="p-navgroup-link p-navgroup-link--iconic p-navgroup-link--user">
<xf:avatar user="$xf.visitor" size="xxs" href="" title="" />
<span class="p-navgroup-user-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 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"
title="{$xf.visitor.username}"
aria-expanded="false"
aria-haspopup="true">
<xf:avatar user="$xf.visitor" size="xxs" href="" title="" />
<span class="p-navgroup-user-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 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"
title="{{ phrase('conversations')|for_attr }}"
aria-label="{{ phrase('conversations')|for_attr }}"
aria-expanded="false"
aria-haspopup="true">
<i aria-hidden="true"></i>
<span class="p-navgroup-linkText">{{ phrase('nav_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">
<div class="menu-footer-main">
<ul class="listInline listInline--bullet">
<li><a href="{{ link('conversations') }}">{{ phrase('show_all') }}</a></li>
<xf:if is="$xf.visitor.canStartConversation()">
<li><a href="{{ link('conversations/add') }}">{{ phrase('start_new_conversation') }}</a></li>
</xf:if>
</ul>
</div>
</div>
</div>
</div>
<a href="{{ link('account/alerts') }}"
class="p-navgroup-link p-navgroup-link--iconic p-navgroup-link--alerts js-badge--alerts badgeContainer{{ $xf.visitor.alerts_unviewed ? ' badgeContainer--highlighted' : '' }}"
data-badge="{$xf.visitor.alerts_unviewed|number}"
data-xf-click="menu"
data-xf-key="{{ phrase('shortcut.alerts_menu')|for_attr }}"
data-menu-pos-ref="< .p-navgroup"
title="{{ phrase('alerts')|for_attr }}"
aria-label="{{ phrase('alerts')|for_attr }}"
aria-expanded="false"
aria-haspopup="true">
<i aria-hidden="true"></i>
<span class="p-navgroup-linkText">{{ phrase('nav_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">
<div class="menu-footer-main">
<ul class="listInline listInline--bullet">
<li><a href="{{ link('account/alerts') }}">{{ phrase('show_all') }}</a></li>
<li><a href="{{ link('account/alerts/mark-read') }}" class="js-alertsMarkRead">{{ phrase('mark_read') }}</a></li>
<li><a href="{{ link('account/preferences') }}">{{ phrase('preferences') }}</a></li>
</ul>
</div>
</div>
</div>
</div>
</xf:if>
<xf:else />
<a href="{{ link('login') }}" class="p-navgroup-link p-navgroup-link--textual p-navgroup-link--logIn"
data-xf-click="overlay" data-follow-redirects="on">
<span class="p-navgroup-linkText">{{ phrase('log_in') }}</span>
</a>
<xf:if is="$xf.options.registrationSetup.enabled">
<a href="{{ link('register') }}" class="p-navgroup-link p-navgroup-link--textual p-navgroup-link--register"
data-xf-click="overlay" data-follow-redirects="on">
<span class="p-navgroup-linkText">{{ phrase('register') }}</span>
</a>
</xf:if>
</xf:if>
<xf:if is="property('xentr_bg_chooser')">
<a href="#"class="p-navgroup-link p-navgroup-link--iconic p-navgroup-link--bgchooser bgPicker"
data-xf-init="tooltip" title="{{ phrase('style_chooser')|for_attr }}" rel="nofollow">
<xf:fa icon="fa-paint-brush" />
</a>
</xf:if>
</div>
<div class="p-navgroup p-discovery{{ !$xf.visitor.canSearch() ? ' p-discovery--noSearch' : '' }}">
<a href="{{ link('whats-new') }}"
class="p-navgroup-link p-navgroup-link--iconic p-navgroup-link--whatsnew"
aria-label="{{ phrase('whats_new')|for_attr }}"
title="{{ phrase('whats_new')|for_attr }}">
<i aria-hidden="true"></i>
<span class="p-navgroup-linkText">{{ phrase('whats_new') }}</span>
</a>
<xf:if is="$xf.visitor.canSearch()">
<a href="{{ link('search') }}"
class="p-navgroup-link p-navgroup-link--iconic p-navgroup-link--search"
data-xf-click="menu"
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 }}">
<i aria-hidden="true"></i>
<span class="p-navgroup-linkText">{{ phrase('search') }}</span>
</a>
<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"
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"
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]">
<xf:label>
{{ phrase('search_titles_only') }}
<xf:if is="$xf.options.enableTagging">
<span tabindex="0" role="button"
data-xf-init="tooltip" data-trigger="hover focus click" title="{{ phrase('tags_will_also_be_searched') }}">
<xf:fa icon="far fa-question-circle" class="u-muted u-smaller" />
</span>
</xf:if>
</xf:label>
</xf:option>
</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 type="text" 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>
</xf:if>
</div>
</div>
</xf:macro>]]></template>
<template title="app.less" type="public" addon_id="XF" version_id="2020670" version_string="2.2.6"><![CDATA[@_nav-elTransitionSpeed: @xf-animationSpeed;
@_navAccount-hPadding: @xf-paddingLarge;
.u-anchorTarget
{
.m-stickyHeaderConfig(@xf-publicNavSticky);
height: (@_stickyHeader-height + @_stickyHeader-offset);
margin-top: -(@_stickyHeader-height + @_stickyHeader-offset);
}
@supports (scroll-padding-top: 10px)
{
html:not(.has-browser-safari)
{
.m-stickyHeaderConfig(@xf-publicNavSticky);
scroll-padding-top: (@_stickyHeader-height + @_stickyHeader-offset);
}
html:not(.has-browser-safari) .u-anchorTarget
{
height: 0;
margin-top: 0;
}
}
.p-pageWrapper
{
position: relative;
display: flex;
flex-direction: column;
min-height: 100vh;
.xf-pageBackground();
.is-modalOverlayOpen &
{
& when (unit(xf-default(@xf-overlayMaskBlur, 0)) > 0)
{
filter: blur(@xf-overlayMaskBlur);
}
}
}
// RESPONSIVE HEADER
.p-offCanvasAccountLink
{
display: none;
}
@media (max-width: 359px)
{
.p-offCanvasAccountLink, .p-offCanvasRegisterLink
{
display: block;
}
}
{{ include('app_staffbar.less') }}
{{ include('app_header.less') }}
{{ include('app_stickynav.less') }}
{{ include('app_nav.less') }}
{{ include('app_sectionlinks.less') }}
{{ include('app_body.less') }}
{{ include('app_breadcrumbs.less') }}
{{ include('app_title.less') }}
{{ include('app_footer.less') }}
{{ include('app_inlinemod.less') }}
{{ include('app_ignored.less') }}
{{ include('app_username_styles.less') }}
{{ include('app_user_banners.less') }}
{{ include('app_alerts.less') }}
{{ include('app_content_vote.less') }}
{{ include('xentr_theme.less') }}]]></template>
<template title="message_macros" type="public" addon_id="XF" version_id="2020870" version_string="2.2.8"><![CDATA[<xf:macro name="user_info"
arg-user="!"
arg-fallbackName="">
<section itemscope itemtype="https://schema.org/Person" class="message-user">
<div class="message-avatar {{ ($xf.options.showMessageOnlineStatus && $user && $user.isOnline()) ? 'message-avatar--online' : '' }}">
<div class="message-avatar-wrapper">
<xf:avatar user="$user" size="m" defaultname="{$fallbackName}" itemprop="image" />
<xf:if is="$xf.options.showMessageOnlineStatus && $user && $user.isOnline()">
<span class="message-avatar-online" tabindex="0" data-xf-init="tooltip" data-trigger="auto" title="{{ phrase('online_now')|for_attr }}"></span>
</xf:if>
</div>
</div>
<div class="xtr-message-container">
<div class="message-userDetails">
<h4 class="message-name"><xf:username user="$user" rich="true" defaultname="{$fallbackName}" itemprop="name" />
<xf:if is="$user.user_id AND $xf.visitor.canStartConversationWith($user)">
<a href="{{ link('conversations/add', '', {'to': $user.username}) }}" data-xf-click="{{'overlay'}}" class="xm-icon button--link"><i class="fas fa-envelope" aria-hidden="true" data-xf-init="tooltip" title="{{ phrase('start_conversation')}}"></i></a>
</xf:if>
</h4>
<xf:usertitle user="$user" tag="h5" class="message-userTitle" banner="true" itemprop="jobTitle" />
<xf:userbanners user="$user" tag="div" class="message-userBanner" itemprop="jobTitle" />
</div>
<xf:if is="$user.user_id">
<xf:set var="$extras" value="{{ property('messageUserElements') }}" />
<xf:if contentcheck="true">
<div class="message-userExtras <xf:if is="property('xentr_user_info_block_collapse') == 'yes'">message-userExtras-body message-userExtras--collapsible</xf:if>">
<xf:contentcheck>
<xf:if is="$extras.register_date">
<dl class="pairs pairs--justified">
<dt>{{ phrase('joined') }}</dt>
<dd>{{ date($user.register_date) }}</dd>
</dl>
</xf:if>
<xf:if is="$extras.message_count">
<dl class="pairs pairs--justified">
<dt>{{ phrase('messages') }}</dt>
<dd>{$user.message_count|number}</dd>
</dl>
</xf:if>
<xf:if is="$extras.solutions AND $user.question_solution_count">
<dl class="pairs pairs--justified">
<dt>{{ phrase('solutions') }}</dt>
<dd>{$user.question_solution_count|number}</dd>
</dl>
</xf:if>
<xf:if is="$extras.reaction_score">
<dl class="pairs pairs--justified">
<dt>{{ phrase('reaction_score') }}</dt>
<dd>{$user.reaction_score|number}</dd>
</dl>
</xf:if>
<xf:if is="$extras.trophy_points && $xf.options.enableTrophies">
<dl class="pairs pairs--justified">
<dt>{{ phrase('points') }}</dt>
<dd>{$user.trophy_points|number}</dd>
</dl>
</xf:if>
<xf:if is="$extras.age && $user.Profile.age">
<dl class="pairs pairs--justified">
<dt>{{ phrase('age') }}</dt>
<dd>{$user.Profile.age}</dd>
</dl>
</xf:if>
<xf:if is="$extras.location && $user.Profile.location">
<dl class="pairs pairs--justified">
<dt>{{ phrase('location') }}</dt>
<dd>
<xf:if is="$xf.options.geoLocationUrl">
<a href="{{ link('misc/location-info', '', {'location': $user.Profile.location}) }}" rel="nofollow noreferrer" target="_blank" class="u-concealed">{$user.Profile.location}</a>
<xf:else />
{$user.Profile.location}
</xf:if>
</dd>
</dl>
</xf:if>
<xf:if is="$extras.website && $user.Profile.website">
<dl class="pairs pairs--justified">
<dt>{{ phrase('website') }}</dt>
<dd><a href="{$user.Profile.website}" rel="nofollow" target="_blank">{$user.Profile.website|url('host', phrase('visit_site'))}</a></dd>
</dl>
</xf:if>
<xf:if is="$extras.custom_fields">
<xf:macro template="custom_fields_macros" name="custom_fields_values"
arg-type="users"
arg-group="personal"
arg-set="{$user.Profile.custom_fields}"
arg-additionalFilters="{{ ['message'] }}"
arg-valueClass="pairs pairs--justified" />
<xf:if is="$user.canViewIdentities()">
<xf:macro template="custom_fields_macros" name="custom_fields_view"
arg-type="users"
arg-group="contact"
arg-set="{$user.Profile.custom_fields}"
arg-additionalFilters="{{ ['message'] }}"
arg-valueClass="pairs pairs--justified" />
</xf:if>
</xf:if>
</xf:contentcheck>
</div>
</xf:if>
</xf:if>
</div>
<span class="message-userArrow"></span>
</section>
</xf:macro>
<xf:macro name="user_info_simple" arg-user="!" arg-fallbackName="">
<header itemscope itemtype="https://schema.org/Person" class="message-user">
<meta itemprop="name" content="{{ $user.username ?: $fallbackName }}">
<div class="message-avatar">
<div class="message-avatar-wrapper">
<xf:avatar user="$user" size="s" defaultname="{$fallbackName}" itemprop="image" />
</div>
</div>
<span class="message-userArrow"></span>
</header>
</xf:macro>
<xf:macro name="attachments" arg-attachments="!" arg-message="!" arg-canView="!">
<xf:if contentcheck="true">
<xf:css src="attachments.less" />
<section class="message-attachments">
<h4 class="block-textHeader">{{ phrase('attachments') }}</h4>
<ul class="attachmentList">
<xf:contentcheck>
<xf:foreach loop="$attachments" value="$attachment" if="!$message.isAttachmentEmbedded($attachment)">
<xf:macro template="attachment_macros" name="attachment_list_item"
arg-attachment="{$attachment}"
arg-canView="{$canView}" />
</xf:foreach>
</xf:contentcheck>
</ul>
</section>
</xf:if>
</xf:macro>
<xf:macro name="signature" arg-user="!">
<xf:if is="$xf.visitor.Option.content_show_signature AND $user.Profile.signature">
<xf:if contentcheck="true">
<aside class="message-signature">
<xf:contentcheck>
{{ bb_code($user.Profile.signature, 'user:signature', $user) }}
</xf:contentcheck>
</aside>
</xf:if>
</xf:if>
</xf:macro>]]></template>
<template title="node_list_category" type="public" addon_id="XF" version_id="2020670" version_string="2.2.6"><![CDATA[<xf:macro name="depth1" arg-node="!" arg-extras="!" arg-children="!" arg-childExtras="!" arg-depth="1">
<div class="block block--category block--category{$node.node_id}">
<span class="u-anchorTarget" id="{$node.Data.getCategoryAnchor()}"></span>
<div class="block-container block-box">
<h2 class="block-header">
<a href="{{ link('categories', $node) }}">{$node.title}</a>
<xf:if is="{$node.description}"><span class="block-desc">{$node.description|raw}</span></xf:if>
<xf:if is="property('xentr_collapse_nodes')">
<span id="collapse-{$node.node_id}" class="collapseTrigger collapseTrigger--block {{ !is_toggled('_node-' . $node.node_id) ? ' is-active' : '' }}" data-xf-click="toggle" data-xf-init="toggle-storage" data-storage-type="cookie" data-target=".block--category{$node.node_id} .block-body" data-storage-key="_node-{$node.node_id}"></span>
</xf:if>
</h2>
<div class="block-body block-body--collapsible {{ !is_toggled('_node-' . $node.node_id) ? ' is-active' : '' }}">
<xf:macro template="forum_list" name="node_list"
arg-children="{$children}"
arg-extras="{$childExtras}"
arg-depth="{{ $depth + 1 }}" />
</div>
<div class="node-extra-footer">
<div class="node-extra-content">
<div class="node-extra-content-left">
<div class="node-extra-footer-main">
<div class="node-extra-footer-title">{$node.title}</div>
<dl class="pairs pairs--inline">
<dt>{{ phrase('total_threads') }}</dt>
<dd>{$extras.discussion_count|number_short(1)}</dd>
</dl>
<dl class="pairs pairs--inline">
<dt>{{ phrase('total_messages') }}</dt>
<dd>{$extras.message_count|number_short(1)}</dd>
</dl>
</div>
</div>
<div class="node-extra-content-right">
<a href="#top" class="button--scroll" data-xf-click="scroll-to"><xf:fa icon="fa-arrow-up" data-xf-init="tooltip" title="{{ phrase('top') }}" /></a>
</div>
</div>
</div>
</div>
</div>
</xf:macro>
<xf:macro name="depth2" arg-node="!" arg-extras="!" arg-children="!" arg-childExtras="!" arg-depth="1">
<div class="node node--id{$node.node_id} node--depth{$depth} node--category {{ $extras.hasNew ? 'node--unread' : 'node--read' }}">
<div class="node-body">
<span class="node-icon" aria-hidden="true"><i></i></span>
<div class="node-main js-nodeMain">
<xf:set var="$descriptionDisplay" value="{{ property('nodeListDescriptionDisplay') }}" />
<h3 class="node-title">
<a href="{{ link('categories', $node) }}" data-xf-init="{{ $descriptionDisplay == 'tooltip' ? 'element-tooltip' : '' }}" data-shortcut="node-description">{$node.title}</a>
</h3>
<xf:if is="$descriptionDisplay != 'none' && $node.description">
<div class="node-description {{ $descriptionDisplay == 'tooltip' ? 'node-description--tooltip js-nodeDescTooltip' : '' }}">{$node.description|raw}</div>
</xf:if>
<div class="node-meta">
<xf:if is="!{$extras.privateInfo}">
<div class="node-statsMeta">
<dl class="pairs pairs--inline">
<dt>{{ phrase('threads') }}</dt>
<dd>{$extras.discussion_count|number_short(1)}</dd>
</dl>
<dl class="pairs pairs--inline">
<dt>{{ phrase('messages') }}</dt>
<dd>{$extras.message_count|number_short(1)}</dd>
</dl>
</div>
</xf:if>
<xf:if is="$depth == 2 AND property('nodeListSubDisplay') == 'menu'">
<xf:macro template="forum_list" name="sub_nodes_menu"
arg-children="{$children}"
arg-childExtras="{$childExtras}"
arg-depth="{{ $depth + 1 }}" />
</xf:if>
</div>
<xf:if is="$depth == 2 AND property('nodeListSubDisplay') == 'flat'">
<xf:macro template="forum_list" name="sub_nodes_flat"
arg-children="{$children}"
arg-childExtras="{$childExtras}"
arg-depth="{{ $depth + 1 }}" />
</xf:if>
</div>
<xf:if is="!{$extras.privateInfo}">
<div class="node-stats">
<dl class="pairs pairs--rows">
<dt>{{ phrase('threads') }}</dt>
<dd>{$extras.discussion_count|number_short(1)}</dd>
</dl>
<dl class="pairs pairs--rows">
<dt>{{ phrase('messages') }}</dt>
<dd>{$extras.message_count|number_short(1)}</dd>
</dl>
</div>
</xf:if>
<div class="node-extra">
<xf:if is="{$extras.privateInfo}">
<span class="node-extra-placeholder">{{ phrase('private') }}</span>
<xf:elseif is="{$extras.LastThread}" />
<div class="node-extra-icon">
<xf:if is="$xf.visitor.isIgnoring($extras.last_post_user_id)">
<xf:avatar user="{{ null }}" size="xs" />
<xf:else />
<xf:avatar user="{$extras.LastPostUser}" defaultname="{$extras.last_post_username}" size="xs" />
</xf:if>
</div>
<div class="node-extra-row">
<xf:if is="$extras.LastThread.isUnread()">
<a href="{{ link('threads/unread', $extras.LastThread) }}" class="node-extra-title" title="{$extras.LastThread.title}">{{ prefix('thread', $extras.LastThread) }}{$extras.LastThread.title}</a>
<xf:else />
<a href="{{ link('threads/post', $extras.LastThread, {'post_id': $extras.last_post_id}) }}" class="node-extra-title" title="{$extras.LastThread.title}">{{ prefix('thread', $extras.LastThread) }}{$extras.LastThread.title}</a>
</xf:if>
</div>
<div class="node-extra-row">
<ul class="listInline listInline--bullet">
<li class="node-extra-date"><xf:date time="{$extras.last_post_date}" /></li>
<xf:if is="$xf.visitor.isIgnoring($extras.last_post_user_id)">
<li class="node-extra-user">{{ phrase('ignored_member') }}</li>
<xf:else />
<li class="node-extra-user"><xf:username user="{$extras.LastPostUser}" defaultname="{$extras.last_post_username}" /></li>
</xf:if>
</ul>
</div>
<xf:else />
<span class="node-extra-placeholder">{{ phrase('none') }}</span>
</xf:if>
</div>
</div>
</div>
</xf:macro>
<xf:macro name="depthN" arg-node="!" arg-extras="!" arg-children="!" arg-childExtras="!" arg-depth="1">
<li>
<a href="{{ link('categories', $node) }}" class="subNodeLink subNodeLink--category {{ $extras.hasNew ? 'subNodeLink--unread' : '' }}">{$node.title}</a>
<xf:macro template="forum_list" name="sub_node_list"
arg-children="{$children}"
arg-childExtras="{$childExtras}"
arg-depth="{{ $depth + 1 }}" />
</li>
</xf:macro>]]></template>
<template title="node_list_forum" type="public" addon_id="XF" version_id="2020670" version_string="2.2.6"><![CDATA[<xf:macro name="depth1" arg-node="!" arg-extras="!" arg-children="!" arg-childExtras="!" arg-depth="1">
<div class="block">
<div class="block-container">
<div class="block-body">
<xf:macro name="forum"
arg-node="{$node}"
arg-extras="{$extras}"
arg-children="{$children}"
arg-childExtras="{$childExtras}"
arg-depth="{$depth}" />
</div>
</div>
</div>
</xf:macro>
<xf:macro name="depth2" arg-node="!" arg-extras="!" arg-children="!" arg-childExtras="!" arg-depth="1">
<xf:macro name="forum"
arg-node="{$node}"
arg-extras="{$extras}"
arg-children="{$children}"
arg-childExtras="{$childExtras}"
arg-depth="{$depth}" />
</xf:macro>
<xf:macro name="depthN" arg-node="!" arg-extras="!" arg-children="!" arg-childExtras="!" arg-depth="1">
<li>
<a href="{{ link('forums', $node) }}" class="subNodeLink subNodeLink--forum {{ $extras.hasNew ? 'subNodeLink--unread' : '' }}">
<xf:fa icon="{{ $node.Data.TypeHandler.getTypeIconClass() ?: 'fa-comments' }}" class="subNodeLink-icon" />{$node.title}
</a>
<xf:macro template="forum_list" name="sub_node_list"
arg-children="{$children}"
arg-childExtras="{$childExtras}"
arg-depth="{{ $depth + 1 }}" />
</li>
</xf:macro>
<xf:macro name="forum"
arg-node="!"
arg-extras="!"
arg-children="!"
arg-childExtras="!"
arg-depth="!"
arg-chooseName=""
arg-bonusInfo="">
<div class="node node--id{$node.node_id} node--depth{$depth} node--forum {{ $extras.hasNew ? 'node--unread' : 'node--read' }}">
<div class="node-body">
<span class="node-icon" aria-hidden="true">
<xf:fa icon="{{ $node.Data.TypeHandler.getTypeIconClass() ?: 'fa-comments' }}" />
</span>
<div class="node-main js-nodeMain">
<xf:if is="$chooseName">
<xf:checkbox standalone="true">
<xf:option labelclass="u-pullRight" class="js-chooseItem" name="{$chooseName}[]" value="{$node.node_id}" />
</xf:checkbox>
</xf:if>
<xf:set var="$descriptionDisplay" value="{{ property('nodeListDescriptionDisplay') }}" />
<h3 class="node-title">
<a href="{{ link('forums', $node) }}" data-xf-init="{{ $descriptionDisplay == 'tooltip' ? 'element-tooltip' : '' }}" data-shortcut="node-description">{$node.title}</a>
</h3>
<xf:if is="$descriptionDisplay != 'none' && $node.description">
<div class="node-description {{ $descriptionDisplay == 'tooltip' ? 'node-description--tooltip js-nodeDescTooltip' : '' }}">{$node.description|raw}</div>
</xf:if>
<div class="node-meta">
<xf:if is="!{$extras.privateInfo}">
<div class="node-statsMeta">
<dl class="pairs pairs--inline">
<dt>{{ phrase('threads') }}</dt>
<dd>{$extras.discussion_count|number_short(1)}</dd>
</dl>
<dl class="pairs pairs--inline">
<dt>{{ phrase('messages') }}</dt>
<dd>{$extras.message_count|number_short(1)}</dd>
</dl>
</div>
</xf:if>
<xf:if is="$depth == 2 AND property('nodeListSubDisplay') == 'menu'">
<xf:macro template="forum_list" name="sub_nodes_menu"
arg-children="{$children}"
arg-childExtras="{$childExtras}"
arg-depth="{{ $depth + 1 }}" />
</xf:if>
</div>
<xf:if is="$depth == 2 AND property('nodeListSubDisplay') == 'flat'">
<xf:macro template="forum_list" name="sub_nodes_flat"
arg-children="{$children}"
arg-childExtras="{$childExtras}"
arg-depth="{{ $depth + 1 }}" />
</xf:if>
<xf:if is="$bonusInfo is not empty">
<div class="node-bonus">{$bonusInfo}</div>
</xf:if>
</div>
<xf:if is="{{ property('xentr_node_layout') }} == 'default'">
<xf:if is="!{$extras.privateInfo}">
<div class="node-stats">
<dl class="pairs pairs--rows">
<dt>{{ phrase('threads') }}</dt>
<dd>{$extras.discussion_count|number_short(1)}</dd>
</dl>
<dl class="pairs pairs--rows">
<dt>{{ phrase('messages') }}</dt>
<dd>{$extras.message_count|number_short(1)}</dd>
</dl>
</div>
</xf:if>
</xf:if>
<xf:if is="{{ property('xentr_node_layout') }} == 'dual'">
<xf:if is="!{$extras.privateInfo}">
<div class="node-stats">
<dl class="pairs pairs--rows">
<dt><xf:fa icon="fa-comments-alt" data-xf-init="tooltip" title="{{ phrase('threads') }}" /></dt>
<dd>{$extras.discussion_count|number_short(1)}</dd>
</dl>
<dl class="pairs pairs--rows">
<dt><xf:fa icon="fa-comment-alt-lines" data-xf-init="tooltip" title="{{ phrase('messages') }}" /></dt>
<dd>{$extras.message_count|number_short(1)}</dd>
</dl>
</div>
</xf:if>
</xf:if>
<xf:if is="{{ property('xentr_node_layout') }} == 'default'">
<div class="node-extra">
<xf:if is="{$extras.privateInfo}">
<span class="node-extra-placeholder">{{ phrase('private') }}</span>
<xf:elseif is="{$extras.LastThread}" />
<div class="node-extra-icon">
<xf:if is="$xf.visitor.isIgnoring($extras.last_post_user_id)">
<xf:avatar user="{{ null }}" size="xs" />
<xf:else />
<xf:avatar user="{$extras.LastPostUser}" defaultname="{$extras.last_post_username}" size="xs" />
</xf:if>
</div>
<div class="node-extra-row">
<xf:if is="$extras.LastThread.isUnread()">
<a href="{{ link('threads/unread', $extras.LastThread) }}" class="node-extra-title" title="{$extras.LastThread.title}">{{ prefix('thread', $extras.LastThread) }}{$extras.LastThread.title}</a>
<xf:else />
<a href="{{ link('threads/post', $extras.LastThread, {'post_id': $extras.last_post_id}) }}" class="node-extra-title" title="{$extras.LastThread.title}">{{ prefix('thread', $extras.LastThread) }}{$extras.LastThread.title}</a>
</xf:if>
</div>
<div class="node-extra-row">
<ul class="listInline listInline--bullet">
<li><xf:date time="{$extras.last_post_date}" class="node-extra-date" /></li>
<xf:if is="$xf.visitor.isIgnoring($extras.last_post_user_id)">
<li class="node-extra-user">{{ phrase('ignored_member') }}</li>
<xf:else />
<li class="node-extra-user"><xf:username user="{$extras.LastPostUser}" defaultname="{$extras.last_post_username}" /></li>
</xf:if>
</ul>
</div>
<xf:else />
<span class="node-extra-placeholder">{{ phrase('none') }}</span>
</xf:if>
</div>
</xf:if>
</div>
<xf:if is="{{ property('xentr_node_layout') }} == 'dual'">
<div class="node-extra">
<xf:if is="{$extras.privateInfo}">
<span class="node-extra-placeholder">{{ phrase('private') }}</span>
<xf:elseif is="{$extras.LastThread}" />
<div class="node-extra-icon">
<xf:if is="$xf.visitor.isIgnoring($extras.last_post_user_id)">
<xf:avatar user="{{ null }}" size="xs" />
<xf:else />
<xf:avatar user="{$extras.LastPostUser}" defaultname="{$extras.last_post_username}" size="xs" />
</xf:if>
</div>
<div class="node-extra-row">
<xf:if is="$extras.LastThread.isUnread()">
<a href="{{ link('threads/unread', $extras.LastThread) }}" class="node-extra-title" title="{$extras.LastThread.title}">{{ prefix('thread', $extras.LastThread) }}{$extras.LastThread.title}</a>
<xf:else />
<a href="{{ link('threads/post', $extras.LastThread, {'post_id': $extras.last_post_id}) }}" class="node-extra-title" title="{$extras.LastThread.title}">{{ prefix('thread', $extras.LastThread) }}{$extras.LastThread.title}</a>
</xf:if>
</div>
<div class="node-extra-row">
<ul class="listInline listInline--bullet">
<li><xf:date time="{$extras.last_post_date}" class="node-extra-date" /></li>
<xf:if is="$xf.visitor.isIgnoring($extras.last_post_user_id)">
<li class="node-extra-user">{{ phrase('ignored_member') }}</li>
<xf:else />
<li class="node-extra-user"><xf:username user="{$extras.LastPostUser}" defaultname="{$extras.last_post_username}" /></li>
</xf:if>
</ul>
</div>
<xf:else />
<span class="node-extra-placeholder">{{ phrase('none') }}</span>
</xf:if>
</div>
</xf:if>
</div>
<xf:if is="{$depth} == 1">
<xf:macro template="forum_list" name="node_list"
arg-children="{$children}"
arg-extras="{$childExtras}"
arg-depth="{{ $depth + 1 }}" />
</xf:if>
</xf:macro>]]></template>
<template title="post_macros" type="public" addon_id="XF" version_id="2020770" version_string="2.2.7"><![CDATA[<xf:macro name="post"
arg-post="!"
arg-thread="!"
arg-highlightedPosts="{{ [] }}">
<xf:css src="message.less" />
<xf:extension name="before"></xf:extension>
<xf:extension name="extra_classes" value="message--post" />
<article class="message {{ extension_value('extra_classes') }} js-post <xf:if is="{{ property('xentr_messageUserInfoBlockPosition') }} == 'firstPostHorizontal' && $post.isFirstPost() && !$thread.type_data.allow_voting">is-first<xf:else /></xf:if> js-inlineModContainer {{ $post.isIgnored() ? 'is-ignored' : '' }} {{ $post.isUnread() ? ' is-unread' : '' }}"
data-author="{{ $post.User.username ?: $post.username }}"
data-content="post-{$post.post_id}"
id="js-post-{$post.post_id}">
<span class="u-anchorTarget" id="post-{$post.post_id}"></span>
<xf:extension name="full_body">
<div class="<xf:if is="property('xentr_messageUserInfoBlockPosition') == 'firstPostHorizontal' && !$thread.type_data.allow_voting">message-user-inner<xf:else />message-inner</xf:if>">
<xf:extension name="user_cell">
<div class="message-cell message-cell--user">
<xf:macro template="message_macros" name="user_info" arg-user="{$post.User}"
arg-fallbackName="{$post.username}"/>
</div>
</xf:extension>
<xf:extension name="main_cell">
<div class="message-cell message-cell--main">
<xf:extension name="main_cell_inner">
<div class="message-main js-quickEditTarget">
<xf:extension name="attribution">
<xf:macro name="post_attribution" arg-post="{$post}" arg-thread="{$thread}" />
</xf:extension>
<div class="message-content js-messageContent">
<xf:extension name="content">
<xf:extension name="notices">
<xf:macro name="post_notices" arg-post="{$post}" arg-thread="{$thread}" />
</xf:extension>
<xf:extension name="user_content">
<xf:macro name="post_user_content" arg-post="{$post}" arg-thread="{$thread}" />
</xf:extension>
<xf:extension name="after_content">
<xf:macro name="post_last_edit" arg-post="{$post}" />
</xf:extension>
<xf:extension name="signature">
<xf:macro template="message_macros" name="signature" arg-user="{$post.User}" />
</xf:extension>
</xf:extension>
</div>
<xf:extension name="footer">
<xf:macro name="post_footer" arg-post="{$post}" arg-thread="{$thread}" />
</xf:extension>
</div>
</xf:extension>
</div>
</xf:extension>
</div>
</xf:extension>
</article>
<xf:extension name="after"></xf:extension>
<xf:ad position="post_below_container" arg-post="{$post}" />
</xf:macro>
<xf:macro name="post_attribution"
arg-post="!"
arg-thread="!"
arg-showPosition="{{ true }}"
arg-showUser="{{ false }}"
arg-showThreadUnreadIndicator="{{ false }}"
arg-showReplyCount="{{ false }}"
arg-repliesPhrase="{{ phrase('replies:') }}"
arg-showThreadStateIcons="{{ false }}"
arg-mainClass=""
arg-oppositeClass="">
<header class="message-attribution message-attribution--split">
<ul class="message-attribution-main listInline {$mainClass}">
<xf:if is="$showThreadStateIcons">
<xf:if is="{$xf.visitor.user_id} AND {$thread.Watch.{$xf.visitor.user_id}}">
<li>
<xf:fa icon="fa-bell" title="{{ phrase('thread_watched')|for_attr }}" />
<span class="u-srOnly">{{ phrase('thread_watched') }}</span>
</li>
</xf:if>
<xf:if is="$thread.sticky">
<li>
<xf:fa icon="fa-thumbtack" title="{{ phrase('sticky')|for_attr }}" />
<span class="u-srOnly">{{ phrase('sticky') }}</span>
</li>
</xf:if>
</xf:if>
<xf:if is="$showUser">
<xf:set var="$username"><xf:username user="{$post.User}" defaultname="{$post.username}" /></xf:set>
<li class="u-concealed message-attribution-user--top">{{ phrase('by_user_x', {'name':$username}) }}</li>
</xf:if>
<li class="u-concealed">
<a href="{{ link('threads/post', $thread, {'post_id': $post.post_id}) }}" rel="nofollow">
<xf:date time="{$post.post_date}" itemprop="datePublished" />
</a>
</li>
<xf:if is="$showReplyCount && $thread.reply_count">
<li class="u-concealed">
<a href="{{ link('threads', $thread) }}#posts">
<xf:fa icon="fa-comment" class="u-spaceAfter" />{$repliesPhrase|raw} {$thread.reply_count|number}
</a>
</li>
</xf:if>
</ul>
<ul class="message-attribution-opposite message-attribution-opposite--list {$oppositeClass}">
<xf:if is="$post.isUnread()">
<li><span class="message-newIndicator">{{ phrase('new') }}</span></li>
<xf:elseif is="$thread.isUnread() && $showThreadUnreadIndicator" />
<li><span class="message-newIndicator" title="{{ phrase('new_replies') }}">{{ phrase('new') }}</span></li>
</xf:if>
<xf:if is="property('xentr_user_info_block_collapse') == 'yes'">
<li><span id="collapse-{$post.post_id}" class="collapseTrigger collapseTrigger--block" data-xf-click="toggle" data-xf-init="tooltip" title="{{ phrase('user_details') }}" data-target="#js-post-{$post.post_id} .message-userExtras"></span></li>
</xf:if>
<li>
<a href="#top" class="button--scroll" data-xf-click="scroll-to">
<xf:fa icon="fa-arrow-up"/>
</a>
</li>
<li>
<a href="{{ link('threads/post', $thread, {'post_id': $post.post_id}) }}"
class="message-attribution-gadget"
data-xf-init="share-tooltip"
data-href="{{ link('posts/share', $post) }}"
rel="nofollow">
<xf:fa icon="fa-share-alt"/>
</a>
</li>
<xf:if contentcheck="true">
<li>
<xf:contentcheck>
<xf:macro template="bookmark_macros" name="link"
arg-content="{$post}"
arg-class="message-attribution-gadget bookmarkLink--highlightable"
arg-confirmUrl="{{ link('posts/bookmark', $post) }}"
arg-showText="{{ false }}"/>
</xf:contentcheck>
</li>
</xf:if>
<xf:if is="$showPosition">
<li>
<a href="{{ link('threads/post', $thread, {'post_id': $post.post_id}) }}" rel="nofollow">
#{{ number($post.position + 1) }}
</a>
</li>
</xf:if>
</ul>
</header>
</xf:macro>
<xf:macro name="post_notices" arg-post="!" arg-thread="!">
<xf:if is="$post.message_state == 'deleted'">
<div class="messageNotice messageNotice--deleted">
<xf:macro template="deletion_macros" name="notice" arg-log="{$post.DeletionLog}" />
</div>
<xf:elseif is="$post.message_state == 'moderated'" />
<div class="messageNotice messageNotice--moderated">
{{ phrase('this_message_is_awaiting_moderator_approval_and_is_invisible_to_normal') }}
</div>
</xf:if>
<xf:if is="$post.warning_message">
<div class="messageNotice messageNotice--warning">
{$post.warning_message}
</div>
</xf:if>
<xf:if is="$post.isIgnored()">
<div class="messageNotice messageNotice--ignored">
{{ phrase('you_are_ignoring_content_by_this_member') }}
<xf:showignored />
</div>
</xf:if>
</xf:macro>
<xf:macro name="post_user_content" arg-post="!" arg-thread="!" arg-snippet="{{ false }}" arg-displayAds="{{ true }}">
<div class="message-userContent lbContainer js-lbContainer {{ $post.isIgnored() ? 'is-ignored' : '' }}"
data-lb-id="post-{$post.post_id}"
data-lb-caption-desc="{{ $post.User ? $post.User.username : $post.username }} · {{ date_time($post.post_date) }}">
<xf:if is="$post.isFirstPost()">
<xf:macro template="custom_fields_macros" name="custom_fields_view"
arg-type="threads"
arg-group="before"
arg-onlyInclude="{$thread.Forum.field_cache}"
arg-set="{$thread.custom_fields}"
arg-wrapperClass="message-fields message-fields--before" />
</xf:if>
<article class="message-body js-selectToQuote">
<xf:if is="$displayAds">
<xf:ad position="post_above_content" arg-post="{$post}" />
</xf:if>
<xf:if is="$snippet">
{{ bb_code_snippet($post.message, 'post', $post, $snippet) }}
<xf:else />
{{ bb_code($post.message, 'post', $post) }}
</xf:if>
<div class="js-selectToQuoteEnd"> </div>
<xf:if is="$displayAds">
<xf:ad position="post_below_content" arg-post="{$post}" />
</xf:if>
</article>
<xf:if is="$post.isFirstPost()">
<xf:macro template="custom_fields_macros" name="custom_fields_view"
arg-type="threads"
arg-group="after"
arg-onlyInclude="{$thread.Forum.field_cache}"
arg-set="{$thread.custom_fields}"
arg-wrapperClass="message-fields message-fields--after" />
</xf:if>
<xf:if is="$post.attach_count">
<xf:macro template="message_macros" name="attachments"
arg-attachments="{$post.Attachments}"
arg-message="{$post}"
arg-canView="{{ $thread.canViewAttachments() }}" />
</xf:if>
</div>
</xf:macro>
<xf:macro name="post_last_edit" arg-post="!">
<xf:if is="$post.last_edit_date">
<div class="message-lastEdit">
<xf:if is="$post.user_id == $post.last_edit_user_id">
{{ phrase('last_edited:') }} <xf:date time="{$post.last_edit_date}" itemprop="dateModified" />
<xf:else />
{{ phrase('last_edited_by_moderator:') }} <xf:date time="{$post.last_edit_date}" itemprop="dateModified" />
</xf:if>
</div>
</xf:if>
</xf:macro>
<xf:macro name="post_footer" arg-post="!" arg-thread="!">
<footer class="message-footer">
<xf:if contentcheck="true">
<div class="message-actionBar actionBar">
<xf:contentcheck>
<xf:macro name="post_action_bar" arg-post="{$post}" arg-thread="{$thread}" />
</xf:contentcheck>
</div>
</xf:if>
<div class="reactionsBar js-reactionsList {{ $post.reactions ? 'is-active' : '' }}">
<xf:reactions content="{$post}" link="posts/reactions" />
</div>
<div class="js-historyTarget message-historyTarget toggleTarget" data-href="trigger-href"></div>
</footer>
</xf:macro>
<xf:macro name="post_action_bar" arg-post="!" arg-thread="!">
<xf:if contentcheck="true">
<div class="actionBar-set actionBar-set--external">
<xf:contentcheck>
<xf:react content="{$post}" link="posts/react" list="< .js-post | .js-reactionsList" />
<xf:if is="$thread.canReply() OR $thread.canReplyPreReg()">
<xf:set var="$quoteLink">{{ link('threads/reply', $thread, {'quote': $post.post_id}) }}</xf:set>
<xf:if is="$xf.options.multiQuote AND $xf.visitor.user_id">
<a href="{$quoteLink}"
class="actionBar-action actionBar-action--mq u-jsOnly js-multiQuote"
title="{{ phrase('toggle_multi_quote_tooltip')|for_attr }}"
data-message-id="{$post.post_id}"
data-mq-action="add">{{ phrase('quote') }}</a>
</xf:if>
<a href="{$quoteLink}"
class="actionBar-action actionBar-action--reply"
title="{{ phrase('reply_quoting_this_message')|for_attr }}"
data-xf-click="quote"
data-quote-href="{{ link('posts/quote', $post) }}">{{ phrase('reply') }}</a>
</xf:if>
</xf:contentcheck>
</div>
</xf:if>
<xf:if contentcheck="true">
<div class="actionBar-set actionBar-set--internal">
<xf:contentcheck>
<xf:if is="$post.canUseInlineModeration()">
<span class="actionBar-action actionBar-action--inlineMod">
<xf:checkbox standalone="true">
<xf:option value="{$post.post_id}" class="js-inlineModToggle"
data-xf-init="tooltip"
title="{{ phrase('select_for_moderation') }}"
label="{{ phrase('select_for_moderation') }}"
hiddenlabel="true" />
</xf:checkbox>
</span>
</xf:if>
<xf:if is="$post.canReport()">
<a href="{{ link('posts/report', $post) }}"
class="actionBar-action actionBar-action--report"
data-xf-click="overlay">{{ phrase('report_verb') }}</a>
</xf:if>
<xf:set var="$hasActionBarMenu" value="{{ false }}" />
<xf:if is="$post.canEdit()">
<xf:js src="xf/message.js" min="1" />
<a href="{{ link('posts/edit', $post) }}"
class="actionBar-action actionBar-action--edit actionBar-action--menuItem"
data-xf-click="quick-edit"
data-editor-target="#js-post-{$post.post_id} .js-quickEditTarget"
data-menu-closer="true">{{ phrase('edit') }}</a>
<xf:set var="$hasActionBarMenu" value="{{ true }}" />
</xf:if>
<xf:if is="$post.edit_count && $post.canViewHistory()">
<a href="{{ link('posts/history', $post) }}"
class="actionBar-action actionBar-action--history actionBar-action--menuItem"
data-xf-click="toggle"
data-target="#js-post-{$post.post_id} .js-historyTarget"
data-menu-closer="true">{{ phrase('history') }}</a>
<xf:set var="$hasActionBarMenu" value="{{ true }}" />
</xf:if>
<xf:if is="$post.canDelete('soft')">
<a href="{{ link('posts/delete', $post) }}"
class="actionBar-action actionBar-action--delete actionBar-action--menuItem"
data-xf-click="overlay">{{ phrase('delete') }}</a>
<xf:set var="$hasActionBarMenu" value="{{ true }}" />
</xf:if>
<xf:if is="$post.message_state == 'deleted' AND $post.canUndelete()">
<a href="{{ link('posts/undelete', $post) }}"
class="actionBar-action actionBar-action--undelete actionBar-action--menuItem"
data-xf-click="overlay">{{ phrase('undelete') }}</a>
<xf:set var="$hasActionBarMenu" value="{{ true }}" />
</xf:if>
<xf:if is="$post.canCleanSpam()">
<a href="{{ link('spam-cleaner', $post) }}"
class="actionBar-action actionBar-action--spam actionBar-action--menuItem"
data-xf-click="overlay">{{ phrase('spam') }}</a>
<xf:set var="$hasActionBarMenu" value="{{ true }}" />
</xf:if>
<xf:if is="$xf.visitor.canViewIps() && $post.ip_id">
<a href="{{ link('posts/ip', $post) }}"
class="actionBar-action actionBar-action--ip actionBar-action--menuItem"
data-xf-click="overlay">{{ phrase('ip') }}</a>
<xf:set var="$hasActionBarMenu" value="{{ true }}" />
</xf:if>
<xf:if is="$post.canWarn()">
<a href="{{ link('posts/warn', $post) }}"
class="actionBar-action actionBar-action--warn actionBar-action--menuItem">{{ phrase('warn') }}</a>
<xf:set var="$hasActionBarMenu" value="{{ true }}" />
<xf:elseif is="$post.warning_id && $xf.visitor.canViewWarnings()" />
<a href="{{ link('warnings', {'warning_id': $post.warning_id}) }}"
class="actionBar-action actionBar-action--warn actionBar-action--menuItem"
data-xf-click="overlay">{{ phrase('view_warning') }}</a>
<xf:set var="$hasActionBarMenu" value="{{ true }}" />
</xf:if>
<xf:if is="$hasActionBarMenu">
<a class="actionBar-action actionBar-action--menuTrigger"
data-xf-click="menu"
title="{{ phrase('more_options')|for_attr }}"
role="button"
tabindex="0"
aria-expanded="false"
aria-haspopup="true">•••</a>
<div class="menu" data-menu="menu" aria-hidden="true" data-menu-builder="actionBar">
<div class="menu-content">
<h4 class="menu-header">{{ phrase('more_options') }}</h4>
<div class="js-menuBuilderTarget"></div>
</div>
</div>
</xf:if>
</xf:contentcheck>
</div>
</xf:if>
</xf:macro>
<xf:macro name="post_deleted" arg-post="!" arg-thread="!">
<xf:css src="message.less" />
<div class="message message--deleted message--post{{ $post.isIgnored() ? ' is-ignored' : '' }}{{ $post.isUnread() ? ' is-unread' : '' }} js-post js-inlineModContainer"
data-author="{{ $post.User.username ?: $post.username }}"
data-content="post-{$post.post_id}">
<span class="u-anchorTarget" id="post-{$post.post_id}"></span>
<div class="message-inner">
<div class="message-cell message-cell--user">
<xf:macro template="message_macros" name="user_info_simple" arg-user="{$post.User}" arg-fallbackName="{$post.username}" />
</div>
<div class="message-cell message-cell--main">
<div class="message-attribution">
<ul class="listInline listInline--bullet message-attribution-main">
<li><a href="{{ link('threads/post', $thread, {'post_id': $post.post_id}) }}" class="u-concealed" rel="nofollow"><xf:date time="{$post.post_date}" /></a></li>
<li><xf:username user="{$post.User}" defaultname="{$post.username}" class="u-concealed" /></li>
</ul>
</div>
<div class="messageNotice messageNotice--deleted">
<xf:macro template="deletion_macros" name="notice" arg-log="{$post.DeletionLog}" />
<a href="{{ link('posts/show', $post) }}" class="u-jsOnly" data-xf-click="inserter" data-replace="[data-content=post-{$post.post_id}]">{{ phrase('show...') }}</a>
<xf:if is="$post.canUseInlineModeration()">
<span style="display: none">
<!-- this can be actioned on the full post -->
<xf:checkbox standalone="true">
<xf:option value="{$post.post_id}" class="js-inlineModToggle"
hiddenlabel="true" />
</xf:checkbox>
</span>
</xf:if>
</div>
</div>
</div>
</div>
<xf:ad position="post_below_container" arg-post="{$post}" />
</xf:macro>]]></template>
<template title="xentr_base.less" type="public" addon_id="" version_id="0" version_string=""><![CDATA[::-webkit-resizer {
background: @xf-contentBg;
}
::-webkit-scrollbar {
width: 8px;
height: auto;
}
::-webkit-scrollbar-button {
display: none;
}
::-webkit-scrollbar-thumb {
background: @xf-textColorMuted;
min-height: 80px;
border-radius: 0;
}
::-webkit-scrollbar-track {
background: @xf-contentBg;
border-left: 1px solid @xf-borderColor;
}
// ######################################### STAFF BAR #################################
// Staff Bar links
.p-staffBar-inner .hScroller-scroll {
display: flex;
justify-content: space-between;
}
// Icons for Login and Register buttons
.p-navgroup-link.p-navgroup-link--textual.p-navgroup-link--logIn:before {
.m-faBase();
.m-faContent(@fa-var-sign-in, 1em);
color: @xf-publicNav--color;
}
.p-navgroup-link.p-navgroup-link--textual.p-navgroup-link--register:before {
.m-faBase();
.m-faContent(@fa-var-key, 1em);
color: @xf-publicNav--color;
}
.p-navgroup-link--logIn .p-navgroup-linkText,
.p-navgroup-link--register .p-navgroup-linkText {
display: inline-block;
}
// ######################################### HEADER #################################
.p-header-content {
padding: 0;
}
// ######################################### NAVIGATION #################################
// Progress bar
.xtr-progress-bar {
.xf-xentr_progress_bar();
position: absolute;
bottom: 0;
left: 0;
}
// SplitTrigger icon
.p-navEl-splitTrigger:after {
content: "\f078";
font-size: 10px;
font-weight: 300;
}
// Navgroup Links text
.p-navgroup-linkText {
display: none;
}
// Navigation Home Icon
<xf:if is="{{ property('showNavHomeIcon') }}">
.p-navEl a[data-nav-id='home']:before
{
.m-faBase();
content: "\f015";
text-indent: 0;
position: absolute;
left: 50%;
line-height: 20px;
width: 20px;
text-align: center;
margin-left: -10px;
}
[data-nav-id='home'].p-navEl-link
{
.xf-homeLinkIcon();
}
@media (max-width: @xf-responsiveWide)
{
[data-nav-id='home'].p-navEl-link:before {
text-indent: inherit;
}
}
// Navigation home icon background
.p-navEl
{
[data-nav-id="home"] {
background: @xf-homeLink;
color: @xf-homeLinkColor--color;
+ .p-navEl-splitTrigger
{
background: @xf-homeLink;
}
}
&:hover
{
[data-nav-id="home"]{
background: @xf-homeLinkHover !important;
+ .p-navEl-splitTrigger
{
background: @xf-homeLinkHover !important;
}
}
}
}
</xf:if>
//Navigation tab icons
.p-navEl a&, .menu-linkRow, .offCanvasMenu--nav .js-offCanvasNavTarget a& {
&:before {
.m-faBase();
display: inline-block;
margin-right: 5px;
}
&[data-nav-id='home']:before {.m-faContent(@fa-var-home);}
&[data-nav-id='forums']:before {.m-faContent(@fa-var-comment-alt);}
&[data-nav-id='whatsNew']:before {.m-faContent(@fa-var-bell);}
&[data-nav-id='members']:before {.m-faContent(@fa-var-users);}
&[data-nav-id='dbtechCredits']:before {.m-faContent(@fa-var-usd-circle);}
&[data-nav-id='dbtechEcommerce']:before {.m-faContent(@fa-var-shopping-cart);}
&[data-nav-id='dbtechShop']:before {.m-faContent(@fa-var-shopping-basket);}
&[data-nav-id='dbtechMail']:before {.m-faContent(@fa-var-clipboard-list-check);}
&[data-nav-id='xfrm']:before {.m-faContent(@fa-var-download);}
&[data-nav-id='xfmg']:before {.m-faContent(@fa-var-camera);}
&[data-nav-id='mjstSupportTicket']:before {.m-faContent(@fa-var-ticket-alt);}
&[data-nav-id='dbtechEcommerceTickets']:before {.m-faContent(@fa-var-ticket-alt);}
&[data-nav-id='paidMembership']:before {.m-faContent(@fa-var-star);}
&[data-nav-id='xtrHistoryEvents']:before {.m-faContent(@fa-var-calendar-alt);}
&[data-nav-id='xcfs']:before {.m-faContent(@fa-var-address-card);}
&[data-nav-id="EWRrio"]:before { .m-faContent("\f1e8"); }
&[data-nav-id="EWRatendo"]:before { .m-faContent(@fa-var-calendar-alt); }
&[data-nav-id="EWRcarta"]:before { .m-faContent(@fa-var-book); }
&[data-nav-id="EWRdiscord"]:before { .m-faContent(@fa-var-discord); .m-faBase('Brands'); }
&[data-nav-id="EWRmedio"]:before { .m-faContent(@fa-var-video-plus); }
&[data-nav-id="EWRporta"]:before { .m-faContent(@fa-var-home); }
&[data-nav-id="EWRrio"]:before { .m-faContent(@fa-var-play-circle); }
&[data-nav-id="EWRtorneo"]:before { .m-faContent(@fa-var-trophy); }
&[data-nav-id="snog_raffles_navtab"]:before { .m-faContent("\f145"); }
&[data-nav-id="th_donate"]:before { .m-faContent("\f2b5"); }
&[data-nav-id='xa_ams']:before {.m-faContent(@fa-var-book);}
&[data-nav-id="xa_ubs"]:before { .m-faContent("\f303"); }
&[data-nav-id="xa_showcase"]:before { .m-faContent("\f00b"); }
&[data-nav-id="xa_sportsbook"]:before { .m-faContent("\f091"); }
&[data-nav-id="xa_pickem"]:before { .m-faContent("\f51e"); }
}
// Navigation hover top
.p-nav-list > li,
.p-navgroup-link--user,
.p-navgroup-link--linked,
.p-navgroup-link--language,
.p-navgroup-link--whatsnew,
.p-navgroup-link--search {
position: relative;
}
.p-nav-list > li:after,
.p-navgroup-link--user:after,
.p-navgroup-link--linked:after,
.p-navgroup-link--language:after,
.p-navgroup-link--whatsnew:after,
.p-navgroup-link--search:after {
content: '';
width: 100%;
height: 4px;
background-color: @xf-xentr_navigation_hover_border;
position: absolute;
top: 0;
left: -100%;
opacity: 0;
transition: all 0.3s ease-in-out;
}
.p-nav-list > li:hover:after,
.p-navgroup-link--user:hover:after,
.p-navgroup-link--linked:hover:after,
.p-navgroup-link--language:hover:after,
.p-navgroup-link--whatsnew:hover:after,
.p-navgroup-link--search:hover:after {
opacity: 1;
left: 0;
}
// Sub Navigations
<xf:if is="property('xtr_hide_sub_nav')">
.p-nav-list .p-navEl.is-selected
{
.p-navEl-splitTrigger
{
display: inline;
position: relative;
}
.p-navEl-link.p-navEl-link--splitMenu
{
padding-right: (@xf-paddingMedium - 1);
}
}
</xf:if>
// Nav group radius
.p-navgroup {
border-radius: 0;
}
// ######################################### SEARCH BOX #################################
.search-box {
position: relative;
display: flex;
min-width: 270px;
.input {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
padding: (@xf-paddingMedium - 2);
}
.btn-group {
display: flex;
.button {
min-width: auto;
border-radius: 0;
padding: (@xf-paddingSmall + 1) @xf-paddingMedium;
}
.button.button.button--link {
border-top-right-radius: @xf-borderRadiusMedium;
border-bottom-right-radius: @xf-borderRadiusMedium;
padding: (@xf-paddingSmall + 1) (@xf-paddingMedium + 2);
}
}
.menuTrigger:after {
display: none;
}
}
// Icons in Visitor menu
.menu-content.js-visitorMenuBody a.menu-linkRow {
padding: @xf-paddingMedium @xf-paddingSmall @xf-paddingMedium @xf-paddingMedium;
&:before {
.m-faBase();
}
&[href*="whats-new/news-feed"]:before {
.m-faContent(@fa-var-rss);
}
&[href*="search/member"]:before {
.m-faContent(@fa-var-comments);
}
&[href*="account/reactions"]:before {
.m-faContent(@fa-var-thumbs-up);
}
&[href*="account/alerts"]:before {
.m-faContent(@fa-var-bell);
}
&[href*="account/account-details"]:before {
.m-faContent(@fa-var-user-cog);
}
&[href*="account/security"]:before {
.m-faContent(@fa-var-shield-alt);
}
&[href*="account/privacy"]:before {
.m-faContent(@fa-var-lock);
}
&[href*="account/preferences"]:before {
.m-faContent(@fa-var-cogs);
}
&[href*="account/signature"]:before {
.m-faContent(@fa-var-signature);
}
&[href*="account/upgrades"]:before {
.m-faBase('Brands');
.m-faContent(@fa-var-paypal);
}
&[href*="support-tickets/yours"]:before {
.m-faContent(@fa-var-ticket-alt);
}
&[href*="hizmetler"]:before {
.m-faContent(@fa-var-star);
}
&[href*="account/connected-accounts"]:before {
.m-faContent(@fa-var-users-class);
}
&[href*="membership"]:before {
.m-faContent(@fa-var-star);
}
&[href*="account/following"]:before {
.m-faContent(@fa-var-user-plus);
}
&[href*="/account/tc-dogrulama"]:before {
.m-faContent(@fa-var-check-circle);
}
&[href*="account/ignored"]:before {
.m-faContent(@fa-var-user-minus);
}
&[href*="/members/sms-confirmed"]:before {
.m-faContent(@fa-var-sms);
}
&[href*="/hesap/sms-dogrulama"]:before {
.m-faContent(@fa-var-sms);
}
&[href*="account/keywords"]:before {
.m-faContent(@fa-var-key);
}
&[href*="/xenforo-license"]:before {
.m-faContent(@fa-var-copyright);
}
&[href*="account/sms-confirmation"]:before {
.m-faContent(@fa-var-sms);
}
&[href*="/members/banned"]:before {
.m-faContent(@fa-var-ban);
}
&[href*="/conversation-view"]:before {
.m-faContent(@fa-var-eye);
}
&[href*="/members/sms-confirmed"]:before {
.m-faContent(@fa-var-user-check);
}
&[href*="logout"]:before {
.m-faContent(@fa-var-sign-out);
}
}
// ######################################### BREADCRUMB #################################
// Top Breadcrumb
<xf:if is="property('xentr_remove_breadbrumb_top')">
.p-breadcrumbs:not(.p-breadcrumbs--bottom) {
display: none;
}
.p-body-inner {
padding-top: @xf-elementSpacer;
}
</xf:if>
// Bottom Breadcrumb
<xf:if is="property('xentr_remove_breadbrumb_bottom')">
.p-breadcrumbs.p-breadcrumbs--bottom {
display: none;
}
.p-body-inner {
padding-bottom: @xf-elementSpacer;
}
</xf:if>
.breadcrumb-content {
display: flex;
@media (max-width: @xf-responsiveMedium) {
flex-direction: column;
align-items: center;
}
.p-breadcrumbs{
flex: 1 1 auto;
width: 100%;
}
.block-minorHeader {
display: none;
}
.block {
display: none;
}
}
.p-breadcrumbs {
.xf-xentr_breadcrumb();
overflow: hidden;
line-height: {{ property('xentr_breadcrumbHeight')}}px;
margin-bottom: 10px;
position: relative;
z-index: 0;
&::before {
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border: @xf-borderSize solid @xf-xentr_breadcrumb--border-color;
border-radius: inherit;
pointer-events: none;
z-index: 2;
}
> li {
margin: 0;
font-size: inherit;
padding-left: 15px;
&:first-child {
border-top-left-radius: inherit;
border-bottom-left-radius: inherit;
span {
&:before {
.m-faBase();
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\f015";
padding-right: 5px;
}
}
}
&::before,
&::after{
display: none;
}
a{
padding: 0 15px;
position: relative;
z-index: 1;
display: block;
overflow: visible;
max-width: none;
text-decoration: none;
color: inherit;
margin-left: -15px;
&:hover{
color: xf-default(@xf-xentr_breadcrumbHover--color, inherit);
}
&::before,
&::after {
border-style: solid;
border-width: 0;
border-right-width: 1px;
border-color: @xf-xentr_breadcrumbBorder--border-color;
color: rgba(255, 255, 255, 0.38);
box-shadow: inset currentColor -1px 0px 0px 0px;
content: '';
position: absolute;
height: 50%;
width: 100%;
right: 0;
z-index: -1;
box-sizing: border-box;
transform-origin: 100% 50%;
}
html[dir='rtl'] &:before,
html[dir='rtl'] &:after{
box-shadow: inset currentColor 1px 0px 0px 0px;
}
&::before {
top: 0;
transform: skewX(35deg);
}
&::after {
top: 50%;
transform: skewX(-35deg);
}
html[dir='rtl'] &:before{
transform: skewX(-35deg);
}
html[dir='rtl'] &:after{
transform: skewX(35deg);
}
/* Hover */
&:hover::before,
&:hover::after {
background: @xf-xentr_breadcrumbHover--background-color;
}
/* Active */
&:active::before,
&:active::after{
background-color: fade(@xf-xentr_breadcrumbHover--color, 3%);
color: rgba(0,0,0,0.05);
box-shadow: inset currentColor -2px 1px 1px;
}
&:active::after{
box-shadow: inset currentColor -2px -1px 1px;
}
}
&:first-of-type a::before,
&:first-of-type a::after {
width: ~"calc(100% + 20px)";
}
}
}
@media (max-width: @xf-responsiveNarrow) {
.p-breadcrumbs {
& > li a {
padding: 0 22px;
&::before,
&::after {
transform: skewX(-30deg);
width: ~"calc(100% + 20px)";
}
&::after {
transform: skewX(30deg);
}
}
}
}
// ######################################### CONTENT #################################
<xf:if is="property('xentr_button_hover_effect')">
.palette,
.button {
position: relative;
overflow: hidden;
&:after {
content: '';
position: absolute;
display: inline-block;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
transition: all 0.5s;
opacity: 1;
-webkit-transform: translate(-105%, 0);
transform: translate(-105%, 0);
border-right-width: @xf-borderSize;
border-right-style: solid;
border-right-color: @xf-borderColorFaint;
background-color: rgba(255, 255, 255, 0.25);
}
&:hover {
&:after {
opacity: 0;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}
}
</xf:if>
// Body header style
.p-body-header
{
.xf-xentr_forum_title_style();
body[data-template="forum_view"]
{
margin-bottom: 0;
}
}
// Page content
.block-container {
border: none;
box-shadow: 0 2px 4px rgba(108, 111, 115, 0.1);
}
// Block Margin
@media (max-width: @xf-responsiveMedium)
{
.block-container, .blockMessage {
margin-left: 0;
margin-right: 0;
}
}
// Block
.block-box .block-header,
.block-minorHeader {
position: relative;
}
// Block before background
.block-box .block-header:before {
content: "";
position: absolute;
left: -10px;
bottom: 5px;
min-height: 40px;
width: 3px;
}
// Block before background
.block-minorHeader:before {
content: "";
position: absolute;
left: 0;
top: 10px;
bottom: 5px;
height: 35px;
width: 3px;
}
// Block Header Background
.block-minorHeader:before,
.block-box .block-header:before {
background: @xf-xentr_block_border_color;
}
// ######################################### SIDEBAR #################################
@media (min-width: @xf-responsiveWide)
{
.p-body-main--withSidebar{
display: flex;
align-items: flex-start;
.p-body-sideNavCol,
.p-body-sidebarCol
{
width: auto;
}
.p-body-content{
flex: 1 1 auto;
// IE fix
display: block;
width: ~"calc(100% - @xf-sidebarWidth)";
padding-right: @xf-sidebarSpacer;
}
.p-body-sideNav,
.p-body-sidebar{
flex: 0 0 auto;
width: @xf-sidebarWidth;
// IE fix
display: block;
}
}
}
// Sidebar block row border
.p-body-sidebar .block .block-body .block-row {
border-bottom: @xf-borderSize solid @xf-borderColorFaint;
}
// Sticky sidebar height
@sticky-top: @xf-xentr_stickySidebarHeight;
// Disable Sidebar
<xf:if is="property('xentr_sidebarDisable')">
.p-body-main .p-body-sidebar {
display: none;
}
.p-body-main.p-body-main--withSidebar .p-body-content {
width: 100%;
max-width: 100%;
padding-right: 0;
padding-left: 0;
}
</xf:if>
// Sidebar Position
<xf:if is="property('xentr_sidebarPosition') == 'left'">
@media (min-width: @xf-responsiveWide) {
.p-body-main--withSidebar .p-body-content {
order: 2;
padding-left: @xf-sidebarSpacer;
padding-right: 0 !important
}
.p-body-main.p-body-main--withSidebar.is-active .p-body-content, .p-body-main.p-body-main--withSideNav.is-active .p-body-content {
width: 100%;
max-width: 100%;
padding-left: 0;
}
.p-body-sidebar {
order: 1;
}
}
</xf:if>
// Sticky Sidebar
<xf:if is="property('xentr_stickySidebar') && !property('xentr_sidebarDisable')">
@media (min-width: @xf-publicNavCollapseWidth)
{
.p-body-sidebar {
position: -webkit-sticky;
position: sticky;
<xf:if is="property('publicNavSticky') === 'primary' OR property('publicNavSticky') === 'all'">
top: @sticky-top * 1px + @xf-publicNavPaddingV;
<xf:else />
top: 10px;
</xf:if>
}
}
</xf:if>
// Collapsible Sidebar
<xf:if is="property('xentr_collapsibleSidebar') && !property('xentr_sidebarDisable')">
.p-title-pageAction {
.collapseTrigger {
margin-left: auto;
display: inline-flex;
.m-faBase();
font-size: @xf-fontSizeSmall;
&:before
{
content: "\{{ property('xentr_collapsibleOffIcon') }}";
width: 100%;
margin-left: 0;
}
&.is-active:before
{
content: "\{{ property('xentr_collapsibleOnIcon') }}";
}
}
}
@media (max-width: @xf-responsiveWide) {
.p-title-pageAction .collapseTrigger {
display: none;
}
}
@media (min-width: @xf-responsiveWide)
{
#XF .p-body-main.p-body-main--withSidebar.is-active .p-body-content, #XF .p-body-main.p-body-main--withSideNav.is-active .p-body-content {
width: 100%;
max-width: 100%;
padding-right: 0;
}
#XF .p-body-main.p-body-main--withSidebar.is-active .p-body-sidebar, #XF .p-body-main.p-body-main--withSideNav.is-active .p-body-sidebar, #XF .p-body-main.p-body-main--withSidebar.is-active .p-body-sideNav, #XF .p-body-main.p-body-main--withSideNav.is-active .p-body-sideNav {
width: 0;
height: 0;
opacity: 0;
overflow: hidden;
}
}
</xf:if>
// ######################################### FORUM NODE #################################
.block-box {
position: relative;
display: flex;
flex-direction: column;
border: none;
.xf-xentr_category_block_box();
}
.block-box .block-body .node,
.block .block-body .node {
.xf-xentr_category_list_node();
}
// Node Expander
.block--category
{
.collapseTrigger
{
position: absolute;
right: 8px;
top: 20%;
&.is-active:before
{
content: "\f068";
font-size: 15px;
font-weight: 300;
}
&:before
{
content: "\f067";
font-weight: 300;
}
}
}
// Node 2n Child Background
.node:nth-child(2n) {
background-color: @xf-contentAltBg;
}
.node+.node {
border: none;
}
// Node Last child radius
.node:last-child {
border-bottom-left-radius: @xf-borderRadiusLarge;
border-bottom-right-radius: @xf-borderRadiusLarge;
}
// Node Title Hover
.node-title {
a {
&:before {
margin-right: 3px;
content: '[';
-webkit-transform: translateX(20px);
-moz-transform: translateX(20px);
transform: translateX(20px);
display: inline-block;
opacity: 0;
-webkit-transition: -webkit-transform 0.3s,opacity 0.2s;
-moz-transition: -moz-transform 0.3s,opacity 0.2s;
transition: transform 0.3s,opacity 0.2s;
}
&::after {
margin-left: 3px;
content: ']';
-webkit-transform: translateX(-20px);
-moz-transform: translateX(-20px);
transform: translateX(-20px);
}
&:after {
display: inline-block;
opacity: 0;
-webkit-transition: -webkit-transform 0.3s,opacity 0.2s;
-moz-transition: -moz-transform 0.3s,opacity 0.2s;
transition: transform 0.3s,opacity 0.2s;
}
}
}
.node-title a:hover:before, .node-title a:hover:after, .node-title a:focus:before, .node-title a:focus:after {
opacity: 1;
-webkit-transform: translateX(0px);
-moz-transform: translateX(0px);
transform: translateX(0px);
color: @xf-linkHoverColor;
}
.block--category .node .node-description {
margin-left: (@xf-paddingMedium - 2px);
}
// Node Unread
.node--unread {
position: relative;
&:before {
content: '';
background-color: @xf-xentr_primary_color;
width: 2px;
border-radius: 4px;
height: 30px;
position: absolute;
top: 0;
bottom: 0;
right: -2px;
margin: auto 0;
}
}
.block--category:nth-child(odd) {
& .node--unread:before {
background-color: @xf-xentr_primary_color;
}
}
.block--category:nth-child(even) {
& .node--unread:before {
background-color: @xf-xentr_primary_color;
}
}
// Node New Badge
.is-unread .structItem-title:after {
content: '{{ phrase('new') }}';
color: @xf-paletteNeutral1;
background: @xf-xentr_primary_color;
display: inline-block;
font-size: (@xf-fontSizeSmallest - 1px);
border-radius: (@xf-borderRadiusMedium - 1px);
padding-top: 1px;
padding-right: 4px;
padding-bottom: 1px;
padding-left: 4px;
}
// Forum Node Icons
<xf:if is="{{ property('xentr_nodeIcons') }} && {{ property('xentr_select_font_awesome_style') }} == 'pro'">
/* Read Icon */
#XF .node--forum.node--read {
.node-icon {
.fa-comments {
&:before {
content: "\@xf-nodeIconRead";
}
}
}
}
/* Unread Icon */
#XF .node--forum.node--unread {
.node-icon {
i {
&:before {
content: "\@xf-nodeIconUnread";
}
}
}
}
/* Article Icon */
#XF .node--forum.node--read,
#XF .node--forum.node--unread {
.node-icon {
.fa-file-alt {
&:before {
content: "\@xf-nodeIconArticle";
}
}
}
}
/* Question Icon */
#XF .node--forum.node--read,
#XF .node--forum.node--unread {
.node-icon {
.fa-lightbulb-on {
&:before {
content: "\@xf-nodeIconQuestion";
}
}
}
}
/* Suggestion Icon */
#XF .node--forum.node--read,
#XF .node--forum.node--unread {
.node-icon {
.fa-question-circle {
&:before {
content: "\@xf-nodeIconSuggestion";
}
}
}
}
/* Link Icon */
#XF .node--link {
.node-icon {
i {
&:before {
content: "\@xf-nodeLinkIcon";
}
}
}
}
/* Page Icon */
#XF .node--page {
.node-icon {
i {
&:before {
content: "\@xf-nodePageIcon";
}
}
}
}
/* Search Icon */
#XF .node--search {
.node-icon {
i {
&:before {
content: "\@xf-nodeSearchIcon";
}
}
}
}
<xf:else />
// DOUTONE FONTS
.node-body .node-icon i,
.node-body .node-icon i.fa-question-circle,
.node-body .node-icon i.fa-lightbulb-on,
.node-body .node-icon i.fa-file-alt
{
font-family: 'Font Awesome 5 Duotone';
font-style: normal;
font-weight: 900;
position: relative;
&:before
{
opacity: .7;
content: "\@xf-nodeIconUnread";
position: absolute;
font-family: inherit;
font-weight: inherit;
color: xf-intensify(@xf-paletteNeutral3, 15%);
background: @xf-nodeIconReadColor;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
.node--link & { content: "\@xf-nodeLinkIcon"; }
.node--page & { content: "\@xf-nodePageIcon"; }
.node--search & { content: "\@xf-nodeSearchIcon"; }
}
&:after
{
color: xf-intensify(@xf-paletteNeutral1, 5%);
opacity: .5;
content: "\10@xf-nodeIconUnread";
background: @xf-nodeIconUnreadColor;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
.node--link & { content: "\10@xf-nodeLinkIcon"; }
.node--page & { content: "\10@xf-nodePageIcon"; }
.node--search & { content: "\@xf-nodeSearchIcon"; }
}
}
// Article Icon
.node-body .node-icon i.fa-file-alt:before {
content: "\@xf-nodeIconArticle";
}
.node-body .node-icon i.fa-file-alt:after {
content: "\10@xf-nodeIconArticle";
}
// Question Icon
.node-body .node-icon i.fa-question-circle:before {
content: "\@xf-nodeIconQuestion";
}
.node-body .node-icon i.fa-question-circle:after {
content: "\10@xf-nodeIconQuestion";
}
// Suggestion Icon
.node-body .node-icon i.fa-lightbulb-on:before {
content: "\@xf-nodeIconSuggestion";
}
.node-body .node-icon i.fa-lightbulb-on:after {
content: "\10@xf-nodeIconSuggestion";
}
// Search Icon
#XF .node--search .node-body .node-icon i:before {
content: "\10@xf-nodeSearchIcon";
}
#XF .node--page .node-body .node-icon i:before {
content: "\10@xf-nodePageIcon";
}
#XF .node--unread .node-body .node-icon i:before,
#XF .node--unread .node-body .node-icon i:after {
opacity: 1;
}
</xf:if>
// ######################################### SUBFORUMS #################################
.node-subNodeFlatList {
>li {
float: left;
width: 50%;
margin-right: 0 !important;
padding: (@xf-paddingSmall - 2);
overflow: hidden;
text-overflow: ellipsis;
vertical-align: middle;
white-space: nowrap;
}
}
// Node statistics
.node-extra-footer {
display: flex;
flex-direction: column;
.node-extra-content {
position: relative;
top: @xf-paddingSmall;
padding: (@xf-paddingSmall + 1);
font-size: @xf-fontSizeSmaller;
}
.node-extra-content-left {
float: left;
}
.node-extra-footer-main {
display: flex;
align-items: center;
dl {
margin-right: @xf-paddingSmall;
}
.pairs:nth-child(2) dd:after {
content: '|';
margin-left: @xf-paddingSmall;
}
}
.node-extra-footer-title {
font-weight: bold;
&:after {
content: ":";
margin-right: @xf-paddingSmall;
}
}
.node-extra-content-right {
float: right;
}
}
// ######################################### ACCONUT PAGE #################################
// Icons in sidenav on Account page
[data-template="account_alerts"], &[data-template="account_reactions"], &[data-template="account_bookmarks"],
&[data-template="account_details"], &[data-template="account_security"], &[data-template="account_privacy"],
&[data-template="account_preferences"], &[data-template="account_signature"], &[data-template="account_upgrades"],
&[data-template="account_connected"], &[data-template="account_following"], &[data-template="account_ignored"] {
.p-body-sideNavContent a.blockLink {
&:before {
.m-faBase();
padding-right: @xf-paddingSmall;
}
&[href*="members/"]:before {
.m-faContent(@fa-var-user);
}
&[href*="account/alerts"]:before {
.m-faContent(@fa-var-bell);
}
&[href*="account/reactions"]:before {
.m-faContent(@fa-var-thumbs-up);
}
&[href*="account/bookmarks"]:before {
.m-faContent(@fa-var-bookmark);
}
&[href*="account/account-details"]:before {
.m-faContent(@fa-var-user-cog);
}
&[href*="account/security"]:before {
.m-faContent(@fa-var-shield-alt);
}
&[href*="account/privacy"]:before {
.m-faContent(@fa-var-lock);
}
&[href*="account/preferences"]:before {
.m-faContent(@fa-var-cogs);
}
&[href*="account/signature"]:before {
.m-faContent(@fa-var-signature);
}
&[href*="account/upgrades"]:before {
.m-faBase('Brands');
.m-faContent(@fa-var-paypal);
}
&[href*="account/connected-accounts"]:before {
.m-faContent(@fa-var-users-class);
}
&[href*="account/following"]:before {
.m-faContent(@fa-var-user-plus);
}
&[href*="account/ignored"]:before {
.m-faContent(@fa-var-user-minus);
}
&[href*="logout"]:before {
.m-faContent(@fa-var-sign-out);
}
}
}
/*****/
// ######################################### THREAD PAGE #################################
// Actions bar
.actionBar-action:before {
margin-right: @xf-paddingSmall;
}
.actionBar-action--edit:before {.m-faContent("\f040");}
.actionBar-action--report:before {.m-faContent("\f071");}
.actionBar-action--ip:before {.m-faContent("\f002");}
.actionBar-action--delete:before {.m-faContent("\f00d");}
.actionBar-action--spam:before {.m-faContent("\f024");}
.actionBar-action--warn:before {.m-faContent("\f12a");}
.actionBar-action--history:before {.m-faContent("\f1da");}
// Node Stats
.node-stats {
text-transform: uppercase;
color: @xf-linkColor;
>dl.pairs.pairs--rows {
border-right: @xf-borderSize solid @xf-borderColor;
&:last-child {
padding-right: 0;
border-right: 0;
}
}
}
// Node Stats Icon
<xf:if is="{{ property('xentr_node_layout') }} == 'default'">
.node-stats {
dl.pairs {
dd {
&:before {
.m-faBase();
padding-right: .5em;
position: relative;
font-weight: 300;
font-size: @xf-fontSizeSmall;
}
}
&:nth-child(1) {
dd {
&:before {
content: '\f4b6';
}
}
}
&:nth-child(2) {
dd {
&:before {
content: '\f4a6';
}
}
}
}
}
</xf:if>
// ######################################### FORUM VIEW #################################
.structItemContainer-group--sticky .structItem {
background: xf-intensify(@xf-contentBg, 5%);
}
// ######################################### FOOTER #################################
// Footer icons
.p-footer-linkList a[href*="/support-tickets"]:before{ .m-faBase(); padding-right: 5px; color: @xf-publicFooterLink--color; content: "\f3ff" }
.p-footer-linkList a[href*="/misc/contact"]:before{ .m-faBase(); padding-right: 5px; color: @xf-publicFooterLink--color; content: "\f0e0" }
.p-footer-linkList a[href*="help/terms"]:before{.m-faBase(); padding-right: 5px; color: @xf-publicFooterLink--color; content: "\f071" !important;}
.p-footer-linkList a[href*="/help/"]:before{ .m-faBase(); padding-right: 5px; color: @xf-publicFooterLink--color; content: "\f059" }
.p-footer-linkList a[href*="/help/privacy-policy/"]:before{ .m-faBase(); padding-right: 5px; color: @xf-publicFooterLink--color; content: "\f21b" !important; }
.p-footer-linkList a[href*="/index.php?misc/contact"]:before{ .m-faBase(); padding-right: 5px; color: @xf-publicFooterLink--color; content: "\f0e0" }
.p-footer-linkList a[href*="/index.php?help/terms"]:before{.m-faBase(); padding-right: 5px; color: @xf-publicFooterLink--color; content: "\f071" !important;}
.p-footer-linkList a[href*="/index.php?help/"]:before{ .m-faBase(); padding-right: 5px; color: @xf-publicFooterLink--color; content: "\f059" }
.p-footer-linkList a[href*="/faqs"]:before{ .m-faBase(); padding-right: 5px; color: @xf-publicFooterLink--color; content: "\f059" !important; }
.p-footer-linkList a[href*="/index.php?help/privacy-policy/"]:before{ .m-faBase(); padding-right: 5px; color: @xf-publicFooterLink--color; content: "\f21b" !important; }
.p-footer-linkList .footer-home:before{ .m-faBase(); padding-right: 5px; color: @xf-publicFooterLink--color; content: "\f015" !important; }
<xf:if is="{{ property('xentr_footer_main') == 'footerAbove' }}">
.p-main-footer {
background: xf-intensify(@xf-publicFooter--background-color, 5%);
border-bottom: 1px solid rgba(255, 255, 255, 0.08);
font-size: @xf-fontSizeSmall;
.p-footer-inner {
padding-top: 0;
}
.p-footer-row {
padding: 10px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
a {
color: @xf-publicFooterLink--color;
}
}
.p-footer-row-main,
.p-footer-row-opposite {
margin-bottom: 0;
}
.xtr-extra-footer {
.p-footer-inner {
padding-bottom: 0;
}
}
</xf:if>
<xf:if is="{{ property('xentr_footer_main') == 'footerBelow' }}">
.xtr-extra-footer {
border-bottom: none !important;
.p-footer-inner {
padding-bottom: 0;
padding-top: 0;
}
.xtr-extra-footer-row {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
}
.p-footer-row {
margin-bottom: -5px;
margin-top: -10px;
padding: 10px;
border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.p-footer-row-main,
.p-footer-row-opposite {
margin-bottom: 0;
}
</xf:if>
// Share Buttons
.shareButtons-button
{
&.shareButtons-button--youtube
{
&:hover { background-color: #FF0000; }
> i:before { .m-faContent(@fa-var-youtube); }
}
&.shareButtons-button--gplus
{
&:hover { background-color: #dd4b39; }
> i:before { .m-faContent(@fa-var-google-plus-g); }
}
&.shareButtons-button--linkedin
{
&:hover { background-color: #0077B5; }
> i:before { .m-faContent(@fa-var-linkedin); }
}
&.shareButtons-button--vimeo
{
&:hover { background-color: #162221; }
> i:before { .m-faContent(@fa-var-vimeo); }
}
&.shareButtons-button--steam
{
&:hover { background-color: #000000; }
> i:before { .m-faContent(@fa-var-steam); }
}
&.shareButtons-button--twitch
{
&:hover { background-color: #B9A3E3; }
> i:before { .m-faContent(@fa-var-twitch); }
}
&.shareButtons-button--vk
{
&:hover { background-color: #6441A5; }
> i:before { .m-faContent(@fa-var-vk); }
}
&.shareButtons-button--instagram
{
&:hover { background-color: #405DE6; }
> i:before { .m-faContent(@fa-var-instagram); }
}
&.shareButtons-button--github
{
&:hover { background-color: #4078C0; }
> i:before { .m-faContent(@fa-var-github); }
}
&.shareButtons-button--whatsApp
{
&:hover { background-color: #25D366; }
> i:before { .m-faContent(@fa-var-whatsapp); }
}
&.shareButtons-button--email
{
&:hover { background-color: #1289ff; }
> i:before { .m-faContent(@fa-var-envelope); }
}
&.shareButtons-button--rss
{
&:hover { background-color: #F26522; }
> i:before { .m-faContent(@fa-var-rss); }
}
&.shareButtons-button--link
{
cursor: pointer;
&:hover { background-color: #787878; }
> i:before { .m-faContent(@fa-var-link); }
}
}
// Footer copyright
.p-footer-copyright {
margin-top: 5px;
padding: 5px 0;
border-top: 1px solid rgba(255, 255, 255, 0.08);
}]]></template>
<template title="xentr_bg_chooser" type="public" addon_id="" version_id="0" version_string=""><![CDATA[<xf:css src="xentr_bg_chooser.less" />
<div id="colours">
<xf:if is="property('xentr_blue_color')"><div id="bgChooser1" class="palette styleSelector1">{{ phrase('xentr_blue_bg_color') }}</div></xf:if>
<xf:if is="property('xentr_red_color')"><div id="bgChooser2" class="palette styleSelector2">{{ phrase('xentr_red_bg_color') }}</div></xf:if>
<xf:if is="property('xentr_green_color')"><div id="bgChooser3" class="palette styleSelector3">{{ phrase('xentr_green_bg_color') }}</div></xf:if>
<xf:if is="property('xentr_orange_color')"><div id="bgChooser4" class="palette styleSelector4">{{ phrase('xentr_orange_bg_color') }}</div></xf:if>
<xf:if is="property('xentr_voilet_color')"><div id="bgChooser5" class="palette styleSelector5">{{ phrase('xentr_voilet_bg_color') }}</div></xf:if>
<xf:if is="property('xentr_slate_color')"><div id="bgChooser6" class="palette styleSelector6">{{ phrase('xentr_slate_bg_color') }}</div></xf:if>
<xf:if is="property('xentr_dark_color')"><div id="bgChooser7" class="palette styleSelector7">{{ phrase('xentr_dark_bg_color') }}</div></xf:if>
<div id="result"></div>
</div>]]></template>
<template title="xentr_bg_chooser.less" type="public" addon_id="" version_id="0" version_string=""><![CDATA[/*
----------------
XENTR.NET STYLES
----------------
*/
// Pre Loader
#preloader {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: @xf-pageBg;
/* change if the mask should have another color then white */
z-index: 20000;
/* makes sure it stays on top */
}
// Background choser
#colours {
display: -webkit-flex;
-webkit-justify-content: space-between;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
align-items: center;
list-style: none;
padding-bottom: @xf-paddingLarge;
.palette {
display: block;
flex: 1 1 auto;
text-align: center;
cursor: pointer;
.xf-xentr_background_chooser_palette();
}
}
// Background choser public color
.bgChooser1 .gradient {
background-image: @styleSelector1;
}
.bgChooser2 .gradient {
background-image: @styleSelector2;
}
.bgChooser3 .gradient {
background-image: @styleSelector3;
}
.bgChooser4 .gradient {
background-image: @styleSelector4;
}
.bgChooser5 .gradient {
background-image: @styleSelector5;
}
.bgChooser6 .gradient {
background-image: @styleSelector6;
}
.bgChooser7 .gradient {
background-image: @styleSelector7;
}
// Background choser color palette
#colours .styleSelector1 {
background-image: @styleSelector1;
}
#colours .styleSelector2 {
background-image: @styleSelector2;
}
#colours .styleSelector3 {
background-image: @styleSelector3;
}
#colours .styleSelector4 {
background-image: @styleSelector4;
}
#colours .styleSelector5 {
background-image: @styleSelector5;
}
#colours .styleSelector6 {
background-image: @styleSelector6;
}
#colours .styleSelector7 {
background-image: @styleSelector7;
}
// VARIABLES
@styleSelector1: linear-gradient(-270deg, @xf-xentr_blue_color 0%, xf-diminish(@xf-xentr_blue_color, 15%) 100%);
@styleSelector2: linear-gradient(-270deg, @xf-xentr_red_color 0%, xf-diminish(@xf-xentr_red_color, 15%) 100%);
@styleSelector3: linear-gradient(-270deg, @xf-xentr_green_color 0%, xf-diminish(@xf-xentr_green_color, 15%) 100%);
@styleSelector4: linear-gradient(-270deg, @xf-xentr_orange_color 0%, xf-diminish(@xf-xentr_orange_color, 15%) 100%);
@styleSelector5: linear-gradient(-270deg, @xf-xentr_voilet_color 0%, xf-diminish(@xf-xentr_voilet_color, 15%) 100%);
@styleSelector6: linear-gradient(-270deg, @xf-xentr_slate_color 0%, xf-diminish(@xf-xentr_slate_color, 15%) 100%);
@styleSelector7: linear-gradient(-270deg, @xf-xentr_dark_color 0%, xf-diminish(@xf-xentr_dark_color, 15%) 100%);
// CUSTOM COLORS
// Blue
// Blue Background
.bgChooser1 .p-staffBar {
background-image: linear-gradient(-270deg, xf-intensify(@xf-xentr_blue_color, 10%), xf-intensify(@xf-xentr_blue_color, 15%) 100%);
border-bottom: 1px solid xf-diminish(@xf-xentr_blue_color, 5%);
}
.bgChooser1 .new-tickers,
.bgChooser1 .visitor-card:before,
.bgChooser1 .visitor-card:after {
background-image: linear-gradient(-270deg, xf-diminish(@xf-xentr_blue_color, 10%), xf-diminish(@xf-xentr_blue_color, 15%) 100%);
}
.bgChooser1 .p-nav-scroller .hScroller-action.hScroller-action--end,
.bgChooser1 .p-nav-scroller .hScroller-action.hScroller-action--start {
background-image: linear-gradient(-270deg, xf-diminish(@xf-xentr_blue_color, 10%), fade(@xf-xentr_blue_color, 15%) 100%);
}
.bgChooser1 .new-tickers .new-tickers-stair,
.bgChooser1 .new-tickers-wrap:before,
.bgChooser1 .new-tickers-wrap:after,
.bgChooser1 .node-body .node-icon i:after {
background-image: linear-gradient(-270deg, xf-diminish(@xf-xentr_blue_color, 7%), xf-diminish(@xf-xentr_blue_color, 7%) 100%);
}
.bgChooser1 .p-nav-list>li:after {
background-image: linear-gradient(-270deg, xf-diminish(@xf-xentr_blue_color, 30%), xf-diminish(@xf-xentr_blue_color, 45%) 100%);
}
.bgChooser1 .p-main-footer {
background-image: linear-gradient(-270deg, xf-intensify(@xf-xentr_blue_color, 2%), xf-intensify(@xf-xentr_blue_color, 3%) 100%);
}
.bgChooser1 .p-footer {
background-image: linear-gradient(-270deg, xf-diminish(@xf-xentr_blue_color, 1%), xf-diminish(@xf-xentr_blue_color, 3%) 100%);
}
.bgChooser1 .xtr-extra-footer {
background-image: linear-gradient(-270deg, xf-diminish(@xf-xentr_blue_color, 3%), xf-diminish(@xf-xentr_blue_color, 5%) 100%);
}
// Blue Color
.bgChooser1 .reaction-stat .fad {
color: xf-diminish(@xf-xentr_blue_color, 10%);
}
// Red Background
.bgChooser2 .p-staffBar {
background-image: linear-gradient(-270deg, xf-intensify(@xf-xentr_red_color, 10%), xf-intensify(@xf-xentr_red_color, 15%) 100%);
border-bottom: 1px solid xf-diminish(@xf-xentr_red_color, 5%);
}
.bgChooser2 .new-tickers,
.bgChooser2 .visitor-card:before,
.bgChooser2 .visitor-card:after
{
background-image: linear-gradient(-270deg, xf-diminish(@xf-xentr_red_color, 10%), xf-diminish(@xf-xentr_red_color, 15%) 100%);
}
.bgChooser2 .p-nav-scroller .hScroller-action.hScroller-action--end,
.bgChooser2 .p-nav-scroller .hScroller-action.hScroller-action--start {
background-image: linear-gradient(-270deg, xf-diminish(@xf-xentr_red_color, 10%), fade(@xf-xentr_red_color, 15%) 100%);
}
.bgChooser2 .new-tickers .new-tickers-stair,
.bgChooser2 .new-tickers-wrap:before,
.bgChooser2 .new-tickers-wrap:after,
.bgChooser2 .node-body .node-icon i:after {
background-image: linear-gradient(-270deg, xf-diminish(@xf-xentr_red_color, 7%), xf-diminish(@xf-xentr_red_color, 7%) 100%);
}
.bgChooser2 .p-nav-list>li:after {
background-image: linear-gradient(-270deg, xf-diminish(@xf-xentr_red_color, 30%), xf-diminish(@xf-xentr_red_color, 45%) 100%);
}
.bgChooser2 .p-main-footer {
background-image: linear-gradient(-270deg, xf-intensify(@xf-xentr_red_color, 2%), xf-intensify(@xf-xentr_red_color, 3%) 100%);
}
.bgChooser2 .p-footer {
background-image: linear-gradient(-270deg, xf-diminish(@xf-xentr_red_color, 1%), xf-diminish(@xf-xentr_red_color, 3%) 100%);
}
.bgChooser2 .xtr-extra-footer {
background-image: linear-gradient(-270deg, xf-diminish(@xf-xentr_red_color, 3%), xf-diminish(@xf-xentr_red_color, 5%) 100%);
}
// Red Color
.bgChooser2 .reaction-stat .fad {
color: xf-diminish(@xf-xentr_red_color, 10%);
}
// Green Background
.bgChooser3 .p-staffBar {
background-image: linear-gradient(-270deg, xf-intensify(@xf-xentr_green_color, 10%), xf-intensify(@xf-xentr_green_color, 15%) 100%);
border-bottom: 1px solid xf-diminish(@xf-xentr_green_color, 5%);
}
.bgChooser3 .new-tickers,
.bgChooser3 .visitor-card:before,
.bgChooser3 .visitor-card:after
{
background-image: linear-gradient(-270deg, xf-diminish(@xf-xentr_green_color, 10%), xf-diminish(@xf-xentr_green_color, 15%) 100%);
}
.bgChooser3 .p-nav-scroller .hScroller-action.hScroller-action--end,
.bgChooser3 .p-nav-scroller .hScroller-action.hScroller-action--start {
background-image: linear-gradient(-270deg, xf-diminish(@xf-xentr_green_color, 10%), fade(@xf-xentr_green_color, 15%) 100%);
}
.bgChooser3 .new-tickers .new-tickers-stair,
.bgChooser3 .new-tickers-wrap:before,
.bgChooser3 .new-tickers-wrap:after,
.bgChooser3 .node-body .node-icon i:after {
background-image: linear-gradient(-270deg, xf-diminish(@xf-xentr_green_color, 7%), xf-diminish(@xf-xentr_green_color, 7%) 100%);
}
.bgChooser3 .p-nav-list>li:after {
background-image: linear-gradient(-270deg, xf-diminish(@xf-xentr_green_color, 30%), xf-diminish(@xf-xentr_green_color, 45%) 100%);
}
.bgChooser3 .p-main-footer {
background-image: linear-gradient(-270deg, xf-intensify(@xf-xentr_green_color, 2%), xf-intensify(@xf-xentr_green_color, 3%) 100%);
}
.bgChooser3 .p-footer {
background-image: linear-gradient(-270deg, xf-diminish(@xf-xentr_green_color, 1%), xf-diminish(@xf-xentr_green_color, 3%) 100%);
}
.bgChooser3 .xtr-extra-footer {
background-image: linear-gradient(-270deg, xf-diminish(@xf-xentr_green_color, 3%), xf-diminish(@xf-xentr_green_color, 5%) 100%);
}
// Green Color
.bgChooser3 .reaction-stat .fad {
color: xf-diminish(@xf-xentr_green_color, 15%);
}
// Orange
.bgChooser4 .p-staffBar {
background-image: linear-gradient(-270deg, xf-intensify(@xf-xentr_orange_color, 10%), xf-intensify(@xf-xentr_orange_color, 15%) 100%);
border-bottom: 1px solid xf-diminish(@xf-xentr_orange_color, 5%);
}
.bgChooser4 .new-tickers,
.bgChooser4 .visitor-card:before,
.bgChooser4 .visitor-card:after
{
background-image: linear-gradient(-270deg, xf-diminish(@xf-xentr_orange_color, 10%), xf-diminish(@xf-xentr_orange_color, 15%) 100%);
}
.bgChooser4 .p-nav-scroller .hScroller-action.hScroller-action--end,
.bgChooser4 .p-nav-scroller .hScroller-action.hScroller-action--start {
background-image: linear-gradient(-270deg, xf-diminish(@xf-xentr_orange_color, 10%), fade(@xf-xentr_orange_color, 15%) 100%);
}
.bgChooser4 .new-tickers .new-tickers-stair,
.bgChooser4 .new-tickers-wrap:before,
.bgChooser4 .new-tickers-wrap:after,
.bgChooser4 .node-body .node-icon i:after {
background-image: linear-gradient(-270deg, xf-diminish(@xf-xentr_orange_color, 7%), xf-diminish(@xf-xentr_orange_color, 7%) 100%);
}
.bgChooser4 .p-nav-list>li:after {
background-image: linear-gradient(-270deg, xf-diminish(@xf-xentr_orange_color, 30%), xf-diminish(@xf-xentr_orange_color, 45%) 100%);
}
.bgChooser4 .p-main-footer {
background-image: linear-gradient(-270deg, xf-intensify(@xf-xentr_orange_color, 2%), xf-intensify(@xf-xentr_orange_color, 3%) 100%);
}
.bgChooser4 .p-footer {
background-image: linear-gradient(-270deg, xf-diminish(@xf-xentr_orange_color, 1%), xf-diminish(@xf-xentr_orange_color, 3%) 100%);
}
.bgChooser4 .xtr-extra-footer {
background-image: linear-gradient(-270deg, xf-diminish(@xf-xentr_orange_color, 3%), xf-diminish(@xf-xentr_orange_color, 5%) 100%);
}
// Orange Color
.bgChooser4 .reaction-stat .fad {
color: xf-diminish(@xf-xentr_orange_color, 10%);
}
// Voilet
.bgChooser5 .p-staffBar {
background-image: linear-gradient(-270deg, xf-intensify(@xf-xentr_voilet_color, 10%), xf-intensify(@xf-xentr_voilet_color, 15%) 100%);
border-bottom: 1px solid xf-diminish(@xf-xentr_voilet_color, 5%);
}
.bgChooser5 .new-tickers,
.bgChooser5 .visitor-card:before,
.bgChooser5 .visitor-card:after
{
background-image: linear-gradient(-270deg, xf-diminish(@xf-xentr_voilet_color, 10%), xf-diminish(@xf-xentr_voilet_color, 15%) 100%);
}
.bgChooser5 .p-nav-scroller .hScroller-action.hScroller-action--end,
.bgChooser5 .p-nav-scroller .hScroller-action.hScroller-action--start {
background-image: linear-gradient(-270deg, xf-diminish(@xf-xentr_voilet_color, 10%), fade(@xf-xentr_voilet_color, 15%) 100%);
}
.bgChooser5 .new-tickers .new-tickers-stair,
.bgChooser5 .new-tickers-wrap:before,
.bgChooser5 .new-tickers-wrap:after,
.bgChooser5 .node-body .node-icon i:after {
background-image: linear-gradient(-270deg, xf-diminish(@xf-xentr_voilet_color, 7%), xf-diminish(@xf-xentr_voilet_color, 7%) 100%);
}
.bgChooser5 .p-nav-list>li:after {
background-image: linear-gradient(-270deg, xf-diminish(@xf-xentr_voilet_color, 30%), xf-diminish(@xf-xentr_voilet_color, 45%) 100%);
}
.bgChooser5 .p-main-footer {
background-image: linear-gradient(-270deg, xf-intensify(@xf-xentr_voilet_color, 2%), xf-intensify(@xf-xentr_voilet_color, 3%) 100%);
}
.bgChooser5 .p-footer {
background-image: linear-gradient(-270deg, xf-diminish(@xf-xentr_voilet_color, 1%), xf-diminish(@xf-xentr_voilet_color, 3%) 100%);
}
.bgChooser5 .xtr-extra-footer {
background-image: linear-gradient(-270deg, xf-diminish(@xf-xentr_voilet_color, 3%), xf-diminish(@xf-xentr_voilet_color, 5%) 100%);
}
// Voilet Color
.bgChooser5 .reaction-stat .fad {
color: xf-diminish(@xf-xentr_voilet_color, 10%);
}
// Slate
.bgChooser6 .p-staffBar {
background-image: linear-gradient(-270deg, xf-intensify(@xf-xentr_slate_color, 10%), xf-intensify(@xf-xentr_slate_color, 15%) 100%);
border-bottom: 1px solid xf-diminish(@xf-xentr_slate_color, 5%);
}
.bgChooser6 .new-tickers,
.bgChooser6 .visitor-card:before,
.bgChooser6 .visitor-card:after
{
background-image: linear-gradient(-270deg, xf-diminish(@xf-xentr_slate_color, 10%), xf-diminish(@xf-xentr_slate_color, 15%) 100%);
}
.bgChooser6 .new-tickers .new-tickers-stair,
.bgChooser6 .new-tickers-wrap:before,
.bgChooser6 .new-tickers-wrap:after,
.bgChooser6 .node-body .node-icon i:after {
background-image: linear-gradient(-270deg, xf-diminish(@xf-xentr_slate_color, 7%), xf-diminish(@xf-xentr_slate_color, 7%) 100%);
}
.bgChooser6 .p-nav-scroller .hScroller-action.hScroller-action--end,
.bgChooser6 .p-nav-scroller .hScroller-action.hScroller-action--start {
background-image: linear-gradient(-270deg, xf-diminish(@xf-xentr_slate_color, 10%), fade(@xf-xentr_slate_color, 15%) 100%);
}
.bgChooser6 .p-nav-list>li:after {
background-image: linear-gradient(-270deg, xf-diminish(@xf-xentr_slate_color, 30%), xf-diminish(@xf-xentr_slate_color, 45%) 100%);
}
.bgChooser6 .p-main-footer {
background-image: linear-gradient(-270deg, xf-intensify(@xf-xentr_slate_color, 2%), xf-intensify(@xf-xentr_slate_color, 3%) 100%);
}
.bgChooser6 .p-footer {
background-image: linear-gradient(-270deg, xf-diminish(@xf-xentr_slate_color, 1%), xf-diminish(@xf-xentr_slate_color, 3%) 100%);
}
.bgChooser6 .xtr-extra-footer {
background-image: linear-gradient(-270deg, xf-diminish(@xf-xentr_slate_color, 3%), xf-diminish(@xf-xentr_slate_color, 5%) 100%);
}
// Slate Color
.bgChooser6 .reaction-stat .fad {
color: xf-diminish(@xf-xentr_slate_color, 10%);
}
// Dark
.bgChooser7 .p-staffBar {
background-image: linear-gradient(-270deg, xf-intensify(@xf-xentr_dark_color, 10%), xf-intensify(@xf-xentr_dark_color, 15%) 100%);
border-bottom: 1px solid xf-diminish(@xf-xentr_dark_color, 5%);
}
.bgChooser7 .new-tickers,
.bgChooser7 .visitor-card:before,
.bgChooser7 .visitor-card:after
{
background-image: linear-gradient(-270deg, xf-diminish(@xf-xentr_dark_color, 10%), xf-diminish(@xf-xentr_dark_color, 15%) 100%);
}
.bgChooser7 .new-tickers .new-tickers-stair,
.bgChooser7 .new-tickers-wrap:before,
.bgChooser7 .new-tickers-wrap:after,
.bgChooser7 .node-body .node-icon i:after {
background-image: linear-gradient(-270deg, xf-diminish(@xf-xentr_dark_color, 7%), xf-diminish(@xf-xentr_dark_color, 7%) 100%);
}
.bgChooser7 .p-nav-scroller .hScroller-action.hScroller-action--end,
.bgChooser7 .p-nav-scroller .hScroller-action.hScroller-action--start {
background-image: linear-gradient(-270deg, xf-diminish(@xf-xentr_dark_color, 10%), fade(@xf-xentr_dark_color, 15%) 100%);
}
.bgChooser7 .p-nav-list>li:after {
background-image: linear-gradient(-270deg, xf-diminish(@xf-xentr_dark_color, 30%), xf-diminish(@xf-xentr_dark_color, 45%) 100%);
}
.bgChooser7 .p-main-footer {
background-image: linear-gradient(-270deg, xf-intensify(@xf-xentr_dark_color, 2%), xf-intensify(@xf-xentr_dark_color, 3%) 100%);
}
.bgChooser7 .p-footer {
background-image: linear-gradient(-270deg, xf-diminish(@xf-xentr_dark_color, 1%), xf-diminish(@xf-xentr_dark_color, 3%) 100%);
}
.bgChooser7 .xtr-extra-footer {
background-image: linear-gradient(-270deg, xf-diminish(@xf-xentr_dark_color, 3%), xf-diminish(@xf-xentr_dark_color, 5%) 100%);
}
// Dark Color
.bgChooser7 .reaction-stat .fad {
color: xf-diminish(@xf-xentr_dark_color, 10%);
}]]></template>
<template title="xentr_bg_chooser_js" type="public" addon_id="" version_id="0" version_string=""><![CDATA[<script>
<!--XENTR:Toggle Button-->
$('.bgPicker').click(function() {
$("#colours").slideToggle(function() {
localStorage.setItem('visible', $(this).is(":visible"));
});
});
$('#colours').toggle(localStorage.getItem('visible') === 'true');
// stored in localStorage as string, `toggle` needs boolean
var isVisible = localStorage.getItem("visible") === "false" ? false : false;
$("#colours").toggle(isVisible);
<!--XENTR:LocalStorage Background-->
if (typeof localStorage == "undefined") {
document.getElementById("result").innerHTML = "Your browser does not support HTML5 localStorage. Try upgrading.";
} else {
if (localStorage.getItem("background") !== null) {
getColour = localStorage.background;
$("body").addClass(getColour);
}
}
$(document).ready(function () {
getColour = localStorage.background;
$(".palette").click(function () {
getColour = localStorage.background;
$("body").removeClass(getColour);
localStorage.removeItem("background");
var setColour = $(this).attr("id");
$("body").addClass(setColour);
localStorage.setItem("background", setColour);
});
});
</script>]]></template>
<template title="xentr_core.less" type="public" addon_id="" version_id="0" version_string=""><![CDATA[// ############################################## STAFF BAR ######################################
// Staff Bar links
.p-staffBar-inner .hScroller-scroll {
display: flex;
justify-content: space-between;
}
// ############################################## GUEST LOGIN REGISTER #########################################
// Icons for Login and Register buttons
.p-navgroup-link.p-navgroup-link--textual.p-navgroup-link--logIn:before {
.m-faBase();
.m-faContent(@fa-var-sign-in, 1em);
color: @xf-xentr_primary_color;
}
.p-navgroup-link.p-navgroup-link--textual.p-navgroup-link--register:before {
.m-faBase();
.m-faContent(@fa-var-key, 1em);
color: @xf-xentr_primary_color;
}
// ############################################## HEADER #########################################
// ######################################### NAVIGATION POSITION #################################
// ####################################### NAVIGATION STYLE COLOR ################################
// ######################################### VISITOR MENU ########################################
// ######################################### NAVIGATION POSITION #################################
// ####################################### MESSAGE USER INFO BLOCK ###############################]]></template>
<template title="xentr_footer" type="public" addon_id="" version_id="0" version_string=""><![CDATA[<xf:css src="xentr_footer.less" />
<div class="xtr-extra-footer">
<div class="p-footer-inner">
<div class="xtr-extra-footer-row">
<xf:if is="{{ property('xtr_enable_extra_footer_column1') }}">
<div class="block-grid">
<xf:if is="{$blockId} == 'custom'">
<h3 class="block-minorHeader"><i class="{{ property('xtr_extra_footer_column_icon1') }}"></i> {{ property('xtr_extra_footer_column_title1') }}</h3>
<ul class="block-body">
{{ property('xtr_extra_footer_column1_content') }}
</ul>
<xf:else />
<xf:macro name="footerWidgets" arg-block="1" />
</xf:if>
</div>
</xf:if>
<xf:if is="{{ property('xtr_enable_extra_footer_column2') }}">
<div class="block-grid">
<xf:if is="{$blockId} == 'custom'">
<h3 class="block-minorHeader"><i class="{{ property('xtr_extra_footer_column_icon2') }}"></i> {{ property('xtr_extra_footer_column_title2') }}</h3>
<div class="block-body block-row">
<xf:if is="$xf.options.homePageUrl">
<div class="blockLink"><a class="{$baseClass}" href="{$xf.options.homePageUrl}">{{ phrase('home') }}</a></div>
</xf:if>
<div class="blockLink"><a class="{$baseClass}" href="{{ link('forums') }}">{{ phrase('forums') }}</a></div>
<div class="blockLink"><a class="{$baseClass}" href="{{ link('whats-new/posts') }}">{{ phrase('new_posts') }}</a></div>
</div>
<xf:else />
<xf:macro name="footerWidgets" arg-block="2" />
</xf:if>
</div>
</xf:if>
<xf:if is="{{ property('xtr_enable_extra_footer_column3') }}">
<div class="block-grid">
<xf:if is="{$blockId} == 'custom'">
<h3 class="block-minorHeader"><i class="{{ property('xtr_extra_footer_column_icon3') }}"></i> {{ property('xtr_extra_footer_column_title3') }}</h3>
<xf:else />
<xf:macro name="footerWidgets" arg-block="3" />
</xf:if>
</div>
</xf:if>
<xf:if is="{{ property('xtr_enable_extra_footer_column4') }}">
<div class="block-grid">
<xf:if is="{$blockId} == 'custom'">
<h3 class="block-minorHeader"><i class="{{ property('xtr_extra_footer_column_icon4') }}"></i> {{ property('xtr_extra_footer_column_title4') }}</h3>
<xf:else />
<xf:macro name="footerWidgets" arg-block="4" />
</xf:if>
</div>
</xf:if>
</div>
</div>
</div>
<xf:macro name="footerWidgets" arg-block="{$block}">
<xf:set var="$blockId" value="{{ property('xtr_extra_footer_column' . $block) }}" />
<xf:if is="{$blockId} == 'custom'">
<h3 class="block-minorHeader"><i class="{{ property('xtr_extra_footer_column_icon' .$block) }}"></i>{{ property('xtr_extra_footer_column_title' .$block) }}</h3>
<div class="block-body block-row">
{{ property('xtr_extra_footer_column_content' .$block) }}
</div>
<xf:elseif is="{$blockId} == 'socialicons'" />
<xf:include template="xentr_social_icons" />
<xf:elseif is="{$blockId} == 'whatsNewLinks'" />
<xf:macro name="whatsNewLinks" />
<xf:elseif is="{$blockId} == 'NewPost'" />
<xf:widget key="forum_overview_new_posts" />
<xf:elseif is="{$blockId} == 'ForumStatistics'" />
<xf:widget class="XF:ForumStatistics" />
<xf:elseif is="{$blockId} == 'OnlineStatistics'" />
<xf:widget class="XF:OnlineStatistics" />
<xf:elseif is="{$blockId} == 'NewProfilePost'" />
<xf:widget key="forum_overview_new_profile_posts" />
<xf:elseif is="{$blockId} == 'NewestMembers'" />
<xf:widget key="member_wrapper_newest_members" />
<xf:elseif is="{$blockId} == 'ShareThisPage'" />
<xf:widget key="forum_overview_share_page" />
<xf:elseif is="{$blockId} == 'MemberOnline'" />
<xf:widget key="forum_overview_members_online" />
</xf:if>
</xf:macro>
<xf:macro name="whatsNewLinks">
<h3 class="block-minorHeader"><i class="{{ property('xtr_extra_footer_column_icon' .$block) }}"></i><i class="fas fa-bolt"></i> {{ phrase('whats_new') }}</h3>
<div class="block-body block-row">
<!--[XF:links:start]-->
<div class="blockLink"><i class="fas fa-caret-right"></i> <a class="{$baseClass} {{ $pageSelected == 'new_thread' ? {$selectedClass} : '' }}" href="{{ link('whats-new/posts') }}" rel="nofollow">{{ phrase('new_posts') }}</a></div>
<!--[XF:links:after_thread]-->
<xf:if is="$xf.visitor.canViewProfilePosts()">
<div class="blockLink"><i class="fas fa-caret-right"></i> <a class="{$baseClass} {{ $pageSelected == 'new_profile_post' ? {$selectedClass} : '' }}" href="{{ link('whats-new/profile-posts') }}" rel="nofollow">{{ phrase('new_profile_posts') }}</a></div>
</xf:if>
<!--[XF:links:after_profile_post]-->
<xf:if is="$xf.options.enableNewsFeed">
<xf:if is="$xf.visitor.user_id">
<div class="blockLink"><i class="fas fa-caret-right"></i> <a class="{$baseClass} {{ $pageSelected == 'news_feed' ? {$selectedClass} : '' }}" href="{{ link('whats-new/news-feed') }}" rel="nofollow">{{ phrase('your_news_feed') }}</a></div>
</xf:if>
<div class="blockLink"><i class="fas fa-caret-right"></i> <a class="{$baseClass} {{ $pageSelected == 'latest_activity' ? {$selectedClass} : '' }}" href="{{ link('whats-new/latest-activity') }}" rel="nofollow">{{ phrase('latest_activity') }}</a></div>
</xf:if>
</div>
</xf:macro>]]></template>
<template title="xentr_footer.less" type="public" addon_id="" version_id="0" version_string=""><![CDATA[.xtr-extra-footer {
position: relative;
background: @xf-publicFooter--background-color;
.xtr-extra-footer-row {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
min-width: 0;
word-wrap: break-word;
border: 0;
background-clip: border-box;
border-radius: 4px;
.block-icon {
display: none;
}
}
.block-grid {
flex-basis: {{ property('xtr_extra_footer_block_width')}}px;
padding: calc(@xf-xtr_extra_footer_block_spacing / 3);
margin: 0;
flex-grow: 1;
min-width: 0;
@media (min-width: 1000px)
{
&:nth-of-type(2) {
flex-basis: (@xf-xtr_extra_footer_block_width / 2px );
}
&:nth-of-type(3) {
flex-basis: (@xf-xtr_extra_footer_block_width / 2px );
}
}
.block {
margin: 0;
}
.blockLink {
padding: 5px;
&:hover {
background: transparent;
}
a {
color: @xf-publicFooterLink--color;
&:hover {
color: xf-intensify(@xf-publicFooterLink--color, 5%);
}
}
i {
margin-right: 5px;
}
}
}
.block-container {
border: none;
box-shadow: none;
background: none;
.block-footer {
border: none;
color: @xf-publicFooterLink--color;
background: fade(@xf-paletteColor5, 15%);
border-radius: 4px;
}
}
.block-minorHeader {
position: relative;
background: none;
display: block !important;
color: @xf-publicFooter--color;
border-bottom: @xf-borderSize solid @xf-borderColor;
text-transform: uppercase;
padding: 10px !important;
&:before {
display: none;
}
i {
margin-right: 10px;
}
}
.block-row {
color: @xf-publicFooter--color;
a {
color: @xf-publicFooter--color;
}
}
}]]></template>
<template title="xentr_particles_js" type="public" addon_id="" version_id="0" version_string=""><![CDATA[<xf:js>
window.addEventListener('DOMContentLoaded', (event) => {
particlesJS("particles-js", {
"particles": {
"number": {
"value": 19,
"density": {
"enable": true,
"value_area": 481.0236182596568
}
},
"color": {
"value": "#ffffff"
},
"shape": {
"type": "circle",
"stroke": {
"width": 0,
"color": "#000000"
},
"polygon": {
"nb_sides": 12
},
},
"opacity": {
"value": 0.3286994724774322,
"random": true,
"anim": {
"enable": false,
"speed": 1,
"opacity_min": 0.1,
"sync": false
}
},
"size": {
"value": 47.34885849793636,
"random": true,
"anim": {
"enable": true,
"speed": 9.59040959040959,
"size_min": 5.594405594405594,
"sync": true
}
},
"line_linked": {
"enable": true,
"distance": 150,
"color": "#ffffff",
"opacity": 0.4,
"width": 1
},
"move": {
"enable": true,
"speed": 6.413648243462092,
"direction": "none",
"random": true,
"straight": false,
"out_mode": "bounce",
"bounce": false,
"attract": {
"enable": true,
"rotateX": 320.6824121731046,
"rotateY": 481.0236182596568
}
}
},
"interactivity": {
"detect_on": "canvas",
"events": {
"onhover": {
"enable": true,
"mode": "repulse"
},
"onclick": {
"enable": true,
"mode": "push"
},
"resize": true
},
"modes": {
"grab": {
"distance": 400,
"line_linked": {
"opacity": 1
}
},
"bubble": {
"distance": 400,
"size": 40,
"duration": 2,
"opacity": 8,
"speed": 3
},
"repulse": {
"distance": 200,
"duration": 0.4
},
"push": {
"particles_nb": 4
},
"remove": {
"particles_nb": 2
}
}
},
"retina_detect": true
});
});
</xf:js>]]></template>
<template title="xentr_quick_touch" type="public" addon_id="" version_id="0" version_string=""><![CDATA[<xf:css src="xentr_quick_touch.less" />
<div id="quick-touch-page-content" class="quick-touch-section">
<div class="p-quick-touch-inner">
<xf:if is="{{ property('xentr_quickTouchOneColumns') }}">
<div class="quick-touch-block ask">
<div class="quick-touch-body">
<div class="quick-touch-content">
<div class="quick-touch-icon-box-style">
<div class="quick-touch_icon blue">
<span class="quick-touch_crown">
<span class="quick-touch_crown"><i class="{{ property('xentr_quickTouchOneColumnsIcon') }}"></i></span>
</span>
</div>
<div class="icon-box-body">
<h4>{{ property('xentr_quickTouchOneColumnsTitle') }}</h4>
<p>{{ property('xentr_quickTouchOneColumnsContent') }}</p>
</div>
<div class="icon-box-links">
<xf:if is="$xf.visitor.user_id">
<xf:if is="!{{ property('xentr_quickTouchFirstColumnsURL') }}">
<xf:if is="$xf.visitor.canCreateThread()">
<xf:button href="{{ link('forums/create-thread') }}" class="button--blue button" icon="write" overlay="true" data-xf-init="tooltip" title="{{ phrase('post_thread...')|for_attr }}"></xf:button>
</xf:if>
<xf:else />
<xf:button href="{{ property('xentr_quickTouchFirstColumnsURL') }}" class="button--blue" icon="write"
data-xf-init="tooltip" title="{{ property('xentr_quickTouchFirstColumnsButtonName') }}"
target="{{ property('xentr_quickTouchSecondColumnsButtonOpen') }}">
</xf:button>
</xf:if>
<xf:else />
<xf:if is="$xf.options.registrationSetup.enabled">
<xf:button href="{{ link('register') }}" class="button--register button" icon="write" overlay="true"
data-xf-click="overlay" data-follow-redirects="on"
data-xf-init="tooltip" title="{{ phrase('register')|for_attr }}">
</xf:button>
</xf:if>
</xf:if>
</div>
</div>
</div>
</div>
</div>
</xf:if>
<xf:if is="{{ property('xentr_quickTouchSecondColumns') }}">
<div class="quick-touch-block answer">
<div class="quick-touch-body">
<div class="quick-touch-content">
<div class="quick-touch-icon-box-style">
<div class="quick-touch_icon green">
<span class="quick-touch_crown"><i class="{{ property('xentr_quickTouchSecondColumnsIcon') }}"></i></span>
</div>
<div class="icon-box-body">
<h4>{{ property('xentr_quickTouchSecondColumnsTitle') }}</h4>
<p>{{ property('xentr_quickTouchSecondColumnsContent') }}</p>
</div>
<div class="icon-box-links">
<xf:if is="!{{ property('xentr_quickTouchSecondColumnsURL') }}">
<xf:button href="{{ link('whats-new/posts') }}" class="button--green button" icon="bolt" data-xf-init="tooltip" title="{{ phrase('new_posts')|for_attr }}"></xf:button>
<xf:else />
<xf:button href="{{ property('xentr_quickTouchSecondColumnsURL') }}" class="button--green button" icon="write"
data-xf-init="tooltip" title="{{ property('xentr_quickTouchSecondColumnsButtonName') }}"
target="{{ property('xentr_quickTouchSecondColumnsButtonOpen') }}">
</xf:button>
</xf:if>
</div>
</div>
</div>
</div>
</div>
</xf:if>
<xf:if is="{{ property('xentr_quickTouchThirdColumns') }}">
<div class="quick-touch-block expert">
<div class="quick-touch-body">
<div class="quick-touch-content">
<div class="quick-touch-icon-box-style">
<div class="quick-touch_icon red">
<span class="quick-touch_crown"><i class="{{ property('xentr_quickTouchThirdColumnsIcon') }}"></i></span>
</div>
<div class="icon-box-body">
<h4>{{ property('xentr_quickTouchThirdColumnsTitle') }}</h4>
<p>{{ property('xentr_quickTouchThirdColumnsContent') }}</p>
</div>
<div class="icon-box-links">
<xf:if is="!{{ property('xentr_quickTouchThirdColumnsURL') }}">
<xf:if is="$xf.visitor.canUseContactForm()">
<xf:if is="$xf.contactUrl">
<xf:button href="{$xf.contactUrl}" data-xf-click="{{ ($xf.options.contactUrl.overlay OR $xf.options.contactUrl.type == 'default') ? 'overlay' : '' }}" class="button--red button" icon="reply"
data-xf-init="tooltip" title="{{ phrase('contact_us')|for_attr }}">
</xf:button>
</xf:if>
</xf:if>
<xf:else />
<xf:button href="{{ property('xentr_quickTouchThirdColumnsURL') }}" class="button--red button" icon="write"
data-xf-init="tooltip" title="{{ property('xentr_quickTouchThirdColumnsButtonName') }}"
target="{{ property('xentr_quickTouchThirdColumnsButtonOpen') }}">
</xf:button>
</xf:if>
</div>
</div>
</div>
</div>
</div>
</xf:if>
</div>
</div>]]></template>
<template title="xentr_quick_touch.less" type="public" addon_id="" version_id="0" version_string=""><![CDATA[@_quick-touchList-tabletCellBreakpoint: @xf-responsiveWide;
@_quick-touchList-mobileCellBreakpoint: @xf-responsiveMedium;
#quick-touch-page-content {
display: flex;
flex-flow: row wrap;
border: 0;
margin: -5px;
background: none;
padding-bottom: ((@xf-elementSpacer) / 2);
.p-quick-touch-inner {
display: flex;
width: 100%;
}
.quick-touch-block {
.xf-xentr_quick_touchBlock();
margin: ((@xf-paddingMedium) - 3);
flex: 1;
flex-direction: column;
box-shadow: 0 4px 25px 0 rgba(0,0,0,0.1);
border-radius: @xf-borderRadiusLarge;
.quick-touch-body {
.xf-xentr_quick_touchBlockBody();
width: 100%;
}
}
.quick-touch-content {
padding: 0;
}
.quick-touch-icon-box-style {
position: relative;
}
}
@media (max-width: @_quick-touchList-tabletCellBreakpoint)
{
#quick-touch-page-content .p-quick-touch-inner {
display: block;
}
}
.quick-touch-block {
.quick-touch-icon-box-style {
.quick-touch_icon {
padding: 40px;
border-radius: 3px;
position: relative;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
float: left;
span {
.xf-xentr_quick_touch_block_icon_style();
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
}
.icon-box-body {
float: left;
width: 100%;
text-align: left;
}
}
}
.quick-touch-block .quick-touch-icon-box-style .quick-touch_icon + .icon-box-body {
width: ~"calc(100% - 100px)";
padding-left: @xf-paddingLarge;
}
.quick-touch-block .quick-touch-icon-box-style .icon-box-body h4 {
margin: 0;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
color: inherit;
}
.quick-touch-block .quick-touch-icon-box-style .quick-touch_icon.blue {
.xf-xentr_quick_touch_block_first_button_color();
}
.quick-touch-block .quick-touch-icon-box-style .quick-touch_icon.blue + .icon-box-body h4 {
color: @xf-xentr_quick_touch_block_first_button_color--background-color;
}
.quick-touch-block .quick-touch-icon-box-style .quick-touch_icon.green {
.xf-xentr_quick_touch_block_second_button_color();
}
.quick-touch-block .quick-touch-icon-box-style .icon-box-links .button--green {
.xf-xentr_quick_touch_block_second_button_color();
}
.quick-touch-block .quick-touch-icon-box-style .quick-touch_icon.green + .icon-box-body h4 {
color: @xf-xentr_quick_touch_block_second_button_color--background-color;
}
.quick-touch-block .quick-touch-icon-box-style .quick-touch_icon.red {
.xf-xentr_quick_touch_block_third_button_color();
}
.quick-touch-block .quick-touch-icon-box-style .icon-box-links .button--red {
.xf-xentr_quick_touch_block_third_button_color();
}
.quick-touch-block .quick-touch-icon-box-style .quick-touch_icon.red + .icon-box-body h4 {
color: @xf-xentr_quick_touch_block_third_button_color--background-color;
}
.quick-touch-block .quick-touch-icon-box-style + .quick-touch-icon-box-style {
margin-top: 30px;
}
.quick-touch-block .quick-touch-icon-box-style .icon-box-body p {
.xf-xentr_quick_touch_block_content();
}
.quick-touch-block .quick-touch-icon-box-style:after {
content: "";
display: table;
clear: both;
}
// quick-touch content button icons
#quick-touch-page-content {
.quick-touch-icon-box-style {
.icon-box-links {
.button {
position: absolute;
right: 0;
color: #000;
top: 0;
padding: 0;
border: none;
width: 30px;
height: 30px;
background: none;
&:hover {
&:after {
opacity: 1;
}
}
.button-text {
display: none;
}
&::after {
.m-faBase();
font-size: @xf-fontSizeLarge !important;
color: inherit;
position: relative;
transform: none;
content: '\f304';
border: none;
background: none;
}
}
.button--blue {
&:after {
content: '\f044';
color: @xf-xentr_quick_touch_block_first_button_color--background-color;
font-size: 22px !important;
}
}
.button--register {
&:after {
content: '\f084';
color: @xf-xentr_quick_touch_block_first_button_color--background-color;
font-size: 22px !important;
}
}
.button--green {
&:after {
content: '\f0e7';
color: @xf-xentr_quick_touch_block_second_button_color--background-color;
font-size: 22px !important;
}
}
.button--red {
&:after {
content: '\f0e0';
color: @xf-xentr_quick_touch_block_third_button_color--background-color;
font-size: 22px !important;
}
}
}
}
}
// quick-touch content mobile device
<xf:if is="property('xentr_mobileQuickTouch')">
@media (max-width: {{ property('xentr_quickTouchMobileWidth') - 1 }}px )
{
#quick-touch-page-content {
display: none;
}
}
</xf:if>]]></template>
<template title="xentr_sidebar_user_reaction" type="public" addon_id="" version_id="0" version_string=""><![CDATA[<xf:css src="xentr_sidebar_user_reaction.less" />
<xf:css src="carousel.less" />
<xf:css src="lightslider.less" />
<xf:js prod="xf/carousel-compiled.js" dev="vendor/lightslider/lightslider.min.js, xf/carousel.js" />
<div class="xentr-user-reactions">
<div class="carousel userReactionsCarousel">
<ul class="carousel-body carousel-body--show" data-xf-init="carousel" data-items="{$xf.options.xentr_carousel_slider_number}">
<xf:if is="count($xf.reactionsActive) > 1">
<xf:foreach loop="$userReactionRecieved" key="$reactionId" value="$total">
<li>
<div class="carousel-item">
<div class="tooltip-content-inner">
<div class="reactTooltip">
<xf:if is="$reactionId">
<xf:if is="{$xf.options.xentr_user_reaction_icon_size} == 'small'">
<xf:reaction id="{$reactionId}" small="true" tooltip="true" showtitle="true" appendtitle="{$total|number|parens}" />
<xf:elseif is="{$xf.options.xentr_user_reaction_icon_size} == 'medium'" />
<xf:reaction id="{$reactionId}" medium="true" tooltip="true" showtitle="true" appendtitle="{$total|number|parens}" />
</xf:if>
</xf:if>
</div>
</div>
</div>
</li>
</xf:foreach>
</xf:if>
</ul>
</div>
</div>]]></template>
<template title="xentr_sidebar_user_reaction.less" type="public" addon_id="" version_id="0" version_string=""><![CDATA[// Carousel Card Slider
.xentr-user-reactions {
position: relative;
.carousel {
margin: 0;
}
.carousel-body {
>li {
width: auto;
}
display: flex;
flex-wrap: wrap;
height: auto !important;
.carousel-item {
border: none;
.reactTooltip {
.reaction {
margin: 0;
text-align: center;
}
}
}
}
.reaction-text {
display: flex;
font-size: @xf-fontSizeSmall;
bdi {
display: none;
}
}
}]]></template>
<template title="xentr_sidebar_visitor_card" type="public" addon_id="" version_id="0" version_string=""><![CDATA[<xf:css src="xentr_sidebar_visitor_card.less" />
<xf:if is="$xf.visitor.user_id">
<div class="block">
<div class="block-container">
<div class="visitor-card">
<div class="visitor-card-main">
<div class="visitor-card-content">
<div class="visitor-card-img">
<xf:avatar user="{$xf.visitor}" size="s" href="" notooltip="true" update="{{ link('account/avatar', $xf.visitor) }}" />
</div>
<h3 class="contentRow-header"><xf:username user="$xf.visitor" rich="true" notooltip="true" /></h3>
<div class="contentRow-lesser">
<xf:usertitle user="$xf.visitor" />
</div>
</div>
</div>
<div class="visitor-card-icons">
<xf:if is="{$xf.options.xentr_reaction_score}">
<div class="reaction-stats">
<div class="reaction-stat">
<i class="{$xf.options.xentr_reaction_score_icon}" data-xf-init="tooltip" title="{{ phrase('reaction_score') }}"></i>
<div class="reaction-stat-count">
<a href="{{ link('account/reactions') }}" class="fauxBlockLink-linkRow u-concealed">
{$xf.visitor.reaction_score|number}
</a>
</div>
</div>
</div>
</xf:if>
<xf:if is="{$xf.options.xentr_trophy_points}">
<div class="reaction-stats">
<div class="reaction-stat">
<i class="{$xf.options.xentr_trophy_points_icon}" data-xf-init="tooltip" title="{{ phrase('trophy_points') }}"></i>
<div class="reaction-stat-count">
<a href="{{ link('members/trophies', $xf.visitor) }}" data-xf-click="overlay" class="fauxBlockLink-linkRow u-concealed">
{$xf.visitor.trophy_points|number}
</a>
</div>
</div>
</div>
</xf:if>
<xf:if is="{$xf.options.xentr_messages}">
<div class="reaction-stats">
<div class="reaction-stat">
<i class="{$xf.options.xentr_messages_icon}" data-xf-init="tooltip" title="{{ phrase('messages') }}"></i>
<div class="reaction-stat-count">
<a href="{{ link('search/member', null, {'user_id': $xf.visitor.user_id}) }}" class="fauxBlockLink-linkRow u-concealed">
{$xf.visitor.message_count|number}
</a>
</div>
</div>
</div>
</xf:if>
<xf:if is="$xf.options.xentr_question_solution && $xf.visitor.question_solution_count">
<div class="reaction-stats">
<div class="reaction-stat">
<i class="{$xf.options.xentr_question_solution_icon}" data-xf-init="tooltip" title="{{ phrase('solutions') }}"></i>
<div class="reaction-stat-count">
{$xf.visitor.question_solution_count|number}
</div>
</div>
</div>
</xf:if>
<xf:if is="is_addon_active('DBTech/Credits')">
<div class="reaction-stats">
<div class="reaction-stat">
<i class="{$xf.options.xentr_dbtech_credits_icon}" data-xf-init="tooltip" title="{{ phrase('dbtech_credits_credits') }}"></i>
<div class="reaction-stat-count">
<xf:include template="dbtech_credits_postbit" />
</div>
</div>
</div>
</xf:if>
</div>
</div>
<xf:if is="{$xf.options.xentr_user_reaction_enable}">
<xf:include template="xentr_sidebar_user_reaction" />
</xf:if>
</div>
</div>
</xf:if>]]></template>
<template title="xentr_sidebar_visitor_card.less" type="public" addon_id="" version_id="0" version_string=""><![CDATA[/*---------------------------------
VISITOR CARD
---------------------------------*/
.visitor-card {
overflow: hidden;
position: relative;
text-align: center;
border-radius: 5px;
img {
object-fit: cover;
margin: 10px auto;
border-radius: 50%;
position: relative;
transition: all 0.25s linear;
&:hover {
transform: scale(1.1);
}
}
&:before {
content: "";
position: absolute;
top: 0;
right: 0px;
left: 0px;
height: 50px;
background: @xf-blockMinorHeader--background-color;
box-shadow: inset rgba(255,255,255,0.1) 0px 0px 0px 1px, inset rgba(255,255,255,0.2) 0px 1px 0px;
}
&:after {
content: "";
position: absolute;
top: 0px;
right: 0px;
left: 0px;
height: 50px;
background: @xf-blockMinorHeader--background-color;
box-shadow: inset rgba(255,255,255,0.1) 0px 0px 0px 1px, inset rgba(255,255,255,0.2) 0px 1px 0px;
}
.visitor-card-main {
padding-top: 20px;
overflow: hidden;
position: relative;
.visitor-card-content {
position: relative;
background: @xf-contentBg;
padding: 50px 0px 10px 0px;
text-align: center;
}
.visitor-card-img {
position: absolute;
left: 0px;
right: 0px;
z-index: 10;
top: 0;
transition: all .25s linear;
transform-style: preserve-3d;
.avatar {
border: 5px solid @xf-contentBg;
box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
}
}
}
.visitor-card-icons {
display: flex;
align-items: center;
justify-content: space-between;
padding: 10px 0;
border-top: 1px solid @xf-borderColorFaint;
border-bottom: 1px solid @xf-borderColorFaint;
.fab {
margin: 7px;
color: @xf-paletteColor3;
font-size: 20px;
transition: 250ms ease;
&:hover {
transform: translateY(-.5rem)
}
}
}
}
// Reaction Stats
.reaction-stats {
flex: 1 1 auto;
justify-content: center;
.reaction-stat {
width: auto;
position: relative;
.reaction-stat-count {
display: flex;
justify-content: center;
font-size: @xf-fontSizeSmall;
}
.pairs>dt {
display: none;
}
&::after {
content: '';
width: 1px;
height: 40px;
background-color: @xf-borderColor;
position: absolute;
top: 32px;
right: 0;
}
&:last-child {
&::after {
display: none;
}
}
}
}
// Reaction stat icon
.reaction-stat {
.fad {
transition: 250ms ease;
font-size: 20px;
color: @xf-textColorDimmed;
&:hover {
transform: translateY(-.5rem)
}
}
}]]></template>
<template title="xentr_social_icons" type="public" addon_id="" version_id="0" version_string=""><![CDATA[<xf:if contentcheck="true">
<xf:css src="share_controls.less" />
<xf:if is="$socialtitle is not empty">
<div class="p-socialDescription">{$socialtitle}</div>
</xf:if>
<xf:if is="{{ property('xtr_enable_extra_footer') }}">
<div class="block">
<h3 class="block-minorHeader"><i class="{{ property('xtr_extra_footer_column_icon' .$block) }}"></i> {{ property('xtr_extra_footer_block_social_title') }}</h3>
</div>
</xf:if>
<div class="shareButtons shareButtons--iconic">
<xf:contentcheck>
<xf:if is="property('xtr_facebook')">
<a class="shareButtons-button shareButtons-button--brand shareButtons-button--facebook" href="{{ property('xtr_facebook') }}" target="_blank">
<i aria-hidden="true"></i>
<span>{{ phrase('facebook') }}</span>
</a>
</xf:if>
<xf:if is="property('xtr_twitter')">
<a class="shareButtons-button shareButtons-button--brand shareButtons-button--twitter" href="{{ property('xtr_twitter') }}" target="_blank">
<i aria-hidden="true"></i>
<span>{{ phrase('twitter') }}</span>
</a>
</xf:if>
<xf:if is="property('xtr_youtube')">
<a class="shareButtons-button shareButtons-button--brand shareButtons-button--youtube" href="{{ property('xtr_youtube') }}" target="_blank">
<i aria-hidden="true"></i>
<span>{{ phrase('youtube') }}</span>
</a>
</xf:if>
<xf:if is="property('xtr_discord')">
<a class="shareButtons-button shareButtons-button--brand shareButtons-button--discord" href="{{ property('xtr_discord') }}" target="_blank">
<i aria-hidden="true"></i>
<span>Discord</span>
</a>
</xf:if>
<xf:if is="property('xtr_steam')">
<a class="shareButtons-button shareButtons-button--brand shareButtons-button--steam" href="{{ property('xtr_steam') }}" target="_blank">
<i aria-hidden="true"></i>
<span>Steam</span>
</a>
</xf:if>
<xf:if is="property('xtr_twitch')">
<a class="shareButtons-button shareButtons-button--brand shareButtons-button--twitch" href="{{ property('xtr_twitch') }}" target="_blank">
<i aria-hidden="true"></i>
<span>Twitch</span>
</a>
</xf:if>
<xf:if is="property('xtr_instagram')">
<a class="shareButtons-button shareButtons-button--brand shareButtons-button--instagram" href="{{ property('xtr_instagram') }}" target="_blank">
<i aria-hidden="true"></i>
<span>Instagram</span>
</a>
</xf:if>
<xf:if is="property('xtr_reddit')">
<a class="shareButtons-button shareButtons-button--brand shareButtons-button--reddit" href="{{ property('xtr_reddit') }}" target="_blank">
<i aria-hidden="true"></i>
<span>{{ phrase('reddit') }}</span>
</a>
</xf:if>
<xf:if is="property('xtr_linkedIn')">
<a class="shareButtons-button shareButtons-button--brand shareButtons-button--linkedin" href="{{ property('xtr_linkedIn') }}" target="_blank">
<i aria-hidden="true"></i>
<span>LinkedIn</span>
</a>
</xf:if>
<xf:if is="property('xtr_vimeo')">
<a class="shareButtons-button shareButtons-button--brand shareButtons-button--vimeo" href="{{ property('xtr_vimeo') }}" target="_blank">
<i aria-hidden="true"></i>
<span>Vimeo</span>
</a>
</xf:if>
<xf:if is="property('xtr_pinterest')">
<a class="shareButtons-button shareButtons-button--brand shareButtons-button--pinterest" href="{{ property('xtr_pinterest') }}" target="_blank">
<i></i>
<span>{{ phrase('pinterest') }}</span>
</a>
</xf:if>
<xf:if is="property('xtr_vk')">
<a class="shareButtons-button shareButtons-button--brand shareButtons-button--vk" href="{{ property('xtr_vk') }}" target="_blank">
<i aria-hidden="true"></i>
<span>VK</span>
</a>
</xf:if>
<xf:if is="property('xtr_tumblr')">
<a class="shareButtons-button shareButtons-button--brand shareButtons-button--tumblr" href="{{ property('xtr_tumblr') }}" target="_blank">
<i></i>
<span>{{ phrase('tumblr') }}</span>
</a>
</xf:if>
<xf:if is="property('xtr_gitHub')">
<a class="shareButtons-button shareButtons-button--brand shareButtons-button--github" href="{{ property('xtr_gitHub') }}" target="_blank">
<i aria-hidden="true"></i>
<span>GitHub</span>
</a>
</xf:if>
<xf:if is="property('xtr_whatsapp')">
<a class="shareButtons-button shareButtons-button--brand shareButtons-button--whatsApp" href="{{ property('xtr_whatsapp') }}" target="_blank">
<i aria-hidden="true"></i>
<span>Whatsapp</span>
</a>
</xf:if>
</xf:contentcheck>
</div>
</xf:if>]]></template>
<template title="xentr_theme.less" type="public" addon_id="" version_id="0" version_string=""><![CDATA[// ######################################### NAVIGATION POSITION #################################
// XenTR Style Changer Addons
<xf:if is="is_addon_active('XENTR\StyleChanger') && property('xentr_navigation_position') == 'default' || property('xentr_visitormenu_position') == 'header'">
.p-header .p-navgroup-link.style-changer {
display: block;
}
.p-navSticky .p-navgroup-link.style-changer {
display: none;
}
</xf:if>
<xf:if is="is_addon_active('XENTR\StyleChanger') && property('xentr_navigation_position') == 'default' || property('xentr_visitormenu_position') == 'staffBar'">
.p-staffBar .p-navgroup-link.style-changer {
display: block;
}
.p-navSticky .p-navgroup-link.style-changer {
display: none;
}
</xf:if>
<xf:if is="is_addon_active('XENTR\StyleChanger') && property('xentr_navigation_position') == 'default' || property('xentr_visitormenu_position') == 'navigation'">
.p-navSticky .p-navgroup.p-discovery .p-navgroup-link.style-changer {
display: block;
}
</xf:if>
// Default Navigation
<xf:if is="property('xentr_navigation_position') == 'default'">
</xf:if>
// Navigation Next Logo
<xf:if is="property('xentr_navigation_position') == 'nextLogo'">
.p-header {
display: none;
}
.p-nav-smallLogo {
display: block;
max-width: none;
margin-right: @xf-publicNavPaddingV;
}
.p-navgroup.p-discovery {
margin-left: 0;
}
// Top section action
.xentr-top-section {
.p-title-pageAction {
display: none;
}
.u-muted {
color: inherit;
}
.contentRow {
display: inline-flex;
}
.p-description {
.tagList {
display: none;
}
li {
&:before {
display: none;
}
}
}
}
@media (max-width: @xf-responsiveWide)
{
.xentr-top-section .contentRow {
flex-direction: column;
}
}
</xf:if>
// Navigation Next Logo Visitor Menu Staff Bar
<xf:if is="{{ property('xentr_navigation_position') }} == 'nextLogo' && {{ property('xentr_visitormenu_position') }} == 'staffBar'">
.p-navgroup-link--logIn .p-navgroup-linkText,
.p-navgroup-link--register .p-navgroup-linkText {
display: inline-block;
}
.p-nav .p-navgroup-link.style-changer {
display: none;
}
.p-nav .p-nav-opposite .p-navgroup-link--iconic.p-navgroup-link--search {
display: none;
}
#XF .p-staffBar .p-navgroup-link.badgeContainer:after {
top: 3px;
}
@media (min-width: @xf-responsiveWide)
{
.p-nav .p-navgroup.p-account.p-navgroup--guest {
display: none;
}
}
@media (max-width: @xf-responsiveWide)
{
.has-js {
.p-nav-scroller {
display: none;
}
.p-nav {
.p-nav-menuTrigger {
display: block;
padding: 0 5px;
}
.p-nav-opposite {
.p-account.p-navgroup--member {
display: block;
}
.p-navgroup.p-discovery .search-box {
display: none;
}
.p-navgroup-link--iconic.p-navgroup-link--search {
display: block;
}
}
}
.p-staffBar-inner {
display: block;
}
.p-staffBar {
.p-nav-opposite {
display: none;
}
}
}
}
@media (min-width: @xf-responsiveWide)
{
.has-js {
.p-nav {
.p-nav-inner {
align-items: center;
}
.p-nav-opposite {
.p-account.p-navgroup--member {
display: none;
}
.p-navgroup-link--iconic.p-navgroup-link--search {
display: none;
}
}
}
}
}
@media (max-width: @xf-publicNavCollapseWidth)
{
.has-js {
.p-nav-scroller {
display: none;
}
.p-nav .p-nav-menuTrigger
{
display: block;
padding: 0 5px;
}
.has-js .p-staffBar .p-nav-opposite {
display: none;
}
.has-js .p-nav .p-nav-opposite .p-account.p-navgroup--member {
display: block;
}
}
}
@media (max-width: @xf-publicNavCollapseWidth)
{
.has-js .p-nav-opposite .p-navgroup-link {
padding: @xf-publicNavPaddingV (@_navAccount-hPadding - 6px );
}
}
</xf:if>
// Navigation Next Logo Visitor Menu Header
<xf:if is="{{ property('xentr_navigation_position') }} == 'nextLogo' && {{ property('xentr_visitormenu_position') }} == 'header'">
@media (min-width: @xf-publicNavCollapseWidth)
{
.has-js {
.p-nav {
.p-nav-opposite {
.p-navgroup.p-account.p-navgroup--member {
display: block;
}
.search-box {
display: none;
}
.p-navgroup-link--iconic.p-navgroup-link--search {
display: block;
}
}
}
}
}
@media (max-width: @xf-responsiveWide)
{
.has-js {
.p-nav-scroller {
display: none;
}
.p-nav .p-nav-menuTrigger
{
display: inline-block;
padding: 0 5px;
}
.p-nav-opposite .p-navgroup-link {
padding: @xf-publicNavPaddingV (@_navAccount-hPadding - 6px );
}
.p-nav-opposite .search-box {
display: none;
}
}
}
</xf:if>
// Navigation Next Logo Visitor Menu Navigation
<xf:if is="{{ property('xentr_navigation_position') }} == 'nextLogo' && {{ property('xentr_visitormenu_position') }} == 'navigation'">
.p-nav .p-nav-opposite .p-navgroup-link--iconic.p-navgroup-link--search {
display: block;
}
@media (max-width: @xf-responsiveWide)
{
.has-js {
.p-staffBar {
.p-navgroup-link--search {
display: block;
}
}
.p-nav-scroller {
display: none;
}
.p-nav .p-nav-menuTrigger
{
display: inline-block;
padding: 0 5px;
}
.search-box {
display: none;
}
}
}
@media (max-width: @xf-publicNavCollapseWidth)
{
.has-js {
.p-nav {
.p-nav-opposite {
display: block;
}
.p-navgroup-link--iconic.p-navgroup-link--search {
display: block;
}
.p-nav-opposite .p-navgroup-link {
padding: @xf-publicNavPaddingV (@_navAccount-hPadding - 6px );
}
}
}
}
</xf:if>
// Navigation Next Logo Visitor Menu Header
<xf:if is="{{ property('xentr_navigation_position') }} == 'default' && {{ property('xentr_visitormenu_position') }} == 'header'">
@media (min-width: @xf-publicNavCollapseWidth)
{
// Header
.p-header {
.p-nav-opposite {
margin-right: 0;
.p-navgroup-link--search {
display: none;
}
}
.p-navgroup {
background: transparent;
}
.p-navgroup-link.badgeContainer {
opacity: 1;
&:after {
top: (@xf-publicNavPaddingV - 6px);
}
}
.p-navgroup-link.is-menuOpen {
color: @xf-paletteNeutral1;
}
.p-navgroup-link {
padding: @xf-publicNavPaddingV (@xf-publicNavPaddingV - 5px);
}
}
// Navigation
.p-nav {
.p-nav-opposite {
.p-navgroup.p-account.p-navgroup--member {
display: none;
}
.p-navgroup-link--search {
display: none;
}
}
.p-nav-inner {
align-items: center;
}
.p-navgroup--guest {
display: none;
}
}
}
// Responsive Navigation Collapse Width
@media (max-width: @xf-publicNavCollapseWidth)
{
.has-js
{
.search-box {
display: none;
}
.p-nav-opposite .p-navgroup-link--search {
display: block;
}
.p-nav-opposite .p-navgroup-link {
padding: @xf-publicNavPaddingV (@_navAccount-hPadding - 6px );
}
}
}
// Guest linkText
.p-header {
.p-navgroup-linkText {
display: inline-block;
}
.p-navgroup-link.p-navgroup-link--textual.p-navgroup-link--logIn,
.p-navgroup-link.p-navgroup-link--textual.p-navgroup-link--register{
&:before {
color: inherit;
}
}
}
</xf:if>
<xf:if is="{{ property('xentr_navigation_position') }} == 'default' && {{ property('xentr_visitormenu_position') }} == 'staffBar'">
.p-staffBar .p-navgroup-linkText {
display: inline-block;
}
#XF .p-staffBar .p-navgroup-link.badgeContainer:after {
top: 3px;
}
@media (min-width: @xf-publicNavCollapseWidth)
{
.p-nav .p-navgroup.p-account.p-navgroup--guest {
display: none;
}
}
</xf:if>
// Notify animation effect
.badgeContainer.badgeContainer--highlighted:after {
-webkit-animation: notify-pulse 1s infinite;
}
@-webkit-keyframes notify-pulse {
0% {
box-shadow: 0 0 0 0px rgba(255, 68, 68, 0.7);
}
100% {
box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
}
}
@keyframes notify-pulse {
0% {
box-shadow: 0 0 0 0px rgba(255, 68, 68, 0.7);
}
100% {
box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
}
}
// ######################################### VISITOR MENU #################################
// Visitor Menu Position Staffbar
<xf:if is="property('xentr_visitormenu_position') == 'staffBar'">
// Staff Bar Navgroup links
.p-staffBar-link {
padding: (@xf-xentr_staff_bar_paddingV - 4px) 6px;
}
.p-staffBar .p-navgroup-link
{
float: left;
padding: @xf-xentr_staff_bar_paddingV @_navAccount-hPadding;
font-size: @xf-fontSizeNormal;
&:first-of-type
{
border-top-left-radius: 0;
border-left: none;
}
&:last-of-type
{
border-top-right-radius: 0;
}
&.badgeContainer
{
opacity: 1;
&:after
{
position: absolute;
left: (@_navAccount-hPadding - 6px);
top: (@xf-publicNavPaddingV - 2px);
padding: 1px 3px;
margin: 0;
font-size: 10px;
line-height: 11px;
}
}
}
// Navigation Search
@media (min-width: @xf-publicNavCollapseWidth)
{
.p-staffBar .p-navgroup-link--search {
display: none;
}
}
.p-nav {
.nav-search {
margin-left: @xf-elementSpacer;
i {
font-size: @xf-fontSizeLarger;
position: relative;
line-height: 0;
}
.p-navgroup-link {
&:hover {
background: transparent;
}
}
}
}
@media (max-width: @xf-publicNavCollapseWidth)
{
.p-staffBar-inner .hScroller-scroll {
display: flex;
justify-content: space-between;
}
}
@media (min-width: @xf-publicNavCollapseWidth)
{
.p-staffBar-inner {
display: flex;
flex-flow: wrap;
justify-content: space-between;
align-items: center;
padding: 0;
}
}
@media (max-width: @xf-publicNavCollapseWidth)
{
.has-js {
.p-staffBar {
.p-nav-opposite {
.p-navgroup {
display: none;
}
}
}
.p-nav {
.p-nav-menuTrigger {
padding: 0 5px;
}
.search-box {
display: none;
}
}
}
}
</xf:if>
// Visitor Menu Position Navigation
<xf:if is="property('xentr_visitormenu_position') == 'navigation'">
@media (min-width: @xf-publicNavCollapseWidth)
{
.p-nav {
.p-navgroup-link--iconic.p-navgroup-link--search {
display: none;
}
}
.p-navgroup {
background: transparent;
}
}
</xf:if>
// User Text
@media (max-width: @xf-responsiveWide)
{
.has-js
{
.p-navgroup-user-linkText {
display: none;
}
}
}
// Visitor Menu Position Header
<xf:if is="{{ property('xentr_navigation_position') }} == 'default' && {{ property('xentr_visitormenu_position') }} == 'staffBar'">
.p-nav {
.p-nav-inner {
align-items: center;
}
.p-navgroup--member {
display: none;
}
.p-navgroup-link--search {
display: none;
}
}
@media (max-width: @xf-publicNavCollapseWidth)
{
.has-js {
.p-nav-opposite {
.p-navgroup {
display: block;
}
}
.p-nav {
.p-navgroup-link--search {
display: block;
}
.p-navgroup-link {
padding: @xf-publicNavPaddingV (@_navAccount-hPadding - 6px );
}
}
}
}
</xf:if>
<xf:if is="{{ property('xentr_navigation_position') }} == 'default' && {{ property('xentr_visitormenu_position') }} == 'navigation'">
@media (max-width: @xf-publicNavCollapseWidth)
{
.has-js {
.p-nav {
.p-navgroup-link {
padding: @xf-publicNavPaddingV (@_navAccount-hPadding - 6px );
}
}
}
}
</xf:if>
// ######################################### NAVIGATION STYLE #################################
<xf:if is="{{ property('xentr_bg_chooser') }}">
.p-navgroup {
background: transparent;
}
</xf:if>
<xf:if is="{{ !property('xentr_navigation_border_color') }} == 'default' && {{ property('xentr_bg_chooser') }}">
.p-navgroup-link {
border-left: none;
}
</xf:if>
// Navlist border
<xf:if is="{{ property('xentr_navigation_position') }} == 'nextLogo' && {{ property('xentr_navigation_border_color') }}">
.p-nav {
border-bottom: @xf-borderSize solid @xf-xentr_transparent_light_color;
}
.p-nav-list>li {
border-left: @xf-borderSize solid @xf-xentr_transparent_light_color;
}
.p-nav-list>li:last-child {
border-right: @xf-borderSize solid @xf-xentr_transparent_light_color;
}
.p-navgroup-link {
border-left: @xf-borderSize solid @xf-xentr_transparent_light_color;
&:first-of-type {
border-radius: 0;
border-left: @xf-borderSize solid @xf-xentr_transparent_light_color;
}
&:last-of-type {
border-radius: 0;
}
}
.p-navgroup.p-discovery {
&:last-of-type {
border-right: @xf-borderSize solid @xf-xentr_transparent_light_color;
}
}
</xf:if>
<xf:if is="property('xentr_navigation_position') == 'default' && {{ property('xentr_navigation_border_color') }}">
.p-nav {
border-top: @xf-borderSize solid @xf-xentr_transparent_light_color;
}
.p-nav-list>li {
border-left: @xf-borderSize solid @xf-xentr_transparent_light_color;
}
.p-nav-list>li:last-child {
border-right: @xf-borderSize solid @xf-xentr_transparent_light_color;
}
.p-sectionLinks {
border-top: @xf-borderSize solid @xf-xentr_transparent_light_color;
}
</xf:if>
<xf:if is="property('xentr_navigation_position') == 'default' && {{ property('xentr_visitormenu_position') }} == 'navigation' && {{ property('xentr_navigation_border_color') }}">
.p-navgroup-link {
border-left: @xf-borderSize solid @xf-xentr_transparent_light_color;
&:first-of-type {
border-radius: 0;
border-left: @xf-borderSize solid @xf-xentr_transparent_light_color;
}
&:last-of-type {
border-radius: 0;
border-right: @xf-borderSize solid @xf-xentr_transparent_light_color;
}
}
.p-navgroup.p-discovery {
&:last-of-type {
border-right: @xf-borderSize solid @xf-xentr_transparent_light_color;
}
}
</xf:if>
<xf:if is="property('xentr_navigation_position') == 'nextLogo' && {{ property('xentr_visitormenu_position') }} == 'navigation' && {{ property('xentr_navigation_border_color') }}">
.p-navgroup.p-discovery {
&:last-of-type {
border-left: @xf-borderSize solid @xf-xentr_transparent_light_color;
}
}
</xf:if>
// ######################################### PARTICLES EFFECT #################################
<xf:if is="{$xf.options.xtr_enable_canvas_effect} == 'yes'">
.p-header {
position: relative;
overflow: hidden;
}
.p-header-logo,
.p-nav-opposite {
position: relative;
}
#particles-js {
position: absolute;
width: 100%;
height: auto;
opacity: 0.1;
}
</xf:if>
// ######################################### FORUM TITLE #################################
<xf:if is="property('xentr_forum_title_disable')">
body[data-template="forum_list"]
{
.p-title-value
{
display: none;
}
.p-title-pageAction
{
margin-left: auto;
}
}
</xf:if>
// ######################################### MESSAGE USER INFO BLOCK #################################
<xf:if is="property('xentr_messageUserInfoBlockPosition') == 'default'">
@media (max-width: @xf-messageSingleColumnWidth)
{
.block--messages {
.message {
&:not(.message--simple) {
.message-cell {
.collapseTrigger.collapseTrigger--block {
&:before {
float: right;
}
}
}
.message-cell.message-cell--user {
.message-user {
.xtr-message-container {
display: flex;
flex-grow: 1;
flex-direction: column;
min-width: 0;
max-width: 100%;
}
.message-userDetails {
margin-left: 0;
flex: 1;
min-width: 0;
padding-left: @xf-messagePadding;
width: 100%;
}
.message-name {
text-align: left;
}
.message-userExtras {
display: flex;
flex-wrap: wrap;
align-items: center;
margin-top: (@xf-messagePadding - 10px);
padding-left: @xf-messagePadding;
dl {
padding-right: (@xf-messagePadding - 5px);
dt {
margin-right: (@xf-messagePadding - 10px);
}
}
}
}
}
}
}
}
}
</xf:if>
// First post Horizontal
<xf:if is="property('xentr_messageUserInfoBlockPosition') == 'firstPostHorizontal'">
@media (min-width: @xf-messageSingleColumnWidth) {
.message-user-inner {
display: flex;
}
.message.is-first .message-user {
position: relative;
top: inherit;
}
.message.is-first {
.message-user-inner {
flex-direction: column;
}
.message-user-inner .message-cell.message-cell--user,
.message-user-inner .message-cell.message-cell--action {
border-right: none;
border-bottom: @xf-messageUserBlock--border-width solid @xf-messageUserBlock--border-color;
}
.message-user-inner .message-cell.message-cell--user {
flex: 0 0 100%;
#collapse-side {
margin-right: 45px;
display: inline-block;
float: right;
}
}
.message-cell.message-cell--user .message-user {
display: flex;
align-items: center;
.message-userExtras {
display: flex;
flex-wrap: wrap;
align-items: center;
padding-left: @xf-messagePadding;
padding-top: 4px;
dl.pairs dt:after {
content: '';
}
.userflag-info {
margin: 0;
}
}
.message-userExtras .pairs {
margin-right: @xf-messagePadding;
line-height: 1.3;
}
.xtr-message-container {
display: flex;
flex-grow: 1;
flex-direction: column;
min-width: 0;
max-width: 100%;
}
.message-userDetails {
margin-left: 0;
flex: 1;
min-width: 0;
padding-left: @xf-messagePadding;
width: 100%;
}
.message-name {
text-align: left;
}
.message-userTitle, .message-userBanner.userBanner {
display: inline-block;
text-align: left;
margin: 0;
}
.message--deleted .message-userDetails {
display: block;
}
.message-avatar {
margin-bottom: 0;
}
@media (min-width: @xf-messageSingleColumnWidth) {
.message-userArrow {
position: absolute;
bottom: (-@xf-messagePadding - 1);
left: (@xf-messageUserBlockWidth / 3 - 6);
top: initial;
right: initial;
.m-triangleUp(xf-default(@xf-messageUserBlock--border-color, transparent), @xf-messagePadding);
&:after
{
position: absolute;
top: 2px;
right: -@xf-messagePadding + 1;
content: "";
.m-triangleUp(@xf-contentBg, @xf-messagePadding - 1px);
}
}
}
}
}
}
@media (max-width: @xf-messageSingleColumnWidth)
{
.message.is-first:not(.message--forceColumns) .message-userArrow {
bottom: 0;
}
.message {
&:not(.message--forceColumns) {
.message-cell.message-cell--user {
border-bottom: none;
}
}
}
.reputation-ranks {
position: absolute;
right: 10px;
top: 0px;
img {
width: 100%;
max-width: 100px;
}
}
}
</xf:if>
<xf:if is="{{ property('xentr_messageUserInfoBlockPosition') }} == 'horizontal' || (property('xentr_messageUserInfoBlockPosition') == 'firstPostHorizontal')">
.message.is-first {
position: relative;
.message-cell.message-cell--vote {
position: absolute;
right: 0;
top: 0px;
padding: 0;
line-height: 2;
}
}
</xf:if>
/* User Extras Collapse */
@media (min-width: @xf-messageSingleColumnWidth) {
.message-userExtras-body
{
.m-listPlain();
&.message-userExtras--collapsible
{
.has-no-js & { display: block; }
.m-transitionFadeDown();
}
}
.message-cell
{
.collapseTrigger
{
text-align: center;
&.is-active:before
{
transform: rotate(-180deg);
}
&:before
{
content: "\f13a";
color: @xf-linkColor;
transition: ease-in transform .3s;
width: auto;
}
&.collapseTrigger--block:before
{
float: none;
}
}
}
}
@media (max-width: @xf-messageSingleColumnWidth) {
// Collapse Trigger button
.message .collapseTrigger:not(.button).collapseTrigger--block {
display: none;
}
}
@media (max-width: @xf-responsiveNarrow)
{
.message-cell
{
.collapseTrigger
{
display: none;
}
}
}
// User Extra collapse button
.message-cell .collapseTrigger:not(.button)
{
&:before
{
.m-faContent(@fa-var-chevron-circle-down);
color: inherit;
width: auto;
}
&.is-active:before
{
.m-faContent(@fa-var-chevron-circle-up);
transition: ease-in transform .3s;
width: auto;
}
}
// Avatar Online Animation
.message-avatar-online {
display: inline-flex;
align-items: center;
justify-content: center;
&:after {
content: '';
position: absolute;
height: 100%;
width: 100%;
border-radius: 100%;
border: 1px solid #7fb900;
height: 13px;
width: 13px;
opacity: 1;
animation: pulse 1.5s;
animation-iteration-count: infinite;
animation-timing-function: ease;
transform-origin: center
}
}
@keyframes pulse {
from {
opacity: 1;
border-width: 0px;
transform: scale(1)
}
to {
transform: scale(2);
opacity: 0;
border-width: 8px
}
}
// Online offline status
<xf:if is="property('xentr_user_offline_status') == 'yes'">
.js-replyNewMessageContainer .message-avatar.message-avatar--online .avatar {
border: {{ property('xentr_user_status_border_size')}}px solid rgb(127, 185, 0);
}
.js-replyNewMessageContainer .message-avatar .avatar {
border: {{ property('xentr_user_status_border_size')}}px solid {{ property('xentr_user_offline_border_color')}};
}
</xf:if>
// Offline icon
.message-avatar-wrapper .message-avatar-offline:before {
.m-faBase();
.m-faContent(@fa-var-user-circle, .969em);
line-height: 1;
font-weight: bold;
color: xf-intensify(@xf-xentr_user_offline_border_color, 35%);
background: @xf-messageUserBlock--background-color;
border: @xf-messageUserBlock--background-color solid 2px;
border-radius: 50%;
display: inline-block;
}
.message-avatar-wrapper .message-avatar-offline {
position: absolute;
left: 50%;
margin-left: -.615em;
bottom: -.5em;
}
<xf:if is="property('xentr_user_info_block_sticky') == 'yes'">
@media (min-width: {{ property('responsiveMedium') + 1 }}px )
{
.message-cell.message-cell--user section .message-userArrow,
.message-inner .message-userArrow {
right: -(@xf-messagePadding + 1px);
}
.message-user {
position: -webkit-sticky;
position: sticky;
top: @header-navHeight + @xf-publicSubNavPaddingH;
}
}
</xf:if>
/* User Extras Collapse */
.message-userExtras-body
{
.m-listPlain();
&.message-userExtras--collapsible
{
.has-no-js & { display: block; }
.m-transitionFadeDown();
}
}
.message-cell
{
.collapseTrigger
{
text-align: center;
&.is-active:before
{
transform: rotate(-180deg);
}
&:before
{
content: "\f13a";
color: @xf-linkColor;
transition: ease-in transform .3s;
width: auto;
}
&.collapseTrigger--block:before
{
float: none;
}
}
}
@media (max-width: @xf-responsiveNarrow)
{
.message-cell
{
.collapseTrigger
{
display: none;
}
}
}
// Message block link color
#XF .block--messages .message .message-content a {
.xf-xentr_message_content_link_color();
}
// ######################################### PAGINATION #################################
// Pagination
@xentr-pagination: true;
@pagination-radius: @xf-buttonBase--border-radius;
@pagination-active: @xf-paletteColor4;
@pagination-minor: @xf-textColorMuted;
@pagination-gap: 5px;
@pagination-page: @xf-contentBg;
@pagination-shadow: rgba(0,0,0,0.12) 0px 1px 1px, rgba(0,0,0,0.05) 0px 1px 2px;
@pagination-shadow-active: inset rgba(0,0,0,0.2) 0px 1px 3px;
@pagination-page-hover: lighten(@pagination-page, 3%);
// Pagination
.xentr-pagination(@debug) when (@debug = true) {
.pageNav{
display: flex;
> *{
flex: 0 0 auto;
margin-right: @pagination-gap;
}
}
.pageNav-main{
display: flex;
}
.pageNav-jump{
padding-left: 12px;
padding-right: 12px;
}
.pageNav-page{
display: block;
flex: 0 0 auto;
border-radius: inherit;
font-weight: bold;
&:not(:last-child){
margin-right: @pagination-gap;
}
> a{
padding-left: 11px;
padding-right: 11px;
}
}
// Make border-radius inherit from parent
.pageNavWrapper{
border-radius: @pagination-radius;
}
.pageNav,
.pageNav-main,
.pageNavSimple,
.pageNav-jump,
.pageNavSimple-el,
#XF .pageNav-page{
border-radius: inherit;
}
// Style pagination buttons
#XF{
.pageNav-jump,
.pageNav-page,
.pageNavSimple-el{
background: @pagination-page;
color: contrast(@pagination-page, @xf-textColor, #fff);
border-width: 0px;
box-shadow: @pagination-shadow;
&:hover,
&:active{
background-color: @pagination-page-hover;
//color: contrast(@pagination-page, rgba(0,0,0,0.8), #fff);
}
}
// Active page
.pageNav-page.pageNav-page--current,
.pageNavSimple-el.pageNavSimple-el--current{
background: @pagination-active;
color: contrast(@pagination-active, rgba(0,0,0,0.8), #fff);
border-width: 0;
box-shadow: @pagination-shadow-active;
&:hover,
&:active{
background-color: xf-intensify(@pagination-active, 3%);
}
}
// First and Last buttons on mobiles
.pageNavSimple-el{
padding-left: 10px;
padding-right: 10px;
}
}
// Add space around prev/next arrow
.pageNavSimple-el--prev i::before,
.pageNav-jump.pageNav-jump--prev::before{
margin-right: 3px;
width: auto;
}
.pageNavSimple-el--next i::before,
.pageNav-jump.pageNav-jump--next::after{
margin-left: 3px;
width: auto;
}
}
.xentr-pagination(@xentr-pagination);
<xf:if is="{{ property('xentr_node_layout') }} == 'default'">
.node-stats .pairs {
display: flex;
flex-direction: column;
}
</xf:if>
<xf:if is="{{ property('xentr_node_layout') }} == 'dual'">
.block-box {
padding: 5px;
.block-body {
.node {
margin-bottom: 3px;
}
}
}
@_nodeList-statsCellBreakpoint: 1000px;
.node
{
& + .node
{
/// border-top: @xf-borderSize solid @xf-borderColorFaint;
}
float: left;
margin: 3px;
width: ~"calc(50% - 7px)";
border: @xf-borderSize solid @xf-borderColor;
border-radius: @xf-borderRadiusMedium;
&:nth-child(2n+1)
{
clear: left;
}
&:last-child:nth-child(2n+1)
{
width: ~"calc(100% - 10px)";
}
.node-icon {
width: 60px;
padding: 15px 0;
}
.node-main {
padding: 10px 0;
border-left: @xf-borderSize solid @xf-borderColor;
}
.node-extra {
display: block;
width: 100%;
padding: 10px;
border-top: @xf-borderSize solid @xf-borderColor;
}
.node-stats {
>dl.pairs.pairs--rows {
display: flex;
justify-content: center;
dt{
font-size: 15px;
margin-right: 5px;
}
}
}
.node-subNodesFlat {
padding: 0 5px;
}
.node-subNodeMenu {
padding: 0 10px;
}
@media (max-width: @_nodeList-statsCellBreakpoint)
{
width: ~"calc(100% - 10px)";
min-height: auto;
.node .node-main {
padding: 10px;
}
.node-meta {
padding: 0 8px;
}
}
}
@media (max-width: @xf-responsiveMedium)
{
.node .node-main {
padding: 10px;
}
}
.node-extra-footer {
display: inline-flex;
}
.node-extra-footer .node-extra-content-right {
position: absolute;
right: 15px;
}
.node--unread:before {
bottom: 50%;
}
</xf:if>]]></template>
<template title="xentr_thread_login_register" type="public" addon_id="" version_id="0" version_string=""><![CDATA[<xf:css src="xentr_thread_login_register.less" />
<section class="thread-reply">
<div class="reply-rows">
<div class="reply-item full">
<div class="p-body-header">
<h1 class="p-title-value">{{ phrase('xentr_create_an_account_or_login_to_comment') }}</h1>
<div class="p-description">{{ phrase('log_in_or_register_to_reply') }}</div>
</div>
</div>
<div class="reply-item reply-largest:grid-col-5 reply-large:grid-col-5 reply-medium:grid-col-5">
<div class="block login">
<div class="block-container">
<div class="block-body block-row">
<div class="p-body-header">
<h1 class="p-title-value">{{ phrase('log_in') }}</h1>
<div class="p-description">{{ phrase('xentr_already_have_an_account_log_in_here') }}</div>
</div>
<div class="thread-reply-button">
<xf:button href="{{ link('login/login') }}" class="button--primary reply-item reply-largest:grid-col-4 reply-large:grid-col-4 reply-medium:grid-col-4" icon="login" data-xf-click="overlay" data-follow-redirects="on">
{{ phrase('log_in') }}
</xf:button>
</div>
</div>
</div>
</div>
</div>
<div class="reply-item reply-largest:grid-col-2 reply-large:grid-col-2 reply-medium:grid-col-2 xtr-center-block">
<div class="blockMessage blockMessage--none">{{ phrase('or_separator') }}</div>
</div>
<div class="reply-item reply-largest:grid-col-5 reply-large:grid-col-5 reply-medium:grid-col-5">
<div class="block register">
<div class="block-container">
<div class="block-body block-row">
<div class="p-body-header">
<h1 class="p-title-value">{{ phrase('create_new_account') }}</h1>
<div class="p-description">{{ phrase('xentr_create_an_account_on_our_community_its_easy') }}</div>
</div>
<xf:if is="$xf.options.registrationSetup.enabled">
<div class="thread-reply-button">
<xf:button href="{{ link('register') }}" class="button--primary reply-item reply-largest:grid-col-4 reply-large:grid-col-4 reply-medium:grid-col-4" icon="add" data-xf-click="overlay" data-follow-redirects="on">
{{ phrase('register') }}
</xf:button>
</div>
</xf:if>
</div>
</div>
</div>
</div>
</div>
</section>]]></template>
<template title="xentr_thread_login_register.less" type="public" addon_id="" version_id="0" version_string=""><![CDATA[// Thread Reply
.thread-reply {
.p-body-header {
text-align: center;
}
.xtr-center-block {
display: flex;
align-items: center;
justify-content: center;
.p-title-value {
margin: 0 auto;
}
}
}
.thread-reply-button {
position: relative;
display: flex;
justify-content: center;
}
// Grid System
.reply-rows {
display: flex;
flex-flow: row wrap;
align-items: stretch
}
.reply-item {
width: 100%
}
.grid-col-1 {
width: 8.333333%
}
.grid-col-2 {
width: 16.666667%
}
.grid-col-3 {
width: 25%
}
.grid-col-4 {
width: 33.333333%
}
.grid-col-5 {
width: 41.666667%
}
.grid-col-6 {
width: 50%
}
.grid-col-7 {
width: 58.333333%
}
.grid-col-8 {
width: 66.666667%
}
.grid-col-9 {
width: 75%
}
.grid-col-10 {
width: 83.333333%
}
.grid-col-11 {
width: 91.666667%
}
.grid-col-12 {
width: 100%
}
@media (min-width:1280px) {
.reply-largest\:grid-col-1 {
width: 8.333333%
}
.reply-largest\:grid-col-2 {
width: 16.666667%
}
.reply-largest\:grid-col-3 {
width: 25%
}
.reply-largest\:grid-col-4 {
width: 33.333333%
}
.reply-largest\:grid-col-5 {
width: 41.666667%
}
.reply-largest\:grid-col-6 {
width: 50%
}
.reply-largest\:grid-col-7 {
width: 58.333333%
}
.reply-largest\:grid-col-8 {
width: 66.666667%
}
.reply-largest\:grid-col-9 {
width: 75%
}
.reply-largest\:grid-col-10 {
width: 83.333333%
}
.reply-largest\:grid-col-11 {
width: 91.666667%
}
.reply-largest\:grid-col-12 {
width: 100%
}
}
@media (min-width:992px) and (max-width:1279.98px) {
.reply-large\:grid-col-1 {
width: 8.333333%
}
.reply-large\:grid-col-2 {
width: 16.666667%
}
.reply-large\:grid-col-3 {
width: 25%
}
.reply-large\:grid-col-4 {
width: 33.333333%
}
.reply-large\:grid-col-5 {
width: 41.666667%
}
.reply-large\:grid-col-6 {
width: 50%
}
.reply-large\:grid-col-7 {
width: 58.333333%
}
.reply-large\:grid-col-8 {
width: 66.666667%
}
.reply-large\:grid-col-9 {
width: 75%
}
.reply-large\:grid-col-10 {
width: 83.333333%
}
.reply-large\:grid-col-11 {
width: 91.666667%
}
.reply-large\:grid-col-12 {
width: 100%
}
}
@media (min-width:768px) and (max-width:991.98px) {
.reply-medium\:grid-col-1 {
width: 8.333333%
}
.reply-medium\:grid-col-2 {
width: 16.666667%
}
.reply-medium\:grid-col-3 {
width: 25%
}
.reply-medium\:grid-col-4 {
width: 33.333333%
}
.reply-medium\:grid-col-5 {
width: 41.666667%
}
.reply-medium\:grid-col-6 {
width: 50%
}
.reply-medium\:grid-col-7 {
width: 58.333333%
}
.reply-medium\:grid-col-8 {
width: 66.666667%
}
.reply-medium\:grid-col-9 {
width: 75%
}
.reply-medium\:grid-col-10 {
width: 83.333333%
}
.reply-medium\:grid-col-11 {
width: 91.666667%
}
.reply-medium\:grid-col-12 {
width: 100%
}
}
@media (min-width:576px) and (max-width:767.98px) {
.reply-small\:grid-col-1 {
width: 8.333333%
}
.reply-small\:grid-col-2 {
width: 16.666667%
}
.reply-small\:grid-col-3 {
width: 25%
}
.reply-small\:grid-col-4 {
width: 33.333333%
}
.reply-small\:grid-col-5 {
width: 41.666667%
}
.reply-small\:grid-col-6 {
width: 50%
}
.reply-small\:grid-col-7 {
width: 58.333333%
}
.reply-small\:grid-col-8 {
width: 66.666667%
}
.reply-small\:grid-col-9 {
width: 75%
}
.reply-small\:grid-col-10 {
width: 83.333333%
}
.reply-small\:grid-col-11 {
width: 91.666667%
}
.reply-small\:grid-col-12 {
width: 100%
}
}]]></template>
<template title="xentr_top_section" type="public" addon_id="" version_id="0" version_string=""><![CDATA[<xf:css src="xentr_top_section.less" />
<div class="xentr-top-section gradient">
<xf:if is="{{ property('xentr_navigation_position') }} == 'nextLogo' && {$xf.options.xtr_enable_canvas_effect} == 'yes' && {{ property('xentr_enable_top_section') }} == '1'">
<div class="xentr-top-section-particles">
<div id="particles-js"></div>
</div>
</xf:if>
<div class="section-content p-body-inner">
<xf:if is="$xf.visitor.user_id">
<div class="section-content-title">
<xf:if is="$headerHtml is not empty">
<div class="p-body-header">
{$headerHtml|raw}
</div>
<xf:elseif contentcheck="true" />
<div class="p-body-header">
<xf:contentcheck>
<xf:if contentcheck="true">
{{ $noH1 ? 'p-title--noH1' : '' }}
<xf:contentcheck>
<xf:if is="!$noH1">
<h1 class="p-title-value">{$h1}</h1>
</xf:if>
</xf:contentcheck>
</xf:if>
<xf:if is="$description is not empty">
<div class="p-description">{$description}</div>
</xf:if>
</xf:contentcheck>
</div>
</xf:if>
</div>
<div class="sections-breadcrumbs">
<xf:macro name="topBreadcrumbs"
arg-breadcrumbs="{$breadcrumbs}"
arg-navTree="{$navTree}"
arg-selectedNavEntry="{$selectedNavEntry}" />
</div>
<xf:else />
<div class="xentr-message-block">
<h1 class="p-title-value">{{ phrase('xentr_guest_message_title') }} {$xf.options.boardTitle}</h1>
<h5 class="p-description">{{ phrase('xentr_guest_message_description') }}</h5>
<div class="block-outer block-outer--after button-group">
<xf:button href="{{ link('login') }}" icon="user" data-xf-click="overlay" data-follow-redirects="on">{{ phrase('log_in') }}</xf:button>
<xf:if is="$xf.options.registrationSetup.enabled">
<xf:button href="{{ link('register') }}" class="button--cta" icon="add" data-xf-click="overlay" data-follow-redirects="on">{{ phrase('register') }}</xf:button>
</xf:if>
</div>
</div>
</xf:if>
</div>
</div>
<xf:macro name="topBreadcrumbs" arg-breadcrumbs="!" arg-navTree="!" arg-selectedNavEntry="{{ null }}" arg-variant="">
<xf:if contentcheck="true">
<ul class="top-breadcrumbs {{ $variant ? 'p-breadcrumbs--' . $variant : '' }}"
itemscope itemtype="https://schema.org/BreadcrumbList">
<xf:contentcheck>
<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:contentcheck>
</ul>
</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">
<span itemprop="name">{$value}</span>
</a>
<xf:if is="$position"><meta itemprop="position" content="{$position}" /></xf:if>
</li>
</xf:macro>]]></template>
<template title="xentr_top_section.less" type="public" addon_id="" version_id="0" version_string=""><![CDATA[.xentr-top-section {
.xf-xentr_top_section_area_background();
position: relative;
overflow: hidden;
z-index: 1;
.section-content {
padding: {{ property('xentr_top_section_area_height')}}px 0;
position: relative;
}
.section-content-title {
text-align: center;
margin: 0;
.p-body-header {
background: transparent;
color: inherit;
padding: 0;
border: none;
}
.listInline>li:nth-child(3n) {
display: none;
}
}
.p-description {
color: inherit;
font-weight: @xf-fontWeightNormal;
line-height: 2;
}
.sections-breadcrumbs {
text-align: center;
}
.xentr-message-block {
display: block;
text-align: center;
}
}
.sections-breadcrumbs {
ul.top-breadcrumbs {
display: flex;
justify-content: center;
margin: 0;
list-style: none;
}
.top-breadcrumbs {
>li {
display: block;
a {
color: inherit;
}
&:after {
content: "";
margin-left: .5em;
margin-right: .5em;
}
}
li {
&:after {
content: "";
display: inline-block;
width: 1px;
height: 10px;
background-color: #fff;
}
&:last-child {
&:after {
background-color: transparent;
}
}
}
}
}]]></template>
<template title="xentr_typed_js" type="public" addon_id="" version_id="0" version_string=""><![CDATA[<script type='text/javascript'>
document.addEventListener('DOMContentLoaded', function() {
Typed.new('#search-typed', {
strings: [
"{{ phrase('xentr_search_in_topics') }}",
"{{ phrase('xentr_search_messages') }}",
"{{ phrase('xentr_search_in_members') }}",
"{{ phrase('xent_search_in_resources') }}"
],
stringsElement: null,
// typing speed
typeSpeed: {$xf.options.xentr_typed_search_speed},
// time before typing starts
startDelay: 500,
// backspacing speed
backSpeed: 0,
// time before backspacing
backDelay: 400,
// loop
loop: true,
// false = infinite
shuffle: true,
// shuffle = false
loopCount: 1,
// show cursor
showCursor: false,
// character for cursor
cursorChar: "|",
// attribute to type (null == text)
attr: 'placeholder',
bindInputFocusEvents: false,
// either html or text
contentType: 'html',
});
});
</script>]]></template>
<template title="xtr_bootstrap_grid.less" type="public" addon_id="" version_id="0" version_string=""><![CDATA[/*!
* Bootstrap v4.4.1 (https://getbootstrap.com/)
* Copyright 2011-2019 The Bootstrap Authors
* Copyright 2011-2019 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
.xentr-main {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -0.25rem;
margin-left: -0.25rem;
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col,
.col-auto,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm,
.col-sm-auto,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md,
.col-md-auto,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg,
.col-lg-auto,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl,
.col-xl-auto {
position: relative;
width: 100%;
padding-right: 0.25rem;
padding-left: 0.25rem;
}
.col {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
@media (min-width: @xf-responsiveMedium) {
.col-sm {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-sm-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-sm-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-sm-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-sm-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-sm-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-sm-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-sm-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-sm-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-sm-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-sm-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-sm-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-sm-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-sm-12 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
}
@media (min-width: @xf-responsiveWide) {
.col-md {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-md-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-md-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-md-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-md-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-md-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-md-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-md-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-md-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-md-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-md-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-md-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-md-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-md-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
}
@media (min-width: @xf-responsiveWide)
{
.col-lg {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-lg-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-lg-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-lg-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-lg-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-lg-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-lg-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-lg-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-lg-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-lg-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-lg-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-lg-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-lg-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-lg-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
}
@media (min-width: 1200px) {
.col-xl {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-xl-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-xl-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-xl-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-xl-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-xl-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-xl-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-xl-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-xl-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-xl-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-xl-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-xl-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-xl-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-xl-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
}]]></template>
<template title="xtr_search_macro" type="public" addon_id="" version_id="0" version_string=""><![CDATA[<xf:macro name="searchbox_macro" arg-searchConstraints="!">
<xf:if is="$xf.visitor.canSearch()">
<div class="search-box">
<xf:textbox name="keywords"
id="search-typed"
placeholder="{{ phrase('search') }}"
aria-label="{{ phrase('search') }}"
form="search"
data-menu-autofocus="true" />
<div class="btn-group" role="group">
<xf:button type="submit" form="search"
aria-label="{{ phrase('more_options') }}"
aria-expanded="false"
data-xf-init="tooltip"
title="{{ phrase('search') }}"
class="button--primary"
aria-haspopup="true">
<xf:fa icon="fa-search" />
</xf:button>
<xf:button class="button--link button--small menuTrigger"
data-xf-click="menu"
aria-label="{{ phrase('more_options') }}"
aria-expanded="false"
data-xf-init="tooltip"
title="{{ phrase('advanced_search') }}"
aria-haspopup="true">
<xf:fa icon="fa-angle-down" />
</xf:button>
<div class="menu menu--structural search" data-menu="menu" aria-hidden="true">
<form action="{{ link('search/search') }}" id="search" method="post" class="menu-content" data-xf-init="quick-search">
<!--[XF:search_menu:above_input]-->
<xf:if is="$searchConstraints">
<div class="menu-row">
<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: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" id="ctrl_search_menu_by_member">{{ phrase('by:') }}</span>
<input type="text" 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>
</div>
</xf:if>
</xf:macro>]]></template>
</templates>
<properties>
<group group_name="xentr_background_chooser" title="Background Chooser" description="Background chooser theme color options set by default for users who visit your website." display_order="210" addon_id=""/>
<group group_name="xentr_top_section_area" title="Top section area" description="The top section areas are checked here." display_order="710" addon_id=""/>
<group group_name="quickTouch" title="Quick Touch" description="Controls the block settings you can use for quick solution suggestions on your website." display_order="720" addon_id=""/>
<group group_name="xentr_sidebar" title="Sidebar" description="The styling for sidebar, namely those areas on which dynamic information is presented, is controlled here." display_order="850" addon_id=""/>
<group group_name="xentr_new_ticker" title="New Ticker" description="Settings related to the new ticker" display_order="920" addon_id=""/>
<group group_name="xentr_statistics" title="Statistics Section" description="Settings related to the statistics section" display_order="950" addon_id=""/>
<property property_name="avatarBorderRadius" group_name="avatar" title="Avatar border radius" description="Controls the size of the rounded corners on avatars - a sufficiently large value will make avatars circular" property_type="value" value_type="unit" depends_on="" value_group="" display_order="200" addon_id="XF">
<value>"@xf-borderRadiusMedium"</value>
</property>
<property property_name="blockBorder" group_name="block" title="Block border framework" description="Virtually all blocks have their borders styled with these settings" property_type="css" value_type="" depends_on="" value_group="" display_order="20000" css_components="border,extra" addon_id="XF">
<value>{
"border-width": "@xf-borderSize",
"border-top-color": "@xf-borderColorLight",
"border-right-color": "@xf-borderColor",
"border-bottom-color": "@xf-borderColorHeavy",
"border-left-color": "@xf-borderColor"
}</value>
</property>
<property property_name="blockHeader" group_name="block" title="Block header" description="Blocks often have title bars at their tops, which are styled here" property_type="css" value_type="" depends_on="" value_group="" display_order="20100" css_components="text,background,border,extra" addon_id="XF">
<value>{
"font-size": "@xf-fontSizeLarge",
"color": "@xf-paletteNeutral3",
"font-weight": "@xf-fontWeightHeavy"
}</value>
</property>
<property property_name="blockMinorHeader" group_name="block" title="Block minor header" description="Sub-headings in blocks use these settings" property_type="css" value_type="" depends_on="" value_group="" display_order="20400" css_components="text,background,border,extra" addon_id="XF">
<value>{
"font-size": "(@xf-fontSizeLarge - 1px)",
"color": "@xf-minorHeadingTextColor",
"background-color": "@xf-blockTabHeaderBg",
"background-image": "%ASSET:xentr%/_custom/simple-dashed.png",
"border-bottom-width": "@xf-borderSize",
"border-bottom-color": "@xf-borderColor"
}</value>
</property>
<property property_name="blockPaddingH" group_name="block" title="Block padding horizontal" description="The horizontal space between the edges of a block and its content" property_type="value" value_type="unit" depends_on="" value_group="padding" display_order="100" addon_id="XF">
<value>"@xf-paddingMedium"</value>
</property>
<property property_name="blockTabHeaderSelected" group_name="block" title="Block tab header - selected tab" description="The selected tab in multi-part headers takes additional styling from here" property_type="css" value_type="" depends_on="" value_group="" display_order="20300" css_components="text,background,border_color_simple,extra" addon_id="XF">
<value>{
"color": "xf-intensify(@xf-paletteColor1, 35%)",
"border-color": "@xf-paletteColor2"
}</value>
</property>
<property property_name="blockTabHeaderTextColor" group_name="color" title="Block tab header text color" description="" property_type="value" value_type="color" depends_on="" value_group="blockTabHeader" display_order="6600" addon_id="XF">
<value>"xf-intensify(@xf-paletteColor2, 50%)"</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": "@xf-fontSizeSmall",
"border-radius": "@xf-borderRadiusMedium",
"padding-top": "(@xf-paddingMedium - 2px)",
"padding-right": "(@xf-paddingLarge - 3px)",
"padding-bottom": "(@xf-paddingMedium - 2px)",
"padding-left": "(@xf-paddingLarge - 3px)",
"extra": "text-align: center;"
}</value>
</property>
<property property_name="buttonBg" group_name="color" title="Default button background color" description="" property_type="value" value_type="color" depends_on="" value_group="buttons" display_order="8200" addon_id="XF">
<value>"@xf-xentr_primary_color"</value>
</property>
<property property_name="buttonCtaBg" group_name="color" title="Call-to-action button background" description="" property_type="value" value_type="color" depends_on="" value_group="buttons" display_order="8400" addon_id="XF">
<value>"@xf-xentr_secondary_color"</value>
</property>
<property property_name="buttonPrimaryBg" group_name="color" title="Primary button background color" description="" property_type="value" value_type="color" depends_on="" value_group="buttons" display_order="8300" addon_id="XF">
<value>"xf-intensify(@xf-paletteColor3, 7%)"</value>
</property>
<property property_name="buttonTextColor" group_name="color" title="Default button text color" description="" property_type="value" value_type="color" depends_on="" value_group="buttons" display_order="8100" addon_id="XF">
<value>"xf-intensify(@xf-paletteColor1, 55%)"</value>
</property>
<property property_name="contentBg" group_name="color" title="Content background color" description="Most normal content will sit on this background" property_type="value" value_type="color" depends_on="" value_group="contentBackground" display_order="2000" addon_id="XF">
<value>"@xf-paletteNeutral1"</value>
</property>
<property property_name="contentHighlightBg" group_name="color" title="Highlighted content background color" description="When the standard background color is highlighted or selected, it will use this color" property_type="value" value_type="color" depends_on="" value_group="contentBackground" display_order="2300" addon_id="XF">
<value>"xf-diminish(@xf-paletteColor1, 10%)"</value>
</property>
<property property_name="fontFamilyBody" group_name="fonts" title="Body Text Font" description="This font is used for the text of messages etc." property_type="value" value_type="string" depends_on="" value_group="font" display_order="200" addon_id="XF">
<value>"'Open Sans', 'Segoe UI', 'Helvetica Neue', Helvetica, Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', sans-serif"</value>
</property>
<property property_name="fontFamilyUi" group_name="fonts" title="User Interface Font" description="The font list for your main text" property_type="value" value_type="string" depends_on="" value_group="font" display_order="100" addon_id="XF">
<value>"'Open Sans', 'Segoe UI', 'Helvetica Neue', Helvetica, Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', sans-serif"</value>
</property>
<property property_name="formExplain" group_name="form" title="Form element explanation text" description="Additional information about form controls may sometimes be found immediately below the control being explained" property_type="css" value_type="" depends_on="" value_group="" display_order="20200" css_components="text,extra" addon_id="XF">
<value>{
"font-size": "@xf-fontSizeSmall",
"color": "xf-intensify(@xf-textColorMuted, 20%)"
}</value>
</property>
<property property_name="formHint" group_name="form" title="Form element hint text" description="Within the label column, some controls may require an additional hint to define their role" property_type="css" value_type="" depends_on="" value_group="" display_order="20150" css_components="text,extra" addon_id="XF">
<value>{
"font-size": "@xf-fontSizeSmaller",
"color": "xf-intensify(@xf-textColorMuted, 20%)"
}</value>
</property>
<property property_name="homeLink" group_name="headerNav" title="Home Link Background Color" description="" property_type="value" value_type="color" depends_on="showNavHomeIcon" value_group="HomeIcon" display_order="90" addon_id="">
<value>"fade(@xf-paletteNeutral3, 1%)"</value>
</property>
<property property_name="homeLinkColor" group_name="headerNav" title="Home Link Color" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="10" css_components="text,extra" addon_id="">
<value>{
"color": "@xf-publicNav--color"
}</value>
</property>
<property property_name="homeLinkHover" group_name="headerNav" title="Home Link Hover Background Color" description="" property_type="value" value_type="color" depends_on="showNavHomeIcon" value_group="HomeIcon" display_order="95" addon_id="">
<value>"fade(@xf-paletteNeutral3, 7%)"</value>
</property>
<property property_name="homeLinkIcon" group_name="headerNav" title="Home Link Icon" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="0" css_components="border,padding,extra" addon_id="">
<value>{
"extra": "text-indent: -9999px;\nposition: relative;\nwidth: 60px;"
}</value>
</property>
<property property_name="inlineModBar" group_name="inlineMod" title="Inline moderation bar" description="A bar containing controls appears when content is selected for inline moderation. Its appearance is controlled here" property_type="css" value_type="" depends_on="" value_group="" display_order="20000" css_components="text,background,border,padding,extra" addon_id="XF">
<value>{
"color": "xf-intensify(@xf-paletteColor2, 45%)",
"background-color": "@xf-paletteColor5",
"border-bottom-width": "@xf-borderSize",
"border-bottom-color": "xf-intensify(@xf-paletteColor5, 10%)",
"padding-top": "@xf-paddingSmall",
"padding-bottom": "@xf-paddingSmall"
}</value>
</property>
<property property_name="inlineModHighlightColor" group_name="color" title="Inline moderation highlight color" description="When content is selected for inline moderation, its background color will be replaced with this" property_type="value" value_type="color" depends_on="" value_group="contentBackground" display_order="2500" addon_id="XF">
<value>"mix(@xf-paletteColor3, @xf-contentBg, 75%)"</value>
</property>
<property property_name="input" group_name="input" title="Form input" description="Controls the style of most text-input boxes" property_type="css" value_type="" depends_on="" value_group="" display_order="20000" css_components="text,background,border,border_radius,padding,extra" addon_id="XF">
<value>{
"font-size": "@xf-fontSizeNormal",
"color": "xf-intensify(@xf-inputTextColor, 6%)",
"background-color": "@xf-inputBgColor",
"border-width": "@xf-borderSize",
"border-radius": "@xf-borderRadiusMedium",
"border-top-color": "@xf-borderColorHeavy",
"border-right-color": "@xf-borderColorLight",
"border-bottom-color": "@xf-borderColorLight",
"border-left-color": "@xf-borderColorHeavy",
"padding": "@xf-paddingMedium"
}</value>
</property>
<property property_name="inputDisabled" group_name="input" title="Form input - disabled" description="When text boxes are disabled, these rules are applied" property_type="css" value_type="" depends_on="" value_group="" display_order="20200" css_components="text,background,border,extra" addon_id="XF">
<value>{
"color": "xf-intensify(@xf-textColorMuted, 20%)",
"background-color": "xf-intensify(@xf-paletteNeutral1, 6%)"
}</value>
</property>
<property property_name="lfsCropTooLongTitles" group_name="lfsContent" title="Crop too long titles" description="" property_type="value" value_type="boolean" depends_on="" value_group="" display_order="100" addon_id="">
<value>1</value>
</property>
<property property_name="lfsItemIconRightLayout" group_name="lfsContent" title="Display item icon on the right" description="" property_type="value" value_type="boolean" depends_on="" value_group="" display_order="80" addon_id="">
<value>1</value>
</property>
<property property_name="lfsShowAvatarsInMemberGroup" group_name="lfsContent" title="Show avatars in member group" description="" property_type="value" value_type="boolean" depends_on="" value_group="" display_order="25" addon_id="">
<value>1</value>
</property>
<property property_name="lfsShowAvatarsInThreadGroup" group_name="lfsContent" title="Show avatars in thread group" description="" property_type="value" value_type="boolean" depends_on="" value_group="" display_order="20" addon_id="">
<value>1</value>
</property>
<property property_name="lfsShowHideButton" group_name="lfsContent" title="Show hide button" description="If enabled, a button will be displayed that will lead to account preferences" property_type="value" value_type="boolean" depends_on="" value_group="" display_order="120" addon_id="">
<value>1</value>
</property>
<property property_name="lfsShowReplyCountInThreads" group_name="lfsContent" title="Show reply count in threads group" description="" property_type="value" value_type="boolean" depends_on="" value_group="" display_order="60" addon_id="">
<value>1</value>
</property>
<property property_name="lfsShowUnreadPostfix" group_name="lfsContent" title="Show thread unread postfix" description="" property_type="value" value_type="boolean" depends_on="" value_group="" display_order="90" addon_id="">
<value>1</value>
</property>
<property property_name="lfsTabsContainer" group_name="lfsTabs" title="Tabs container" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="10" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
<value>{
"border-bottom-width": "1px",
"border-bottom-color": "@xf-borderColor"
}</value>
</property>
<property property_name="linkColor" group_name="color" title="Link color" description="Basic hyperlinks on standard background colors will use this style" property_type="value" value_type="color" depends_on="" value_group="links" display_order="1000" addon_id="XF">
<value>"@xf-paletteNeutral3"</value>
</property>
<property property_name="linkHoverColor" group_name="color" title="Link hover color" description="Basic hyperlinks will turn this color when hovered" property_type="value" value_type="color" depends_on="" value_group="links" display_order="1100" addon_id="XF">
<value>"xf-intensify(@xf-linkColor, 20%)"</value>
</property>
<property property_name="majorHeadingTextColor" group_name="color" title="Major heading text color" description="" property_type="value" value_type="color" depends_on="" value_group="heading" display_order="6200" addon_id="XF">
<value>"xf-intensify(@xf-textColorEmphasized, 55%)"</value>
</property>
<property property_name="messageUserElements" group_name="message" title="Message user info elements" description="The elements selected here will be displayed in the message user info block. It will not be displayed below the single column width." property_type="value" value_type="template" depends_on="" value_group="user" display_order="600" addon_id="XF">
<value_parameters>template=style_property_template_messageUserElements
type=array</value_parameters>
<value>{
"register_date": "1",
"message_count": "1",
"solutions": "1",
"reaction_score": "1",
"trophy_points": "1",
"age": "1",
"location": "1",
"website": "1",
"custom_fields": "1"
}</value>
</property>
<property property_name="minorHeadingTextColor" group_name="color" title="Minor heading text color" description="" property_type="value" value_type="color" depends_on="" value_group="heading" display_order="6400" addon_id="XF">
<value>"@xf-paletteNeutral3"</value>
</property>
<property property_name="nodeIconArticle" group_name="nodeList" title="Node Icon Article" description="" property_type="value" value_type="string" depends_on="xtr_nodeIcons" value_group="NodeIcons" display_order="70" addon_id="">
<value>"f15c"</value>
</property>
<property property_name="nodeIconQuestion" group_name="nodeList" title="Node Icon Question" description="" property_type="value" value_type="string" depends_on="xtr_nodeIcons" value_group="NodeIcons" display_order="50" addon_id="">
<value>"f059"</value>
</property>
<property property_name="nodeIconRead" group_name="nodeList" title="Node Icon Read" description="" property_type="value" value_type="string" depends_on="xtr_nodeIcons" value_group="NodeIcons" display_order="30" addon_id="">
<value>"f4b6"</value>
</property>
<property property_name="nodeIconReadColor" group_name="nodeList" title="Read node icon color" description="When the content within a node has been read, its icon will revert to a less attention-grabbing color, defined here" property_type="value" value_type="color" depends_on="" value_group="" display_order="200" addon_id="XF">
<value>"mix(@xf-paletteColor1, @xf-paletteColor5)"</value>
</property>
<property property_name="nodeIconSuggestion" group_name="nodeList" title="Node Icon Suggestion" description="" property_type="value" value_type="string" depends_on="xtr_nodeIcons" value_group="NodeIcons" display_order="60" addon_id="">
<value>"f672"</value>
</property>
<property property_name="nodeIconUnread" group_name="nodeList" title="Node Icon Unread" description="" property_type="value" value_type="string" depends_on="xtr_nodeIcons" value_group="NodeIcons" display_order="40" addon_id="">
<value>"f4b6"</value>
</property>
<property property_name="nodeIconUnreadColor" group_name="nodeList" title="Unread node icon color" description="Node icons give an at-a-glance indication of whether or not the content housed within the node has been read. The unread icon color should stand out from its background for quick identification" property_type="value" value_type="color" depends_on="" value_group="" display_order="100" addon_id="XF">
<value>"@xf-paletteNeutral3"</value>
</property>
<property property_name="nodeLinkIcon" group_name="nodeList" title="Node Link Icon" description="" property_type="value" value_type="string" depends_on="xtr_nodeIcons" value_group="NodeIcons" display_order="80" addon_id="">
<value>"f0c1"</value>
</property>
<property property_name="nodeListDescriptionDisplay" group_name="nodeList" title="Description display style" description="To save vertical space, it is possible to hide node descriptions until the node title is hovered, at which point they are displayed in a tooltip" property_type="value" value_type="radio" depends_on="" value_group="" display_order="400" addon_id="XF">
<value_parameters>tooltip={{ phrase('tooltip') }}
inline={{ phrase('inline') }}
none={{ phrase('none') }}</value_parameters>
<value>"inline"</value>
</property>
<property property_name="nodeListSubDisplay" group_name="nodeList" title="Sub-forums display style" description="Choose the style in which sub-forums will be displayed within a particular node element, according to the amount of space you want them to occupy" property_type="value" value_type="radio" depends_on="" value_group="" display_order="300" addon_id="XF">
<value_parameters>menu={{ phrase('popup_menu') }}
flat={{ phrase('listed_below_node') }}
none={{ phrase('none') }}</value_parameters>
<value>"flat"</value>
</property>
<property property_name="nodePageIcon" group_name="nodeList" title="Node Page Icon" description="" property_type="value" value_type="string" depends_on="xtr_nodeIcons" value_group="NodeIcons" display_order="90" addon_id="">
<value>"f15c"</value>
</property>
<property property_name="nodeSearchIcon" group_name="nodeList" title="Node Search Icon" description="" property_type="value" value_type="string" depends_on="xtr_nodeIcons" value_group="NodeIcons" display_order="95" addon_id="">
<value>"f002"</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>"15px"</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>"10px"</value>
</property>
<property property_name="paddingSmall" group_name="borderSpacing" title="Small padding" description="" property_type="value" value_type="unit" depends_on="" value_group="padding" display_order="2000" addon_id="XF">
<value>"5px"</value>
</property>
<property property_name="pageBg" group_name="color" title="Page background color" description="The background of the page itself, on which all other content rests" property_type="value" value_type="color" depends_on="" value_group="contentBackground" display_order="2100" addon_id="XF">
<value>"xf-diminish(@xf-contentBg, 7%)"</value>
</property>
<property property_name="pageWidthMax" group_name="page" title="Maximum page width" description="As the window is resized, it will continue to grow in width until this value, after which it will remain static" property_type="value" value_type="unit" depends_on="" value_group="page" display_order="100" addon_id="XF">
<value>"1300px"</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>"lighten(@xf-paletteColor5, 5%)"</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>"lighten(@xf-paletteAccent1, 35%)"</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>"xf-intensify(@xf-paletteAccent2, 25%)"</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>"rgb(82, 93, 131)"</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>"rgb(75, 85, 121)"</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>"rgb(69, 78, 111)"</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>"rgb(61, 69, 100)"</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>"rgb(54, 62, 90)"</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>"rgb(49, 56, 82)"</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>"rgb(57, 65, 93)"</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>"xf-intensify(@xf-paletteNeutral2, 60%)"</value>
</property>
<property property_name="publicFooter" group_name="footer" title="Footer" description="The footer is the primary element that sits below the main content on all public pages" 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-paletteNeutral3",
"background-color": "xf-diminish(@xf-chromeBg, 7%)"
}</value>
</property>
<property property_name="publicFooterLink" group_name="footer" title="Footer links" description="Controls styling for individual links within the footer" property_type="css" value_type="" depends_on="" value_group="" display_order="20100" css_components="text,extra" addon_id="XF">
<value>{
"color": "@xf-linkColor"
}</value>
</property>
<property property_name="publicHeader" group_name="headerNav" title="Header/logo row" description="The header row contains your logo and sits at the top of every public page" property_type="css" value_type="" depends_on="" value_group="" display_order="20000" css_components="text,background,extra" addon_id="XF">
<value>{
"color": "@xf-linkColor",
"background-color": "@xf-chromeBg"
}</value>
</property>
<property property_name="publicHeaderAdjustColor" group_name="headerNav" title="Header adjustment color" description="The color of the header background is adjusted to be used as the background for the inbox and alerts area in the header" property_type="value" value_type="color" depends_on="" value_group="header" display_order="100" addon_id="XF">
<value>"fade(@xf-paletteNeutral3, 3%)"</value>
</property>
<property property_name="publicLogoUrl" group_name="basic" title="Logo URL" description="The web path from your site's XenForo installation directory to your logo image. If you specify an SVG image here, you should set <b>Emails &gt; Email logo URL</b> to point to a PNG image, or similar, for increased compatibility." property_type="value" value_type="string" depends_on="" value_group="logo" display_order="101" addon_id="XF">
<value_parameters>asset=logo</value_parameters>
<value>"%ASSET:xentr%/xenforo/logo.png"</value>
</property>
<property property_name="publicNav" group_name="headerNav" title="Navigation row" description="The navigation row sits below the header and contains the primary site navigation tabs and menus" property_type="css" value_type="" depends_on="" value_group="" display_order="20100" css_components="text,background,extra" addon_id="XF">
<value>{
"color": "@xf-linkColor",
"background-color": "@xf-chromeBg"
}</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>"15px"</value>
</property>
<property property_name="publicNavSelected" group_name="headerNav" title="Navigation row - selected tab" description="Additional styling to apply to navigation tabs when they are selected" 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": "@xf-publicNav--color",
"font-weight": "@xf-fontWeightHeavy",
"background-color": "fade(@xf-publicNav, 7%)",
"border-top-left-radius": "@xf-borderRadiusSmall",
"border-top-right-radius": "@xf-borderRadiusSmall"
}</value>
</property>
<property property_name="publicNavTab" group_name="headerNav" title="Navigation row - tab" description="Controls the styling of individual tab elements within the navigation row" property_type="css" value_type="" depends_on="" value_group="" display_order="20200" css_components="text,background,extra" addon_id="XF">
<value>{
"color": "rgb(255, 255, 255)",
"text-decoration": "none"
}</value>
</property>
<property property_name="publicNavTabHover" group_name="headerNav" title="Navigation row - hovered tab" description="Additional styling to apply to navigation tabs when the pointer hovers over them" property_type="css" value_type="" depends_on="" value_group="" display_order="20400" css_components="text,background,extra" addon_id="XF">
<value>{
"text-decoration": "none",
"background-color": "fade(@xf-publicNavTab--color, 3%)"
}</value>
</property>
<property property_name="publicNavTabMenuOpen" group_name="headerNav" title="Navigation row - menu open" description="Styling applied when the popup menu for the current tab is visible" property_type="css" value_type="" depends_on="" value_group="" display_order="20450" css_components="text,background,extra" addon_id="XF">
<value>{
"color": "rgb(255, 255, 255)",
"text-decoration": "none",
"background-color": "fade(@xf-paletteColor3, 30%)"
}</value>
</property>
<property property_name="publicPushBadgeUrl" group_name="basic" title="Push notification badge URL" description="If you provide the URL to a single color/alpha channel logo/icon here, this will be used in place of the browser's default icon." property_type="value" value_type="string" depends_on="" value_group="logo" display_order="500" addon_id="XF">
<value>"%ASSET:xentr%/xenforo/bell.png"</value>
</property>
<property property_name="publicStaffBar" group_name="headerNav" title="Staff tools bar" description="Visible only to staff, the staff tools bar sits above the header and contains items such as reported content, the moderation queue..." 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": "rgb(255, 255, 255)",
"background-color": "xf-intensify(@xf-chromeBg, 12%)",
"border-bottom-width": "@xf-borderSize",
"border-bottom-color": "xf-intensify(@xf-publicStaffBar--background-color, 4%)"
}</value>
</property>
<property property_name="publicSubNav" group_name="headerNav" title="Sub-navigation row" description="Below the main navigation row, this row shows content associated with the selected main navigation tab" 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": "@xf-publicNav--color",
"background-color": "@xf-publicNav--background-color",
"border-bottom-width": "@xf-borderSize",
"border-bottom-color": "rgba(255, 255, 255, 0.1)"
}</value>
</property>
<property property_name="publicSubNavElHover" group_name="headerNav" title="Sub-navigation row - hovered element" description="Additional styling applied to sub-navigation tabs when the pointer hovers over them" property_type="css" value_type="" depends_on="" value_group="" display_order="20600" css_components="text,extra" addon_id="XF">
<value>{
"color": "rgb(255, 255, 255)"
}</value>
</property>
<property property_name="publicSubNavElMenuOpen" group_name="headerNav" title="Sub-navigation row - menu-open element" description="Styles sub-navigation elements whose popup menu is currently open" property_type="css" value_type="" depends_on="" value_group="" display_order="20650" css_components="text,background,extra" addon_id="XF">
<value>{
"color": "rgb(255, 255, 255)",
"text-decoration": "none",
"background-color": "fade(@xf-paletteColor3, 65%)"
}</value>
</property>
<property property_name="scrollJumpButtons" group_name="page" title="Display page jump buttons on scroll" description="If enabled, floating buttons will be displayed shortly after the page is scrolled which allow you to jump to the top or bottom of the page. If this is only triggered when scrolling up, only a jump to top button will be displayed." property_type="value" value_type="radio" depends_on="" value_group="" display_order="3000" addon_id="XF">
<value_parameters>={{ phrase('scroll_buttons_do_not_display') }}
up={{ phrase('scroll_buttons_when_scrolling_up') }}
both={{ phrase('scroll_buttons_when_scrolling_up_or_down') }}</value_parameters>
<value>"both"</value>
</property>
<property property_name="showNavHomeIcon" group_name="headerNav" title="Show Home Tab as Icon" description="Selecting this will replace the text 'Home' with a house icon." property_type="value" value_type="boolean" depends_on="" value_group="HomeIcon" display_order="85" addon_id="">
<value>1</value>
</property>
<property property_name="sidebarSpacer" group_name="page" title="Sidebar and side navigation spacer" description="Distance between the main content and the sidebar" property_type="value" value_type="unit" depends_on="" value_group="sidebar" display_order="1000" addon_id="XF">
<value>"@xf-paddingLargest"</value>
</property>
<property property_name="standaloneTab" group_name="tab" title="Standalone tabs" description="Tabs that are not part of block headers are styled here" property_type="css" value_type="" depends_on="" value_group="" display_order="20000" css_components="text,background,extra" addon_id="XF">
<value>{
"font-size": "@xf-fontSizeNormal",
"color": "xf-intensify(@xf-paletteColor4, 45%)",
"background-color": "@xf-contentAltBg"
}</value>
</property>
<property property_name="standaloneTabSelected" group_name="tab" title="Standalone tabs - selected tab" description="The selected tab in groups that are not part of block headers" property_type="css" value_type="" depends_on="" value_group="" display_order="20100" css_components="text,background,border_color_simple,extra" addon_id="XF">
<value>{
"color": "xf-intensify(@xf-textColorFeature, 55%)",
"border-color": "xf-intensify(@xf-borderColorFeature, 5%)"
}</value>
</property>
<property property_name="starFullColor" group_name="misc" title="Full rating star color" description="This is the color of the full portion of each rating star." property_type="value" value_type="color" depends_on="" value_group="" display_order="800" addon_id="XF">
<value>"rgb(255, 202, 40)"</value>
</property>
<property property_name="styleType" group_name="palette" title="Style type" description="This defines the general type of style in use based on whether the content is placed on a light or dark background. This may change how colors are selected in certain scenarios." property_type="value" value_type="radio" depends_on="" value_group="setup" display_order="100" addon_id="XF">
<value_parameters>light={{ phrase('light') }}
dark={{ phrase('dark') }}</value_parameters>
<value>"dark"</value>
</property>
<property property_name="textColorEmphasized" group_name="color" title="Emphasized text color" description="" property_type="value" value_type="color" depends_on="" value_group="textOther" display_order="3100" addon_id="XF">
<value>"xf-intensify(@xf-paletteColor4, 45%)"</value>
</property>
<property property_name="textColorFeature" group_name="color" title="Feature text color" description="" property_type="value" value_type="color" depends_on="" value_group="textOther" display_order="3000" addon_id="XF">
<value>"xf-intensify(@xf-paletteColor3, 35%)"</value>
</property>
<property property_name="textColorMuted" group_name="color" title="Muted text color" description="Text is further de-emphasised using this style" property_type="value" value_type="color" depends_on="" value_group="textBasic" display_order="300" addon_id="XF">
<value>"mix(@xf-textColor, @xf-paletteNeutral2)"</value>
</property>
<property property_name="xentr_background_chooser_palette" group_name="xentr_background_chooser" title="Background Chooser palette" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="10" css_components="text,background,border,border_radius,padding,extra" addon_id="">
<value>{
"color": "@xf-linkColor",
"background-image": "linear-gradient(to bottom, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0) 100%)",
"border-radius": "@xf-borderRadiusMedium",
"padding": "@xf-paddingMedium",
"extra": "box-shadow: inset rgba(255, 255, 255, 0.1) 0px 0px 0px 1px;\ntext-shadow: rgba(0, 0, 0, 0.3) 0px -1px 0px;\nmargin: @xf-paddingSmall;"
}</value>
</property>
<property property_name="xentr_bg_chooser" group_name="xentr_background_chooser" title="Enable background chooser" description="If enabled, your members will be able to select their own background color using the Theme Editor." property_type="value" value_type="boolean" depends_on="" value_group="BackgroundChooser" display_order="10" addon_id="">
<value>0</value>
</property>
<property property_name="xentr_block_border_color" group_name="block" title="Block border color" description="You can adjust the small border color on the edges of the block areas." property_type="value" value_type="color" depends_on="" value_group="BlokcBorderColor" display_order="1010" addon_id="">
<value>"@xf-xentr_secondary_color"</value>
</property>
<property property_name="xentr_blue_color" group_name="xentr_background_chooser" title="Blue color" description="Dark colors shades are recommended. Also if you don't want to use this color selection, just leave it blank." property_type="value" value_type="color" depends_on="xentr_bg_chooser" value_group="BackgroundChooserColors" display_order="50" addon_id="">
<value>"rgb(31, 65, 97)"</value>
</property>
<property property_name="xentr_breadcrumb" group_name="page" title="Breadcrumb styles" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="0" css_components="text,background,border_color_simple,border_radius_simple,padding,extra" addon_id="">
<value>{
"font-size": "@xf-fontSizeSmaller",
"color": "@xf-linkColor",
"background-color": "@xf-contentBg",
"border-color": "rgba(0,0,0,0.1)",
"border-radius": "@xf-borderRadiusMedium"
}</value>
</property>
<property property_name="xentr_breadcrumbBorder" group_name="page" title="Breadcrumb border" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="20" css_components="border,extra" addon_id="">
<value>{
"border-color": "rgba(0, 0, 0, 0.1)"
}</value>
</property>
<property property_name="xentr_breadcrumbHeight" group_name="page" title="Breadcrumb height" description="It allows you to control the breadcrumb height. Min height: 30px Max height: 100px" property_type="value" value_type="number" depends_on="" value_group="Breadcrumbs" display_order="20" addon_id="">
<value_parameters>min=30
max=100
units={{ phrase('units_pixels') }}</value_parameters>
<value>"40"</value>
</property>
<property property_name="xentr_breadcrumbHover" group_name="page" title="Breadcrumb hover" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="10" css_components="text,background,extra" addon_id="">
<value>{
"color": "lighten(@xf-xentr_breadcrumb--color, 10%)",
"background-color": "rgba(255, 255, 255, 0.08)"
}</value>
</property>
<property property_name="xentr_button_hover_effect" group_name="button" title="Enable button hover effect" description="Adds a glowing effect from left to right for all buttons." property_type="value" value_type="boolean" depends_on="" value_group="ButtonsHoverEfeect" display_order="10" addon_id="">
<value>1</value>
</property>
<property property_name="xentr_category_block_box" group_name="nodeList" title="Category list block box" 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": "xf-intensify(@xf-contentBg, 5%)",
"background-image": "%ASSET:xentr%/_custom/simple-dashed.png",
"border-radius": "5px",
"padding": "8px",
"extra": "box-shadow: inset rgba(255,255,255,0.1) 0px 0px 0px 1px, inset rgba(255,255,255,0.2) 0px 1px 0px;"
}</value>
</property>
<property property_name="xentr_category_list_node" group_name="nodeList" title="Category list node" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="10" css_components="background,border,border_radius,extra" addon_id="">
<value>{
"background-color": "xf-diminish(@xf-contentBg, 4%)",
"border-width": "@xf-borderSize",
"border-color": "@xf-xentr_transparent_dark_color",
"extra": "box-shadow: 0px 0px 9px fade(@xf-contentBg, 15%) inset, rgba(255,255,255,0.05) 0px 0px 0px 1px, rgba(255,255,255,0.1) 0px 1px 0px;"
}</value>
</property>
<property property_name="xentr_collapse_nodes" group_name="nodeList" title="Enable collapsible nodes" description="Shows to nodes with collapsible." property_type="value" value_type="boolean" depends_on="" value_group="NodesCollapsible" display_order="5" addon_id="">
<value>1</value>
</property>
<property property_name="xentr_collapsibleOffIcon" group_name="xentr_sidebar" title="Sidebar collapsible off" description="Unicode of the Icon." property_type="value" value_type="string" depends_on="xentr_collapsibleSidebar" value_group="SidebarOptions" display_order="60" addon_id="">
<value>"f053"</value>
</property>
<property property_name="xentr_collapsibleOnIcon" group_name="xentr_sidebar" title="Sidebar collapsible on" description="Unicode of the Icon." property_type="value" value_type="string" depends_on="xentr_collapsibleSidebar" value_group="SidebarOptions" display_order="50" addon_id="">
<value>"f054"</value>
</property>
<property property_name="xentr_collapsibleSidebar" group_name="xentr_sidebar" title="Enable collapsible sidebar" description="" property_type="value" value_type="boolean" depends_on="" value_group="SidebarOptions" display_order="40" addon_id="">
<value>1</value>
</property>
<property property_name="xentr_conversation_view" group_name="page" title="Enable conversation read checkmark" description="Add a check mark next to a user's name in a conversation after they've read the last post in a conversation." property_type="value" value_type="boolean" depends_on="" value_group="ConversationView" display_order="30" addon_id="">
<value>1</value>
</property>
<property property_name="xentr_dark_color" group_name="xentr_background_chooser" title="Dark color" description="Dark colors shades are recommended. Also if you don't want to use this color selection, just leave it blank." property_type="value" value_type="color" depends_on="xentr_bg_chooser" value_group="BackgroundChooserColors" display_order="110" addon_id="">
<value>"rgb(31, 50, 61)"</value>
</property>
<property property_name="xentr_enableQuickTouch" group_name="quickTouch" title="Enable quick touch blocks" description="Quick touch blocks are displayed on above the breadcrumb.You can use quick touch blocks for easy access to the right areas that you are targeting." property_type="value" value_type="boolean" depends_on="" value_group="QuickTouch" display_order="0" addon_id="">
<value>1</value>
</property>
<property property_name="xentr_enable_top_section" group_name="xentr_top_section_area" title="Enable top section area" description="Here you can activate the top section area." property_type="value" value_type="boolean" depends_on="" value_group="TopSection" display_order="10" addon_id="">
<value>1</value>
</property>
<property property_name="xentr_footer_main" group_name="footer" title="Footer main position" description="" property_type="value" value_type="radio" depends_on="" value_group="MainFooterPosition" display_order="240" addon_id="">
<value_parameters>footerAbove=Above extra footer
footerBelow=Below extra footer</value_parameters>
<value>"footerAbove"</value>
</property>
<property property_name="xentr_forum_title_disable" group_name="page" title="Hide page title on forum list" description="This will remove the H1 title on the main forum list." property_type="value" value_type="boolean" depends_on="" value_group="ForumTitle" display_order="10" addon_id="">
<value>0</value>
</property>
<property property_name="xentr_forum_title_style" group_name="page" title="Forum title style" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="20300" css_components="text,background,border,border_radius,padding,extra" addon_id="">
<value>{
"color": "@xf-textColor",
"background-color": "@xf-contentBg",
"border-width": "@xf-borderSize",
"border-color": "rgba(0,0,0,0.15)",
"border-radius": "@xf-borderRadiusMedium",
"padding": "@xf-paddingLarge"
}</value>
</property>
<property property_name="xentr_green_color" group_name="xentr_background_chooser" title="Green color" description="Dark colors shades are recommended. Also if you don't want to use this color selection, just leave it blank." property_type="value" value_type="color" depends_on="xentr_bg_chooser" value_group="BackgroundChooserColors" display_order="70" addon_id="">
<value>"rgb(32, 73, 46)"</value>
</property>
<property property_name="xentr_highlightedContentBg" group_name="color" title="Highlighted content background" description="" property_type="value" value_type="color" depends_on="" value_group="HighlightedContent" display_order="50" addon_id="">
<value>"rgb(97, 93, 250)"</value>
</property>
<property property_name="xentr_highlightedContentColor" group_name="color" title="Highlighted content text color" description="" property_type="value" value_type="color" depends_on="" value_group="HighlightedContent" display_order="60" addon_id="">
<value>"rgb(230, 244, 254)"</value>
</property>
<property property_name="xentr_latest_member_icon" group_name="xentr_statistics" title="Statistics latest member icon" description="" property_type="value" value_type="string" depends_on="xentr_statistics_enabled" value_group="ForumStatisticsIcons" display_order="100" addon_id="">
<value>"fas fa-smile-plus"</value>
</property>
<property property_name="xentr_latest_member_icon_color" group_name="xentr_statistics" title="Statistics latest member icon_color" description="" property_type="value" value_type="color" depends_on="xentr_statistics_enabled" value_group="ForumStatisticsIcons" display_order="110" addon_id="">
<value>"rgb(228, 67, 116)"</value>
</property>
<property property_name="xentr_members_icon" group_name="xentr_statistics" title="Statistics members icon" description="" property_type="value" value_type="string" depends_on="xentr_statistics_enabled" value_group="ForumStatisticsIcons" display_order="80" addon_id="">
<value>"fas fa-users"</value>
</property>
<property property_name="xentr_members_icon_color" group_name="xentr_statistics" title="Statistics members icon color" description="" property_type="value" value_type="color" depends_on="xentr_statistics_enabled" value_group="ForumStatisticsIcons" display_order="90" addon_id="">
<value>"rgb(40, 167, 69)"</value>
</property>
<property property_name="xentr_messageUserInfoBlockPosition" group_name="message" title="Message user info block position" description="Here you can select the position of the message user information block" property_type="value" value_type="radio" depends_on="" value_group="MessageUserInfoBlock" display_order="10" addon_id="">
<value_parameters>default=Default
firstPostHorizontal=Firts post horizontal</value_parameters>
<value>"firstPostHorizontal"</value>
</property>
<property property_name="xentr_message_content_link_color" group_name="message" title="Message content link color" description="Message content area link color" property_type="css" value_type="" depends_on="" value_group="" display_order="10" css_components="text,extra" addon_id="">
<value>{
"color": "@xf-xentr_primary_color"
}</value>
</property>
<property property_name="xentr_messages_icon" group_name="xentr_statistics" title="Statistics messages icon" description="" property_type="value" value_type="string" depends_on="xentr_statistics_enabled" value_group="ForumStatisticsIcons" display_order="60" addon_id="">
<value>"fas fa-comments"</value>
</property>
<property property_name="xentr_messages_icon_color" group_name="xentr_statistics" title="Statistics messages icon color" description="" property_type="value" value_type="color" depends_on="xentr_statistics_enabled" value_group="ForumStatisticsIcons" display_order="70" addon_id="">
<value>"rgb(255, 193, 7)"</value>
</property>
<property property_name="xentr_mobileQuickTouch" group_name="quickTouch" title="Enable quick touch on mobile devices?" description="When this option is enabled, the quick touch will be closed according to the following width dimensions." property_type="value" value_type="boolean" depends_on="xentr_enableQuickTouch" value_group="mobileQuickTouch" display_order="230" addon_id="">
<value>0</value>
</property>
<property property_name="xentr_navigation_border_color" group_name="headerNav" title="Enable navigation menu border color" description="Here you can enable transparent border colors for navigation menus or make passive." property_type="value" value_type="boolean" depends_on="" value_group="NavigationBorderStyle" display_order="30" addon_id="">
<value>1</value>
</property>
<property property_name="xentr_navigation_hover_border" group_name="headerNav" title="Navigation hover top border color" description="You can set the border hover color on the navigation menus here." property_type="value" value_type="color" depends_on="" value_group="NavigationBorderStyle" display_order="40" addon_id="">
<value>"@xf-xentr_primary_color"</value>
</property>
<property property_name="xentr_navigation_position" group_name="headerNav" title="Navigation Position" description="Sets the position of the navigation style." property_type="value" value_type="radio" depends_on="" value_group="NavigationPosition" display_order="10" addon_id="">
<value_parameters>default=Default
nextLogo=Next to the logo</value_parameters>
<value>"nextLogo"</value>
</property>
<property property_name="xentr_new_ticker_content_background" group_name="xentr_new_ticker" title="New ticker content background" description="Here you can set the background color of the news ticker content area" property_type="value" value_type="color" depends_on="" value_group="NewTickersBackground" display_order="40" addon_id="">
<value>"xf-intensify(@xf-paletteColor5, 15%)"</value>
</property>
<property property_name="xentr_new_ticker_left_background" group_name="xentr_new_ticker" title="New ticker left background" description="Here you can set the news ticker left edge background color" property_type="value" value_type="color" depends_on="" value_group="NewTickersBackground" display_order="20" addon_id="">
<value>"xf-intensify(@xf-paletteColor5, 3%)"</value>
</property>
<property property_name="xentr_new_ticker_links_color" group_name="xentr_new_ticker" title="New tickers link color" description="" property_type="value" value_type="color" depends_on="" value_group="NewTickersColors" display_order="50" addon_id="">
<value>"rgb(255, 255, 255)"</value>
</property>
<property property_name="xentr_new_ticker_right_background" group_name="xentr_new_ticker" title="New ticker left background" description="Here you can set the news ticker right edge background color" property_type="value" value_type="color" depends_on="" value_group="NewTickersBackground" display_order="30" addon_id="">
<value>"xf-intensify(@xf-paletteColor5, 3%)"</value>
</property>
<property property_name="xentr_new_ticker_title_color" group_name="xentr_new_ticker" title="New ticker title color" description="Here you can specify the new ticker title color." property_type="value" value_type="color" depends_on="" value_group="NewTickerTitle" display_order="0" addon_id="">
<value>"rgb(255, 255, 255)"</value>
</property>
<property property_name="xentr_new_ticker_title_icon" group_name="xentr_new_ticker" title="New ticker title icon" description="Here, enter the font-awesome unicode icon code for the new ticker title." property_type="value" value_type="unit" depends_on="" value_group="NewTickerTitle" display_order="10" addon_id="">
<value>"f005"</value>
</property>
<property property_name="xentr_nodeIcons" group_name="nodeList" title="Enable Font Awesome Node Icons?" description="This will enable the ability to add font awesome icons for node icons" property_type="value" value_type="boolean" depends_on="" value_group="NodeIcons" display_order="10" addon_id="">
<value>1</value>
</property>
<property property_name="xentr_node_layout" group_name="nodeList" title="Node layout" description="Here you can set forum view styles." property_type="value" value_type="radio" depends_on="" value_group="NodeLayout" display_order="0" addon_id="">
<value_parameters>default=Default
dual=Dual column</value_parameters>
<value>"default"</value>
</property>
<property property_name="xentr_orange_color" group_name="xentr_background_chooser" title="Orange color" description="Dark colors shades are recommended. Also if you don't want to use this color selection, just leave it blank." property_type="value" value_type="color" depends_on="xentr_bg_chooser" value_group="BackgroundChooserColors" display_order="80" addon_id="">
<value>"rgb(75, 39, 15)"</value>
</property>
<property property_name="xentr_pre_loader_effect" group_name="xentr_background_chooser" title="Pre loader effect" description="" property_type="value" value_type="radio" depends_on="xentr_preloader" value_group="BackgroundChooser" display_order="40" addon_id="">
<value_parameters>fast=Fast
slow=Slow</value_parameters>
<value>"fast"</value>
</property>
<property property_name="xentr_pre_loader_speed" group_name="xentr_background_chooser" title="Pre-loader speed" description="You can write the pre-loader speed in milliseconds. (Min: 0 Max: 2000) Default 0" property_type="value" value_type="number" depends_on="xentr_preloader" value_group="BackgroundChooser" display_order="30" addon_id="">
<value_parameters>units={{ phrase('delay_duration_milliseconds') }}
min=0
max=2000</value_parameters>
<value>"0"</value>
</property>
<property property_name="xentr_preloader" group_name="xentr_background_chooser" title="Enable pre loader" description="In fast page transitions, default colors are displayed instantly. Preloader is required to prevent this and soften page transitions." property_type="value" value_type="boolean" depends_on="xentr_bg_chooser" value_group="BackgroundChooser" display_order="20" addon_id="">
<value>1</value>
</property>
<property property_name="xentr_primary_color" group_name="color" title="Primary color" description="" property_type="value" value_type="color" depends_on="" value_group="CustomColor" display_order="10" addon_id="">
<value>"rgb(99, 178, 245)"</value>
</property>
<property property_name="xentr_progress_bar" group_name="headerNav" title="Progress bar" description="When you enable this option, a stylish progress bar will be displayed under the navigation menu." property_type="css" value_type="" depends_on="" value_group="" display_order="30" css_components="background,extra" addon_id="">
<value>{
"background-color": "#f30a5c",
"background-image": "linear-gradient(45deg, #f30a5c, #1c95f3)"
}</value>
</property>
<property property_name="xentr_quickTouchFirstColumnsURL" group_name="quickTouch" title="Quick Touch first column URL" description="Here you can enter a URL for the first column." property_type="value" value_type="string" depends_on="xentr_quickTouchOneColumns" value_group="FirstQuickTouchColumn" display_order="60" addon_id="">
<value>""</value>
</property>
<property property_name="xentr_quickTouchMobileWidth" group_name="quickTouch" title="Quick Touch Mobile Width" description="When this option is enabled, the quick touch will be closed according to the following width dimensions." property_type="value" value_type="radio" depends_on="xentr_mobileQuickTouch" value_group="mobileQuickTouch" display_order="240" addon_id="">
<value_parameters>@xf-responsiveWide=Responsive Wide
@xf-responsiveMedium=Responsive Medium
@xf-responsiveNarrow=Responsive Narrow</value_parameters>
<value>"@xf-responsiveWide"</value>
</property>
<property property_name="xentr_quickTouchOneColumns" group_name="quickTouch" title="Enable QuickTouch one th columns." description="" property_type="value" value_type="boolean" depends_on="xentr_enableQuickTouch" value_group="FirstQuickTouchColumn" display_order="20" addon_id="">
<value>1</value>
</property>
<property property_name="xentr_quickTouchOneColumnsButtonOpen" group_name="quickTouch" title="Make a link open a new window" description="When your visitors click that link, it will open in a new window or tab (depending on which web browser they are using and how they configured that browser)." property_type="value" value_type="select" depends_on="xentr_quickTouchOneColumns" value_group="FirstQuickTouchColumn" display_order="80" addon_id="">
<value_parameters>_blank=_blank
_self=_self
_parent=_parent
_top=_top</value_parameters>
<value>"_blank"</value>
</property>
<property property_name="xentr_quickTouchOneColumnsContent" group_name="quickTouch" title="Quick Touch first column content" description="Here you can enter a content for the first column area." property_type="value" value_type="string" depends_on="xentr_quickTouchOneColumns" value_group="FirstQuickTouchColumn" display_order="40" addon_id="">
<value_parameters>rows=3</value_parameters>
<value>"Ask Questions and Get Answers from Our Community"</value>
</property>
<property property_name="xentr_quickTouchOneColumnsIcon" group_name="quickTouch" title="Quick Touch first column icon" description="Here you can enter a icon definition for the first column field. </br>You'll find <a href="https://fontawesome.com/icons?d=gallery" target="_blank"> here </a>. Enter the fontawesome icon definition like this example: <b> fas fa-home </b>" property_type="value" value_type="string" depends_on="xentr_quickTouchOneColumns" value_group="FirstQuickTouchColumn" display_order="50" addon_id="">
<value>"fal fa-question-circle"</value>
</property>
<property property_name="xentr_quickTouchOneColumnsTitle" group_name="quickTouch" title="Quick Touch First Column Heading" description="Here you can enter a title for the first column area." property_type="value" value_type="string" depends_on="xentr_quickTouchOneColumns" value_group="FirstQuickTouchColumn" display_order="30" addon_id="">
<value>"Ask question"</value>
</property>
<property property_name="xentr_quickTouchSecondColumns" group_name="quickTouch" title="Enable QuickTouch second th columns" description="" property_type="value" value_type="boolean" depends_on="xentr_enableQuickTouch" value_group="SecondQuickTouchColumn" display_order="90" addon_id="">
<value>1</value>
</property>
<property property_name="xentr_quickTouchSecondColumnsButtonName" group_name="quickTouch" title="Quick Touch second column button name" description="Here you can enter Quick Touch second column button name." property_type="value" value_type="string" depends_on="xentr_quickTouchSecondColumns" value_group="SecondQuickTouchColumn" display_order="140" addon_id="">
<value>"Test Button"</value>
</property>
<property property_name="xentr_quickTouchSecondColumnsButtonOpen" group_name="quickTouch" title="Make a link open a new window" description="When your visitors click that link, it will open in a new window or tab (depending on which web browser they are using and how they configured that browser)." property_type="value" value_type="select" depends_on="xentr_quickTouchSecondColumns" value_group="SecondQuickTouchColumn" display_order="150" addon_id="">
<value_parameters>_blank=_blank
_self=_self
_parent=_parent
_top=_top</value_parameters>
<value>"_blank"</value>
</property>
<property property_name="xentr_quickTouchSecondColumnsContent" group_name="quickTouch" title="Quick Touch second column content" description="Here you can enter a content for the second column area." property_type="value" value_type="string" depends_on="xentr_quickTouchSecondColumns" value_group="SecondQuickTouchColumn" display_order="110" addon_id="">
<value_parameters>rows=3</value_parameters>
<value>"Answer Questions and Become an Expert on Your Topic"</value>
</property>
<property property_name="xentr_quickTouchSecondColumnsIcon" group_name="quickTouch" title="Quick Touch second column icon" description="Here you can enter a icon definition for the second column field. </br>You'll find <a href="https://fontawesome.com/icons?d=gallery" target="_blank"> here </a>. Enter the fontawesome icon definition like this example: <b> fas fa-home </b>" property_type="value" value_type="string" depends_on="xentr_quickTouchSecondColumns" value_group="SecondQuickTouchColumn" display_order="120" addon_id="">
<value>"fas fa-comment-alt-dots"</value>
</property>
<property property_name="xentr_quickTouchSecondColumnsTitle" group_name="quickTouch" title="Quick Touch Second Column Heading" description="Here you can enter a title for the second column area." property_type="value" value_type="string" depends_on="xentr_quickTouchSecondColumns" value_group="SecondQuickTouchColumn" display_order="100" addon_id="">
<value>"Answer"</value>
</property>
<property property_name="xentr_quickTouchSecondColumnsURL" group_name="quickTouch" title="Quick Touch second column URL" description="Here you can enter a URL for the second column button." property_type="value" value_type="string" depends_on="xentr_quickTouchSecondColumns" value_group="SecondQuickTouchColumn" display_order="130" addon_id="">
<value>""</value>
</property>
<property property_name="xentr_quickTouchShowAllPages" group_name="quickTouch" title="Quick touch Show on all pages." description="If this option is enabled Quick Touch blocks display on all pages. You can disable this option if you want to display the quick touch blocks only on the main page." property_type="value" value_type="boolean" depends_on="xentr_enableQuickTouch" value_group="QuickTouchShowAllPage" display_order="10" addon_id="">
<value>0</value>
</property>
<property property_name="xentr_quickTouchThirdColumns" group_name="quickTouch" title="Enable QuickTouch third th columns" description="" property_type="value" value_type="boolean" depends_on="xentr_enableQuickTouch" value_group="ThirdQuickTouchColumn" display_order="160" addon_id="">
<value>1</value>
</property>
<property property_name="xentr_quickTouchThirdColumnsButtonName" group_name="quickTouch" title="Quick Touch third column button name" description="Here you can enter Quick Touch third column button name." property_type="value" value_type="string" depends_on="xentr_quickTouchThirdColumns" value_group="ThirdQuickTouchColumn" display_order="210" addon_id="">
<value>"Custom Button 3"</value>
</property>
<property property_name="xentr_quickTouchThirdColumnsButtonOpen" group_name="quickTouch" title="Make a link open a new window" description="When your visitors click that link, it will open in a new window or tab (depending on which web browser they are using and how they configured that browser)." property_type="value" value_type="select" depends_on="xentr_quickTouchThirdColumns" value_group="ThirdQuickTouchColumn" display_order="220" addon_id="">
<value_parameters>_blank=_blank
_self=_self
_parent=_parent
_top=_top</value_parameters>
<value>"_blank"</value>
</property>
<property property_name="xentr_quickTouchThirdColumnsContent" group_name="quickTouch" title="Quick Touch third column content" description="Here you can enter a content for the third column area." property_type="value" value_type="string" depends_on="xentr_quickTouchThirdColumns" value_group="ThirdQuickTouchColumn" display_order="180" addon_id="">
<value_parameters>rows=3</value_parameters>
<value>"Our Experts are Ready to Answer your Questions"</value>
</property>
<property property_name="xentr_quickTouchThirdColumnsIcon" group_name="quickTouch" title="Quick Touch third column icon" description="Here you can enter a icon definition for the third column field. </br>You'll find <a href="https://fontawesome.com/icons?d=gallery" target="_blank"> here </a>. Enter the fontawesome icon definition like this example: <b> fas fa-home </b>" property_type="value" value_type="string" depends_on="xentr_quickTouchThirdColumns" value_group="ThirdQuickTouchColumn" display_order="190" addon_id="">
<value>"fas fa-users-cog"</value>
</property>
<property property_name="xentr_quickTouchThirdColumnsTitle" group_name="quickTouch" title="Quick Touch Third Column Heading" description="Here you can enter a title for the third column area." property_type="value" value_type="string" depends_on="xentr_quickTouchThirdColumns" value_group="ThirdQuickTouchColumn" display_order="170" addon_id="">
<value>"Contact Staff"</value>
</property>
<property property_name="xentr_quickTouchThirdColumnsURL" group_name="quickTouch" title="Quick Touch third column URL" description="Here you can enter a URL for the third column button." property_type="value" value_type="string" depends_on="xentr_quickTouchThirdColumns" value_group="ThirdQuickTouchColumn" display_order="200" addon_id="">
<value>""</value>
</property>
<property property_name="xentr_quick_touchBlock" group_name="quickTouch" title="Quick touch style" 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": "@xf-contentBg"
}</value>
</property>
<property property_name="xentr_quick_touchBlockBody" group_name="quickTouch" title="Quick touch block body" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="10" css_components="text,background,padding,extra" addon_id="">
<value>{
"padding": "5px"
}</value>
</property>
<property property_name="xentr_quick_touch_block_content" group_name="quickTouch" title="Quick touch block content" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="30" css_components="text,border,padding,extra" addon_id="">
<value>{
"font-size": "@xf-fontSizeSmall",
"padding": "0"
}</value>
</property>
<property property_name="xentr_quick_touch_block_first_button_color" group_name="quickTouch" title="First column button color" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="50" css_components="text,background,border,border_radius,extra" addon_id="">
<value>{
"color": "#FFF",
"background-color": "@xf-xentr_primary_color",
"border-width": "@xf-borderSize",
"border-color": "rgb(109, 184, 249)"
}</value>
</property>
<property property_name="xentr_quick_touch_block_icon_style" group_name="quickTouch" title="Quick touch block icon" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="40" css_components="text,background,border,border_radius,padding,extra" addon_id="">
<value>{
"font-size": "24px",
"color": "#FFF"
}</value>
</property>
<property property_name="xentr_quick_touch_block_second_button_color" group_name="quickTouch" title="Second column button color" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="60" css_components="text,background,border,border_radius,extra" addon_id="">
<value>{
"color": "#FFF",
"background-color": "@xf-successFeatureColor",
"border-width": "@xf-borderSize",
"border-color": "@xf-successBg"
}</value>
</property>
<property property_name="xentr_quick_touch_block_third_button_color" group_name="quickTouch" title="Third column button color" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="70" css_components="text,background,border,border_radius,extra" addon_id="">
<value>{
"color": "#FFF",
"background-color": "@xf-errorFeatureColor",
"border-width": "@xf-borderSize",
"border-color": "@xf-errorColor"
}</value>
</property>
<property property_name="xentr_red_color" group_name="xentr_background_chooser" title="Red color" description="Dark colors shades are recommended. Also if you don't want to use this color selection, just leave it blank." property_type="value" value_type="color" depends_on="xentr_bg_chooser" value_group="BackgroundChooserColors" display_order="60" addon_id="">
<value>"rgb(76, 19, 19)"</value>
</property>
<property property_name="xentr_remove_breadbrumb_bottom" group_name="page" title="Disable bottom breadcrumb" description="" property_type="value" value_type="boolean" depends_on="" value_group="Breadcrumbs" display_order="5" addon_id="">
<value>0</value>
</property>
<property property_name="xentr_remove_breadbrumb_top" group_name="page" title="Disable top breadcrumb" description="" property_type="value" value_type="boolean" depends_on="" value_group="Breadcrumbs" display_order="0" addon_id="">
<value>0</value>
</property>
<property property_name="xentr_secondary_color" group_name="color" title="Secondary color" description="" property_type="value" value_type="color" depends_on="" value_group="CustomColor" display_order="20" addon_id="">
<value>"rgb(119, 80, 248)"</value>
</property>
<property property_name="xentr_select_font_awesome_style" group_name="nodeList" title="Select font-awesome style" description="" property_type="value" value_type="radio" depends_on="" value_group="NodeIcons" display_order="20" addon_id="">
<value_parameters>pro=Font Awesome 5 Pro
duotone=Font Awesome 5 Duotone</value_parameters>
<value>"duotone"</value>
</property>
<property property_name="xentr_sidebarDisable" group_name="xentr_sidebar" title="Disable sidebar" description="Close the sidebar." property_type="value" value_type="boolean" depends_on="" value_group="SidebarOptions" display_order="0" addon_id="">
<value>0</value>
</property>
<property property_name="xentr_sidebarPosition" group_name="xentr_sidebar" title="Sidebar Position" description="Allows you to change the location of the sidebar." property_type="value" value_type="radio" depends_on="" value_group="SidebarOptions" display_order="10" addon_id="">
<value_parameters>right=Right
left=Left</value_parameters>
<value>"right"</value>
</property>
<property property_name="xentr_slate_color" group_name="xentr_background_chooser" title="Slate color" description="Dark colors shades are recommended. Also if you don't want to use this color selection, just leave it blank." property_type="value" value_type="color" depends_on="xentr_bg_chooser" value_group="BackgroundChooserColors" display_order="100" addon_id="">
<value>"rgb(79, 106, 128)"</value>
</property>
<property property_name="xentr_staff_bar_paddingV" group_name="headerNav" title="Staff bar padding vertical" description="This value defines the amount of padding applied to the main staff bar. It is active only if the Staff bar is selected from the Visitor menu position in the option." property_type="value" value_type="unit" depends_on="" value_group="StaffBar" display_order="0" addon_id="">
<value>"10px"</value>
</property>
<property property_name="xentr_statistics" group_name="xentr_statistics" title="Statistics style" 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": "@xf-contentBg",
"border-width": "0",
"border-radius": "@xf-borderRadiusMedium",
"extra": "box-shadow: 0 2px 4px rgba(108, 111, 115, 0.1);\nmargin-top: @xf-paddingMedium;"
}</value>
</property>
<property property_name="xentr_statistics_all_page" group_name="xentr_statistics" title="Forum statistics show on all pages." description="If this option is enabled Forum statistics blocks display on all pages. You can disable this option if you want to display the forum statistics blocks only on the main page." property_type="value" value_type="boolean" depends_on="xentr_statistics_enabled" value_group="ShowAllPage" display_order="30" addon_id="">
<value>0</value>
</property>
<property property_name="xentr_statistics_body" group_name="xentr_statistics" title="Statistics body" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="10" css_components="padding,extra" addon_id="">
<value>{
"padding": "@xf-paddingMedium;"
}</value>
</property>
<property property_name="xentr_statistics_content" group_name="xentr_statistics" title="Statistics content" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="40" css_components="text,padding,extra" addon_id="">
<value>{
"padding": "0",
"extra": "margin: @xf-paddingSmall;"
}</value>
</property>
<property property_name="xentr_statistics_enabled" group_name="xentr_statistics" title="Enable XenTR forum statistics?" description="Enable this option to show custom XenTR forum statistics." property_type="value" value_type="boolean" depends_on="" value_group="ForumStatistics" display_order="10" addon_id="">
<value>1</value>
</property>
<property property_name="xentr_statistics_icon_font_size" group_name="xentr_statistics" title="Statistics icon font size" description="" property_type="value" value_type="number" depends_on="xentr_statistics_enabled" value_group="ForumStatisticsIcons" display_order="120" addon_id="">
<value_parameters>units={{ phrase('units_pixels') }}</value_parameters>
<value>"26"</value>
</property>
<property property_name="xentr_statistics_location" group_name="xentr_statistics" title="Forum statistics location" description="Chooses where to insert the forum statistics." property_type="value" value_type="select" depends_on="xentr_statistics_enabled" value_group="ForumStatisticsLocation" display_order="20" addon_id="">
<value_parameters>container_breadcrumb_top_above=Container breadcrumb (top): Above
container_breadcrumb_top_below=Container breadcrumb (top): Below
container_breadcrumb_bottom_below=Container breadcrumb (bottom): Below
container_breadcrumb_bottom_above=Container breadcrumb (bottom): Above
container_content_above=Container content: Above
container_content_below=Container content: Below (Default)</value_parameters>
<value>"container_content_below"</value>
</property>
<property property_name="xentr_statistics_number_font_size" group_name="xentr_statistics" title="Statistics number font size" description="" property_type="value" value_type="number" depends_on="xentr_statistics_enabled" value_group="ForumStatisticsIcons" display_order="130" addon_id="">
<value_parameters>units={{ phrase('units_pixels') }}</value_parameters>
<value>"26"</value>
</property>
<property property_name="xentr_statistics_number_style" group_name="xentr_statistics" title="Statistics number" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="50" css_components="text,extra" addon_id="">
<value>{
"color": "@xf-linkColor",
"font-weight": "@xf-fontWeightNormal"
}</value>
</property>
<property property_name="xentr_statistics_title" group_name="xentr_statistics" title="Statistics title" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="30" css_components="text,border,padding,extra" addon_id="">
<value>{
"font-size": "14px",
"border-bottom-width": "@xf-borderSize",
"border-bottom-color": "@xf-borderColor",
"padding-top": "0",
"padding-right": "0",
"padding-bottom": "@xf-paddingSmall",
"padding-left": "0"
}</value>
</property>
<property property_name="xentr_stickySidebar" group_name="xentr_sidebar" title="Enable sticky sidebar" description="" property_type="value" value_type="boolean" depends_on="" value_group="SidebarOptions" display_order="20" addon_id="">
<value>1</value>
</property>
<property property_name="xentr_stickySidebarHeight" group_name="xentr_sidebar" title="Sticky sidebar height" description="This feature enables the height of the adhesive sidebar to be activated." property_type="value" value_type="number" depends_on="" value_group="SidebarOptions" display_order="30" addon_id="">
<value_parameters>units={{ phrase('units_pixels') }}</value_parameters>
<value>"39"</value>
</property>
<property property_name="xentr_threads_icon" group_name="xentr_statistics" title="Statistics threads icon" description="" property_type="value" value_type="string" depends_on="xentr_statistics_enabled" value_group="ForumStatisticsIcons" display_order="40" addon_id="">
<value>"fas fa-comments-alt"</value>
</property>
<property property_name="xentr_threads_icon_color" group_name="xentr_statistics" title="Statistics threads icon color" description="" property_type="value" value_type="color" depends_on="xentr_statistics_enabled" value_group="ForumStatisticsIcons" display_order="50" addon_id="">
<value>"rgb(0, 123, 255)"</value>
</property>
<property property_name="xentr_top_section_area_all_pages" group_name="xentr_top_section_area" title="Show top section area on all pages" description="Shows a top section area on all pages, not just the forum index." property_type="value" value_type="boolean" depends_on="" value_group="TopSection" display_order="20" addon_id="">
<value>1</value>
</property>
<property property_name="xentr_top_section_area_background" group_name="xentr_top_section_area" title="Top section area background" description="Here you can adjust the background image and color of the top section area." property_type="css" value_type="" depends_on="" value_group="" display_order="10" css_components="text,background,extra" addon_id="">
<value>{
"color": "@xf-blockTabHeaderTextColor",
"background-color": "xf-intensify(@xf-chromeBg, 7%)",
"background-image": "%ASSET:xentr%/_custom/simple-dashed.png"
}</value>
</property>
<property property_name="xentr_top_section_area_height" group_name="xentr_top_section_area" title="Top section area height" description="Here you can determine the top section area height." property_type="value" value_type="number" depends_on="xentr_enable_top_section" value_group="TopSectionAreaHeight" display_order="30" addon_id="">
<value_parameters>units={{ phrase('units_pixels') }}</value_parameters>
<value>"20"</value>
</property>
<property property_name="xentr_transparent_dark_color" group_name="color" title="Transparent dark color" description="" property_type="value" value_type="color" depends_on="" value_group="CustomColor" display_order="40" addon_id="">
<value>"rgba(0, 0, 0, 0.1)"</value>
</property>
<property property_name="xentr_transparent_light_color" group_name="color" title="Transparent light color" description="" property_type="value" value_type="color" depends_on="" value_group="CustomColor" display_order="30" addon_id="">
<value>"rgba(255,255,255,0.1)"</value>
</property>
<property property_name="xentr_user_info_block_collapse" group_name="message" title="Enable message user info block collapse" description="Here you can make user information collapse active or passive." property_type="value" value_type="radio" depends_on="" value_group="collapseUserInfoBlock" display_order="150" addon_id="">
<value_parameters>yes={{ phrase('yes') }}
no={{ phrase('no') }}</value_parameters>
<value>"yes"</value>
</property>
<property property_name="xentr_user_info_block_sticky" group_name="message" title="Message user info block sticky" description="This feature sticky the user block in the message field." property_type="value" value_type="radio" depends_on="" value_group="UserInfoBlockSticky" display_order="20" addon_id="">
<value_parameters>yes={{ phrase('yes') }}
no={{ phrase('no') }}</value_parameters>
<value>"yes"</value>
</property>
<property property_name="xentr_user_offline_border_color" group_name="message" title="User offline border color" description="You can set the border color for offline users around the avatar here." property_type="value" value_type="color" depends_on="" value_group="UserStatus" display_order="180" addon_id="">
<value>"@xf-borderColorHeavy"</value>
</property>
<property property_name="xentr_user_offline_status" group_name="message" title="Enable user offline status" description="This option adds an icon under the avatar in the message fields for offline users." property_type="value" value_type="radio" depends_on="" value_group="UserStatus" display_order="160" addon_id="">
<value_parameters>yes={{ phrase('yes') }}
no={{ phrase('no') }}</value_parameters>
<value>"yes"</value>
</property>
<property property_name="xentr_user_status_border_size" group_name="message" title="User status border size" description="You can adjust the border width around the avatar here. Max=5px" property_type="value" value_type="number" depends_on="" value_group="UserStatus" display_order="170" addon_id="">
<value_parameters>min=0
max=5</value_parameters>
<value>"4"</value>
</property>
<property property_name="xentr_visitormenu_position" group_name="headerNav" title="Visitor menu position" description="" property_type="value" value_type="radio" depends_on="" value_group="VisitorMenuPosition" display_order="20" addon_id="">
<value_parameters>staffBar=Staff Bar
header=Header
navigation=Navigation</value_parameters>
<value>"staffBar"</value>
</property>
<property property_name="xentr_voilet_color" group_name="xentr_background_chooser" title="Voilet color" description="Dark colors shades are recommended. Also if you don't want to use this color selection, just leave it blank." property_type="value" value_type="color" depends_on="xentr_bg_chooser" value_group="BackgroundChooserColors" display_order="90" addon_id="">
<value>"rgb(93, 46, 129)"</value>
</property>
<property property_name="xtrMRDIcon" group_name="xtrMostResDown" title="Add Font Awesome Icon" description="Add a font awesome icon before most resource downloaders widget title." property_type="value" value_type="boolean" depends_on="" value_group="WidgetIconProperties" display_order="10" addon_id="">
<value>0</value>
</property>
<property property_name="xtrTPMIcon" group_name="tpmProperties" title="Add Font Awesome Icon" description="Add a font awesome icon before most followers widget title." property_type="value" value_type="boolean" depends_on="" value_group="WidgetIconProperties" display_order="10" addon_id="">
<value>0</value>
</property>
<property property_name="xtr_discord" group_name="footer" title="Discord URL" description="" property_type="value" value_type="string" depends_on="" value_group="SocialMedia" display_order="280" addon_id="">
<value>"https://www.youtube.com/"</value>
</property>
<property property_name="xtr_enable_extra_footer" group_name="footer" title="Enable extra footer" description="" property_type="value" value_type="boolean" depends_on="" value_group="ExtraFooter" display_order="10" addon_id="">
<value>1</value>
</property>
<property property_name="xtr_enable_extra_footer_column1" group_name="footer" title="Enable extra footer first column" description="First, make sure that you've enabled extra footer option. Than you may use first column selection or first content." property_type="value" value_type="boolean" depends_on="xtr_enable_extra_footer" value_group="ExtraFooterFirstColumn" display_order="40" addon_id="">
<value>1</value>
</property>
<property property_name="xtr_enable_extra_footer_column2" group_name="footer" title="Enable extra footer second column" description="" property_type="value" value_type="boolean" depends_on="xtr_enable_extra_footer" value_group="ExtraFooterSecondColumn" display_order="90" addon_id="">
<value>1</value>
</property>
<property property_name="xtr_enable_extra_footer_column3" group_name="footer" title="Enable extra footer third column" description="" property_type="value" value_type="boolean" depends_on="xtr_enable_extra_footer" value_group="ExtraFooterThirdColumn" display_order="140" addon_id="">
<value>0</value>
</property>
<property property_name="xtr_enable_extra_footer_column4" group_name="footer" title="Enable extra footer fourth column" description="" property_type="value" value_type="boolean" depends_on="xtr_enable_extra_footer" value_group="ExtraFooterFourthColumn" display_order="190" addon_id="">
<value>1</value>
</property>
<property property_name="xtr_excerpts_color" group_name="FTSlider_style_options" title="Excerpts content color" description="Select to excerpts content color" property_type="css" value_type="" depends_on="" value_group="" display_order="60" css_components="text,extra" addon_id="">
<value>{
"font-size": "11px",
"color": "@xf-textColor",
"text-decoration": "none"
}</value>
</property>
<property property_name="xtr_extra_footer_block_social_title" group_name="footer" title="Social Media Title" description="" property_type="value" value_type="string" depends_on="" value_group="SocialMedia" display_order="250" addon_id="">
<value>"Follow Us On Social Media"</value>
</property>
<property property_name="xtr_extra_footer_block_spacing" group_name="footer" title="Extra footer block spacing" description="" property_type="value" value_type="unit" depends_on="xtr_enable_extra_footer" value_group="ExtraFooterBlockWidth" display_order="30" addon_id="">
<value>"@xf-paddingLarge"</value>
</property>
<property property_name="xtr_extra_footer_block_width" group_name="footer" title="Extra footer block width" description="Extra footer block preferred width Default width: 280px" property_type="value" value_type="number" depends_on="xtr_enable_extra_footer" value_group="ExtraFooterBlockWidth" display_order="20" addon_id="">
<value_parameters>min=280
units={{ phrase('units_pixels') }}</value_parameters>
<value>"350"</value>
</property>
<property property_name="xtr_extra_footer_column1" group_name="footer" title="Optional extra footer column selection" description="If this options will be choosen "Custom Footer" you need to fil up below option (Extra footer column 1) Content" property_type="value" value_type="select" depends_on="xtr_enable_extra_footer_column1" value_group="ExtraFooterFirstColumn" display_order="50" addon_id="">
<value_parameters>ForumStatistics=Forum statistics
OnlineStatistics=Online statistics
NewestMembers=Newest members
ShareThisPage=Share this page
NewProfilePost=New profile posts
NewPost=New posts
whatsNewLinks=Whats New Links
MemberOnline=Members online
socialicons=Social Links
custom=Custom Footer</value_parameters>
<value>"custom"</value>
</property>
<property property_name="xtr_extra_footer_column2" group_name="footer" title="Optional extra footer column selection" description="If this options will be choosen "Custom Footer" you need to fil up below option (Footer Column 2 Content)" property_type="value" value_type="select" depends_on="xtr_enable_extra_footer_column2" value_group="ExtraFooterSecondColumn" display_order="100" addon_id="">
<value_parameters>ForumStatistics=Forum statistics
OnlineStatistics=Online statistics
NewestMembers=Newest members
ShareThisPage=Share this page
NewProfilePost=New profile posts
NewPost=New posts
whatsNewLinks=Whats New Links
MemberOnline=Members online
socialicons=Social Links
custom=Custom Footer</value_parameters>
<value>"NewestMembers"</value>
</property>
<property property_name="xtr_extra_footer_column3" group_name="footer" title="Optional extra footer column selection" description="If this options will be choosen "Custom Footer" you need to fil up below option (Footer Column 3 Content)" property_type="value" value_type="select" depends_on="xtr_enable_extra_footer_column3" value_group="ExtraFooterThirdColumn" display_order="150" addon_id="">
<value_parameters>ForumStatistics=Forum statistics
OnlineStatistics=Online statistics
NewestMembers=Newest members
ShareThisPage=Share this page
NewProfilePost=New profile posts
NewPost=New posts
whatsNewLinks=Whats New Links
MemberOnline=Members online
socialicons=Social Links
custom=Custom Footer</value_parameters>
<value>"whatsNewLinks"</value>
</property>
<property property_name="xtr_extra_footer_column4" group_name="footer" title="Optional extra footer column selection" description="If this options will be choosen "Custom Footer" you need to fil up below option (Footer Column 4 Content)" property_type="value" value_type="select" depends_on="xtr_enable_extra_footer_column4" value_group="ExtraFooterFourthColumn" display_order="200" addon_id="">
<value_parameters>ForumStatistics=Forum statistics
OnlineStatistics=Online statistics
NewestMembers=Newest members
ShareThisPage=Share this page
NewProfilePost=New profile posts
NewPost=New posts
whatsNewLinks=Whats New Links
MemberOnline=Members online
socialicons=Social Links
custom=Custom Footer</value_parameters>
<value>"whatsNewLinks"</value>
</property>
<property property_name="xtr_extra_footer_column_content1" group_name="footer" title="Extra footer column 1 content" description="Enter the extra footer first column content." property_type="value" value_type="string" depends_on="xtr_enable_extra_footer_column1" value_group="ExtraFooterFirstColumn" display_order="80" addon_id="">
<value_parameters>rows=3</value_parameters>
<value>"XenTR Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. <br><br>\nIt is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout."</value>
</property>
<property property_name="xtr_extra_footer_column_content2" group_name="footer" title="Extra footer column 2 content" description="Enter the extra footer second column content." property_type="value" value_type="string" depends_on="xtr_enable_extra_footer_column2" value_group="ExtraFooterSecondColumn" display_order="130" addon_id="">
<value_parameters>rows=3</value_parameters>
<value>"<div class=\"blockLink\"><i class=\"fas fa-caret-right\"></i> <a href=\"/#\"> Custom Link 1</a></div>\n<div class=\"blockLink\"><i class=\"fas fa-caret-right\"></i> <a href=\"/#\"> Custom Link 2</a></div>\n<div class=\"blockLink\"><i class=\"fas fa-caret-right\"></i> <a href=\"/#\"> Custom Link 3</a></div>\n<div class=\"blockLink\"><i class=\"fas fa-caret-right\"></i> <a href=\"/#\"> Custom Link 4</a></div>"</value>
</property>
<property property_name="xtr_extra_footer_column_content3" group_name="footer" title="Extra footer column 3 content" description="Enter the extra footer third column content." property_type="value" value_type="string" depends_on="xtr_enable_extra_footer_column3" value_group="ExtraFooterThirdColumn" display_order="180" addon_id="">
<value_parameters>rows=3</value_parameters>
<value>""</value>
</property>
<property property_name="xtr_extra_footer_column_content4" group_name="footer" title="Extra footer column 4 content" description="Enter the extra footer fourth column content." property_type="value" value_type="string" depends_on="xtr_enable_extra_footer_column4" value_group="ExtraFooterFourthColumn" display_order="230" addon_id="">
<value_parameters>rows=3</value_parameters>
<value>""</value>
</property>
<property property_name="xtr_extra_footer_column_icon1" group_name="footer" title="Extra footer column 1 icon" description="Here you can enter a icon definition for the first column field. </br>You'll find <a href="https://fontawesome.com/icons?d=gallery" target="_blank"> here </a>. Enter the fontawesome icon definition like this example: <b> fas fa-home </b>" property_type="value" value_type="string" depends_on="xtr_enable_extra_footer_column1" value_group="ExtraFooterFirstColumn" display_order="70" addon_id="">
<value>""</value>
</property>
<property property_name="xtr_extra_footer_column_icon2" group_name="footer" title="Extra footer column 2 icon" description="Here you can enter a icon definition for the second column field. </br>You'll find <a href="https://fontawesome.com/icons?d=gallery" target="_blank"> here </a>. Enter the fontawesome icon definition like this example: <b> fas fa-home </b>" property_type="value" value_type="string" depends_on="xtr_enable_extra_footer_column2" value_group="ExtraFooterSecondColumn" display_order="120" addon_id="">
<value>"fas fa-link"</value>
</property>
<property property_name="xtr_extra_footer_column_icon3" group_name="footer" title="Extra footer column 3 icon" description="Here you can enter a icon definition for the third column field. </br>You'll find <a href="https://fontawesome.com/icons?d=gallery" target="_blank"> here </a>. Enter the fontawesome icon definition like this example: <b> fas fa-home </b>" property_type="value" value_type="string" depends_on="xtr_enable_extra_footer_column3" value_group="ExtraFooterThirdColumn" display_order="170" addon_id="">
<value>"fas fa-share-alt"</value>
</property>
<property property_name="xtr_extra_footer_column_icon4" group_name="footer" title="Extra footer column 4 icon" description="Here you can enter a icon definition for the fourth column field. </br>You'll find <a href="https://fontawesome.com/icons?d=gallery" target="_blank"> here </a>. Enter the fontawesome icon definition like this example: <b> fas fa-home </b>" property_type="value" value_type="string" depends_on="xtr_enable_extra_footer_column4" value_group="ExtraFooterFourthColumn" display_order="220" addon_id="">
<value>"fas fa-bolt"</value>
</property>
<property property_name="xtr_extra_footer_column_title1" group_name="footer" title="Extra footer column 1 title" description="Enter the extra footer first column title" property_type="value" value_type="string" depends_on="xtr_enable_extra_footer_column1" value_group="ExtraFooterFirstColumn" display_order="60" addon_id="">
<value>"About Us"</value>
</property>
<property property_name="xtr_extra_footer_column_title2" group_name="footer" title="Extra footer column 2 title" description="Enter the extra footer second column title" property_type="value" value_type="string" depends_on="xtr_enable_extra_footer_column2" value_group="ExtraFooterSecondColumn" display_order="110" addon_id="">
<value>"Custom Links 1"</value>
</property>
<property property_name="xtr_extra_footer_column_title3" group_name="footer" title="Extra footer column 3 title" description="Enter the extra footer third column title" property_type="value" value_type="string" depends_on="xtr_enable_extra_footer_column3" value_group="ExtraFooterThirdColumn" display_order="160" addon_id="">
<value>""</value>
</property>
<property property_name="xtr_extra_footer_column_title4" group_name="footer" title="Extra footer column 4 title" description="Enter the extra footer fourth column title" property_type="value" value_type="string" depends_on="xtr_enable_extra_footer_column4" value_group="ExtraFooterFourthColumn" display_order="210" addon_id="">
<value>""</value>
</property>
<property property_name="xtr_facebook" group_name="footer" title="Facebook URL" description="" property_type="value" value_type="string" depends_on="" value_group="SocialMedia" display_order="260" addon_id="">
<value>"https://facebook.com/"</value>
</property>
<property property_name="xtr_featured_slider_avatar_bar" group_name="FTSlider_style_options" title="Featured slider avatar bar" description="Customize featured slider avatar bar (Background, border etc.)" property_type="css" value_type="" depends_on="" value_group="" display_order="20" css_components="text,background,border,border_radius,padding,extra" addon_id="">
<value>{
"font-size": "@xf-fontSizeSmall",
"color": "@xf-textColor",
"background-color": "rgba(97, 97, 97, 0.6)",
"background-image": "styles/FTSlider/title.png",
"padding": "@xf-paddingMedium",
"extra": "box-shadow: inset rgba(255,255,255,0.3) 0px 1px 0px, rgba(0,0,0,0.3) 0px 1px 3px;\nmargin-bottom: @xf-paddingSmall;"
}</value>
</property>
<property property_name="xtr_gitHub" group_name="footer" title="GitHub URL" description="" property_type="value" value_type="string" depends_on="" value_group="SocialMedia" display_order="390" addon_id="">
<value>""</value>
</property>
<property property_name="xtr_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="googleFonts" display_order="0" addon_id="">
<value>"Open+Sans:300,400,600,700"</value>
</property>
<property property_name="xtr_hide_sub_nav" group_name="headerNav" title="Hide sub-navigation" description="Here you can hide sublinks linked to the main navigation." property_type="value" value_type="boolean" depends_on="" value_group="subNavPad" display_order="4900" addon_id="">
<value>1</value>
</property>
<property property_name="xtr_instagram" group_name="footer" title="Instagram URL" description="" property_type="value" value_type="string" depends_on="" value_group="SocialMedia" display_order="300" addon_id="">
<value>""</value>
</property>
<property property_name="xtr_linkedIn" group_name="footer" title="LinkedIn URL" description="" property_type="value" value_type="string" depends_on="" value_group="SocialMedia" display_order="340" addon_id="">
<value>""</value>
</property>
<property property_name="xtr_new_threads_ticker_background" group_name="xentr_thread_widgets" title="New threads ticker background color" description="" property_type="value" value_type="color" depends_on="" value_group="NewThreadsTicker" display_order="60" addon_id="">
<value>"@xf-xentr_highlightedContentBg"</value>
</property>
<property property_name="xtr_new_threads_ticker_border_color" group_name="xentr_thread_widgets" title="New threads ticker border color" description="" property_type="value" value_type="color" depends_on="" value_group="NewThreadsTicker" display_order="70" addon_id="">
<value>"fade(@xf-xentr_highlightedContentBg, 50%)"</value>
</property>
<property property_name="xtr_pinterest" group_name="footer" title="Pinterest URL" description="" property_type="value" value_type="string" depends_on="" value_group="SocialMedia" display_order="360" addon_id="">
<value>""</value>
</property>
<property property_name="xtr_quickTouchFirstColumnsButtonName" group_name="quickTouch" title="Quick Touch first column button name" description="Here you can enter Quick Touch second column button name." property_type="value" value_type="string" depends_on="xentr_quickTouchOneColumns" value_group="FirstQuickTouchColumn" display_order="70" addon_id="">
<value>"Custom Button"</value>
</property>
<property property_name="xtr_reddit" group_name="footer" title="Reddit URL" description="" property_type="value" value_type="string" depends_on="" value_group="SocialMedia" display_order="330" addon_id="">
<value>""</value>
</property>
<property property_name="xtr_statistic_icon_style" group_name="FTSlider_style_options" title="Statistics icon color" description="View and reply icon color" property_type="css" value_type="" depends_on="" value_group="" display_order="50" css_components="text,extra" addon_id="">
<value>{
"color": "@xf-textColor"
}</value>
</property>
<property property_name="xtr_steam" group_name="footer" title="Steam Community URL" description="" property_type="value" value_type="string" depends_on="" value_group="SocialMedia" display_order="310" addon_id="">
<value>""</value>
</property>
<property property_name="xtr_style_changer_phrase" group_name="xtr_styleChanger" title="Style changer phrase" description="You can enter a text here. For example, Light mode" property_type="value" value_type="string" depends_on="" value_group="styleChangerMode" display_order="40" addon_id="">
<value>"Light Mode"</value>
</property>
<property property_name="xtr_style_id" group_name="xtr_styleChanger" title="Style ID" description="Enter the style ID that you want to change here. You can enter <b>"0"</b> to override." property_type="value" value_type="number" depends_on="" value_group="StyleChanger" display_order="10" addon_id="">
<value>"15"</value>
</property>
<property property_name="xtr_tumblr" group_name="footer" title="Tumblr URL" description="" property_type="value" value_type="string" depends_on="" value_group="SocialMedia" display_order="380" addon_id="">
<value>""</value>
</property>
<property property_name="xtr_twitch" group_name="footer" title="Twitch URL" description="" property_type="value" value_type="string" depends_on="" value_group="SocialMedia" display_order="320" addon_id="">
<value>""</value>
</property>
<property property_name="xtr_twitter" group_name="footer" title="Twitter URL" description="" property_type="value" value_type="string" depends_on="" value_group="SocialMedia" display_order="270" addon_id="">
<value>"https://twitter.com/"</value>
</property>
<property property_name="xtr_vimeo" group_name="footer" title="Vimeo URL" description="" property_type="value" value_type="string" depends_on="" value_group="SocialMedia" display_order="350" addon_id="">
<value>""</value>
</property>
<property property_name="xtr_vk" group_name="footer" title="VK URL" description="" property_type="value" value_type="string" depends_on="" value_group="SocialMedia" display_order="370" addon_id="">
<value>""</value>
</property>
<property property_name="xtr_youtube" group_name="footer" title="Youtube URL" description="" property_type="value" value_type="string" depends_on="" value_group="SocialMedia" display_order="290" addon_id="">
<value>"https://www.youtube.com/"</value>
</property>
</properties>
</style>