+style_version = 3.1.0-a2

+phpbb_version = 3.1.0-a2

+ <form action="{S_CONFIRM_ACTION}" method="post">

+ <h3>{MESSAGE_TITLE}</h3>

+ <p>{MESSAGE_TEXT}</p>

+

+ <fieldset class="submit-buttons">

+ <input type="button" name="confirm" value="{L_YES}" class="button2" />&nbsp;

+ <input type="button" name="cancel" value="{L_NO}" class="button2" />

+ </fieldset>

+ </form>

+ <form action="{S_CONFIRM_ACTION}" method="post">

+ <p>{MESSAGE_TEXT}</p>

+ <!-- IF not S_SOFTDELETED and (S_DELETE_REASON or (S_ALLOWED_DELETE and S_ALLOWED_SOFTDELETE)) -->

+ <!-- IF S_ALLOWED_DELETE and S_ALLOWED_SOFTDELETE -->

+ <label>

+ <strong>{L_DELETE_PERMANENTLY}{L_COLON}</strong>

+ <input id="delete_permanent" name="delete_permanent" type="checkbox" value="1" {S_CHECKED_PERMANENT} />

+ <!-- IF S_TOPIC_MODE -->{L_DELETE_TOPIC_PERMANENTLY}<!-- ELSE -->{L_DELETE_POST_PERMANENTLY}<!-- ENDIF -->

+ </label>

+ <!-- ENDIF -->

+ <!-- IF S_DELETE_REASON -->

+ <label for="delete_reason">

+ <strong>{L_DELETE_REASON}{L_COLON}</strong><br /><span>{L_DELETE_REASON_EXPLAIN}</span><br />

+ <input type="text" name="delete_reason" value="" class="inputbox autowidth" maxlength="120" size="45" />

+ </label>

+ <!-- ENDIF -->

+ <fieldset class="submit-buttons">

+ <input type="button" name="confirm" value="{L_YES}" class="button1" />&nbsp;

+ <input type="button" name="cancel" value="{L_NO}" class="button2" />

+ </fieldset>

+ </form>

+ <ul class="topiclist two-long-columns">

+ <dd class="info">{L_SAVE_DATE}</dd>

+ <ul class="topiclist two-long-columns<!-- IF not S_PRIVMSGS --> topics<!-- ELSE --> cplist<!-- ENDIF -->">

+ <div class="list-inner">

+ <a href="{draftrow.U_INSERT}" title="{L_LOAD_DRAFT}" class="topictitle">{draftrow.DRAFT_SUBJECT}</a><br />

+ <!-- IF not S_PRIVMSGS --><!-- IF draftrow.S_LINK_TOPIC -->{L_TOPIC}{L_COLON} <a href="{draftrow.U_VIEW}">{draftrow.TITLE}</a>

+ <!-- ELSEIF draftrow.S_LINK_FORUM -->{L_FORUM}{L_COLON} <a href="{draftrow.U_VIEW}">{draftrow.TITLE}</a>

+ <!-- ELSE -->{L_NO_TOPIC_FORUM}<!-- ENDIF --><!-- ENDIF -->

+ <div class="responsive-show" style="display: none;">

+ {L_SAVE_DATE}{L_COLON} <strong>{draftrow.DATE}</strong>

+ </div>

+ </div>

+ <dd class="info"><span>{draftrow.DATE}</span></dd>

+* Parse document block

+function parse_document(container)

+{

+ var test = document.createElement('div'),

+ oldBrowser = (typeof test.style.borderRadius == 'undefined');

+ delete test;

+ /**

+ * Reset avatar dimensions when changing URL or EMAIL

+ */

+ container.find('input[data-reset-on-edit]').bind('keyup', function() {

+ $(this.getAttribute('data-reset-on-edit')).val('');

+ });

+ /**

+ * Pagination

+ */

+ container.find('a.pagination-trigger').click(function() {

+ jumpto($(this));

+ });

+ /**

+ * Dropdowns

+ */

+ container.find('.dropdown-container').each(function() {

+ var $this = $(this),

+ trigger = $this.find('.dropdown-trigger:first'),

+ contents = $this.find('.dropdown'),

+ options = {

+ direction: 'auto',

+ verticalDirection: 'auto'

+ },

+ data;

+

+ if (!trigger.length) {

+ data = $this.attr('data-dropdown-trigger');

+ trigger = data ? $this.children(data) : $this.children('a:first');

+ }

+ if (!contents.length) {

+ data = $this.attr('data-dropdown-contents');

+ contents = data ? $this.children(data) : $this.children('div:first');

+ if (!trigger.length || !contents.length) return;

+ if ($this.hasClass('dropdown-up')) options.verticalDirection = 'up';

+ if ($this.hasClass('dropdown-down')) options.verticalDirection = 'down';

+ if ($this.hasClass('dropdown-left')) options.direction = 'left';

+ if ($this.hasClass('dropdown-right')) options.direction = 'right';

+ phpbb.registerDropdown(trigger, contents, options);

+ });

+ /**

+ * Adjust HTML code for IE8 and older versions

+ */

+ if (oldBrowser) {

+ // Fix .linklist.bulletin lists

+ container.find('ul.linklist.bulletin li:first-child, ul.linklist.bulletin li.rightside:last-child').addClass('no-bulletin');

+ // Do not run functions below for old browsers

+ return;

+ }

+ /**

+ * Resize navigation block to keep all links on same line

+ */

+ container.find('.navlinks').each(function() {

+ var $this = $(this),

+ left = $this.children().not('.rightside'),

+ right = $this.children('.rightside');

+ if (left.length !== 1 || !right.length) return;

+ function resize() {

+ var width = 0,

+ diff = left.outerWidth(true) - left.width();

+ right.each(function() {

+ width += $(this).outerWidth(true);

+ left.css('max-width', Math.floor($this.width() - width - diff) + 'px');

+ }

+ resize();

+ $(window).resize(resize);

+ });

+ /**

+ * Makes breadcrumbs responsive

+ */

+ container.find('.breadcrumbs:not([data-skip-responsive])').each(function() {

+ var $this = $(this),

+ $body = $('body'),

+ links = $this.find('.crumb'),

+ length = links.length,

+ classes = ['wrapped-max', 'wrapped-wide', 'wrapped-medium', 'wrapped-small', 'wrapped-tiny'],

+ classesLength = classes.length,

+ maxHeight = 0,

+ lastWidth = false,

+ wrapped = false;

+

+ // Set tooltips

+ $this.find('a').each(function() {

+ var $link = $(this);

+ $link.attr('title', $link.text());

+ });

+

+ // Funciton that checks breadcrumbs

+ function check() {

+ var height = $this.height(),

+ width = $body.width(),

+ link, i, j;

+

+ maxHeight = parseInt($this.css('line-height')) | 0;

+ links.each(function() {

+ if ($(this).height() > 0) {

+ maxHeight = Math.max(maxHeight, $(this).outerHeight(true));

+ });

+ if (height <= maxHeight) {

+ if (!wrapped || lastWidth === false || lastWidth >= width) {

+ lastWidth = width;

+ return;

+ }

+ lastWidth = width;

+ if (wrapped) {

+ $this.removeClass('wrapped').find('.crumb.wrapped').removeClass('wrapped ' + classes.join(' '));

+ wrapped = false;

+ }

+

+ wrapped = true;

+ $this.addClass('wrapped');

+ if ($this.height() <= maxHeight) {

+ return;

+ }

+ for (i = 0; i < classesLength; i ++) {

+ for (j = length - 1; j >= 0; j --) {

+ links.eq(j).addClass('wrapped ' + classes[i]);

+ if ($this.height() <= maxHeight) {

+ return;

+ }

+ // Run function and set event

+ check();

+ $(window).resize(check);

+ });

+ /**

+ * Adjust topiclist lists with check boxes

+ */

+ container.find('ul.topiclist dd.mark').siblings('dt').children('.list-inner').addClass('with-mark');

+

+ /**

+ * Appends contents of all extra columns to first column in

+ * .topiclist lists for mobile devices. Copies contents as is.

+ *

+ * To add that functionality to .topiclist list simply add

+ * responsive-show-all to list of classes

+ */

+ container.find('.topiclist.responsive-show-all > li > dl').each(function() {

+ var $this = $(this),

+ block = $this.find('dt .responsive-show:last-child'),

+ first = true;

+

+ // Create block that is visible only on mobile devices

+ if (!block.length) {

+ $this.find('dt > .list-inner').append('<div class="responsive-show" style="display:none;" />');

+ block = $this.find('dt .responsive-show:last-child');

+ }

+ else {

+ first = (block.text().trim().length == 0);

+ }

+ // Copy contents of each column

+ $this.find('dd').not('.mark').each(function() {

+ var column = $(this),

+ children = column.children(),

+ html = column.html();

+ if (children.length == 1 && children.text() == column.text()) {

+ html = children.html();

+ }

+ block.append((first ? '' : '<br />') + html);

+ first = false;

+ });

+ });

+

+ /**

+ * Same as above, but prepends text from header to each

+ * column before contents of that column.

+ *

+ * To add that functionality to .topiclist list simply add

+ * responsive-show-columns to list of classes

+ */

+ container.find('.topiclist.responsive-show-columns').each(function() {

+ var list = $(this),

+ headers = [],

+ headersLength = 0;

+

+ // Find all headers, get contents

+ list.prev('.topiclist').find('li.header dd').not('.mark').each(function() {

+ headers.push($(this).text());

+ headersLength ++;

+ });

+

+ if (!headersLength) {

+ return;

+ }

+

+ // Parse each row

+ list.find('dl').each(function() {

+ var $this = $(this),

+ block = $this.find('dt .responsive-show:last-child'),

+ first = true;

+

+ // Create block that is visible only on mobile devices

+ if (!block.length) {

+ $this.find('dt > .list-inner').append('<div class="responsive-show" style="display:none;" />');

+ block = $this.find('dt .responsive-show:last-child');

+ }

+ else {

+ first = (block.text().trim().length == 0);

+ // Copy contents of each column

+ $this.find('dd').not('.mark').each(function(i) {

+ var column = $(this),

+ children = column.children(),

+ html = column.html();

+ if (children.length == 1 && children.text() == column.text()) {

+ html = children.html();

+ // Prepend contents of matching header before contents of column

+ if (i < headersLength) {

+ html = headers[i] + ': <strong>' + html + '</strong>';

+ }

+ block.append((first ? '' : '<br />') + html);

+ first = false;

+ });

+ /**

+ * Responsive tables

+ */

+ container.find('table.table1').not('.not-responsive').each(function() {

+ var $this = $(this),

+ th = $this.find('thead > tr > th'),

+ columns = th.length,

+ headers = [],

+ totalHeaders = 0,

+ i, headersLength;

+

+ // Find each header

+ th.each(function(column) {

+ var cell = $(this),

+ colspan = parseInt(cell.attr('colspan')),

+ dfn = cell.attr('data-dfn'),

+ text = dfn ? dfn : cell.text();

+

+ colspan = isNaN(colspan) || colspan < 1 ? 1 : colspan;

+

+ for (i=0; i<colspan; i++) {

+ headers.push(text);

+ totalHeaders ++;

+

+ if (dfn && !column) {

+ $this.addClass('show-header');

+ });

+

+ headersLength = headers.length;

+ // Add header text to each cell as <dfn>

+ $this.addClass('responsive');

+ if (totalHeaders < 2) {

+ $this.addClass('show-header');

+ return;

+ }

+ $this.find('tbody > tr').each(function() {

+ var row = $(this),

+ cells = row.children('td'),

+ column = 0;

+ if (cells.length == 1) {

+ row.addClass('big-column');

+ return;

+ }

+ cells.each(function() {

+ var cell = $(this),

+ colspan = parseInt(cell.attr('colspan')),

+ text = cell.text().trim();

+

+ if (headersLength <= column) {

+ if ((text.length && text !== '-') || cell.children().length) {

+ cell.prepend('<dfn style="display: none;">' + headers[column] + '</dfn>');

+ }

+ else {

+ cell.addClass('empty');

+ colspan = isNaN(colspan) || colspan < 1 ? 1 : colspan;

+ column += colspan;

+ });

+ });

+ });

+ /**

+ * Hide empty responsive tables

+ */

+ container.find('table.responsive > tbody').each(function() {

+ var items = $(this).children('tr');

+ if (items.length == 0)

+ {

+ $(this).parent('table:first').addClass('responsive-hide');

+ }

+ });

+ /**

+ * Responsive link lists

+ */

+ container.find('.linklist:not(.navlinks, [data-skip-responsive]), .postbody ul.profile-icons:not([data-skip-responsive])').each(function() {

+ var $this = $(this),

+ $body = $('body'),

+ filterSkip = '.breadcrumbs, [data-skip-responsive]',

+ filterLast = '.pagination, .icon-notifications, .icon-pm, .icon-logout, .icon-login, .mark-read, .edit-icon, .quote-icon',

+ allLinks = $this.children(),

+ links = allLinks.not(filterSkip),

+ html = '<li class="responsive-menu" style="display:none;"><a href="javascript:void(0);" class="responsive-menu-link">&nbsp;</a><div class="dropdown" style="display:none;"><div class="pointer"><div class="pointer-inner" /></div><ul class="dropdown-contents" /></div></li>',

+ filterLastList = links.filter(filterLast);

+

+ if (links.is('.rightside'))

+ {

+ links.filter('.rightside:first').before(html);

+ }

+ else

+ {

+ $this.append(html);

+ }

+

+ var item = $this.children('.responsive-menu'),

+ menu = item.find('.dropdown-contents'),

+ lastWidth = false,

+ compact = false,

+ responsive = false,

+ copied = false;

+ function check() {

+ var width = $body.width();

+ if (responsive && width <= lastWidth) {

+ return;

+ }

+

+ // Reset responsive and compact layout

+ if (responsive) {

+ responsive = false;

+ $this.removeClass('responsive');

+ links.css('display', '');

+ item.css('display', 'none');

+ }

+

+ if (compact) {

+ }

+ // Find tallest element

+ var maxHeight = 0;

+ allLinks.each(function() {

+ if (!$(this).height()) return;

+ maxHeight = Math.max(maxHeight, $(this).outerHeight(true));

+ });

+ if (maxHeight < 1) {

+ return;

+ }

+ // Nothing to resize if block's height is not bigger than tallest element's height

+ if ($this.height() <= maxHeight) {

+ return;

+ }

+ // Enable compact layout, find tallest element, compare to height of whole block

+ compact = true;

+ $this.addClass('compact');

+ var compactMaxHeight = 0;

+ allLinks.each(function() {

+ if (!$(this).height()) return;

+ compactMaxHeight = Math.max(compactMaxHeight, $(this).outerHeight(true));

+ });

+ if ($this.height() <= maxHeight) {

+ return;

+ // Compact layout did not resize block enough, switch to responsive layout

+ compact = false;

+ $this.removeClass('compact');

+ responsive = true;

+ if (!copied) {

+ var clone = links.clone(true);

+ clone.filter('.rightside').each(function() {

+ menu.prepend(this);

+ });

+ menu.prepend(clone.not('.rightside'));

+ menu.find('li.leftside, li.rightside').removeClass('leftside rightside');

+ menu.find('.inputbox').parents('li:first').css('white-space', 'normal');

+ copied = true;

+ }

+ else {

+ menu.children().css('display', '');

+ }

+ item.css('display', '');

+ $this.addClass('responsive');

+ // Try to not hide filtered items

+ if (filterLastList.length) {

+ links.not(filterLast).css('display', 'none');

+ maxHeight = 0;

+ filterLastList.each(function() {

+ if (!$(this).height()) return;

+ maxHeight = Math.max(maxHeight, $(this).outerHeight(true));

+ });

+ if ($this.height() <= maxHeight) {

+ menu.children().filter(filterLast).css('display', 'none');

+ }

+

+ links.css('display', 'none');

+ }

+ phpbb.registerDropdown(item.find('a.responsive-menu-link'), item.find('.dropdown'));

+ check();

+ $(window).resize(check);

+ });

+

+ /**

+ * Responsive tabs

+ */

+ container.find('#tabs, #minitabs').not('[data-skip-responsive]').each(function() {

+ var $this = $(this),

+ $body = $('body'),

+ ul = $this.children(),

+ tabs = ul.children().not('[data-skip-responsive]'),

+ links = tabs.children('a'),

+ item = ul.append('<li class="responsive-tab" style="display:none;"><a href="javascript:void(0);" class="responsive-tab-link"><span>&nbsp;</span></a><div class="dropdown tab-dropdown" style="display: none;"><div class="pointer"><div class="pointer-inner" /></div><ul class="dropdown-contents" /></div></li>').find('li.responsive-tab'),

+ menu = item.find('.dropdown-contents'),

+ maxHeight = 0,

+ lastWidth = false,

+ responsive = false;

+

+ links.each(function() {

+ var link = $(this);

+ maxHeight = Math.max(maxHeight, Math.max(link.outerHeight(true), link.parent().outerHeight(true)));

+ })

+

+ function check() {

+ var width = $body.width(),

+ if (arguments.length == 0 && (!responsive || width <= lastWidth) && height <= maxHeight) {

+ return;

+ }

+ tabs.show();

+ item.hide();

+ lastWidth = width;

+ height = $this.height();

+ if (height <= maxHeight) {

+ responsive = false;

+ if (item.hasClass('dropdown-visible')) {

+ phpbb.toggleDropdown.call(item.find('a.responsive-tab-link').get(0));

+ return;

+ responsive = true;

+ item.show();

+ menu.html('');

+ var availableTabs = tabs.filter(':not(.activetab, .responsive-tab)'),

+ total = availableTabs.length,

+ i, tab;

+ for (i = total - 1; i >= 0; i --) {

+ tab = availableTabs.eq(i);

+ menu.prepend(tab.clone(true));

+ tab.hide();

+ if ($this.height() <= maxHeight) {

+ menu.find('a').click(function() { check(true); });

+ return;

+ }

+ menu.find('a').click(function() { check(true); });

+ }

+ phpbb.registerDropdown(item.find('a.responsive-tab-link'), item.find('.dropdown'), {visibleClass: 'activetab'});

+ check(true);

+ $(window).resize(check);

+ });

+

+ /**

+ * Hide UCP/MCP navigation if there is only 1 item

+ */

+ container.find('#navigation').each(function() {

+ var items = $(this).children('ol, ul').children('li');

+ if (items.length == 1)

+ {

+ $(this).addClass('responsive-hide');

+ }

+ });

+

+ /**

+ * Replace responsive text

+ */

+ container.find('[data-responsive-text]').each(function() {

+ var $this = $(this),

+ fullText = $this.text(),

+ responsiveText = $this.attr('data-responsive-text'),

+ responsive = false;

+

+ function check() {

+ if ($(window).width() > 700) {

+ if (!responsive) return;

+ $this.text(fullText);

+ responsive = false;

+ return;

+ if (responsive) return;

+ $this.text(responsiveText);

+ responsive = true;

+ }

+

+ check();

+ $(window).resize(check);

+ });

+}

+

+/**

+* Run onload functions

+*/

+(function($) {

+ $(document).ready(function() {

+ // Swap .nojs and .hasjs

+ $('#phpbb.nojs').toggleClass('nojs hasjs');

+

+ // Focus forms

+ $('form[data-focus]:first').each(function() {

+ $('#' + this.getAttribute('data-focus')).focus();

+

+ parse_document($('body'));

+

+ <!-- IF not S_IS_BOT -->

+ <div class="responsive-show" style="display: none;">

+ <!-- IF forumrow.CLICKS -->

+ {L_REDIRECTS}{L_COLON} <strong>{forumrow.CLICKS}</strong>

+ <!-- ELSEIF not forumrow.S_IS_LINK and forumrow.TOPICS -->

+ {L_TOPICS}{L_COLON} <strong>{forumrow.TOPICS}</strong>

+ <!-- ENDIF -->

+ </div>

+ <!-- ENDIF -->

+<!-- IF S_USER_LOGGED_IN --><p class="responsive-center">{CURRENT_TIME}<!-- IF U_MCP or U_ACP --> <br />[&nbsp;<!-- IF U_ACP --><a href="{U_ACP}" title="{L_ACP}" data-responsive-text="{L_ACP_SHORT}">{L_ACP}</a><!-- IF U_MCP -->&nbsp;|&nbsp;<!-- ENDIF --><!-- ENDIF --><!-- IF U_MCP --><a href="{U_MCP}" title="{L_MCP}" data-responsive-text="{L_MCP_SHORT}">{L_MCP}</a><!-- ENDIF -->&nbsp;]<!-- ENDIF --></p><!-- ENDIF -->

+<!-- EVENT index_body_forumlist_before -->

+

+ <label for="username"><span>{L_USERNAME}{L_COLON}</span> <input type="text" name="username" id="username" size="10" class="inputbox" title="{L_USERNAME}" /></label>

+ <label for="password"><span>{L_PASSWORD}{L_COLON}</span> <input type="password" name="password" id="password" size="10" class="inputbox" title="{L_PASSWORD}" /></label>

+ <span class="responsive-hide">|</span> <label for="autologin">{L_LOG_ME_IN} <input type="checkbox" name="autologin" id="autologin" /></label>

+ <div class="responsive-hide">

+ <!-- IF topicrow.ATTACH_ICON_IMG -->{topicrow.ATTACH_ICON_IMG} <!-- ENDIF -->

+ {L_POST_BY_AUTHOR} {topicrow.TOPIC_AUTHOR_FULL} &raquo; {topicrow.FIRST_POST_TIME}

+ </div>

+ <div class="responsive-show" style="display: none;">

+ <!-- IF topicrow.ATTACH_ICON_IMG -->{topicrow.ATTACH_ICON_IMG} <!-- ENDIF -->

+ {L_LAST_POST} {L_POST_BY_AUTHOR} {topicrow.LAST_POST_AUTHOR_FULL} &laquo; {topicrow.LAST_POST_TIME}<br />

+ {L_REPLIES}{L_COLON} <strong>{topicrow.REPLIES}</strong>

+ </div>

+ <label>{S_SELECT_SORT_DIR}</label>

+ <input type="submit" name="sort" value="{L_GO}" class="button2" />

+ <ul class="topiclist cplist missing-column responsive-show-all">

+ <ul class="topiclist cplist two-long-columns responsive-show-all">

+ <ul class="topiclist cplist two-long-columns responsive-show-all">

+ <table class="table1">

+ <p class="linkmcp responsive-center">

+ [<!-- IF U_ACP -->&nbsp;<a href="{U_ACP}" title="{L_ACP}" data-responsive-text="{L_ACP_SHORT}">{L_ACP}</a>&nbsp;|<!-- ENDIF -->&nbsp;<a href="{U_MCP}" title="{L_MCP}" data-responsive-text="{L_MCP_SHORT}">{L_MCP}</a><!-- IF U_MCP_FORUM -->&nbsp;|&nbsp;<a href="{U_MCP_FORUM}">{L_MODERATE_FORUM}</a><!-- ENDIF --><!-- IF U_MCP_TOPIC -->&nbsp;|&nbsp;<a href="{U_MCP_TOPIC}">{L_MODERATE_TOPIC}</a><!-- ENDIF --><!-- IF U_MCP_POST -->&nbsp;|&nbsp;<a href="{U_MCP_POST}">{L_MODERATE_POST}</a><!-- ENDIF -->&nbsp;]

+ <table class="table1">

+ <table class="table1">

+ <table class="table1">

+ <table class="table1">

+ <ul class="topiclist cplist missing-column responsive-show-all">

+ <div class="responsive-show" style="display: none;">

+ {L_REPORTER}{L_COLON} {postrow.REPORTER_FULL} &laquo; {postrow.REPORT_TIME}

+ </div>

+ <div class="responsive-show" style="display: none;">

+ {L_REPORTER}{L_COLON} {postrow.REPORTER_FULL} &laquo; {postrow.REPORT_TIME}<br />

+ <!-- IF postrow.U_VIEWFORUM -->{L_FORUM}{L_COLON} <a href="{postrow.U_VIEWFORUM}">{postrow.FORUM_NAME}</a><!-- ELSE -->{postrow.FORUM_NAME}<!-- ENDIF -->

+ </div>

+ <table class="table1">

+ <!-- END highest -->

+ <table class="table1">

+ <table class="table1">

+ <table class="table1" id="memberlist">

+ <table class="table1">

+ <label for="sd">{L_ORDER} <select name="sd" id="sd">{S_ORDER_SELECT}</select></label>

+ <input type="submit" name="sort" value="{L_SUBMIT}" class="button2" />

+ <table class="table1">

+ <!-- EVENT overall_footer_content_after -->

+ <ul class="linklist bulletin">

+ <li class="small-icon icon-home breadcrumbs"><!-- IF U_SITE_HOME --><span class="crumb"><a href="{U_SITE_HOME}">{L_SITE_HOME}</a> <strong>&#8249;</strong></span> <!-- ENDIF --><span class="crumb"><a href="{U_INDEX}">{L_INDEX}</a></span>

+ <!-- IF U_WATCH_FORUM_LINK --><li class="small-icon icon-<!-- IF S_WATCHING_FORUM -->unsubscribe<!-- ELSE -->subscribe<!-- ENDIF -->"><a href="{U_WATCH_FORUM_LINK}" title="{S_WATCH_FORUM_TITLE}" data-ajax="toggle_link" data-toggle-class="small-icon icon-<!-- IF not S_WATCHING_FORUM -->unsubscribe<!-- ELSE -->subscribe<!-- ENDIF -->" data-toggle-text="{S_WATCH_FORUM_TOGGLE}" data-toggle-url="{U_WATCH_FORUM_TOGGLE}">{S_WATCH_FORUM_TITLE}</a></li><!-- ENDIF -->

+ <li class="rightside">{S_TIMEZONE}</li>

+ <!-- IF not S_IS_BOT --><li class="rightside"><a href="{U_DELETE_COOKIES}" data-ajax="true" data-refresh="true">{L_DELETE_COOKIES}</a></li><!-- ENDIF -->

+ <!-- IF U_TEAM --><li class="rightside"><a href="{U_TEAM}">{L_THE_TEAM}</a><!-- ENDIF -->

+ <div id="loading_indicator"></div>

+<link href="{T_THEME_PATH}/responsive.css?assets_version={T_ASSETS_VERSION}" rel="stylesheet" type="text/css" media="only screen and (max-width: 700px), only screen and (max-device-width: 700px)" />

+ <li class="small-icon icon-home breadcrumbs"><!-- IF U_SITE_HOME --><span class="crumb"><a href="{U_SITE_HOME}"{$MICRODATA}>{L_SITE_HOME}</a> <strong>&#8249;</strong></span> <!-- ENDIF -->

+ <ul class="linklist bulletin">

+ <li class="small-icon icon-notification" data-skip-responsive="true">

+ <div id="notification_list" class="dropdown notification_list">

+ <div class="pointer"><div class="pointer-inner"></div></div>

+ <div class="dropdown-contents">

+ <div class="header">

+ {L_NOTIFICATIONS}

+ <span class="header_settings"><a href="{U_NOTIFICATION_SETTINGS}">{L_SETTINGS}</a></span>

+ </div>

+

+ <ul>

+ <!-- IF not .notifications -->

+ <li>

+ {L_NO_NOTIFICATIONS}

+ </li>

+ <!-- ENDIF -->

+ <!-- BEGIN notifications -->

+ <li class="<!-- IF notifications.UNREAD --> bg2<!-- ENDIF -->">

+ <!-- IF notifications.URL --><a href="<!-- IF notifications.UNREAD -->{notifications.U_MARK_READ}<!-- ELSE -->{notifications.URL}<!-- ENDIF -->"><!-- ENDIF -->

+ <!-- IF notifications.AVATAR -->{notifications.AVATAR}<!-- ELSE --><img src="{T_THEME_PATH}/images/no_avatar.gif" alt="" /><!-- ENDIF -->

+ <div class="notification_text">

+ <p>{notifications.FORMATTED_TITLE}</p>

+ <p>&raquo; {notifications.TIME}</p>

+

+ <!-- IF not notifications.URL and notifications.U_MARK_READ -->

+ <p><a href="{notifications.U_MARK_READ}">{L_MARK_READ}</a></p>

+ <!-- ENDIF -->

+ </div>

+ <!-- IF notifications.URL --></a><!-- ENDIF -->

+ </li>

+ <!-- END notifications -->

+ </ul>

+

+ <div class="footer">

+ <a href="{U_VIEW_ALL_NOTIFICATIONS}"><span>{L_SEE_ALL}</span></a>

+ </div>

+ <li class="small-icon icon-pm">

+ <li class="small-icon icon-ucp">

+ <!-- EVENT overall_header_navigation_append -->

+ <li class="small-icon icon-logout rightside no-bulletin"><a href="{U_LOGIN_LOGOUT}" title="{L_LOGIN_LOGOUT}" accesskey="x">{L_LOGIN_LOGOUT}</a></li>

+ <!-- IF not S_USER_LOGGED_IN and S_REGISTER_ENABLED and not (S_SHOW_COPPA or S_REGISTRATION) --><li class="small-icon icon-register rightside no-bulletin"><a href="{U_REGISTER}">{L_REGISTER}</a></li><!-- ENDIF -->

+ <!-- IF S_DISPLAY_MEMBERLIST --><li class="small-icon icon-members rightside no-bulletin"><a href="{U_MEMBERLIST}" title="{L_MEMBERLIST_EXPLAIN}">{L_MEMBERLIST}</a></li><!-- ENDIF -->

+ <li class="small-icon icon-faq rightside no-bulletin"><a href="{U_FAQ}" title="{L_FAQ_EXPLAIN}">{L_FAQ}</a></li>

+ <!-- EVENT overall_header_navigation_prepend -->

+

+ <!-- EVENT overall_header_content_before -->

+<script type="text/javascript" src="{T_ASSETS_PATH}/plupload/plupload.full.min.js?assets_version={T_ASSETS_VERSION}"></script>

+<script type="text/javascript" src="{T_ASSETS_PATH}/plupload/jquery.plupload.queue/jquery.plupload.queue.min.js?assets_version={T_ASSETS_VERSION}"></script>

+ 'b': '{LA_BYTES_SHORT}',

+ 'kb': '{LA_KB}',

+ 'mb': '{LA_MB}',

+ 'gb': '{LA_GB}',

+ 'tb': '{LA_TB}',

+ 'Add Files': '{LA_PLUPLOAD_ADD_FILES}',

+ 'Close': '{LA_PLUPLOAD_CLOSE}',

+ 'Duplicate file error.': '{LA_PLUPLOAD_DUPLICATE_ERROR}',

+ 'Error: File too large:': '{LA_PLUPLOAD_ERR_FILE_TOO_LARGE}',

+ 'Error: Invalid file extension:': '{LA_PLUPLOAD_ERR_FILE_INVALID_EXT}',

+ 'File: %s': '{LA_PLUPLOAD_FILE}',

+ 'File: %s, size: %d, max file size: %d': '{LA_PLUPLOAD_FILE_DETAILS}',

+ 'File count error.': '{LA_PLUPLOAD_ERR_FILE_COUNT}',

+ 'Filename': '{LA_PLUPLOAD_FILENAME}',

+ 'HTTP Error.': '{LA_PLUPLOAD_HTTP_ERROR}',

+ 'Image format either wrong or not supported.': '{LA_PLUPLOAD_IMAGE_FORMAT}',

+ 'Init error.': '{LA_PLUPLOAD_INIT_ERROR}',

+ 'N/A': '{LA_PLUPLOAD_NOT_APPLICABLE}',

+ 'Runtime ran out of available memory.': '{LA_PLUPLOAD_ERR_RUNTIME_MEMORY}',

+ 'Security error.': '{LA_PLUPLOAD_SECURITY_ERROR}',

+ 'Select files': '{LA_PLUPLOAD_SELECT_FILES}',

+ 'Size': '{LA_PLUPLOAD_SIZE}',

+ 'Start Upload': '{LA_PLUPLOAD_START_UPLOAD}',

+ 'Start uploading queue': '{LA_PLUPLOAD_START_CURRENT_UPLOAD}',

+ 'Status': '{LA_PLUPLOAD_STATUS}',

+ 'Stop current upload': '{LA_PLUPLOAD_STOP_CURRENT_UPLOAD}',

+ 'Upload element accepts only %d file(s) at a time. Extra files were stripped.': '{LA_PLUPLOAD_ERR_UPLOAD_LIMIT}',

+ "Upload URL might be wrong or doesn't exist.": '{LA_PLUPLOAD_ERR_UPLOAD_URL}',

+ 'Uploaded %d/%d files': '{LA_PLUPLOAD_UPLOADED}',

+ '%d files queued': '{LA_PLUPLOAD_FILES_QUEUED}',

+ '%s already present in the queue.': '{LA_PLUPLOAD_ALREADY_QUEUED}'

+ ,cb_{custom_tags.BBCODE_ID}: '{custom_tags.A_BBCODE_HELPLINE}'

+<!-- INCLUDEJS {T_ASSETS_PATH}/javascript/editor.js -->

+ <dd id="color_palette_placeholder" data-orientation="h" data-height="12" data-width="15" data-bbcode="true"></dd>

+ <!-- EVENT posting_editor_subject_before -->

+

+ <!-- EVENT posting_editor_subject_after -->

+

+ <!-- EVENT posting_editor_message_before -->

+

+

+ <!-- EVENT posting_editor_message_after -->

+<!-- INCLUDEJS {T_ASSETS_PATH}/javascript/editor.js -->

+ <table class="table1">

+ <!-- IF searchresults.S_UNREAD_TOPIC and not S_IS_BOT -->

+ <a href="{searchresults.U_NEWEST_POST}">{NEWEST_POST_IMG}</a>

+ <a href="{searchresults.U_NEWEST_POST}" class="topictitle">{searchresults.TOPIC_TITLE}</a>

+ <!-- ELSE -->

+ <a href="{searchresults.U_VIEW_TOPIC}" class="topictitle">{searchresults.TOPIC_TITLE}</a>

+ <!-- ENDIF -->

+ {searchresults.ATTACH_ICON_IMG}

+ {L_POST_BY_AUTHOR} {searchresults.TOPIC_AUTHOR_FULL} &raquo; <!-- IF not S_IS_BOT --><a href="{searchresults.U_VIEW_TOPIC}" title="{L_GOTO_FIRST_POST}">{searchresults.FIRST_POST_TIME}</a><!-- ELSE -->{searchresults.FIRST_POST_TIME}<!-- ENDIF --> &raquo; {L_IN} <a href="{searchresults.U_VIEW_FORUM}">{searchresults.FORUM_TITLE}</a>

+ <!-- IF not S_IS_BOT --><a href="{searchresults.U_LAST_POST}" title="{L_GOTO_LAST_POST}">{LAST_POST_IMG}</a> <!-- ENDIF --><br />{searchresults.LAST_POST_TIME}<br /> </span>

+ <label>{S_SELECT_SORT_DIR}<!-- ENDIF --></label>

+ <input type="submit" name="sort" value="{L_GO}" class="button2" />

+<link href="{T_THEME_PATH}/responsive.css?assets_version={T_ASSETS_VERSION}" rel="stylesheet" type="text/css" media="only screen and (max-width: 700px), only screen and (max-device-width: 700px)" />

+ <ul class="topiclist cplist responsive-show-columns">

+ <!-- ENDIF -->

+ <dd>

+ <input name="group_colour" type="text" id="group_colour" value="{GROUP_COLOUR}" size="6" maxlength="6" class="inputbox narrow" />

+ <span style="background-color: {GROUP_COLOUR};">&nbsp;&nbsp;&nbsp;</span>

+ [ <a href="#" id="color_palette_toggle">{L_COLOUR_SWATCH}</a> ]

+ <div id="color_palette_placeholder" class="hidden" data-orientation="h" data-height="12" data-width="15" data-target="#group_colour"></div>

+ </dd>

+ <table class="table1">

+ <table class="table1">

+ <table class="table1">

+ <table class="table1">

+ <ul class="topiclist cplist two-long-columns responsive-show-all">

+ <!-- IF topicrow.S_UNREAD_TOPIC -->

+ <a href="{topicrow.U_NEWEST_POST}">{NEWEST_POST_IMG}</a>

+ <a href="{topicrow.U_NEWEST_POST}" class="topictitle">{topicrow.TOPIC_TITLE}</a>

+ <!-- ELSE -->

+ <a href="{topicrow.U_VIEW_TOPIC}" class="topictitle">{topicrow.TOPIC_TITLE}</a>

+ <!-- ENDIF -->

+ <!-- IF topicrow.S_TOPIC_REPORTED --><a href="{topicrow.U_MCP_REPORT}">{REPORTED_IMG}</a><!-- ENDIF -->

+ <br />

+ <div class="responsive-hide">

+ <!-- IF topicrow.ATTACH_ICON_IMG -->{topicrow.ATTACH_ICON_IMG} <!-- ENDIF -->

+ {L_POST_BY_AUTHOR} {topicrow.TOPIC_AUTHOR_FULL} &raquo; <a href="{topicrow.U_VIEW_TOPIC}" title="{L_GOTO_FIRST_POST}">{topicrow.FIRST_POST_TIME}</a>

+ </div>

+ <div class="responsive-show" style="display: none;">

+ <!-- IF topicrow.ATTACH_ICON_IMG -->{topicrow.ATTACH_ICON_IMG} <!-- ENDIF -->

+ {L_LAST_POST} {L_POST_BY_AUTHOR} {topicrow.LAST_POST_AUTHOR_FULL} &laquo;

+ <a href="{topicrow.U_LAST_POST}" title="{L_GOTO_LAST_POST}">{topicrow.LAST_POST_TIME}</a>

+ </div>

+ <a href="{topicrow.U_LAST_POST}" title="{L_GOTO_LAST_POST}">{LAST_POST_IMG}</a> <br />{topicrow.LAST_POST_TIME}</span>

+ <div class="responsive-show" style="display: none;">

+ {L_SAVE_DATE}{L_COLON} <strong>{draftrow.DATE}</strong><br />

+ <!-- IF draftrow.U_INSERT --><a href="{draftrow.U_INSERT}">{L_LOAD_DRAFT}</a> &bull; <!-- ENDIF --><a href="{draftrow.U_VIEW_EDIT}">{L_VIEW_EDIT}</a>

+ </div>

+ <!-- IF topicrow.S_UNREAD -->

+ <a href="{topicrow.U_NEWEST_POST}">{NEWEST_POST_IMG}</a>

+ <a href="{topicrow.U_NEWEST_POST}" class="topictitle">{topicrow.TOPIC_TITLE}</a>

+ <!-- ELSE -->

+ <a href="{topicrow.U_VIEW_TOPIC}" class="topictitle">{topicrow.TOPIC_TITLE}</a>

+ <!-- ENDIF -->

+ <br />

+ <div class="responsive-hide">

+ <!-- IF topicrow.ATTACH_ICON_IMG -->{topicrow.ATTACH_ICON_IMG} <!-- ENDIF -->

+ {L_POST_BY_AUTHOR} {topicrow.TOPIC_AUTHOR_FULL} &raquo; <a href="{topicrow.U_VIEW_TOPIC}" title="{L_GOTO_FIRST_POST}">{topicrow.FIRST_POST_TIME}</a>

+ </div>

+ <div class="responsive-show" style="display: none;">

+ <!-- IF topicrow.ATTACH_ICON_IMG -->{topicrow.ATTACH_ICON_IMG} <!-- ENDIF -->

+ {L_LAST_POST} {L_POST_BY_AUTHOR} {topicrow.LAST_POST_AUTHOR_FULL} &laquo; <a href="{topicrow.U_LAST_POST}" title="{L_GOTO_LAST_POST}">{topicrow.LAST_POST_TIME}</a>

+ </div>

+ <a href="{topicrow.U_LAST_POST}" title="{L_GOTO_LAST_POST}">{LAST_POST_IMG}</a> <br />{topicrow.LAST_POST_TIME}</span>

+ <dt>

+ <div class="list-inner">

+ <a href="{forumrow.U_VIEWFORUM}" class="forumtitle">{forumrow.FORUM_NAME}</a><br />

+ {forumrow.FORUM_DESC}

+ <!-- IF forumrow.LAST_POST_TIME -->

+ <div class="responsive-show" style="display: none;">

+ {L_LAST_POST} {L_POST_BY_AUTHOR} {forumrow.LAST_POST_AUTHOR_FULL} &laquo; <a href="{topicrow.U_LAST_POST}">{forumrow.LAST_POST_TIME}</a>

+ </div>

+ <!-- ENDIF -->

+ </div>

+ </dt>

+ <!-- IF topicrow.S_UNREAD_TOPIC -->

+ <a href="{topicrow.U_NEWEST_POST}">{NEWEST_POST_IMG}</a>

+ <a href="{topicrow.U_NEWEST_POST}" class="topictitle">{topicrow.TOPIC_TITLE}</a>

+ <!-- ELSE -->

+ <a href="{topicrow.U_VIEW_TOPIC}" class="topictitle">{topicrow.TOPIC_TITLE}</a>

+ <!-- ENDIF -->

+ <!-- IF topicrow.S_TOPIC_REPORTED --><a href="{topicrow.U_MCP_REPORT}">{REPORTED_IMG}</a><!-- ENDIF -->

+ <br />

+ <div class="responsive-hide">

+ <!-- IF topicrow.ATTACH_ICON_IMG -->{topicrow.ATTACH_ICON_IMG} <!-- ENDIF -->

+ {L_POST_BY_AUTHOR} {topicrow.TOPIC_AUTHOR_FULL} &raquo; <a href="{topicrow.U_VIEW_TOPIC}" title="{L_GOTO_FIRST_POST}">{topicrow.FIRST_POST_TIME}</a>

+ </div>

+ <div class="responsive-show" style="display: none;">

+ <!-- IF topicrow.ATTACH_ICON_IMG -->{topicrow.ATTACH_ICON_IMG} <!-- ENDIF -->

+ {L_LAST_POST} {L_POST_BY_AUTHOR} {topicrow.LAST_POST_AUTHOR_FULL} &laquo; <a href="{topicrow.U_LAST_POST}" title="{L_GOTO_LAST_POST}">{topicrow.LAST_POST_TIME}</a>

+ </div>

+ <a href="{topicrow.U_LAST_POST}" title="{L_GOTO_LAST_POST}">{LAST_POST_IMG}</a> <br />{topicrow.LAST_POST_TIME}</span>

+ <table class="table1">

+ <ul class="topiclist cplist pmlist responsive-show-all <!-- IF S_SHOW_RECIPIENTS -->missing-column<!-- ELSE -->two-columns<!-- ENDIF -->">

+ <label>{S_SELECT_SORT_DIR}</label>

+ <input type="submit" name="sort" value="{L_GO}" class="button2" />

+ <table class="table1">

+<!-- IF U_MCP or U_ACP --><p class="responsive-center">[&nbsp;<!-- IF U_ACP --><a href="{U_ACP}" title="{L_ACP}" data-responsive-text="{L_ACP_SHORT}">{L_ACP}</a><!-- IF U_MCP -->&nbsp;|&nbsp;<!-- ENDIF --><!-- ENDIF --><!-- IF U_MCP --><a href="{U_MCP}" title="{L_MCP}" data-responsive-text="{L_MCP_SHORT}">{L_MCP}</a><!-- ENDIF -->&nbsp;]</p><!-- ENDIF -->

+ <div class="pagination">

+ <!-- IF not S_IS_BOT and U_MARK_TOPICS and .topicrow --><a href="{U_MARK_TOPICS}" accesskey="m" data-ajax="mark_topics_read" data-overlay="false">{L_MARK_TOPICS_READ}</a> &bull; <!-- ENDIF -->

+ {TOTAL_TOPICS} &bull;

+ <!-- IF .pagination -->

+ <!-- INCLUDE pagination.html -->

+ <!-- ELSE -->

+ {PAGE_NUMBER}

+ <!-- ENDIF -->

+ </div>

+ <!-- IF topicrow.S_UNREAD_TOPIC and not S_IS_BOT -->

+ <a href="{topicrow.U_NEWEST_POST}">{NEWEST_POST_IMG}</a>

+ <a href="{topicrow.U_NEWEST_POST}" class="topictitle">{topicrow.TOPIC_TITLE}</a>

+ <!-- ELSE -->

+ <a href="{topicrow.U_VIEW_TOPIC}" class="topictitle">{topicrow.TOPIC_TITLE}</a>

+ <!-- ENDIF -->

+ <div class="responsive-hide">

+ <!-- IF topicrow.ATTACH_ICON_IMG -->{topicrow.ATTACH_ICON_IMG} <!-- ENDIF -->

+ {L_POST_BY_AUTHOR} {topicrow.TOPIC_AUTHOR_FULL} &raquo; <!-- IF not S_IS_BOT --><a href="{topicrow.U_VIEW_TOPIC}" title="{L_GOTO_FIRST_POST}">{topicrow.FIRST_POST_TIME}</a><!-- ELSE -->{topicrow.FIRST_POST_TIME}<!-- ENDIF -->

+ <!-- IF topicrow.S_POST_GLOBAL and FORUM_ID != topicrow.FORUM_ID --> &raquo; {L_IN} <a href="{topicrow.U_VIEW_FORUM}">{topicrow.FORUM_NAME}</a><!-- ENDIF -->

+ </div>

+ <!-- IF not S_IS_BOT -->

+ <div class="responsive-show" style="display: none;">

+ {L_LAST_POST} {L_POST_BY_AUTHOR} {topicrow.LAST_POST_AUTHOR_FULL} &laquo; <a href="{topicrow.U_LAST_POST}" title="{L_GOTO_LAST_POST}">{topicrow.LAST_POST_TIME}</a>

+ <!-- IF topicrow.S_POST_GLOBAL and FORUM_ID != topicrow.FORUM_ID --><br />{L_POSTED} {L_IN} <a href="{topicrow.U_VIEW_FORUM}">{topicrow.FORUM_NAME}</a><!-- ENDIF -->

+ <!-- IF topicrow.REPLIES --><br />{L_REPLIES}{L_COLON} <strong>{topicrow.REPLIES}</strong><!-- ENDIF -->

+ </div>

+ <!-- ENDIF -->

+

+ <!-- IF not S_IS_BOT --><a href="{topicrow.U_LAST_POST}" title="{L_GOTO_LAST_POST}">{LAST_POST_IMG}</a> <!-- ENDIF --><br />{topicrow.LAST_POST_TIME}</span>

+ <label>{S_SELECT_SORT_DIR}</label>

+ <input type="submit" name="sort" value="{L_GO}" class="button2" />

+ <!-- IF not S_IS_BOT and U_MARK_TOPICS and .topicrow --><a href="{U_MARK_TOPICS}" data-ajax="mark_topics_read" data-overlay="false">{L_MARK_TOPICS_READ}</a> &bull; <!-- ENDIF -->

+ {TOTAL_TOPICS} &bull;

+ <table class="table1">

+<!-- IF U_MCP or U_ACP --><p class="responsive-center">[&nbsp;<!-- IF U_ACP --><a href="{U_ACP}" title="{L_ACP}" data-responsive-text="{L_ACP_SHORT}">{L_ACP}</a><!-- IF U_MCP -->&nbsp;|&nbsp;<!-- ENDIF --><!-- ENDIF --><!-- IF U_MCP --><a href="{U_MCP}" title="{L_MCP}" data-responsive-text="{L_MCP_SHORT}">{L_MCP}</a><!-- ENDIF -->&nbsp;]</p><!-- ENDIF -->

+ <!-- INCLUDE viewtopic_topic_tools.html -->

+

+ <div class="clear"></div>

+ <form method="post" action="{S_POLL_ACTION}" data-ajax="vote_poll" class="topic_poll">

+ <p class="author"><!-- IF S_IS_BOT -->{postrow.MINI_POST_IMG}<!-- ELSE --><a href="{postrow.U_MINI_POST}">{postrow.MINI_POST_IMG}</a><!-- ENDIF --><span class="responsive-hide">{L_POST_BY_AUTHOR} <strong>{postrow.POST_AUTHOR_FULL}</strong> &raquo; </span>{postrow.POST_DATE} </p>

+ <label>{L_SORT_BY} {S_SELECT_SORT_KEY}</label> <label>{S_SELECT_SORT_DIR}</label>

+ <input type="submit" name="sort" value="{L_GO}" class="button2" />

+ <!-- INCLUDE viewtopic_topic_tools.html -->

+ <div class="clear"></div>

+<!-- IF not S_IS_BOT and (U_WATCH_TOPIC or U_BOOKMARK_TOPIC or U_BUMP_TOPIC or S_HAS_ATTACHMENTS or S_DISPLAY_TOPIC_TOOLS) -->

+ <div class="dropdown-container dropdown-button-control topic-tools">

+ <span title="{L_TOPIC_TOOLS}" class="dropdown-trigger dropdown-select dropdown-select-icon tools-icon"><span></span></span>

+ <div class="dropdown hidden">

+ <div class="pointer"><div class="pointer-inner"></div></div>

+ <ul class="dropdown-contents">

+ <!-- EVENT viewtopic_topic_tools_before -->

+ <!-- IF U_WATCH_TOPIC -->

+ <li class="small-icon icon-<!-- IF S_WATCHING_TOPIC -->unsubscribe<!-- ELSE -->subscribe<!-- ENDIF -->">

+ <a href="{U_WATCH_TOPIC}" title="{S_WATCH_TOPIC_TITLE}" data-ajax="toggle_link" data-toggle-class="small-icon icon-<!-- IF not S_WATCHING_TOPIC -->unsubscribe<!-- ELSE -->subscribe<!-- ENDIF -->" data-toggle-text="{S_WATCH_TOPIC_TOGGLE}" data-toggle-url="{U_WATCH_TOPIC_TOGGLE}">

+ {S_WATCH_TOPIC_TITLE}

+ </a>

+ </li>

+ <!-- ENDIF -->

+ <!-- IF U_BOOKMARK_TOPIC -->

+ <li class="small-icon icon-bookmark">

+ <a href="{U_BOOKMARK_TOPIC}" title="{L_BOOKMARK_TOPIC}" data-ajax="alt_text" data-alt-text="{S_BOOKMARK_TOGGLE}">

+ {S_BOOKMARK_TOPIC}

+ </a>

+ </li>

+ <!-- ENDIF -->

+ <!-- IF U_BUMP_TOPIC --><li class="small-icon icon-bump"><a href="{U_BUMP_TOPIC}" title="{L_BUMP_TOPIC}" data-ajax="true">{L_BUMP_TOPIC}</a></li><!-- ENDIF -->

+ <!-- IF S_HAS_ATTACHMENTS -->

+ <li class="small-icon icon-download">

+ <a class="dropdown-toggle-submenu" href="{U_DOWNLOAD_ALL_ATTACHMENTS}" title="{L_DOWNLOAD_ALL_ATTACHMENTS}">{L_DOWNLOAD_ALL_ATTACHMENTS}</a>

+ <ul class="dropdown-submenu hidden">

+ <li>

+ <!-- BEGIN dl_method -->

+ <a href="{dl_method.LINK}">{dl_method.TYPE}</a><!-- IF not dl_method.S_LAST_ROW --> &bull; <!-- ENDIF -->

+ <!-- END dl_method -->

+ </li>

+ </ul>

+ </li>

+ <!-- ENDIF -->

+ <!-- EVENT viewtopic_topic_tools_after -->

+ </ul>

+ </div>

+ </div>

+<!-- ENDIF -->

+/* Dropdown menu

+---------------------------------------- */

+.rtl .dropdown-container.topic-tools {

+ float: right;

+}

+

+.rtl .dropdown li {

+ text-align: right;

+}

+

+.rtl .dropdown li li {

+ padding-left: 0;

+ padding-right: 10px;

+}

+

+ul.linklist li.small-icon > a, ul.linklist li.breadcrumbs span:first-child > a {

+ padding-left: 0;

+ padding-right: 19px;

+}

+

+.rtl .small-icon {

+ padding: 1px 19px 0 0;

+}

+

+.rtl ul.linklist li.small-icon {

+ padding-right: 0;

+.buttons div, .dropdown-select {

+.buttons div a, .dropdown-select {

+.buttons div a:after, .dropdown-select:after {

+.dropdown-select {

+ cursor: pointer;

+ font-family: inherit;

+ font-size: 1em;

+ font-weight: normal;

+}

+

+.dropdown-select:after {

+ background-position: -103px 10px;

+ border-left: 1px solid;

+ margin-top: 0;

+ top: 0;

+ right: 0;

+ height: 21px;

+ width: 15px;

+}

+

+.dropdown-visible .dropdown-select:after, .nojs .dropdown-container:hover .dropdown-select:after {

+ background-position: -103px -10px;

+}

+

+.dropdown-select-icon:before {

+ content: '';

+ display: block;

+ float: left;

+ margin-right: 4px;

+ margin-top: 2px;

+}

+

+.dropdown-select.tools-icon:before { background-position: -80px 0; height: 16px; width: 16px; }

+

+.dropdown-visible .dropdown-select.tools-icon:before,

+.nojs .dropdown-container:hover .dropdown-select.tools-icon:before { background-position: -80px -20px; }

+

+.small-icon {

+ul.linklist li.small-icon {

+ padding-left: 0;

+}

+

+ul.linklist.bulletin li.small-icon:before {

+.postbody ul.profile-icons.responsive .popup-pointer {

+ top: 20px;

+.postbody ul.profile-icons .dropdown li, .postbody ul.profile-icons .dropdown li a {

+.postbody ul.profile-icons .dropdown li span {

+.buttons div a, .dropdown-select {

+.dropdown-select {

+ color: #5C6482 !important;

+}

+

+.dropdown-select:after {

+ border-color: #DADADA;

+}

+

+.buttons div a:hover, .dropdown-select:hover, .dropdown-visible .dropdown-select,

+.dropdown-visible .dropdown-select:hover, .nojs .dropdown-container:hover .dropdown-select {

+.dropdown-select:hover {

+ border-color: #C7C3BF;

+}

+

+.dropdown-visible .dropdown-select, .dropdown-visible .dropdown-select:hover, .nojs .dropdown-container:hover .dropdown-select {

+ border-color: #A6B2BA;

+ color: #105289 !important;

+}

+

+.buttons div a:after, .dropdown-select-icon:before, .dropdown-select:after {

+.icon-download { background-image: url("./images/icon_download.gif"); }

+#minitabs li.activetab a span, #minitabs li.activetab a:hover span {

+@media only screen and (max-width: 700px), only screen and (max-device-width: 700px)

+{

+ #navigation a, .rtl #navigation a {

+ background-image: none;

+ }

+}

+

+#loading_indicator {

+ background-color: #000000;

+ background-image: url("./images/loading.gif");

+#notification_list .header, .notification_list .footer {

+#notification_list .header {

+.dropdown .pointer {

+ border-color: #B9B9B9 transparent;

+.dropdown .pointer-inner {

+ border-color: #FFF transparent;

+}

+

+#notification_list .pointer-inner, #minitabs .pointer-inner {

+ border-color: #F1F8FF transparent;

+ul.linklist li.responsive-menu a.responsive-menu-link:hover:before, ul.linklist li.responsive-menu.visible a.responsive-menu-link:before {

+.dropdown .dropdown-contents {

+

+.dropdown-up .dropdown-contents {

+ box-shadow: 1px 0 5px rgba(0, 0, 0, 0.2);

+}

+

+.dropdown li, .dropdown li li {

+ border-color: #DCDCDC;

+#minitabs .dropdown-contents {

+ background-color: #F1F8FF;

+ul.linklist li.responsive-menu {

+ margin: 0 5px;

+ margin: 0 5px;

+ line-height: 16.5px;

+li.responsive-menu.dropdown-right .dropdown {

+ left: -9px;

+}

+

+li.responsive-menu.dropdown-left .dropdown {

+ right: -6px;

+}

+

+li.responsive-menu .dropdown .dropdown-contents {

+ padding: 0 5px;

+}

+

+ul.linklist .dropdown-down .dropdown {

+ top: 22px;

+}

+

+ul.linklist .dropdown-up .dropdown {

+ bottom: 18px;

+}

+

+ul.linklist .dropdown li {

+ clear: both;

+}

+

+

+

+/* Dropdown menu

+.dropdown-container {

+ position: relative;

+}

+

+.nojs .dropdown-container:hover .dropdown {

+ display: block !important;

+}

+

+.dropdown {

+ top: 1.2em;

+ padding: 9px 0 0;

+}

+

+.dropdown-container.topic-tools {

+ float: left;

+.dropdown-up .dropdown {

+ top: auto;

+ bottom: 1.2em;

+ padding: 0 0 9px;

+}

+

+.dropdown-left .dropdown, .nojs .rightside .dropdown {

+.dropdown-button-control .dropdown {

+ top: 24px;

+}

+

+.dropdown-button-control.dropdown-up .dropdown {

+ top: auto;

+ bottom: 24px;

+}

+

+.dropdown .pointer, .dropdown .pointer-inner {

+ position: absolute;

+ width: 0;

+ height: 0;

+ border-top-width: 0;

+ border-bottom: 10px solid transparent;

+ border-left: 10px dashed transparent;

+ border-right: 10px dashed transparent;

+ -webkit-transform: rotate(360deg); /* better anti-aliasing in webkit */

+ display: block;

+}

+

+.dropdown-up .pointer, .dropdown-up .pointer-inner {

+ border-bottom-width: 0;

+ border-top: 10px solid transparent;

+}

+

+.dropdown .pointer {

+ right: auto;

+ left: 10px;

+ top: 0;

+ z-index: 3;

+}

+

+.dropdown-up .pointer {

+ bottom: 0;

+ top: auto;

+}

+

+.dropdown-left .dropdown .pointer, .nojs .rightside .dropdown .pointer {

+ left: auto;

+ right: 10px;

+}

+

+.dropdown .pointer-inner {

+ top: auto;

+ bottom: -11px;

+ left: -10px;

+}

+

+.dropdown-up .pointer-inner {

+ bottom: auto;

+ top: -11px;

+}

+

+.dropdown .dropdown-contents {

+ z-index: 2;

+ overflow: hidden;

+ overflow-y: auto;

+ border: 1px solid transparent;

+ border-radius: 5px;

+ padding: 5px;

+ position: relative;

+ min-width: 40px;

+ max-height: 200px;

+ -webkit-box-sizing: border-box;

+ -moz-box-sizing: border-box;

+ box-sizing: border-box;

+}

+

+.dropdown li {

+ border-bottom: 1px dotted transparent;

+ float: none !important;

+ line-height: normal !important;

+ font-size: 1em !important;

+ list-style: none;

+ padding-top: 4px;

+ padding-bottom: 4px;

+.dropdown li:last-child, .dropdown li li {

+ border-bottom: 0;

+}

+

+.dropdown li li:first-child {

+ margin-top: 4px;

+}

+

+.dropdown li li:last-child {

+ padding-bottom: 0;

+}

+

+.dropdown li li {

+ border-top: 1px dotted transparent;

+ padding-left: 10px;

+}

+

+.wrap .dropdown li, .dropdown.wrap li, #notification_list li {

+.dropdown li:before, .dropdown li:after {

+ word-wrap: normal;

+.breadcrumbs .crumb a {

+ display: inline-block;

+ vertical-align: bottom;

+ overflow: hidden;

+

+.breadcrumbs.wrapped .crumb a { letter-spacing: -.3px; }

+.breadcrumbs.wrapped .crumb.wrapped-medium a { letter-spacing: -.4px; }

+.breadcrumbs.wrapped .crumb.wrapped-tiny a { letter-spacing: -.5px; }

+

+.breadcrumbs .crumb.wrapped-max a { max-width: 120px; }

+.breadcrumbs .crumb.wrapped-wide a { max-width: 100px; }

+.breadcrumbs .crumb.wrapped-medium a { max-width: 80px; }

+.breadcrumbs .crumb.wrapped-small a { max-width: 60px; }

+.breadcrumbs .crumb.wrapped-tiny a { max-width: 40px; }

+#color_palette_placeholder table {

+ border-collapse: separate;

+ border-spacing: 1px;

+}

+

+.pagination li a, .pagnation li span, li .pagination li a, li .pagination li span, .pagination li.active span, .pagination li.ellipsis span {

+ left: 0;

+ right: 0;

+ max-width: 640px;

+ margin: 0 auto;

+@media only screen and (max-height: 500px), only screen and (max-device-width: 500px)

+{

+ .phpbb_alert {

+ top: 25px;

+ }

+}

+

+ position: relative;

+ z-index: 44;

+ z-index: 45;

+}

+

+#loading_indicator {

+ background: center center no-repeat;

+ border-radius: 5px;

+ display: none;

+ opacity: 0.8;

+ margin-top: -50px;

+ margin-left: -50px;

+ height: 50px;

+ width: 50px;

+ position: fixed;

+ left: 50%;

+ top: 50%;

+ z-index: 51;

+ top: 22px;

+#notification_list .dropdown-contents {

+ max-height: none;

+ padding: 0;

+}

+

+#notification_list .header {

+#notification_list .header .header_settings {

+#notification_list .footer {

+#notification_list ul li a, .notification_list dt > a, #notification_list .footer > a {

+ -webkit-box-sizing: border-box;

+.postprofile .avatar img {

+ max-width: 90%;

+ height: auto !important;

+}

+

+ max-width: 50%;

+.responsive-tab {

+ position: relative;

+}

+

+#tabs .dropdown, #minitabs .dropdown {

+ top: 29px;

+ margin-right: -1px;

+#minitabs .dropdown {

+ top: 18px;

+#tabs .dropdown-up .dropdown, #minitabs .dropdown-up .dropdown {

+ bottom: -5px;

+ top: auto;

+}

+

+#minitabs .dropdown-up .dropdown {

+ bottom: 18px;

+}

+

+#tabs .dropdown-right .dropdown, #minitabs .dropdown-right .dropdown {

+ margin-left: -41px;

+#tabs .dropdown li, #minitabs .dropdown li {

+ background: transparent none;

+ padding: 0;

+.tabs-container #minitabs .dropdown a span {

+ display: block;

+}

+

+#tabs .dropdown a, #tabs .dropdown a span, #minitabs .dropdown a, #minitabs .dropdown a span {

+.tabs-container #minitabs .dropdown a span {

+#tabs .dropdown a span, #minitabs .dropdown a span {

+ padding: 5px 8px;

+ color: inherit !important;

+

+

+/* Responsive *CP navigation

+----------------------------------------*/

+@media only screen and (max-width: 900px), only screen and (max-device-width: 900px)

+{

+ .nojs #tabs a span, .nojs #minitabs a span {

+ max-width: 40px;

+ overflow: hidden;

+ text-overflow: ellipsis;

+ letter-spacing: -.5px;

+ }

+

+ #cp-menu, #navigation, #cp-main {

+ float: none;

+ width: auto;

+ margin: 0;

+ }

+

+ #navigation {

+ padding: 0;

+ margin: 0 auto;

+ max-width: 320px;

+ }

+

+ #navigation a {

+ background-image: none;

+ }

+

+ #navigation li:first-child a {

+ border-top-left-radius: 5px;

+ border-top-right-radius: 5px;

+ }

+

+ #navigation li:last-child a {

+ border-bottom-left-radius: 5px;

+ border-bottom-right-radius: 5px;

+ }

+}

+ min-height: 2.5em;

+}

+

+fieldset.jumpbox select {

+ max-width: 50%;

+input[type="button"], input[type="submit"], input[type="reset"], input[type="checkbox"], input[type="radio"] {

+ cursor: pointer;

+}

+

+/* Navigation bar links */

+ul.linklist li.small-icon > a, ul.linklist li.breadcrumbs span:first-child > a {

+ display: inline-block;

+ padding-left: 17px;

+}

+

+ min-width: 300px;

+li.row .responsive-show strong {

+ font-weight: bold;

+ color: inherit;

+}

+

+ul.topiclist li.row dt a.subforum {

+ display: inline-block;

+ vertical-align: bottom;

+ overflow: hidden;

+ text-overflow: ellipsis;

+ max-width: 100px;

+}

+

+.pagination li a, .pagination li span {

+ min-width: 10px;

+ display: inline-block;

+ text-align: center;

+table.responsive.show-header th:first-child span.rank-img {

+ display: none;

+}

+

+fieldset.quick-login label {

+ display: block;

+ margin-bottom: 5px;

+ white-space: normal;

+}

+

+fieldset.quick-login label > span {

+ display: inline-block;

+ min-width: 100px;

+}

+

+fieldset.quick-login input.inputbox {

+ width: 85%;

+ max-width: 300px;

+ margin-left: 20px;

+}

+

+fieldset.quick-login label[for="autologin"] {

+ display: inline-block;

+ text-align: right;

+ min-width: 50%;

+}

+

+@media only screen and (max-width: 500px), only screen and (max-device-width: 500px)

+{

+ select, .inputbox {

+ max-width: 260px;

+ }

+}

+

+@media only screen and (max-width: 320px), only screen and (max-device-width: 320px)

+{

+ select, .inputbox {

+ max-width: 240px;

+ }

+}

+

+@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 1.5dppx)

+{

+ /* Scale online image for HD displays */

+ .online {

+ background-size: 40px;

+ }

+}

+

+fieldset.display-options label {

+ display: block;

+ clear: both;

+ margin-bottom: 5px;

+}

+

+.phpbb_alert {

+ max-width: none;

+ margin: 0 25px;

+}

+

+ float: none;

+ overflow: hidden;

+ clear: both;

+style_version = 3.1.0-a2

+phpbb_version = 3.1.0-a2

+<!-- IF U_MCP or U_ACP -->

+ <p class="linkmcp">[&nbsp;<!-- IF U_ACP --><a href="{U_ACP}">{L_ACP}</a><!-- IF U_MCP -->&nbsp;|&nbsp;<!-- ENDIF --><!-- ENDIF --><!-- IF U_MCP --><a href="{U_MCP}">{L_MCP}</a><!-- ENDIF -->&nbsp;]</p>

+<!-- EVENT index_body_forumlist_before -->

+

+ [<!-- IF U_ACP -->&nbsp;<a href="{U_ACP}">{L_ACP}</a>&nbsp;|<!-- ENDIF -->&nbsp;<a href="{U_MCP}">{L_MCP}</a><!-- IF U_MCP_FORUM -->&nbsp;|&nbsp;<a href="{U_MCP_FORUM}">{L_MODERATE_FORUM}</a><!-- ENDIF --><!-- IF U_MCP_TOPIC -->&nbsp;|&nbsp;<a href="{U_MCP_TOPIC}">{L_MODERATE_TOPIC}</a><!-- ENDIF --><!-- IF U_MCP_POST -->&nbsp;|&nbsp;<a href="{U_MCP_POST}">{L_MODERATE_POST}</a><!-- ENDIF -->&nbsp;]

+ <!-- EVENT overall_footer_content_after -->

+

+ <!-- EVENT overall_header_content_before -->

+ <!-- IF U_MCP or U_ACP -->

+ <p class="linkmcp">[&nbsp;<!-- IF U_ACP --><a href="{U_ACP}">{L_ACP}</a><!-- IF U_MCP -->&nbsp;|&nbsp;<!-- ENDIF --><!-- ENDIF --><!-- IF U_MCP --><a href="{U_MCP}">{L_MCP}</a><!-- ENDIF -->&nbsp;]</p>

+<!-- EVENT posting_editor_subject_before -->

+<!-- EVENT posting_editor_subject_after -->

+ <!-- EVENT posting_editor_message_before -->

+ <td width="80" align="center" valign="top" id="color_palette_placeholder" data-orientation="v" data-width="11" data-height="10" data-bbcode="true">

+ <!-- EVENT posting_editor_message_after -->

+ ,cb_{custom_tags.BBCODE_ID}: '{custom_tags.A_BBCODE_HELPLINE}'

+ <!-- INCLUDEJS {T_ASSETS_PATH}/javascript/editor.js -->

+<!-- INCLUDEJS {T_ASSETS_PATH}/javascript/editor.js -->

+ {searchresults.ATTACH_ICON_IMG} <a href="<!-- IF not S_IS_BOT and searchresults.S_UNREAD_TOPIC -->{searchresults.U_NEWEST_POST}<!-- ELSE -->{searchresults.U_VIEW_TOPIC}<!-- ENDIF -->" class="topictitle">{searchresults.TOPIC_TITLE}</a>

+ <!-- ENDIF -->

+ <td class="row2">

+ <input name="group_colour" type="text" id="group_colour" value="{GROUP_COLOUR}" size="6" maxlength="6" />&nbsp;&nbsp;

+ <span>[ <a href="#" id="color_palette_toggle">{L_COLOUR_SWATCH}</a> ]</span>

+ <div id="color_palette_placeholder" style="display: none;" data-orientation="h" data-height="12" data-width="15" data-target="#group_colour"></div>

+ </td>

+ <p class="topictitle"><!-- IF topicrow.S_UNREAD_TOPIC --><a href="{topicrow.U_NEWEST_POST}">{NEWEST_POST_IMG}</a> <!-- ENDIF -->{topicrow.ATTACH_ICON_IMG} <a href="<!-- IF topicrow.S_UNREAD_TOPIC -->{topicrow.U_NEWEST_POST}<!-- ELSE -->{topicrow.U_VIEW_TOPIC}<!-- ENDIF -->">{topicrow.TOPIC_TITLE}</a></p>

+ <td align="{S_CONTENT_FLOW_BEGIN}" id="color_palette_placeholder" data-orientation="h" data-width="11" data-height="10" data-bbcode="true">

+ <p class="topictitle"><!-- IF topicrow.S_UNREAD --><a href="{topicrow.U_NEWEST_POST}">{NEWEST_POST_IMG}</a> <!-- ENDIF -->{topicrow.ATTACH_ICON_IMG} <a href="<!-- IF topicrow.S_UNREAD -->{topicrow.U_NEWEST_POST}<!-- ELSE -->{topicrow.U_VIEW_TOPIC}<!-- ENDIF -->">{topicrow.TOPIC_TITLE}</a></p><p class="gensmall">{topicrow.GOTO_PAGE}</p>

+ <p class="topictitle"><!-- IF topicrow.S_UNREAD_TOPIC --><a href="{topicrow.U_NEWEST_POST}" class="imageset">{NEWEST_POST_IMG}</a> <!-- ENDIF -->{topicrow.ATTACH_ICON_IMG} <a href="<!-- IF topicrow.S_UNREAD_TOPIC -->{topicrow.U_NEWEST_POST}<!-- ELSE -->{topicrow.U_VIEW_TOPIC}<!-- ENDIF -->">{topicrow.TOPIC_TITLE}</a></p>

+ <td align="{S_CONTENT_FLOW_BEGIN}" id="color_palette_placeholder" data-orientation="h" data-width="11" data-height="10">

+ <p class="linkmcp">[&nbsp;<!-- IF U_ACP --><a href="{U_ACP}">{L_ACP}</a><!-- IF U_MCP -->&nbsp;|&nbsp;<!-- ENDIF --><!-- ENDIF --><!-- IF U_MCP --><a href="{U_MCP}">{L_MCP}</a><!-- ENDIF -->&nbsp;]</p>

+ {topicrow.ATTACH_ICON_IMG} <!-- IF topicrow.S_HAS_POLL or topicrow.S_TOPIC_MOVED --><b>{topicrow.TOPIC_TYPE}</b> <!-- ENDIF -->

+ <a title="{L_POSTED}{L_COLON} {topicrow.FIRST_POST_TIME}" href="<!-- IF not S_IS_BOT and topicrow.S_UNREAD_TOPIC -->{topicrow.U_NEWEST_POST}<!-- ELSE -->{topicrow.U_VIEW_TOPIC}<!-- ENDIF -->" class="topictitle">{topicrow.TOPIC_TITLE}</a>

+ <p class="linkmcp">[&nbsp;<!-- IF U_ACP --><a href="{U_ACP}">{L_ACP}</a><!-- IF U_MCP -->&nbsp;|&nbsp;<!-- ENDIF --><!-- ENDIF --><!-- IF U_MCP --><a href="{U_MCP}">{L_MCP}</a><!-- ENDIF -->&nbsp;]</p>

+#color_palette_placeholder table {

+ border-collapse: separate;

+ border-spacing: 1px;

+}

+

+#color_palette_placeholder td {

+ padding: 0;

+}

+