Forums

Unfortunately no one can be told what FluxBB is - you have to see it for yourself.

You are not logged in.

#1 2018-04-15 19:51:03

g0dz
Member
Registered: 2018-04-09
Posts: 14

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;
}

Offline

#2 2018-04-16 04:11:21

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 * "Have the Will to Change the world."

Offline

#3 2018-04-16 06:45:54

g0dz
Member
Registered: 2018-04-09
Posts: 14

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:

A9YSmi2.png

but its like this:

LS3h6Lb.png

and do you know how to customize the scrollbar?

Cause it looks like this currently:

XdeoflW.png

want it kinda like:

zxBB6M5.png

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.

Offline

#4 2018-04-17 02:39:43

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 * "Have the Will to Change the world."

Offline

#5 2018-04-17 18:46:20

Franz
Lead developer
From: Germany
Registered: 2008-05-13
Posts: 6,520
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."

Offline

#6 2018-04-27 22:04:10

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 ...

Offline

Board footer

Powered by FluxBB