Version 2.1.2

styles/prosilver/template/event/overall_footer_copyright_append.html

@@ -1,4 +1,5 @@
 {% if MCHAT_PAGE %}
-	<br>
-	<span>{{ MCHAT_DISPLAY_NAME }} &copy; {{ lang('POST_BY_AUTHOR') }} {{ MCHAT_AUTHOR_HOMEPAGES }}</span>
+	<p class="footer-row mchat-copyright">
+		<span>{{ MCHAT_DISPLAY_NAME }} &copy; {{ lang('POST_BY_AUTHOR') }} {{ MCHAT_AUTHOR_HOMEPAGES }}</span>
+	</p>
 {% endif %}

styles/prosilver/template/mchat_panel.html

@@ -9,7 +9,7 @@
 				<div class="mchat-input-container inputbox">
 					<textarea id="mchat-input" name="message" class="no-auto-resize {{ MCHAT_MAX_INPUT_HEIGHT ? 'mchat-multi-line' : 'mchat-single-line' }}" rows="1" autocomplete="off"></textarea>
 					<div class="mchat-input-control">
-						<button class="mchat-button-add" id="mchat-add" data-mchat-action="add" title="{{ lang('MCHAT_ADD') }}">
+						<button type="button" class="mchat-button-add" id="mchat-add" data-mchat-action="add" title="{{ lang('MCHAT_ADD') }}">
 							<i class="icon icon-lightgray fa fa-chevron-right fa-fw" aria-hidden="true"></i><span class="sr-only">{{ lang('MCHAT_ADD') }}</span>
 						</button>
 						{% if MCHAT_MAX_MESSAGE_LENGTH %}
@@ -22,13 +22,13 @@
 					<div class="mchat-panel-buttons">
 						{% EVENT dmzx_mchat_buttons_before %}
 						{% if MCHAT_ALLOW_SMILES and loops.smiley|length %}
-							<button class="button mchat-button-smilies mchat-button-down" data-mchat-action="toggle" data-mchat-element="smilies" title="{{ lang('MCHAT_SMILES') }}">
+							<button type="button" class="button mchat-button-smilies mchat-button-down" data-mchat-action="toggle" data-mchat-element="smilies" title="{{ lang('MCHAT_SMILES') }}">
 								<i class="icon fa fa-smile-o" aria-hidden="true"></i><span class="sr-only">{{ lang('MCHAT_SMILES') }}</span>
 							</button>
 						{% endif %}
 						{% EVENT dmzx_mchat_buttons_mid %}
 						{% if S_BBCODE_ALLOWED %}
-							<button class="button mchat-button-bbcodes mchat-button-down" data-mchat-action="toggle" data-mchat-element="bbcodes" title="{{ lang('MCHAT_BBCODES') }}">
+							<button type="button" class="button mchat-button-bbcodes mchat-button-down" data-mchat-action="toggle" data-mchat-element="bbcodes" title="{{ lang('MCHAT_BBCODES') }}">
 								<i class="icon fa fa-code fa-fw" aria-hidden="true"></i><span class="sr-only">{{ lang('MCHAT_BBCODES') }}</span>
 							</button>
 						{% endif %}

styles/prosilver/theme/mchat.css

@@ -22,9 +22,15 @@
 
 .mchat-header .list-inner {
 	position: relative;
+	display: -webkit-box;
+	display: -ms-flexbox;
 	display: flex;
-	align-items: center;
-	justify-content: left;
+	-webkit-box-align: center;
+	    -ms-flex-align: center;
+	        align-items: center;
+	-webkit-box-pack: left;
+	    -ms-flex-pack: left;
+	        justify-content: left;
 }
 
 .mchat-wrapper li.header dd {
@@ -38,7 +44,8 @@
 }
 
 #mchat-body * {
-	box-sizing: border-box;
+	-webkit-box-sizing: border-box;
+	        box-sizing: border-box;
 }
 
 #mchat-main {
@@ -72,13 +79,29 @@
 }
 
 .mchat-message-flash {
-	animation-name: flash-message;
-	animation-duration: .4s;
-	animation-timing-function: ease-out;
+	-webkit-animation-name: flash-message;
+	        animation-name: flash-message;
+	-webkit-animation-duration: .4s;
+	        animation-duration: .4s;
+	-webkit-animation-timing-function: ease-out;
+	        animation-timing-function: ease-out;
 }
 
 .mchat-message-flash:target {
-	animation-duration: 2s;
+	-webkit-animation-duration: 2s;
+	        animation-duration: 2s;
+}
+
+@-webkit-keyframes flash-message {
+
+	0% {
+		background-color: #FFDC95;
+	}
+
+	100% {
+		background-color: transparent;
+	}
+
 }
 
 @keyframes flash-message {
@@ -149,6 +172,10 @@
 	display: unset;
 }
 
+.mchat-text .text-strong {
+	color: unset;
+}
+
 .mchat-notification-message .mchat-text {
 	font-style: italic;
 }
@@ -228,6 +255,8 @@
 }
 
 .mchat-controls {
+	display: -webkit-box;
+	display: -ms-flexbox;
 	display: flex;
 	margin: 5px 0;
 }
@@ -237,7 +266,9 @@
 }
 
 .mchat-input-container {
-	flex: 1;
+	-webkit-box-flex: 1;
+	    -ms-flex: 1;
+	        flex: 1;
 	position: relative;
 	max-width: 100%;
 	border-radius: 4px;
@@ -270,9 +301,15 @@
 
 .mchat-input-control {
 	position: absolute;
+	display: -webkit-box;
+	display: -ms-flexbox;
 	display: flex;
-	justify-content: center;
-	align-items: center;
+	-webkit-box-pack: center;
+	    -ms-flex-pack: center;
+	        justify-content: center;
+	-webkit-box-align: center;
+	    -ms-flex-align: center;
+	        align-items: center;
 	width: 30px;
 	height: 100%;
 	top: 0;
@@ -297,7 +334,9 @@
 .mchat-status {
 	position: absolute;
 	top: calc(50% - 1px);
-	transform: translateY(-50%);
+	-webkit-transform: translateY(-50%);
+	    -ms-transform: translateY(-50%);
+	        transform: translateY(-50%);
 	text-indent: 0;
 }
 
@@ -320,6 +359,8 @@
 }
 
 .mchat-panel-buttons {
+	display: -webkit-box;
+	display: -ms-flexbox;
 	display: flex;
 	margin-left: 5px;
 }
@@ -354,6 +395,13 @@
 	display: none;
 }
 
+#mchat-bbcodes #colour_palette {
+	-webkit-user-select: none;
+	   -moz-user-select: none;
+	    -ms-user-select: none;
+	        user-select: none;
+}
+
 #mchat-bbcodes #colour_palette label {
 	display: none;
 }
@@ -362,8 +410,14 @@
 	margin: 0 auto 5px;
 }
 
+#mchat-bbcodes #colour_palette a {
+	cursor: pointer;
+}
+
 #mchat-bbcodes #colour_palette td a.remember-color {
-	box-shadow: 0 0 0 1px #F00;
+	position: relative;
+	-webkit-box-shadow: 0 0 2px 2px #F00;
+	        box-shadow: 0 0 2px 2px #F00;
 }
 
 #mchat-smilies {
@@ -384,12 +438,14 @@
 	float: left;
 }
 
-.mchat-copyright {
-	position: relative;
-	top: 1px;
-	font-weight: bold;
-	font-size: 1.1em;
-	cursor: help;
+.mchat-copyright.footer-row {
+	font-size: 10px;
+	line-height: 1.8;
+	margin: 0;
+}
+
+.footer-row + br {
+	display: none;
 }
 
 .mchat-static {
@@ -411,7 +467,10 @@
 	}
 
 	.mchat-controls {
-		flex-direction: column;
+		-webkit-box-orient: vertical;
+		-webkit-box-direction: normal;
+		    -ms-flex-direction: column;
+		        flex-direction: column;
 	}
 
 	.mchat-panel-buttons {