+ <ul id="gallery">

+ <!-- BEGIN avatar_local_col -->

+ <li>

+ <label for="av-{avatar_local_row.S_ROW_COUNT}-{avatar_local_row.avatar_local_col.S_ROW_COUNT}"><img src="{avatar_local_row.avatar_local_col.AVATAR_IMAGE}" alt="" /><br />

+ <input type="radio" name="avatar_local_file" id="av-{avatar_local_row.S_ROW_COUNT}-{avatar_local_row.avatar_local_col.S_ROW_COUNT}" value="{avatar_local_row.avatar_local_col.AVATAR_FILE}" /></label>

+ </li>

+ <!-- END avatar_local_col -->

+ </ul>

+ <table cellspacing="1" class="forums">

+ <td class="folder">{forums.FOLDER_IMAGE}</td>

+ <td class="forum-desc">

+ <td class="actions">

+ <td class="actions">

+ <td class="actions">

+ <table cellspacing="1" class="two-columns no-header" data-no-responsive-header="true">

+ <table id="table00{auth.S_ROW_COUNT}" cellspacing="1" class="not-responsive">

+ <div class="column1">

+ <div class="column2">

+ <div class="column1">

+ <div class="column2">

+ <br class="responsive-hide" /><br class="responsive-hide" />

+ <br class="responsive-hide" /><br class="responsive-hide" />

+ <br class="responsive-hide" /><br class="responsive-hide" />

+ <table cellspacing="1" class="styles">

+ <td class="{$ROW_CLASS}" style="padding-{S_CONTENT_FLOW_BEGIN}: {styles_list.PADDING}px;">

+ <div class="default-style" style="display: none; float: {S_CONTENT_FLOW_END};">

+ <td class="{$ROW_CLASS} users">{styles_list.USERS}</td>

+ <td class="{$ROW_CLASS} actions">

+ <td class="{$ROW_CLASS} mark" width="20">

+ font-size: small;

+ font-size: small;

+ word-wrap: break-word;

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

+{

+ body {

+ margin: 5px 5px 0;

+ }

+}

+

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

+{

+ html, body {

+ height: auto;

+ margin: 0;

+ padding: 0;

+ }

+}

+

+

+

+ min-width: 650px;

+ float: right;

+ width: 100%;

+ margin: 0 0 0 -210px;

+ margin: 0 -210px 0 0;

+}

+

+.main {

+ margin-left: 210px;

+.rtl .main {

+ margin-left: 0;

+ margin-right: 210px;

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

+{

+ #wrap, #page-body, #page-body.simple-page-body {

+ padding: 0;

+ min-width: 300px;

+ }

+

+ #page-header {

+ margin: 5px;

+ padding-left: 160px;

+ height: auto;

+ min-height: 54px;

+ overflow: hidden;

+ }

+

+ .rtl #page-header {

+ padding-right: 160px;

+ padding-left: 0;

+ }

+

+ #page-header h1 {

+ font-size: 1.2em;

+ white-space: nowrap;

+ overflow: hidden;

+ text-overflow: ellipsis;

+ }

+

+ #page-header fieldset {

+ margin-top: 5px;

+ }

+

+ #main, .rtl #main, .main, .rtl .main {

+ float: none;

+ width: auto;

+ margin: 0;

+ }

+

+ #content {

+ background: #F3F3F3 url("../images/innerbox_bg.gif") repeat-x top;

+ padding: 5px;

+ }

+

+ #page-footer {

+ padding: 0 5px 5px;

+ }

+}

+

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

+{

+ #page-header {

+ background-size: 76px 26.5px;

+ padding-left: 80px;

+ min-height: 30px;

+ }

+

+ .rtl #page-header {

+ padding-right: 80px;

+ }

+

+ #page-header h1 {

+ padding-top: 0;

+ font-size: 1.1em;

+ }

+}

+

+

+ margin: 0 7px;

+ position: relative;

+ z-index: 2;

+#tabs ul:after {

+ content: '';

+ display: block;

+ clear: both;

+}

+

+ display: block;

+ float: left;

+#tabs li:after {

+ content: '';

+ display: block;

+ clear: both;

+}

+

+ min-height: 14px;

+#tabs .activetab a {

+#tabs .activetab a span {

+#tabs .activetab a:hover span {

+.responsive-tab {

+ position: relative;

+}

+.responsive-tab .responsive-tab-link span {

+ display: inline-block;

+ font-size: 16px;

+ position: relative;

+ width: 16px;

+ line-height: 14px;

+ text-decoration: none;

+.responsive-tab .responsive-tab-link span:before {

+ content: '';

+ position: absolute;

+ left: 5px;

+ top: 8px;

+ height: .125em;

+ width: 14px;

+ border-bottom: 0.125em solid #767676;

+ border-top: 0.375em double #767676;

+.responsive-tab .responsive-tab-link:hover span:before {

+ border-color: #BC2A4D;

+.responsive-tab.activetab .responsive-tab-link span:before {

+ border-color: #23649F;

+.responsive-tab.activetab .responsive-tab-link:hover span:before {

+ border-color: #115098;

+#tabs .dropdown {

+ top: 18px;

+ margin-right: -1px;

+#tabs .dropdown-right .dropdown {

+ margin-left: -2px;

+#tabs .dropdown li {

+ display: block !important;

+ float: none;

+ background: transparent none;

+ padding: 0;

+}

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

+ background: transparent;

+ display: block;

+ border-width: 0;

+ float: none;

+ margin: 0;

+ padding: 0;

+ text-align: right;

+}

+#tabs .dropdown a span {

+ padding: 4px 8px;

+ color: inherit !important;

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

+{

+ #tabs {

+ min-width: 0;

+ }

+/* Main Panel

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

+#acp {

+ clear: both;

+ position: relative;

+ top: -2px;

+ margin: 0 0 2px;

+ padding: 3px 1px;

+ min-width: 550px;

+ background: #F3F3F3 url("../images/innerbox_bg.gif") repeat-x top;

+ border: 1px #999999 solid;

+ border-radius: 5px;

+ box-shadow: #FFF 0 0 0 1px inset;

+}

+

+#acp:first-child {

+ top: 0;

+}

+

+.panel {

+ background: #F3F3F3 url("../images/innerbox_bg.gif") repeat-x top;

+ padding: 5px 0;

+ border-radius: 5px;

+ overflow: hidden;

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

+{

+ #acp {

+ min-width: 0;

+ min-height: 0;

+ border-radius: 0;

+ border-width: 1px 0;

+ background: #fff;

+ padding: 1px 0;

+ box-shadow: none;

+ }

+/* Sub-navigation Menu

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

+

+ width: 200px;

+ position: relative;

+ z-index: 1;

+ word-wrap: normal;

+#menu li, #menu .header {

+ display: block;

+#menu li span, #menu .header {

+ white-space: nowrap;

+ overflow: hidden;

+ text-overflow: ellipsis;

+}

+

+#menu .header {

+ text-decoration: none;

+ cursor: inherit;

+ outline-style: none;

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

+{

+ #menu, .rtl #menu {

+ float: none;

+ width: auto;

+ border-width: 0;

+ max-width: 200px;

+ margin: 0 auto 10px;

+ }

+

+ #menu p {

+ text-align: center;

+ }

+

+ #menu .menu-block.active {

+ margin: 0 -5px;

+ padding: 0 5px 3px;

+ background: rgba(255, 255, 255, .5);

+ border-radius: 5px;

+ }

+

+ #menu .menu-block.no-header.active {

+ padding-top: 3px;

+ }

+

+ #menu .menu-block .header {

+ margin-top: 5px;

+ cursor: pointer;

+ border-bottom-width: 0;

+ position: relative;

+ text-decoration: underline;

+ }

+

+ #menu .menu-block .header:focus, #menu .menu-block.active .header {

+ color: #D31141;

+ text-decoration: none;

+ }

+

+ #menu .menu-block ul {

+ display: none;

+ }

+

+ .nojs #menu .menu-block:hover ul, #menu .menu-block.active ul, #menu .menu-block.no-header ul {

+ display: block;

+ }

+

+ #menu .menu-block li:last-child {

+ border-bottom: 1px solid #327AA5;

+ }

+

+ #menu .menu-block:last-child li:last-child, #menu .menu-block.active li:last-child {

+ border-bottom-width: 0;

+ }

+

+ #menu .menu-block li a span {

+ border-radius: 2px;

+ }

+}

+

+

+/* Specific tables */

+table.forums td.folder {

+ width: 27px;

+ text-align: center;

+}

+

+table td.actions {

+ vertical-align: middle;

+ width: 100px;

+ text-align: center;

+ white-space: nowrap;

+}

+

+table.styles td.users, table td.mark {

+ text-align: center;

+}

+

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

+{

+ table.responsive, table.responsive tbody, table.responsive tr, table.responsive td {

+ display: block;

+ }

+

+ table.responsive thead, table.responsive th, table.responsive colgroup {

+ display: none;

+ }

+

+ table.responsive.show-header thead, table.responsive.show-header th:first-child, table.responsive caption {

+ display: block;

+ width: auto !important;

+ text-align: left !important;

+ margin: 0;

+ }

+

+ table.responsive {

+ background: transparent none;

+ border-width: 0;

+ padding: 0;

+ }

+

+ table.responsive caption {

+ padding: 3px 4px;

+ color: #FFFFFF;

+ background: #70AED3 url("../images/gradient2b.gif") bottom left repeat-x;

+ border-top: 1px solid #6DACD2;

+ border-bottom: 1px solid #327AA5;

+ text-align: left;

+ font-size: 0.75em;

+ font-weight: bold;

+ text-transform: uppercase;

+ }

+

+ table.responsive.show-header th:first-child span.rank-img, table.responsive.no-caption caption, table.responsive.no-header thead {

+ display: none;

+ }

+

+ table.responsive tr {

+ margin: 2px 0;

+ border: 1px solid #CCCFD3;

+ background-color: #FFFFFF;

+ padding: 1px 1px 0;

+ overflow: hidden;

+ }

+

+ table.responsive tr.row1 td { background-color: #F9F9F9; }

+ table.responsive tr.row2 td { background-color: #DCEBFE; }

+ table.responsive tr.row3 td { background-color: #DBDFE2; }

+ table.responsive tr.row4 td { background-color: #E4E8EB; }

+ table.responsive tr.col1 td { background-color: #DCEBFE; }

+ table.responsive tr.col2 td { background-color: #F9F9F9; }

+ table.responsive tr.row1a td { background-color: #F9F9F9; }

+ table.responsive tr.row1b td { background-color: #F6F6F6; }

+ table.responsive tr.row2a td { background-color: #E7EEF4; }

+ table.responsive tr.row2b td { background-color: #E3EBF2; }

+

+ table.responsive td {

+ width: auto !important;

+ text-align: left !important;

+ padding: 4px;

+ margin-bottom: 1px;

+ }

+

+ table.responsive td.empty {

+ display: none !important;

+ }

+

+ table.responsive td > dfn {

+ display: inline-block !important;

+ }

+

+ table.responsive td > dfn:after {

+ content: ':';

+ padding-right: 5px;

+ }

+

+ table.responsive.two-columns td {

+ width: 50% !important;

+ float: left;

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

+ box-sizing: border-box;

+ }

+

+ table.responsive.two-columns td:nth-child(2n+1) {

+ clear: left;

+ }

+

+ table.responsive span.rank-img {

+ float: none;

+ padding-right: 5px;

+ }

+

+ table.responsive#memberlist td:first-child input[type="checkbox"] {

+ float: right;

+ }

+

+ /* Specific tables */

+ table.responsive.forums td.folder {

+ float: left;

+ width: 27px;

+ background: transparent;

+ }

+ .rtl table.responsive.forums td.folder {

+ float: right;

+ }

+

+ table.responsive.forums td.forum-desc {

+ margin-left: 35px;

+ min-height: 27px;

+ background: transparent;

+ }

+

+ .rtl table.responsive.forums td.forum-desc {

+ margin-left: 0;

+ margin-right: 35px;

+ }

+

+ table.responsive td.actions {

+ clear: both;

+ text-align: right !important;

+ }

+

+ .rtl table.responsive td.actions {

+ text-align: left !important;

+ }

+

+ table.responsive.styles tr.responsive-style-row td:first-child {

+ padding-left: 4px !important;

+ padding-right: 4px !important;

+ }

+

+ table.responsive.styles td:first-child > dfn, table.responsive td.actions > dfn {

+ display: none !important;

+ }

+}

+

+ border-radius: 3px;

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

+{

+ fieldset {

+ padding: 5px;

+ }

+

+ fieldset.quick, p.quick {

+ float: none !important;

+ text-align: center;

+ }

+

+ fieldset.display-options {

+ clear: both;

+ }

+}

+

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

+{

+ fieldset dl {

+ margin-bottom: 5px;

+ padding-bottom: 5px;

+ border-bottom: 1px solid #e8e8e8;

+ }

+

+ fieldset > dl:last-child, fieldset > form:last-child > dl:last-child {

+ border-bottom-width: 0;

+ margin-bottom: 0;

+ }

+

+ fieldset dt, .rtl fieldset dt, fieldset dd, .rtl fieldset dd {

+ border-width: 0;

+ margin-left: 0;

+ margin-right: 0;

+ float: none;

+ width: auto;

+ }

+

+ .ltr fieldset dd {

+ padding-left: 20px;

+ }

+

+ .rtl fieldset dd {

+ padding-right: 20px;

+ }

+

+ select, dd select, dd input {

+ max-width: 300px;

+ }

+

+ input[type="number"], dd input[type="number"] {

+ max-width: 70px;

+ }

+}

+

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

+{

+ select, dd select, dd input {

+ max-width: 240px;

+ }

+}

+

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

+{

+ p.submit-buttons {

+ margin-top: 0;

+ }

+}

+

+ left: 0;

+ right: 0;

+ max-width: 600px;

+ margin: 0 auto;

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

+{

+ .phpbb_alert {

+ top: 25px;

+ }

+}

+

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

+{

+ .phpbb_alert {

+ max-width: none;

+ margin: 0 25px;

+ }

+}

+

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

+{

+ .pagination, .rtl .pagination {

+ float: none;

+ text-align: center;

+ margin: 5px 0;

+ }

+

+ .pagination li a, .pagination li span {

+ display: inline-block;

+ min-width: 10px;

+ }

+}

+

+.clearfix, .row, #content, fieldset dl, #page-body {

+.column1, .column2 {

+ width: 48%;

+ float: left;

+}

+

+.ltr .column2, .rtl .column1 {

+ float: right;

+}

+

+ border-radius: 5px;

+ overflow: hidden;

+ padding: 5px 0;

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

+{

+ .column1, .column2 {

+ float: none !important;

+ width: auto;

+ }

+

+ .permissions-simple {

+ clear: both;

+ }

+

+ .permissions-simple td, .permissions-simple dd {

+ width: auto !important;

+ margin-left: 0 !important;

+ margin-right: 0 !important;

+ }

+

+ .permissions-simple dd {

+ margin-top: 5px;

+ }

+

+ .permissions-panel .tablewrap {

+ margin: 0 5px;

+ }

+

+ .permissions-category {

+ min-width: 0;

+ margin: 0 !important;

+ }

+

+ .permissions-category a, .permissions-category a span.tabbg {

+ display: block;

+ float: none !important;

+ background: transparent none;

+ }

+

+ .permissions-category a {

+ background: #d9e5ee;

+ margin: 5px 0;

+ padding: 0 !important;

+ border-radius: 3px;

+ text-decoration: underline;

+ }

+

+ .permissions-category .activetab a {

+ background-color: #dd6900;

+ color: #fff;

+ }

+

+ .permissions-category a span.tabbg {

+ color: inherit !important;

+ padding-top: 6px !important;

+ padding-bottom: 6px !important;

+ }

+

+ .permissions-category .activetab span.colour {

+ border-color: #fff;

+ }

+}

+

+/* Avatars gallery

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

+#gallery {

+ display: block;

+ margin: 0 -5px;

+ padding: 0;

+ overflow: hidden;

+}

+

+#gallery li {

+ display: block;

+ float: left;

+ border: 1px solid #ccc;

+ border-radius: 2px;

+ background: #fff;

+ padding: 5px;

+ margin: 5px;

+}

+

+#gallery li:hover {

+ background-color: #eee;

+}

+

+#gallery li label {

+ display: block;

+ text-align: center;

+ padding: 0;

+}

+

+/* Dropdown menu

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

+.dropdown {

+ position: absolute;

+ left: 0;

+ top: 22px;

+ z-index: 2;

+ border: 1px solid transparent;

+ border-radius: 5px;

+ padding: 9px 0 0;

+}

+

+.dropdown-up .dropdown {

+ top: auto;

+ bottom: 18px;

+ padding: 0 0 9px;

+}

+

+.dropdown-left .dropdown {

+ left: auto;

+ right: 0;

+}

+

+.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 {

+ left: auto;

+ right: 10px;

+}

+

+.dropdown .pointer-inner {

+ top: auto;

+ bottom: -11px;

+ left: -10px;

+}

+

+.dropdown-up .pointer-inner {

+ bottom: auto;

+ top: -11px;

+}

+

+.dropdown .pointer {

+ border-color: #B9B9B9 transparent;

+}

+

+.dropdown .pointer-inner {

+ border-color: #FFF transparent;

+}

+

+.dropdown .dropdown-contents {

+ z-index: 2;

+ overflow: hidden;

+ background: #fff;

+ border: 1px solid #b9b9b9;

+ border-radius: 5px;

+ padding: 5px;

+ position: relative;

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

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

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

+ box-sizing: border-box;

+}

+

+.dropdown-up .dropdown-contents {

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

+}

+

+.dropdown li {

+ float: none;

+ margin: 0;

+ white-space: nowrap;

+ text-align: left;

+}

+

+.wrap .dropdown li, .dropdown.wrap li {

+ white-space: normal;

+}

+

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

+ display: none !important;

+}

+

+

+

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

+{

+ .responsive-hide { display: none !important; }

+ .responsive-show { display: block !important; }

+ .responsive-show-inline { display: inline !important; }

+ .responsive-show-inline-block { display: inline-block !important; }

+}

+/**

+* phpBB3 ACP functions

+*/

+

+/**

+* Parse document block

+*/

+function parse_document(container)

+{

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

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

+

+ delete test;

+

+ /**

+ * Navigation

+ */

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

+ var menu = $(this),

+ blocks = menu.children('.menu-block');

+

+ if (!blocks.length) {

+ return;

+ }

+

+ // Set onclick event

+ blocks.children('a.header').click(function() {

+ var parent = $(this).parent();

+ if (!parent.hasClass('active')) {

+ parent.siblings().removeClass('active');

+ }

+ parent.toggleClass('active');

+ });

+

+ // Set active menu

+ menu.find('#activemenu').parents('.menu-block').addClass('active');

+

+ // Check if there is active menu

+ if (!blocks.filter('.active').length) {

+ blocks.filter(':first').addClass('active');

+ }

+ });

+

+ /**

+ * Responsive tables

+ */

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

+ var $this = $(this),

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

+ columns = th.length,

+ headers = [],

+ totalHeaders = 0,

+ i, headersLength;

+

+ // Find columns

+ $this.find('colgroup:first').children().each(function(i) {

+ var column = $(this);

+ $this.find('td:nth-child(' + (i + 1) + ')').addClass(column.prop('className'));

+ });

+

+ // Styles table

+ if ($this.hasClass('styles')) {

+ $this.find('td:first-child[style]').each(function() {

+ var style = $(this).attr('style');

+ if (style.length) {

+ $(this).parent('tr').attr('style', style.toLowerCase().replace('padding', 'margin')).addClass('responsive-style-row');

+ }

+ });

+ }

+

+ // Find each header

+ if (!$this.data('no-responsive-header'))

+ {

+ th.each(function(column) {

+ var cell = $(this),

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

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

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

+

+ if (text == '&nbsp;') 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) {

+ return;

+ }

+

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

+ if (headers[column] != '') {

+ 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');

+ }

+ });

+

+ /**

+ * Fieldsets with empty <span>

+ */

+ container.find('fieldset dt > span:last-child').each(function() {

+ var $this = $(this);

+ if ($this.html() == '&nbsp;') {

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

+ }

+

+ });

+

+ /**

+ * Responsive tabs

+ */

+ container.find('#tabs').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(),

+ height = $this.height();

+

+ 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', verticalDirection: 'down'});

+

+ check(true);

+ $(window).resize(check);

+ });

+}

+

+/**

+* Run onload functions

+*/

+(function($) {

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

+ // Swap .nojs and .hasjs

+ $('body.nojs').toggleClass('nojs hasjs');

+

+ // Focus forms

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

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

+ });

+

+ parse_document($('body'));

+ });

+})(jQuery);

+ </div>

+ </div><!-- /#main -->

+ </div><!-- /#acp -->

+<!-- INCLUDEJS admin.js -->

+{$SCRIPTS}

+<meta name="viewport" content="width=device-width" />

+<body class="{S_CONTENT_DIRECTION} nojs">

+ <li<!-- IF t_block1.S_SELECTED --> class="activetab"<!-- ENDIF -->><a href="{t_block1.U_TITLE}"><span>{t_block1.L_TITLE}</span></a></li>

+ <div class="menu-block no-header">

+ </div>

+ <div class="main">

+<meta name="viewport" content="width=device-width" />

+#main, .rtl #main {

+ overflow: hidden;

+ <div id="codepanel">

+ </div>

+ </div>

+ </div><!-- /#main -->

+ </div><!-- /#acp -->

+<!-- INCLUDEJS admin.js -->

+<meta name="viewport" content="width=device-width" />

+<body class="{S_CONTENT_DIRECTION} nojs">

+ <li<!-- IF t_block1.S_SELECTED --> class="activetab"<!-- ENDIF -->><a href="{t_block1.U_TITLE}"><span>{t_block1.L_TITLE}</span></a></li>

+ <!-- IF $LI_USED --></ul></div><!-- ENDIF -->

+ <div class="menu-block">

+ <a class="header" href="javascript:void(0);">{l_block1.l_block2.L_TITLE}</a>

+ <ul>

+ <!-- IF $LI_USED -->

+ </ul>

+ </div>

+ <div class="main">

+ <table id="table{p_mask.S_ROW_COUNT}{p_mask.f_mask.S_ROW_COUNT}{p_mask.f_mask.category.S_ROW_COUNT}" cellspacing="1" class="not-responsive">