You are not logged in.
- Topics: Active | Unanswered
Pages: 1
#1 2018-04-15 19:51:03
- g0dz
- Member
- Registered: 2018-04-09
- Posts: 43
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: Northwoods, WI, USA, Earth
- 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.
Offline
#3 2018-04-16 06:45:54
- g0dz
- Member
- Registered: 2018-04-09
- Posts: 43
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.
Offline
#4 2018-04-17 02:39:43
- TigerAero
- Member
- From: Northwoods, WI, USA, Earth
- Registered: 2009-02-01
- Posts: 458
- Website
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
Pages: 1