JinxBot Styles

From JinxBot

This article describes a feature found in the very latest code for JinxBot that is not yet reflected in a build. It is in source code as of Revision 24. More information will be made part of the API as releases are made. For help getting the latest source, see Source code.

A JinxBot stylesheet is simply a CSS file customized with information about the user interface elements supported by JinxBot. Therefore, anything you can accomplish with CSS, you can pretty much accomplish in JinxBot. Note that JinxBot uses the IE rendered under the hood, so Mozilla-specific things can't really be done.

Default Stylesheet

You may notice the peculiar indent and margin setting on the p selector. This is what enables JinxBot to have a hanging indent for text.

body
{
    background-color: black;
    font-size: 12px;
    color: #dddddd;
    font-family: Tahoma, Verdana, Sans-serif; 
}

p
{
    text-indent: -3em;
    margin-left: 3em;
    margin-top: 4px;
    margin-bottom: 0px;
}

#scrollTo
{
    height: 4px;
}

.timestamp
{
	color: #999;
} 

.error
{
	color: Orange;
}

.userProfileReceivedNotification
{
	color: Yellow;
}

.userNameOtherUser 
{ 
	color: Lime;
}

.userProfileKey
{
	color: SlateGray;
}

.userProfileValue
{
	color: LightSteelBlue;
}

.whisperHeader 
{
	color: Fuchsia;
}

.whisperOtherUsername 
{
	color: Fuchsia;
}

.whisperText
{ 
	color: Fuchsia;
}

.unhandledWarden 
{
	color: IndianRed;
}

.speakBracketsOtherUser 
{
	color: LightBlue;
}

.speakOtherUsername
{
	color: White;
}

.speakBracketsSelf 
{
	color: #ccc;
}

.speakSelfUsername 
{ 
	color: LightBlue;
}

.speakText 
{ 
	color: White;
}

.emoteOtherUsername 
{
	color: Lime;
}

.emoteSelfUsername 
{ 
	color: Yellow;
}

.emoteText 
{
	color: Yellow;
}

.leftChannel
{
	color: Yellow;
}

.joinedChannel 
{
	color: Yellow; 
}

.loginSucceeded 
{ 
	color: Yellow;
}

.loginFailed 
{
	color: Red; 
}

.joiningChannel
{
	color: Yellow;
}

.channelName
{
	color: White;
}

.silentChannel
{
	color: LightBlue;
}

.serverInfo
{
	color: Gray;
}

.clientInfo
{
	color: LightSteelBlue;
}

.errorDisconnecting
{
	color: OrangeRed;
}

.enteringChat 
{
	color: Yellow;
}

.disconnected 
{ 
	color: Yellow;
}

.connected
{
	color: Yellow;
}

.commandSent
{
	color: Teal;
}

.versioningPassed 
{
	color: LimeGreen;
}

.versioningFailed 
{ 
	color: OrangeRed;
}

.channelRestricted, .channelFull, .channelDNE
{
	color: Red;
}

.channelListHeader
{ 
	color: LightSteelBlue;
}

.channelBullet
{
	color: Yellow;
}

.channelListItem 
{ 
	color: White;
}

.broadcast
{
	color: LightGray;
}

Usage

The JinxBot Controls project incorporates this and loads stylesheets on demand using the Mootools JavaScript library. For more information, see Licensing.