Warning: The author of this contribution does not provide support for it anymore.

phpBB mChat

Frequently Asked Questions

Dark based styles 1.3.4 version

You can use the attached for dark based styles. Adjust the css file as needed and don't forget to upload it into the mchat folder on your forum and make the call to the file within the overall_header.html file for your dark based style.

mchat_dark.zip
(982 Bytes) Downloaded 2797 times


..and for reference

/**
*
* @package mChat ProSilver Style
* @version 1.3.4 2010-12-12
* @copyright (c) RMcGirr83 ( http://www.rmcgirr83.org/ )
* @license http://opensource.org/licenses/gpl-license.php GNU Public License
*
**/

/* mChat
------------ */
div.mChatBG1 {
background-color: #000000;<---- color of an odd number row in the chat
padding: 5px 5px 5px 15px;
border-bottom: 1px dotted #DDDDDD;
overflow: hidden;
}

div.mChatBG2 {
background-color: #000000;<---- color of an even number row in the chat
padding: 5px 5px 5px 15px;
border-bottom: 1px dotted #DDDDDD;
overflow: hidden;
}

div.mChatRowLimit {
overflow: auto;
width: 100%;
}

div.mChatRowLimitCustom {
overflow: auto;
width: 100%;
}

div.mChatPanel {
text-align: center;
padding: 3px;
clear: both;
}

input.mChatText {
cursor: text;
width: 50%;
border: 1px solid #A9B8C2;
color: #FFFFFF;<--- color of the input box
padding: 5px 5px 3px 5px;
margin: 3px 0px 0px 5px;
}

input.mChatText:hover {
border-color: #11A3EA;<--- color of the input box border on hover
}

input.mChatButton {
width: auto;
font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;
background-color: #000000;
background-image: url("bg_button.gif");
border: 1px solid #666666;
padding: 2px 5px 2px 5px;
margin: 5px 0px 0px 5px;
font-size: 1em;
}

input.mChatButton:hover {
border-color: #BC2A4D;
color: #BC2A4D;<--- color of the button on hover
}

div.mChatHover:hover {
background-color: #000000;
}

div.mChatBodyFix {
width: 100% !important;
background-color: #000000 !important;<--- color of the border
}

div.mChatStatic {
padding-left: 5px;
font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
text-align: left;
font-size: 1.1em;
}

div.mChatStats {
padding-left: 5px;
margin-top: 2px;
font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
text-align: left;
min-height: 1.3em;
font-size: 1.1em;
height: auto !important;
}

div.mChatRefresh {
padding-left: 5px;
font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
text-align: left;
font-size: 1.1em;
margin-top: 1.5em;
clear: both;
}

input.mChatColor {
width: 100%;
text-align: center;
background-color: #000000;
border-style: none;
}

div.mChatMessage {
padding: 3px;
font-size: 1.1em;
width: 98%;
}

a.mChatScriptLink {
text-decoration:none;
}

img.mChatImage{
vertical-align: middle;
}

img.mChatImageLoad {
vertical-align: middle;
cursor: wait;
display: none;
}

img.mChatImageOk {
vertical-align: middle;
cursor: help;
}

img.mChatImageHideImg {
vertical-align: middle;
cursor: help;
display: none;
}

div.mChatSound {
position: absolute;
left: -1000px;
top: -1000px;
}

.mchat-alert {
color: #7E2217;
}