Forums

g0dz

Member

Registered: 2018-04-09

Posts: 15

Css

Does anyone know what chat mod this css is for?

#shout #ajaxChatChatList {
	background-color:#272726;
}
#shout .rowEven {
	background-color:#282827;
	padding: 1px 3px 3px 3px;
}
#shout .rowOdd {
	background-color:#313130;
	padding: 1px 3px 3px 3px;
}
#shout .dateTime {
	font-size: 0.8em;
}
#shout .guest {
	color:gray;
}
#shout .user {
	color:#888;
}
#shout .premium {
	color:#e61515;
	font-weight: bold;
}
#shout .moderator {
	color:#ffcc00;
	font-weight: bold;
}
#shout .admin {
	color:#b4e61e;
	font-weight: bold;
}
#shout .chatBot {
	color:#00AA00;
	font-weight: bold;
}
#shout, #shout * {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#shout {
	background-color: #333;
	font-size: 0.9em;
	width: 100%;
	overflow: auto;
}
	/* The container of the messages */
	#shout > div:nth-of-type(1) {
		color: #d4d4d4;
		height: 150px;
		overflow: auto;
		overflow-x: hidden;
		overflow-y: scroll;
		word-wrap: break-word;
	}

	#shout div::-webkit-scrollbar-track {
		-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
		background-color: #272726;
	}
	#shout div::-webkit-scrollbar {
		width: 8px;
		background-color: #272726;
	}
	#shout div::-webkit-scrollbar-thumb {
		background-color: #666;
	}
		#shout p.warning {
			background: #272726;
			padding: 10px;
			margin-bottom: 15px;
		}
		#shout p {
			padding: 0;
		}
			#shout p > strong {
				cursor: pointer;
				border-bottom: 1px dashed #ccc;
			}
		/* A welcome message for the users */
		#shout em {
			display: none; /* Instead of removing it using javascript, we will use css */
			font-family: sans-serif;
			line-height: 100px;
			color: #eee;
			font-weight: bold;
		}
			#shout em:last-child {
				display: block;
			}

	/* The form used to submit the messages */
	#shout > form {
		background: #272726;
		width: 100%;
		padding: 0;
		margin: 0;
		overflow: hidden;
	}
		#shout label {
			display: block;
			width: 100%;
			height: 100%;
			resize: none;
			cursor: text;
			padding: 0;
		}
			#shout label span {
				display: block;
				width: 100%;
				color: #ccc;
			}
		#shout input {
			width: 95%;
			background: #1d1d1c;
			border-top: 1px solid #444;
			border-bottom: none;
			border-left: none;
			border-right: none;
			cursor: text;
			resize: none;
			overflow-x: hidden;
			overflow-y: auto;
			font-size: 1.5em;
			height: 22px;
			vertical-align:top;
		}
#shout p {
	max-width: none;
}
#emojiselector {
	font-size: 1.5em;
	width: 5%;
	vertical-align: top;
	float: right;
	border-bottom: none;
	border-right: none;
	border-top: 1px solid #444;
	border-left: none;
}

TigerAero

Member

From: WI, USA

Registered: 2009-02-01

Posts: 458

Website

Re: Css

I'm guessing it's from an addon you've added. I don't believe it's in stock Fluxbb.

---

The Tiger Tribe Door

g0dz

Member

Registered: 2018-04-09

Posts: 15

Re: Css

No idk what shoutbox plugin its for, and i cant get cobalt theme working in shoutbox its only black background, and i want it like cobalt grey-black-grey-black

just like this:

but its like this:

and do you know how to customize the scrollbar?

Cause it looks like this currently:

want it kinda like:

sorry for asking so much but the shoutbox css i sent you is from another forum, that has exact that cobalt theme in the shoutbox background, and also has that customized scrollbar, so the styling should probs be in that shoutbox.css, and also yes i have set default shoutbox style to cobalt.

Regards, g0dz.

TigerAero

Member

From: WI, USA

Registered: 2009-02-01

Posts: 458

Website

Re: Css

Does the shoutbox even exist in Fluxbb core?

---

The Tiger Tribe Door

Franz

Lead developer

From: Germany

Registered: 2008-05-13

Posts: 6,590

Website

Re: Css

It's not in core, no.

---

fluxbb.de | develoPHP

"As code is more often read than written it's really important to write clean code."

sklerder

Member

From: Brittany

Registered: 2012-11-06

Posts: 130

Website

Re: Css

Hello !

This CSS comes probably from "Ajax Chat for FluxBB" by adaur (supposed by reading "ajaxChatChatList" in the CSS you posted).

A CSS is no use (well, very difficult to use) if you don't use the same source html page ...