Files

2015-03-12 14:12:59 +01:00
parent 930e9b4e83
commit 621aa7d9f9
60 changed files with 4656 additions and 17 deletions
--- a/styles/prosilver/template/editor.js
+++ b/styles/prosilver/template/editor.js
@@ -0,0 +1,465 @@
+/**
+* bbCode control by subBlue design [ www.subBlue.com ]
+* Includes unixsafe colour palette selector by SHS`
+*/
+
+// Startup variables
+var imageTag = false;
+var theSelection = false;
+
+var bbcodeEnabled = true;
+// Check for Browser & Platform for PC & IE specific bits
+// More details from: http://www.mozilla.org/docs/web-developer/sniffer/browser_type.html
+var clientPC = navigator.userAgent.toLowerCase(); // Get client info
+var clientVer = parseInt(navigator.appVersion); // Get browser version
+
+var is_ie = ((clientPC.indexOf('msie') != -1) && (clientPC.indexOf('opera') == -1));
+var is_win = ((clientPC.indexOf('win') != -1) || (clientPC.indexOf('16bit') != -1));
+var baseHeight;
+
+/**
+* Shows the help messages in the helpline window
+*/
+function helpline(help)
+{
+	document.forms[form_name].helpbox.value = help_line[help];
+}
+
+/**
+* Fix a bug involving the TextRange object. From
+* http://www.frostjedi.com/terra/scripts/demo/caretBug.html
+*/ 
+function initInsertions() 
+{
+	var doc;
+
+	if (document.forms[form_name])
+	{
+		doc = document;
+	}
+	else 
+	{
+		doc = opener.document;
+	}
+
+	var textarea = doc.forms[form_name].elements[text_name];
+
+	if (is_ie && typeof(baseHeight) != 'number')
+	{
+				/* === mChat focus fix Start === */
+				var mChatFocus = window.mChatFocusFix || false;
+				if(!mChatFocus)
+				{
+					textarea.focus();
+				}
+				baseHeight = doc.selection.createRange().duplicate().boundingHeight;
+				/* ==== mChat focus fix End ==== */
+		if (!document.forms[form_name])
+		{
+			document.body.focus();
+		}
+	}
+}
+
+/**
+* bbstyle
+*/
+function bbstyle(bbnumber)
+{	
+	if (bbnumber != -1)
+	{
+		bbfontstyle(bbtags[bbnumber], bbtags[bbnumber+1]);
+	} 
+	else 
+	{
+		insert_text('[*]');
+		document.forms[form_name].elements[text_name].focus();
+	}
+}
+
+
+/**
+* Apply bbcodes
+*/
+function bbfontstyle(bbopen, bbclose)
+{
+	theSelection = false;
+
+	var textarea = document.forms[form_name].elements[text_name];
+
+	textarea.focus();
+
+	if ((clientVer >= 4) && is_ie && is_win)
+	{
+		// Get text selection
+		theSelection = document.selection.createRange().text;
+
+		if (theSelection)
+		{
+			// Add tags around selection
+			document.selection.createRange().text = bbopen + theSelection + bbclose;
+			document.forms[form_name].elements[text_name].focus();
+			theSelection = '';
+			return;
+		}
+	}
+	else if (document.forms[form_name].elements[text_name].selectionEnd && (document.forms[form_name].elements[text_name].selectionEnd - document.forms[form_name].elements[text_name].selectionStart > 0))
+	{
+		mozWrap(document.forms[form_name].elements[text_name], bbopen, bbclose);
+		document.forms[form_name].elements[text_name].focus();
+		theSelection = '';
+		return;
+	}
+	
+	//The new position for the cursor after adding the bbcode
+	var caret_pos = getCaretPosition(textarea).start;
+	var new_pos = caret_pos + bbopen.length;		
+
+	// Open tag
+	insert_text(bbopen + bbclose);
+
+	// Center the cursor when we don't have a selection
+	// Gecko and proper browsers
+	if (!isNaN(textarea.selectionStart))
+	{
+		textarea.selectionStart = new_pos;
+		textarea.selectionEnd = new_pos;
+	}	
+	// IE
+	else if (document.selection)
+	{
+		var range = textarea.createTextRange(); 
+		range.move("character", new_pos); 
+		range.select();
+		storeCaret(textarea);
+	}
+
+	textarea.focus();
+	return;
+}
+
+/**
+* Insert text at position
+*/
+function insert_text(text, spaces, popup)
+{
+	var textarea;
+	
+	if (!popup) 
+	{
+		textarea = document.forms[form_name].elements[text_name];
+	} 
+	else 
+	{
+		textarea = opener.document.forms[form_name].elements[text_name];
+	}
+	if (spaces) 
+	{
+		text = ' ' + text + ' ';
+	}
+
+	// Since IE9, IE also has textarea.selectionStart, but it still needs to be treated the old way.
+	// Therefore we simply add a !is_ie here until IE fixes the text-selection completely.
+	if (!isNaN(textarea.selectionStart) && !is_ie)
+	{
+		var sel_start = textarea.selectionStart;
+		var sel_end = textarea.selectionEnd;
+
+		mozWrap(textarea, text, '');
+		textarea.selectionStart = sel_start + text.length;
+		textarea.selectionEnd = sel_end + text.length;
+	}
+	else if (textarea.createTextRange && textarea.caretPos)
+	{
+		if (baseHeight != textarea.caretPos.boundingHeight) 
+		{
+			textarea.focus();
+			storeCaret(textarea);
+		}
+
+		var caret_pos = textarea.caretPos;
+		caret_pos.text = caret_pos.text.charAt(caret_pos.text.length - 1) == ' ' ? caret_pos.text + text + ' ' : caret_pos.text + text;
+	}
+	else
+	{
+		textarea.value = textarea.value + text;
+	}
+	if (!popup) 
+	{
+		textarea.focus();
+	}
+}
+
+/**
+* Add inline attachment at position
+*/
+function attach_inline(index, filename)
+{
+	insert_text('[attachment=' + index + ']' + filename + '[/attachment]');
+	document.forms[form_name].elements[text_name].focus();
+}
+
+/**
+* Add quote text to message
+*/
+function addquote(post_id, username, l_wrote)
+{
+	var message_name = 'message_' + post_id;
+	var theSelection = '';
+	var divarea = false;
+
+	if (l_wrote === undefined)
+	{
+		// Backwards compatibility
+		l_wrote = 'wrote';
+	}
+
+	if (document.all)
+	{
+		divarea = document.all[message_name];
+	}
+	else
+	{
+		divarea = document.getElementById(message_name);
+	}
+
+	// Get text selection - not only the post content :(
+	// IE9 must use the document.selection method but has the *.getSelection so we just force no IE
+	if (window.getSelection && !is_ie && !window.opera)
+	{
+		theSelection = window.getSelection().toString();
+	}
+	else if (document.getSelection && !is_ie)
+	{
+		theSelection = document.getSelection();
+	}
+	else if (document.selection)
+	{
+		theSelection = document.selection.createRange().text;
+	}
+
+	if (theSelection == '' || typeof theSelection == 'undefined' || theSelection == null)
+	{
+		if (divarea.innerHTML)
+		{
+			theSelection = divarea.innerHTML.replace(/<br>/ig, '\n');
+			theSelection = theSelection.replace(/<br\/>/ig, '\n');
+			theSelection = theSelection.replace(/&lt\;/ig, '<');
+			theSelection = theSelection.replace(/&gt\;/ig, '>');
+			theSelection = theSelection.replace(/&amp\;/ig, '&');
+			theSelection = theSelection.replace(/&nbsp\;/ig, ' ');
+		}
+		else if (document.all)
+		{
+			theSelection = divarea.innerText;
+		}
+		else if (divarea.textContent)
+		{
+			theSelection = divarea.textContent;
+		}
+		else if (divarea.firstChild.nodeValue)
+		{
+			theSelection = divarea.firstChild.nodeValue;
+		}
+	}
+
+	if (theSelection)
+	{
+		if (bbcodeEnabled)
+		{
+			insert_text('[quote="' + username + '"]' + theSelection + '[/quote]');
+		}
+		else
+		{
+			insert_text(username + ' ' + l_wrote + ':' + '\n');
+			var lines = split_lines(theSelection);
+			for (i = 0; i < lines.length; i++)
+			{
+				insert_text('> ' + lines[i] + '\n');
+			}
+		}
+	}
+
+	return;
+}
+
+function split_lines(text)
+{
+	var lines = text.split('\n');
+	var splitLines = new Array();
+	var j = 0;
+	for(i = 0; i < lines.length; i++)
+	{
+		if (lines[i].length <= 80)
+		{
+			splitLines[j] = lines[i];
+			j++;
+		}
+		else
+		{
+			var line = lines[i];
+			do
+			{
+				var splitAt = line.indexOf(' ', 80);
+				
+				if (splitAt == -1)
+				{
+					splitLines[j] = line;
+					j++;
+				}
+				else
+				{
+					splitLines[j] = line.substring(0, splitAt);
+					line = line.substring(splitAt);
+					j++;
+				}
+			}
+			while(splitAt != -1);
+		}
+	}
+	return splitLines;
+}
+/**
+* From http://www.massless.org/mozedit/
+*/
+function mozWrap(txtarea, open, close)
+{
+	var selLength = (typeof(txtarea.textLength) == 'undefined') ? txtarea.value.length : txtarea.textLength;
+	var selStart = txtarea.selectionStart;
+	var selEnd = txtarea.selectionEnd;
+	var scrollTop = txtarea.scrollTop;
+
+	if (selEnd == 1 || selEnd == 2) 
+	{
+		selEnd = selLength;
+	}
+
+	var s1 = (txtarea.value).substring(0,selStart);
+	var s2 = (txtarea.value).substring(selStart, selEnd);
+	var s3 = (txtarea.value).substring(selEnd, selLength);
+
+	txtarea.value = s1 + open + s2 + close + s3;
+	txtarea.selectionStart = selStart + open.length;
+	txtarea.selectionEnd = selEnd + open.length;
+	txtarea.focus();
+	txtarea.scrollTop = scrollTop;
+
+	return;
+}
+
+/**
+* Insert at Caret position. Code from
+* http://www.faqts.com/knowledge_base/view.phtml/aid/1052/fid/130
+*/
+function storeCaret(textEl)
+{
+	if (textEl.createTextRange)
+	{
+		textEl.caretPos = document.selection.createRange().duplicate();
+	}
+}
+
+/**
+* Color pallette
+*/
+function colorPalette(dir, width, height)
+{
+	var r = 0, g = 0, b = 0;
+	var numberList = new Array(6);
+	var color = '';
+
+	numberList[0] = '00';
+	numberList[1] = '40';
+	numberList[2] = '80';
+	numberList[3] = 'BF';
+	numberList[4] = 'FF';
+
+	document.writeln('<table cellspacing="1" cellpadding="0" border="0">');
+
+	for (r = 0; r < 5; r++)
+	{
+		if (dir == 'h')
+		{
+			document.writeln('<tr>');
+		}
+
+		for (g = 0; g < 5; g++)
+		{
+			if (dir == 'v')
+			{
+				document.writeln('<tr>');
+			}
+			
+			for (b = 0; b < 5; b++)
+			{
+				color = String(numberList[r]) + String(numberList[g]) + String(numberList[b]);
+				document.write('<td bgcolor="#' + color + '" style="width: ' + width + 'px; height: ' + height + 'px;">');
+				document.write('<a href="#" onclick="bbfontstyle(\'[color=#' + color + ']\', \'[/color]\'); return false;"><img src="images/spacer.gif" width="' + width + '" height="' + height + '" alt="#' + color + '" title="#' + color + '" /></a>');
+				document.writeln('</td>');
+			}
+
+			if (dir == 'v')
+			{
+				document.writeln('</tr>');
+			}
+		}
+
+		if (dir == 'h')
+		{
+			document.writeln('</tr>');
+		}
+	}
+	document.writeln('</table>');
+}
+
+
+/**
+* Caret Position object
+*/
+function caretPosition()
+{
+	var start = null;
+	var end = null;
+}
+
+
+/**
+* Get the caret position in an textarea
+*/
+function getCaretPosition(txtarea)
+{
+	var caretPos = new caretPosition();
+	
+	// simple Gecko/Opera way
+	if(txtarea.selectionStart || txtarea.selectionStart == 0)
+	{
+		caretPos.start = txtarea.selectionStart;
+		caretPos.end = txtarea.selectionEnd;
+	}
+	// dirty and slow IE way
+	else if(document.selection)
+	{
+	
+		// get current selection
+		var range = document.selection.createRange();
+
+		// a new selection of the whole textarea
+		var range_all = document.body.createTextRange();
+		range_all.moveToElementText(txtarea);
+		
+		// calculate selection start point by moving beginning of range_all to beginning of range
+		var sel_start;
+		for (sel_start = 0; range_all.compareEndPoints('StartToStart', range) < 0; sel_start++)
+		{		
+			range_all.moveStart('character', 1);
+		}
+	
+		txtarea.sel_start = sel_start;
+	
+		// we ignore the end value for IE, this is already dirty enough and we don't need it
+		caretPos.start = txtarea.sel_start;
+		caretPos.end = txtarea.sel_start;			
+	}
+
+	return caretPos;
+}
--- a/styles/prosilver/template/event/index_body_block_online_append.html
+++ b/styles/prosilver/template/event/index_body_block_online_append.html
@@ -0,0 +1 @@
+<!-- INCLUDE mchat_stats.html -->
--- a/styles/prosilver/template/event/index_body_forumlist_body_after.html
+++ b/styles/prosilver/template/event/index_body_forumlist_body_after.html
@@ -0,0 +1 @@
+<!-- IF S_MCHAT_ENABLE and S_MCHAT_ON_INDEX and not S_MCHAT_LOCATION --><!-- INCLUDE mchat_body.html --><!-- ENDIF -->
--- a/styles/prosilver/template/event/index_body_markforums_after.html
+++ b/styles/prosilver/template/event/index_body_markforums_after.html
@@ -0,0 +1 @@
+<!-- IF S_MCHAT_ENABLE and S_MCHAT_ON_INDEX and S_MCHAT_LOCATION --><!-- INCLUDE mchat_body.html --><!-- ENDIF -->
--- a/styles/prosilver/template/event/overall_footer_after.html
+++ b/styles/prosilver/template/event/overall_footer_after.html
@@ -0,0 +1,6 @@
+<!-- INCLUDEJS editor.js -->
+<!-- INCLUDEJS jquery.titlealert.min.js -->
+<!-- INCLUDEJS jquery_cookie_mini.js -->
+<!-- INCLUDEJS mchat_ajax_mini.js -->
+<!-- INCLUDEJS jquery-1.8.3.min.js -->
+<!-- INCLUDEJS jquery.maxlength.min.js -->
--- a/styles/prosilver/template/event/overall_header_body_before.html
+++ b/styles/prosilver/template/event/overall_header_body_before.html
@@ -0,0 +1 @@
+
--- a/styles/prosilver/template/event/overall_header_head_append.html
+++ b/styles/prosilver/template/event/overall_header_head_append.html
@@ -0,0 +1 @@
+<!-- INCLUDECSS @dmzx_mchat/mchat.css -->
--- a/styles/prosilver/template/event/overall_header_navigation_append.html
+++ b/styles/prosilver/template/event/overall_header_navigation_append.html
@@ -0,0 +1 @@
+<li class="small-icon icon-bump"><a href="{ROOT_PATH}app.php/chat" title="{L_MCHAT_TITLE}">{L_MCHAT_TITLE}</a></li>
--- a/styles/prosilver/template/jquery-1.8.3.min.js
+++ b/styles/prosilver/template/jquery-1.8.3.min.js
--- a/styles/prosilver/template/jquery.maxlength.min.js
+++ b/styles/prosilver/template/jquery.maxlength.min.js
@@ -0,0 +1,13 @@
+    /*
+      @author: remy sharp / http://remysharp.com
+      @params:
+        feedback - the selector for the element that gives the user feedback. Note that this will be relative to the form the plugin is run against.
+        hardLimit - whether to stop the user being able to keep adding characters. Defaults to true.
+        useInput - whether to look for a hidden input named 'maxlength' instead of the maxlength attribute. Defaults to false.
+        words - limit by characters or words, set this to true to limit by words. Defaults to false.
+      @license: Creative Commons License - ShareAlike http://creativecommons.org/licenses/by-sa/3.0/
+      @version: 1.2
+      @changes: code tidy via Ariel Flesler and fix when pasting over limit and including \t or \n
+    */
+
+    (function(a){a.fn.maxlength=function(b){function c(a){var c=a.value;if(b.words)c=a.value.length?c.split(/\s+/):{length:0};return c.length}if(typeof b=="string"){b={feedback:b}}b=a.extend({},a.fn.maxlength.defaults,b);return this.each(function(){function i(a){var d=c(this),e=d>=g,f=a.keyCode;if(!e)return;switch(f){case 8:case 9:case 17:case 36:case 35:case 37:case 38:case 39:case 40:case 46:case 65:return;default:return b.words&&f!=32&&f!=13&&d==g}}var d=this,e=a(d),f=a(d.form),g=b.useInput?f.find("input[name=maxlength]").val():e.attr("maxlength"),h=f.find(b.feedback);var j=function(){var e=c(d),f=g-e;h.html(f||"0");if(f<497){a("#charsreman").show()}else{a("#charsreman").hide()};if(f<499){a("#charsreman2").show()}else{a("#charsreman2").hide()};if(f<500){a("#charsreman3").show()}else{a("#charsreman3").hide()}if(b.hardLimit&&f<0){d.value=b.words?d.value.split(/(\s+)/,g*2-1).join(""):d.value.substr(0,g);j()}};e.keyup(j).change(j).focus(j);if(b.hardLimit){e.keydown(i)}j()})};a.fn.maxlength.defaults={useInput:false,hardLimit:true,feedback:".charsLeft",words:false}})(jQuery)
--- a/styles/prosilver/template/jquery.titlealert.min.js
+++ b/styles/prosilver/template/jquery.titlealert.min.js
@@ -0,0 +1,17 @@
+/*!
+ * Title Alert 0.7
+ * 
+ * Copyright (c) 2009 ESN | http://esn.me
+ * Jonatan Heyman | http://heyman.info
+ * 
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ */
+(function(a){a.titleAlert=function(e,c){if(a.titleAlert._running){a.titleAlert.stop()}a.titleAlert._settings=c=a.extend({},a.titleAlert.defaults,c);if(c.requireBlur&&a.titleAlert.hasFocus){return}c.originalTitleInterval=c.originalTitleInterval||c.interval;a.titleAlert._running=true;a.titleAlert._initialText=document.title;document.title=e;var b=true;var d=function(){if(!a.titleAlert._running){return}b=!b;document.title=(b?e:a.titleAlert._initialText);a.titleAlert._intervalToken=setTimeout(d,(b?c.interval:c.originalTitleInterval))};a.titleAlert._intervalToken=setTimeout(d,c.interval);if(c.stopOnMouseMove){a(document).mousemove(function(f){a(this).unbind(f);a.titleAlert.stop()})}if(c.duration>0){a.titleAlert._timeoutToken=setTimeout(function(){a.titleAlert.stop()},c.duration)}};a.titleAlert.defaults={interval:500,originalTitleInterval:null,duration:0,stopOnFocus:true,requireBlur:false,stopOnMouseMove:false};a.titleAlert.stop=function(){clearTimeout(a.titleAlert._intervalToken);clearTimeout(a.titleAlert._timeoutToken);document.title=a.titleAlert._initialText;a.titleAlert._timeoutToken=null;a.titleAlert._intervalToken=null;a.titleAlert._initialText=null;a.titleAlert._running=false;a.titleAlert._settings=null};a.titleAlert.hasFocus=true;a.titleAlert._running=false;a.titleAlert._intervalToken=null;a.titleAlert._timeoutToken=null;a.titleAlert._initialText=null;a.titleAlert._settings=null;a.titleAlert._focus=function(){a.titleAlert.hasFocus=true;if(a.titleAlert._running&&a.titleAlert._settings.stopOnFocus){var b=a.titleAlert._initialText;a.titleAlert.stop();setTimeout(function(){if(a.titleAlert._running){return}document.title=".";document.title=b},1000)}};a.titleAlert._blur=function(){a.titleAlert.hasFocus=false};a(window).bind("focus",a.titleAlert._focus);a(window).bind("blur",a.titleAlert._blur)})(jQuery);
--- a/styles/prosilver/template/jquery_cookie_mini.js
+++ b/styles/prosilver/template/jquery_cookie_mini.js
@@ -0,0 +1,8 @@
+/*!
+ * jQuery Cookie Plugin v1.4.0
+ * https://github.com/carhartl/jquery-cookie
+ *
+ * Copyright 2013 Klaus Hartl
+ * Released under the MIT license
+ */
+(function(factory){if(typeof define==='function'&&define.amd){define(['jquery'],factory)}else{factory(jQuery)}}(function($){var pluses=/\+/g;function encode(s){return config.raw?s:encodeURIComponent(s)}function decode(s){return config.raw?s:decodeURIComponent(s)}function stringifyCookieValue(value){return encode(config.json?JSON.stringify(value):String(value))}function parseCookieValue(s){if(s.indexOf('"')===0){s=s.slice(1,-1).replace(/\\"/g,'"').replace(/\\\\/g,'\\')}try{s=decodeURIComponent(s.replace(pluses,' '))}catch(e){return}try{return config.json?JSON.parse(s):s}catch(e){}}function read(s,converter){var value=config.raw?s:parseCookieValue(s);return $.isFunction(converter)?converter(value):value}var config=$.cookie=function(key,value,options){if(value!==undefined&&!$.isFunction(value)){options=$.extend({},config.defaults,options);if(typeof options.expires==='number'){var days=options.expires,t=options.expires=new Date();t.setDate(t.getDate()+days)}return(document.cookie=[encode(key),'=',stringifyCookieValue(value),options.expires?'; expires='+options.expires.toUTCString():'',options.path?'; path='+options.path:'',options.domain?'; domain='+options.domain:'',options.secure?'; secure':''].join(''))}var result=key?undefined:{};var cookies=document.cookie?document.cookie.split('; '):[];for(var i=0,l=cookies.length;i<l;i++){var parts=cookies[i].split('=');var name=decode(parts.shift());var cookie=parts.join('=');if(key&&key===name){result=read(cookie,value);break}if(!key&&(cookie=read(cookie))!==undefined){result[name]=cookie}}return result};config.defaults={};$.removeCookie=function(key,options){if($.cookie(key)!==undefined){$.cookie(key,'',$.extend({},options,{expires:-1}));return true}return false}}));
--- a/styles/prosilver/template/mchat_ajax_mini.js
+++ b/styles/prosilver/template/mchat_ajax_mini.js
--- a/styles/prosilver/template/mchat_avatars.html
+++ b/styles/prosilver/template/mchat_avatars.html
@@ -0,0 +1,10 @@
+					<!-- BEGIN mchatrow -->
+					<div id="mess{mchatrow.MCHAT_MESSAGE_ID}" class="mChatBG{mchatrow.MCHAT_CLASS} mChatHover">
+						<div class="mChatAvatars"><!-- IF mchatrow.U_VIEWPROFILE --><a href="{mchatrow.U_VIEWPROFILE}" title="{L_READ_PROFILE}"><!-- ENDIF --><!-- IF mchatrow.MCHAT_USER_AVATAR -->{mchatrow.MCHAT_USER_AVATAR}<!-- ELSE --><img src="{T_THEME_PATH}/images/no_avatar.gif" width="40px;" height="40px;" alt="" /><!-- ENDIF --><!-- IF mchatrow.U_VIEWPROFILE --></a><!-- ENDIF -->
+						</div>
+						<div>
+							<span style="float:left;"><!-- IF not MCHAT_ARCHIVE_MODE and MCHAT_ADD_MESSAGE --><!-- IF MCHAT_ALLOW_BBCODES --><!-- IF mchatrow.MCHAT_USERNAME_COLOR --><a class="mChatScriptLink" href="#" onclick="insert_text('&#64;&nbsp;[b][color={mchatrow.MCHAT_USERNAME_COLOR}]{mchatrow.MCHAT_USERNAME}[/color][/b], ', false);return false;" title="{L_MCHAT_RESPOND}"><span style="color: {mchatrow.MCHAT_USERNAME_COLOR}"><strong>&#64;</strong></span></a><!-- ELSE --> <a href="#" class="mChatScriptLink" onclick="insert_text('&#64;&nbsp;[b]{mchatrow.MCHAT_USERNAME}[/b], ', false);return false;" title="{L_MCHAT_RESPOND}"><strong>&#64;</strong></a><!-- ENDIF --><!-- ELSE --> <a href="#" class="mChatScriptLink" onclick="insert_text('&#64;&nbsp;{mchatrow.MCHAT_USERNAME}, ', false);return false;" title="{L_MCHAT_RESPOND}">&#64;</a><!-- ENDIF -->&nbsp;<!-- ENDIF -->{mchatrow.MCHAT_USERNAME_FULL}    <!-- IF mchatrow.U_USER_ID --> <span class="mchatrow{mchatrow.MCHAT_MESSAGE_ID}" style="display:none;"><a href="{mchatrow.U_USER_ID}" title="{L_MCHAT_SEND_PM}">{L_MCHAT_PM}</a></span><!-- ENDIF --> - {mchatrow.MCHAT_TIME}</span>
+							<span style="float:right;"><!-- IF MCHAT_ALLOW_IP --><a href="{mchatrow.MCHAT_U_WHOIS}" onclick="popup(this.href, 750, 500); return false;"><img src="{ROOT_PATH}ext/dmzx/mchat/styles/prosilver/theme/images/ip.gif" alt="{L_MCHAT_IP} {mchatrow.MCHAT_USER_IP}" title="{L_MCHAT_IP} {mchatrow.MCHAT_USER_IP}" class="mChatImage" /></a><!-- ENDIF --><!-- IF mchatrow.MCHAT_ALLOW_BAN --> <a href="{mchatrow.MCHAT_U_BAN}"><img src="{ROOT_PATH}ext/dmzx/mchat/styles/prosilver/theme/images/ban.gif" alt="{L_MCHAT_PERMISSIONS}" title="{L_MCHAT_PERMISSIONS}" class="mChatImage" /></a><!-- ENDIF --><!-- IF mchatrow.MCHAT_ALLOW_EDIT --> <a href="#" onclick="mChat.edit('{mchatrow.MCHAT_MESSAGE_ID}');return false;"><img src="{ROOT_PATH}ext/dmzx/mchat/styles/prosilver/theme/images/edit.gif" alt="{L_MCHAT_EDIT}" title="{L_MCHAT_EDIT}" class="mChatImage" /></a><!-- ENDIF --><input type="hidden" id="edit{mchatrow.MCHAT_MESSAGE_ID}" value="{mchatrow.MCHAT_MESSAGE_EDIT}" /><!-- IF mchatrow.MCHAT_ALLOW_DEL --> <a href="#" onclick="mChat.del('{mchatrow.MCHAT_MESSAGE_ID}');return false;"><img src="{ROOT_PATH}ext/dmzx/mchat/styles/prosilver/theme/images/del.gif" alt="{L_MCHAT_DELITE}" title="{L_MCHAT_DELITE}" class="mChatImage" /></a><!-- ENDIF --></span><br /><div class="avatarMessage mChatMessage">{mchatrow.MCHAT_MESSAGE}</div>
+						</div>
+					</div>
+					<!-- END mchatrow -->
--- a/styles/prosilver/template/mchat_bbcodes.html
+++ b/styles/prosilver/template/mchat_bbcodes.html
@@ -0,0 +1,94 @@
+				<div id="mChatBBCodes" style="padding: 5px; display: none;">
+				<fieldset class="fields1">
+					<script type="text/javascript">
+					// <![CDATA[
+						var form_name = 'postform';
+						var text_name = 'message';
+
+						// Define the bbCode tags
+						var bbcode = new Array();
+						var bbtags = new Array('[b]','[/b]','[i]','[/i]','[u]','[/u]','[quote]','[/quote]','[code]','[/code]','[list]','[/list]','[list=]','[/list]','[img]','[/img]','[url]','[/url]','[flash=]', '[/flash]','[size=]','[/size]'<!-- BEGIN custom_tags -->, {custom_tags.BBCODE_NAME}<!-- END custom_tags -->);
+						// Helpline messages
+						var help_line = {
+							b: '{LA_BBCODE_B_HELP}',
+							i: '{LA_BBCODE_I_HELP}',
+							u: '{LA_BBCODE_U_HELP}',
+							q: '{LA_BBCODE_Q_HELP}',
+							c: '{LA_BBCODE_C_HELP}',
+							l: '{LA_BBCODE_L_HELP}',
+							o: '{LA_BBCODE_O_HELP}',
+							p: '{LA_BBCODE_P_HELP}',
+							w: '{LA_BBCODE_W_HELP}',
+							a: '{LA_BBCODE_A_HELP}',
+							s: '{LA_BBCODE_S_HELP}',
+							f: '{LA_BBCODE_F_HELP}',
+							e: '{LA_BBCODE_E_HELP}',
+							d: '{LA_BBCODE_D_HELP}',
+							tip: '{LA_STYLES_TIP}'
+							<!-- BEGIN custom_tags -->
+								,cb_{custom_tags.BBCODE_ID}: '{custom_tags.A_BBCODE_HELPLINE}'
+							<!-- END custom_tags -->
+						}
+
+					// ]]>
+					</script>
+						<!-- INCLUDE mchat_color.html -->
+						<!-- IF S_MCHAT_BBCODE_B -->
+						<input type="button" class="button2" accesskey="b" name="addbbcode0" value=" B " style="font-weight:bold; width: 30px" onclick="bbstyle(0)" title="{L_BBCODE_B_HELP}" />
+						<!-- ENDIF -->
+						<!-- IF S_MCHAT_BBCODE_I -->
+						<input type="button" class="button2" accesskey="i" name="addbbcode2" value=" i " style="font-style:italic; width: 30px" onclick="bbstyle(2)" title="{L_BBCODE_I_HELP}" />
+						<!-- ENDIF -->
+						<!-- IF S_MCHAT_BBCODE_U -->
+						<input type="button" class="button2" accesskey="u" name="addbbcode4" value=" u " style="text-decoration: underline; width: 30px" onclick="bbstyle(4)" title="{L_BBCODE_U_HELP}" />
+						<!-- ENDIF -->
+						<!-- IF S_MCHAT_BBCODE_QUOTE -->
+						<input type="button" class="button2" accesskey="q" name="addbbcode6" value="Quote" style="width: 50px" onclick="bbstyle(6)" title="{L_BBCODE_Q_HELP}" />
+						<!-- ENDIF -->
+						<!-- IF S_MCHAT_BBCODE_CODE -->
+						<input type="button" class="button2" accesskey="c" name="addbbcode8" value="Code" style="width: 40px" onclick="bbstyle(8)" title="{L_BBCODE_C_HELP}" />
+						<!-- ENDIF -->
+						<!-- IF S_MCHAT_BBCODE_LIST -->
+						<input type="button" class="button2" accesskey="l" name="addbbcode10" value="List" style="width: 40px" onclick="bbstyle(10)" title="{L_BBCODE_L_HELP}" />
+						<!-- ENDIF -->
+						<!-- IF S_MCHAT_BBCODE_LIST -->
+						<input type="button" class="button2" accesskey="o" name="addbbcode12" value="List=" style="width: 40px" onclick="bbstyle(12)" title="{L_BBCODE_O_HELP}" />
+						<!-- ENDIF -->
+						<!-- IF S_MCHAT_BBCODE_LIST or S_MCHAT_LIST -->
+						<input type="button" class="button2" accesskey="t" name="addlitsitem" value="[*]" style="width: 40px" onclick="bbstyle(-1)" title="{L_BBCODE_LISTITEM_HELP}" />
+						<!-- ENDIF -->
+						<!-- IF S_MCHAT_BBCODE_IMG -->
+							<input type="button" class="button2" accesskey="p" name="addbbcode14" value="Img" style="width: 40px" onclick="bbstyle(14)" title="{L_BBCODE_P_HELP}" />
+						<!-- ENDIF -->
+						<!-- IF S_MCHAT_BBCODE_URL -->
+							<input type="button" class="button2" accesskey="w" name="addbbcode16" value="URL" style="text-decoration: underline; width: 40px" onclick="bbstyle(16)" title="{L_BBCODE_W_HELP}" />
+						<!-- ENDIF -->
+						<!-- IF S_MCHAT_BBCODE_FLASH -->
+							<input type="button" class="button2" accesskey="d" name="addbbcode18" value="Flash" onclick="bbstyle(18)" title="{L_BBCODE_D_HELP}" />
+						<!-- ENDIF -->
+						<!-- IF S_MCHAT_BBCODE_SIZE -->
+						<select name="addbbcode20" onchange="bbfontstyle('[size=' + this.form.addbbcode20.options[this.form.addbbcode20.selectedIndex].value + ']', '[/size]');this.form.addbbcode20.selectedIndex = 2;" title="{L_BBCODE_F_HELP}">
+							<option value="50">{L_FONT_TINY}</option>
+							<option value="85">{L_FONT_SMALL}</option>
+							<option value="100" selected="selected">{L_FONT_NORMAL}</option>
+							<!-- IF not MAX_FONT_SIZE or MAX_FONT_SIZE >= 150 -->
+								<option value="150">{L_FONT_LARGE}</option>
+								<!-- IF not MAX_FONT_SIZE or MAX_FONT_SIZE >= 200 -->
+									<option value="200">{L_FONT_HUGE}</option>
+								<!-- ENDIF -->
+							<!-- ENDIF -->
+						</select>
+						<!-- ENDIF -->
+						<!-- IF S_MCHAT_BBCODE_COLOR -->
+						<input type="button" class="button2" name="bbpalette" id="bbpalette" value="{L_FONT_COLOR}" onclick="mChat.toggle('Colour');" title="{L_BBCODE_S_HELP}" />
+						<!-- ENDIF -->
+						<!-- IF .custom_tags -->
+						<select name="addbbcode_custom" onchange="bbstyle(this.form.addbbcode_custom.options[this.form.addbbcode_custom.selectedIndex].value*1);this.form.addbbcode_custom.selectedIndex = 0;">
+							<option value="#" selected="selected">{L_MCHAT_CUSTOM_BBCODES}</option>
+							<!-- BEGIN custom_tags -->
+								<option value="{custom_tags.BBCODE_ID}" title="{custom_tags.BBCODE_HELPLINE}">{custom_tags.BBCODE_TAG}</option>
+							<!-- END custom_tags -->
+						</select>
+						<!-- ENDIF -->
+					</fieldset>
+				</div>
--- a/styles/prosilver/template/mchat_body.html
+++ b/styles/prosilver/template/mchat_body.html
@@ -0,0 +1,181 @@
+<!-- IF MCHAT_ARCHIVE_MODE or MCHAT_CUSTOM_PAGE -->
+	<!-- INCLUDE overall_header.html -->
+<!-- ENDIF -->
+<!-- IF MCHAT_ARCHIVE_MODE -->
+<!--**
+*
+* @package phpBB Extension - mChat
+* @copyright (c) 2015 dmzx - http://www.dmzx-web.net
+* @license http://opensource.org/licenses/gpl-2.0.php GNU General Public License v2
+*
+*/-->
+<ul class="linklist">
+	<li class="rightside pagination">{MCHAT_TOTAL_MESSAGES} &bull; <!-- IF MCHAT_PAGINATION --><a href="#" onclick="jumpto(); return false;" title="{L_JUMP_TO_PAGE}">{MCHAT_PAGE_NUMBER}</a> &bull; <span>{MCHAT_PAGINATION}</span><!-- ELSE -->{MCHAT_PAGE_NUMBER}<!-- ENDIF --></li>
+</ul>
+<!-- ENDIF -->
+<!-- IF not MCHAT_READ_MODE -->
+<div class="forabg">
+	<div class="inner"><span class="corners-top"><span><a name="mChat"></a></span></span>
+		<ul class="topiclist">
+			<li class="header">
+				<dl class="icon">
+					<dt><!-- IF MCHAT_ARCHIVE_MODE -->{L_MCHAT_ARCHIVE_PAGE}<!-- ELSE -->{L_MCHAT_TITLE}<!-- ENDIF --></dt>
+				</dl>
+			</li>
+		</ul>
+		<div class="postbody mChatBodyFix">
+<!-- ENDIF -->
+	<!-- IF MCHAT_ENABLE -->
+			<!-- IF not MCHAT_READ_MODE -->
+			<script type="text/javascript">
+			// <![CDATA[
+			// Define mChat setting
+			var mChatNoMessage = '{MCHAT_NOMESSAGE_MODE}';
+			var mChatFile = '{MCHAT_FILE_NAME}';
+			var mChatForumRoot = '{ROOT_PATH}';
+			var mChatCustomPage = '{MCHAT_CUSTOM_PAGE}';
+			<!-- IF not MCHAT_ARCHIVE_MODE -->
+			var mChatPause = '{MCHAT_PAUSE_ON_INPUT}';
+			var mChatRefresh = '{MCHAT_REFRESH_JS}';
+			<!-- ELSE -->
+			var mChatPause = false;
+			var mChatRefresh = false;
+			<!-- ENDIF -->
+			<!-- IF MCHAT_USER_TIMEOUT -->
+			var mChatUserTimeout = '{MCHAT_USER_TIMEOUT}';
+			<!-- ELSE -->
+			var mChatUserTimeout = false;
+			<!-- ENDIF -->
+			var mChatNoMessageInput = '{LA_MCHAT_NOMESSAGEINPUT}';
+			var mChatNoMessage = '{LA_MCHAT_NOMESSAGE}';
+			var mChatEditInfo = '{LA_MCHAT_EDITINFO}';
+			var mChatNoAccess = '{LA_MCHAT_NOACCESS}';
+			var mChatFlood = '{LA_MCHAT_FLOOD}';
+			var mChatDelConfirm = '{LA_MCHAT_DELCONFIRM}';
+			var mChatReset = '{LA_MCHAT_RESET_QUESTION}';
+			var mChatRefreshing = '{LA_MCHAT_REFRESHING}';
+			var mChatSessOut = '{LA_MCHAT_SESSION_OUT}';
+			var mChatSessEnds = '{LA_MCHAT_SESSION_ENDS}';
+			var mChatRefreshYes = '{MCHAT_REFRESH_YES}';
+			var mChatRefreshNo = '{LA_MCHAT_REFRESH_NO}';
+			var mChatMssgLngthLong = '{MCHAT_MESS_LONG}';
+			<!-- IF MCHAT_MESSAGE_LNGTH -->
+			var mChatMssgLngth = '{MCHAT_MESSAGE_LNGTH}';
+			<!-- ELSE -->
+			var mChatMssgLngth = false;
+			<!-- ENDIF -->
+			<!-- IF S_MCHAT_SOUND_YES -->
+			var mChatSound = true;
+			<!-- ELSE -->
+			var mChatSound = false;
+			<!-- ENDIF -->
+			<!-- IF MCHAT_WHOIS -->
+			var mChatWhois = true;
+			var mChatWhoisRefresh = '{MCHAT_WHOIS_REFRESH}';
+			<!-- ELSE -->
+			var mChatWhois = false;
+			var mChatWhoisRefresh = false;
+			<!-- ENDIF -->
+			<!-- IF MCHAT_ARCHIVE_MODE -->
+			var mChatArchiveMode = true;
+			<!-- ELSE -->
+			var mChatArchiveMode = false;
+			var form_name = 'postform';
+			var text_name = 'message';
+			var mChatFocusFix = true;
+			<!-- ENDIF -->
+			// ]]>
+			</script>
+			<!-- IF not MCHAT_ARCHIVE_MODE -->
+		
+			<div id="mChatmain" <!-- IF MCHAT_CUSTOM_PAGE -->class="mChatRowLimitCustom" style="height: {MCHAT_CUSTOM_HEIGHT}px;"<!-- ELSE -->class="mChatRowLimit" style="height: {MCHAT_INDEX_HEIGHT}px;"<!-- ENDIF -->>
+			<!-- ENDIF -->
+			<div id="mChatData">
+	<!-- ENDIF -->
+			<!-- IF S_MCHAT_AVATARS -->
+				<!-- INCLUDE mchat_avatars.html -->
+			<!-- ELSE -->
+				<!-- INCLUDE mchat_no_avatars.html -->
+			<!-- ENDIF -->
+		<!-- IF not MCHAT_READ_MODE -->
+					<!-- IF MCHAT_NOMESSAGE_MODE --><div id="mChatNoMessage">{L_MCHAT_NOMESSAGE}</div><!-- ENDIF -->
+			</div>
+			<!-- IF not MCHAT_ARCHIVE_MODE -->			
+			</div>
+			<!-- IF MCHAT_STATIC_MESS --><div class="mChatStatic"><strong>{L_MCHAT_ANNOUNCEMENT}:</strong> <span style="color:#990000;">{MCHAT_STATIC_MESS}</span></div><!-- ENDIF -->
+			<!-- IF not (MCHAT_ARCHIVE_MODE or MCHAT_CUSTOM_PAGE) and MCHAT_WHOIS and S_MCHAT_INDEX_STATS --><div class="mChatStats" id="mChatStats"><!-- IF MCHAT_USERS_LIST --><a href="#" onclick="mChat.toggle('UserList'); return false;">{MCHAT_USERS_COUNT}</a><!-- ELSE -->{MCHAT_USERS_COUNT}<!-- ENDIF -->&nbsp;{L_MCHAT_ONLINE_EXPLAIN}<br /><span id="mChatUserList">{MCHAT_USERS_LIST}</span></div><!-- ENDIF -->			
+			<form method="post" action="javascript://" onsubmit="mChat.add();" id="postform">
+			<div class="mChatPanel">
+				<noscript><div class="mchat_alert">{L_MCHAT_NOJAVASCRIPT}</div></noscript>
+				<!-- IF MCHAT_ADD_MESSAGE -->
+				<input type="hidden" name="mode" value="add" />
+				<!-- IF MCHAT_INPUT_TYPE --><input type="text" name="message" class="inputbox medium mChatText" id="mChatMessage" /><!-- ELSE -->
+				<textarea name="message" class="inputbox mChatText" id="mChatMessage" onkeypress="mChat.key(event);" cols="32" rows="5" style="width: 50em;height: 6em;"></textarea><!-- ENDIF --><br />
+				<input id="submit_button" type="button" class="button2" onclick="mChat.add();" value="{L_MCHAT_ADD}" />
+				<input id="mChatClear" type="button" class="button2" onclick="mChat.clear();" value="{L_MCHAT_CLEAR_INPUT}" />
+				<!-- IF MCHAT_ALLOW_SMILES and .smiley -->
+				<input type="button" class="button2" onclick="mChat.toggle('Smiles');" value="{L_MCHAT_SMILES}" />
+				<!-- ENDIF -->
+				<!-- IF MCHAT_ALLOW_BBCODES -->
+				<input type="button" class="button2" onclick="mChat.toggle('BBCodes');" value="{L_MCHAT_BBCODES}" />
+				<!-- ENDIF -->
+				<!-- ENDIF -->
+				<!-- IF MCHAT_READ_ARCHIVE_BUTTON -->
+				<input type="button" class="button2" onclick="window.location.href = '{MCHAT_ARCHIVE_URL}';" value="{L_MCHAT_ARCHIVE}" />
+				<!-- ENDIF -->
+				<!-- IF MCHAT_FOUNDER -->
+				<input type="button" class="button2" onclick="window.location.href = '{MCHAT_CLEAN_URL}';" value="{L_MCHAT_CLEAN}" />
+				<!-- ENDIF -->
+				<!-- IF MCHAT_ADD_MESSAGE -->
+				<!-- IF MCHAT_RULES -->
+				<input type="button" class="button2" onclick="popup('{U_MCHAT_RULES}', 450, 275); return false;" value="{L_MCHAT_HELP}" />
+				<!-- ENDIF -->
+				<!-- IF MCHAT_ALLOW_BBCODES -->
+					<!-- INCLUDE mchat_bbcodes.html -->
+				<!-- ENDIF -->
+				<!-- ENDIF -->
+				{S_FORM_TOKEN}
+				<!-- IF MCHAT_ALLOW_SMILES and .smiley -->
+				<div id="mChatSmiles" style="padding: 5px; display: none;">					
+					<!-- BEGIN smiley -->
+					<a href="#" onclick="insert_text('{smiley.A_SMILEY_CODE}', true); return false;"><img src="{smiley.SMILEY_IMG}" width="{smiley.SMILEY_WIDTH}" height="{smiley.SMILEY_HEIGHT}" alt="{smiley.SMILEY_CODE}" title="{smiley.SMILEY_DESC}" /></a>
+					<!-- END smiley -->
+					<a href="{U_MORE_SMILIES}" onclick="popup(this.href, 300, 350, '_phpbbsmilies'); return false;">{L_MORE_SMILIES}</a>					
+				</div>
+				<!-- ENDIF -->
+				<div style="padding: 3px;">
+					<img src="{ROOT_PATH}ext/dmzx/mchat/styles/prosilver/theme/images/load.gif" alt="{L_MCHAT_LOAD}" title="{L_MCHAT_LOAD}" id="mChatLoadIMG" class="mChatImageLoad" />
+					<img src="{ROOT_PATH}ext/dmzx/mchat/styles/prosilver/theme/images/ok.gif" alt="{L_MCHAT_OK}" title="{L_MCHAT_OK}" id="mChatOkIMG" class="mChatImageOk" />
+					<img src="{ROOT_PATH}ext/dmzx/mchat/styles/prosilver/theme/images/error.gif" alt="{L_MCHAT_ERROR}" title="{L_MCHAT_ERROR}" id="mChatErrorIMG" class="mChatImageHideImg" />
+					<img src="{ROOT_PATH}ext/dmzx/mchat/styles/prosilver/theme/images/paused.gif" alt="{L_MCHAT_PAUSE}" title="{L_MCHAT_PAUSE}" id="mChatPauseIMG" class="mChatImageHideImg" />
+					<span id="mChatRefreshText">{MCHAT_REFRESH_YES}</span><!-- IF MCHAT_USER_TIMEOUT --> &bull; <span id="mChatSessMess">&nbsp;</span><!-- ENDIF --> &bull; <label for="mChatUseSound">{L_MCHAT_USESOUND} <input type="checkbox" id="mChatUseSound" <!-- IF S_MCHAT_SOUND_YES -->checked="checked"<!-- ENDIF --> /></label>
+				 {L_MCHAT_COPYRIGHT}
+				</div>
+			</div>
+			</form>
+			<!-- ENDIF -->
+			<div id="mChatSound" class="mChatSound"></div>
+			
+		<!-- ENDIF -->
+	<!-- ELSE -->
+	<div class="mchat_alert">{L_MCHAT_ENABLE}</div>
+	<!-- ENDIF -->
+	<!-- IF not MCHAT_READ_MODE -->
+		</div>
+	<span class="corners-bottom"><span></span></span></div>
+</div>
+	<!-- ENDIF -->
+<!-- IF MCHAT_ARCHIVE_MODE -->
+<ul class="linklist">
+	<li class="rightside pagination">{MCHAT_TOTAL_MESSAGES} &bull; <!-- IF MCHAT_PAGINATION --><a href="#" onclick="jumpto(); return false;" title="{L_JUMP_TO_PAGE}">{MCHAT_PAGE_NUMBER}</a> &bull; <span>{MCHAT_PAGINATION}</span><!-- ELSE -->{MCHAT_PAGE_NUMBER}<!-- ENDIF --></li>
+</ul>
+<!-- ENDIF -->
+<!-- IF MCHAT_CUSTOM_PAGE and MCHAT_WHOIS -->
+<h3>{L_WHO_IS_CHATTING}</h3>
+	<div class="mChatStats" id="mChatStats"><!-- IF MCHAT_USERS_LIST --><a href="#" onclick="mChat.toggle('UserList'); return false;">{MCHAT_USERS_COUNT}</a><!-- ELSE -->{MCHAT_USERS_COUNT}<!-- ENDIF -->&nbsp;{L_MCHAT_ONLINE_EXPLAIN}<br /><span id="mChatUserList">{MCHAT_USERS_LIST}</span></div>
+	<div class="mChatRefresh"><span id="mChatRefresh">{L_MCHAT_WHOIS_REFRESH_EXPLAIN}</span><span id="mChatRefreshN" style="display: none;">{L_MCHAT_REFRESHING}</span>
+<!-- IF LEGEND --><br /><em>{L_LEGEND}: {LEGEND}</em><!-- ENDIF --></div>
+<!-- ENDIF -->
+<!-- IF MCHAT_ARCHIVE_MODE or MCHAT_CUSTOM_PAGE -->
+<!-- INCLUDE overall_footer.html -->
+<!-- ENDIF -->
--- a/styles/prosilver/template/mchat_color.html
+++ b/styles/prosilver/template/mchat_color.html
@@ -0,0 +1,13 @@
+					<div id="mChatColour" style="display: none; text-align: center">
+						<table width="50%" style="margin-left: auto; margin-right: auto;">
+							<tr align="center">
+								<td valign="top">
+<!--								<script type="text/javascript">
+									// <![CDATA[
+										colorPalette('h', 15, 10);
+									// ]]>
+									</script> -->
+								</td>
+							</tr>
+						</table>
+					</div>
--- a/styles/prosilver/template/mchat_no_avatars.html
+++ b/styles/prosilver/template/mchat_no_avatars.html
@@ -0,0 +1,3 @@
+					<!-- BEGIN mchatrow -->
+					<div id="mess{mchatrow.MCHAT_MESSAGE_ID}" class="mChatBG{mchatrow.MCHAT_CLASS} mChatHover"><span style="float:left;"><!-- IF not MCHAT_ARCHIVE_MODE and MCHAT_ADD_MESSAGE --><!-- IF MCHAT_ALLOW_BBCODES --><!-- IF mchatrow.MCHAT_USERNAME_COLOR --><a class="mChatScriptLink" href="javascript://" onclick="insert_text('&#64;&nbsp;[b][color={mchatrow.MCHAT_USERNAME_COLOR}]{mchatrow.MCHAT_USERNAME}[/color][/b], ', false);" title="{L_MCHAT_RESPOND}"><span style="color: {mchatrow.MCHAT_USERNAME_COLOR}"><strong>&#64;</strong></span></a><!-- ELSE --> <a href="javascript://" class="mChatScriptLink" onclick="insert_text('&#64;&nbsp;[b]{mchatrow.MCHAT_USERNAME}[/b], ', false);" title="{L_MCHAT_RESPOND}"><strong>&#64;</strong></a><!-- ENDIF --><!-- ELSE --> <a href="javascript://" class="mChatScriptLink" onclick="insert_text('&#64;&nbsp;{mchatrow.MCHAT_USERNAME}, ', false);" title="{L_MCHAT_RESPOND}">&#64;</a><!-- ENDIF -->&nbsp;<!-- ENDIF -->{mchatrow.MCHAT_USERNAME_FULL}     <!-- IF mchatrow.U_USER_ID --> <span class="mchatrow{mchatrow.MCHAT_MESSAGE_ID}" style="display:none;"><a href="{mchatrow.U_USER_ID}" title="{L_MCHAT_SEND_PM}">{L_MCHAT_PM}</a></span><!-- ENDIF --> - {mchatrow.MCHAT_TIME}</span><span style="float:right;"><!-- IF MCHAT_ALLOW_IP --><a href="{mchatrow.MCHAT_U_WHOIS}" onclick="popup(this.href, 750, 500); return false;"><img src="{ROOT_PATH}ext/dmzx/mchat/styles/prosilver/theme/images/ip.gif" alt="{L_MCHAT_IP} {mchatrow.MCHAT_USER_IP}" title="{L_MCHAT_IP} {mchatrow.MCHAT_USER_IP}" class="mChatImage" /></a><!-- ENDIF --><!-- IF mchatrow.MCHAT_ALLOW_BAN --> <a href="{mchatrow.MCHAT_U_BAN}"><img src="{ROOT_PATH}ext/dmzx/mchat/styles/prosilver/theme/images/ban.gif" alt="{L_MCHAT_PERMISSIONS}" title="{L_MCHAT_PERMISSIONS}" class="mChatImage" /></a><!-- ENDIF --><!-- IF mchatrow.MCHAT_ALLOW_EDIT --> <a href="javascript://" onclick="mChat.edit('{mchatrow.MCHAT_MESSAGE_ID}');"><img src="{ROOT_PATH}ext/dmzx/mchat/styles/prosilver/theme/images/edit.gif" alt="{L_MCHAT_EDIT}" title="{L_MCHAT_EDIT}" class="mChatImage" /></a><!-- ENDIF --><input type="hidden" id="edit{mchatrow.MCHAT_MESSAGE_ID}" value="{mchatrow.MCHAT_MESSAGE_EDIT}" /><!-- IF mchatrow.MCHAT_ALLOW_DEL --> <a href="javascript://" onclick="mChat.del('{mchatrow.MCHAT_MESSAGE_ID}');"><img src="{ROOT_PATH}ext/dmzx/mchat/styles/prosilver/theme/images/del.gif" alt="{L_MCHAT_DELITE}" title="{L_MCHAT_DELITE}" class="mChatImage" /></a><!-- ENDIF --></span><br /><div class="mChatMessage">{mchatrow.MCHAT_MESSAGE}</div></div>
+					<!-- END mchatrow -->
--- a/styles/prosilver/template/mchat_rules.html
+++ b/styles/prosilver/template/mchat_rules.html
@@ -0,0 +1,22 @@
+<!--**
+*
+* @package phpBB Extension - mChat
+* @copyright (c) 2015 dmzx - http://www.dmzx-web.net
+* @license http://opensource.org/licenses/gpl-2.0.php GNU General Public License v2
+*
+*/-->
+<!-- INCLUDE simple_header.html -->
+<h2>{L_MCHAT_HELP}</h2>
+<div class="rules">
+	<div class="inner"><span class="corners-top"><span></span></span>
+	<!-- IF MCHAT_RULES and not .rule -->
+	{MCHAT_RULES}
+	<!-- ENDIF -->
+	<!-- BEGIN rule -->
+	{rule.MCHAT_RULE}<!-- IF !rule.S_LAST_ROW --><br /><!-- ENDIF -->
+	<!-- END rule -->
+	<span class="corners-bottom"><span></span></span></div>
+</div>
+<a  href="#" onclick="window.close(); return false;">{L_CLOSE_WINDOW}</a>
+
+<!-- INCLUDE simple_footer.html -->
--- a/styles/prosilver/template/mchat_stats.html
+++ b/styles/prosilver/template/mchat_stats.html
@@ -0,0 +1,4 @@
+<!-- IF S_MCHAT_ENABLE and MCHAT_INDEX_STATS and U_MCHAT -->
+	<h3><a href="{U_MCHAT}#mChat">{L_WHO_IS_CHATTING}</a></h3>
+	<p>{MCHAT_INDEX_USERS_COUNT} {L_MCHAT_ONLINE_EXPLAIN}<br />{MCHAT_INDEX_USERS_LIST}</p>
+<!-- ENDIF -->
--- a/styles/prosilver/template/ucp_mchat.html
+++ b/styles/prosilver/template/ucp_mchat.html
@@ -0,0 +1,72 @@
+<!-- INCLUDE ucp_header.html -->
+
+<form id="ucp" method="post" action="{S_UCP_ACTION}">
+
+<h2>{L_TITLE}</h2>
+
+<div class="panel">
+	<div class="inner">
+	<fieldset>
+	<!-- IF ERROR --><p class="error">{ERROR}</p><!-- ENDIF -->
+	<!-- IF S_MCHAT_INDEX -->
+	<dl>
+		<dt><label for="mchat_index">{L_DISPLAY_MCHAT}{L_COLON}</label></dt>
+		<dd>
+			<label><input type="radio" name="user_mchat_index" value="1"<!-- IF S_DISPLAY_MCHAT --> id="mchat_index" checked="checked"<!-- ENDIF --> /> {L_YES}</label> 
+			<label><input type="radio" name="user_mchat_index" value="0"<!-- IF not S_DISPLAY_MCHAT --> id="mchat_index"  checked="checked"<!-- ENDIF --> /> {L_NO}</label>
+		</dd>
+	</dl>
+	<!-- ENDIF -->
+	<dl>
+		<dt><label for="mchat_sound">{L_SOUND_MCHAT}{L_COLON}</label></dt>
+		<dd>
+			<label><input type="radio" name="user_mchat_sound" value="1"<!-- IF S_SOUND_MCHAT --> id="mchat_sound" checked="checked"<!-- ENDIF --> /> {L_YES}</label> 
+			<label><input type="radio" name="user_mchat_sound" value="0"<!-- IF not S_SOUND_MCHAT --> id="mchat_sound" checked="checked"<!-- ENDIF --> /> {L_NO}</label>
+		</dd>
+	</dl>
+	<!-- IF S_MCHAT_INDEX -->
+	<dl>
+		<dt><label for="mchat_statsindex">{L_DISPLAY_STATS_INDEX}{L_COLON}</label></dt>
+		<dd>
+			<label><input type="radio" name="user_mchat_stats_index" value="1"<!-- IF S_STATS_MCHAT --> id="mchat_statsindex" checked="checked"<!-- ENDIF --> /> {L_YES}</label> 
+			<label><input type="radio" name="user_mchat_stats_index" value="0"<!-- IF not S_STATS_MCHAT --> id="mchat_statsindex" checked="checked"<!-- ENDIF --> /> {L_NO}</label>
+		</dd>
+	</dl>
+	<!-- ENDIF -->
+	<!-- IF S_MCHAT_TOPICS -->
+	<dl>
+		<dt><label for="mchat_topics">{L_DISPLAY_NEW_TOPICS}{L_COLON}</label></dt>
+		<dd>
+			<label><input type="radio" name="user_mchat_topics" value="1"<!-- IF S_TOPICS_MCHAT --> id="mchat_topics" checked="checked"<!-- ENDIF --> /> {L_YES}</label> 
+			<label><input type="radio" name="user_mchat_topics" value="0"<!-- IF not S_TOPICS_MCHAT --> id="mchat_topics" checked="checked"<!-- ENDIF --> /> {L_NO}</label>
+		</dd>
+	</dl>
+	<!-- ENDIF -->
+	<!-- IF S_MCHAT_AVATARS -->
+	<dl>
+		<dt><label for="mchat_avatars">{L_DISPLAY_AVATARS}{L_COLON}</label></dt>
+		<dd>
+			<label><input type="radio" name="user_mchat_avatars" value="1"<!-- IF S_AVATARS_MCHAT --> id="mchat_avatars" checked="checked"<!-- ENDIF --> /> {L_YES}</label> 
+			<label><input type="radio" name="user_mchat_avatars" value="0"<!-- IF not S_AVATARS_MCHAT --> id="mchat_avatars" checked="checked"<!-- ENDIF --> /> {L_NO}</label>
+		</dd>
+	</dl>
+	<!-- ENDIF -->
+	<dl>
+		<dt><label for="mchat_input_type">{L_CHAT_AREA}{L_COLON}</label></dt>
+		<dd>
+			<label><input type="radio" name="user_mchat_input_area" value="1"<!-- IF S_INPUT_MCHAT --> id="mchat_input_type" checked="checked"<!-- ENDIF --> /> {L_INPUT_AREA}</label> 
+			<label><input type="radio" name="user_mchat_input_area" value="0"<!-- IF not S_INPUT_MCHAT --> id=""mchat_input_type" checked="checked"<!-- ENDIF --> /> {L_TEXT_AREA}</label>
+		</dd>
+	</dl>	
+	</fieldset>
+	</div>
+</div>	
+<fieldset class="submit-buttons">
+	{S_HIDDEN_FIELDS}<input type="reset" value="{L_RESET}" name="reset" class="button2" />&nbsp; 
+	<input type="submit" name="submit" value="{L_SUBMIT}" class="button1" />
+	{S_FORM_TOKEN}
+</fieldset>
+</form>
+
+
+<!-- INCLUDE ucp_footer.html -->
				`@@ -0,0 +1 @@`
				`<!-- IF S_MCHAT_ENABLE and S_MCHAT_ON_INDEX and not S_MCHAT_LOCATION --><!-- INCLUDE mchat_body.html --><!-- ENDIF -->`
				`@@ -0,0 +1 @@`
				`<li class="small-icon icon-bump"><a href="{ROOT_PATH}app.php/chat" title="{L_MCHAT_TITLE}">{L_MCHAT_TITLE}</a></li>`