Chatbox background the same as header
The forum of the forums :: Support forum :: Forum Design & Appearance Help :: Design & Appearance Problems Archives
Page 1 of 1 • Share •
Chatbox background the same as header
For some reason the chatbox's default background is whatever the header background is set to. Any way to override this?
Xanthis- Forumember
-
Posts : 210
Reputation : 6
Language : English
Re: Chatbox background the same as header
And then there was a bump.
Xanthis- Forumember
-
Posts : 210
Reputation : 6
Language : English
Re: Chatbox background the same as header
- Code:
body.chatbox {
background-image: url('URL IMAGE');
background-color: black;}

Re: Chatbox background the same as header
No difference. You can look through my CSS if you want:
It's at the bottom. I don't see any other code that could be contradicting it.
- Code:
/*---General------*/
.pun .user-ident .username {
text-align: center;
position: relative;
margin-bottom: 10px;
}
body {
background-image:url('http://i49.servimg.com/u/f49/17/29/37/87/backgr10.jpg'), url('http://i49.servimg.com/u/f49/17/29/37/87/tobere10.jpg');
background-repeat: no-repeat, repeat-y;
background-position: top, center bottom;
}
#page-body {
background-color: #fbfbfb;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
width: 800px;
position: relative;
left: 50%;
margin-left: -400px;
}
#pun-about {
background-color: #fbfbfb;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
width: 800px;
position: relative;
left: 50%;
margin-left: -400px;
}
#pun-intro {
background-color: transparent;
border: none;
margin-top: 100px;
}
#pun-logo {
background-repeat: no-repeat;
margin-left: 50px;
width: 700px;
height: 387px;
}
#pun-visit,.main-box {
background-color: transparent;
border: none;
}
.main .main-head {
background-image: url('http://i49.servimg.com/u/f49/17/29/37/87/checke10.png');
background-color: transparent;
background-repeat: no-repeat;
}
/*---Navbar------*/
#pun-head #pun-navlinks {
background-image:url('http://i49.servimg.com/u/f49/17/29/37/87/navbac11.png');
width: 950px;
height: 200px;
position: relative;
left: 50%;
background-repeat: no-repeat;
background-color: transparent;
margin-bottom: -50px;
margin-left: -475px;
}
#pun-navlinks ul {
margin-top: 55px;
}
#pun-navlinks li a {
margin-left: -10px;
}
#i_icon_mini_index {
background-image:url('http://i49.servimg.com/u/f49/17/29/37/87/forum10.png');
background-repeat: no-repeat;
width: 160px;
height: 50px;
background-position: top;
}
#i_icon_mini_profile {
background-image:url('http://i49.servimg.com/u/f49/17/29/37/87/ucp10.png');
background-repeat: no-repeat;
width: 160px;
height: 50px;
margin-left: -30px;
background-position: top;
}
#i_icon_mini_message {
background-image:url('http://i49.servimg.com/u/f49/17/29/37/87/inbox10.png');
background-repeat: no-repeat;
width: 160px;
height: 50px;
margin-left: -30px;
background-position: top;
}
#i_icon_mini_new_message {
background-image:url('http://i46.servimg.com/u/f46/13/26/04/18/new_me11.png');
background-repeat: no-repeat;
width: 160px;
height: 50px;
margin-left: -30px;
background-position: top;
}
#i_icon_mini_login {
background-image:url('http://i49.servimg.com/u/f49/17/29/37/87/login10.png');
background-repeat: no-repeat;
width: 160px;
height: 50px;
background-position: top;
}
#i_icon_mini_logout {
background-image:url('http://i46.servimg.com/u/f46/13/26/04/18/logout12.png');
background-repeat: no-repeat;
width: 160px;
height: 50px;
background-position: top;
}
#i_icon_mini_register {
background-image:url('http://i49.servimg.com/u/f49/17/29/37/87/signup10.png');
background-repeat: no-repeat;
width: 160px;
height: 50px;
background-position: top;
}
#i_icon_mini_members {
}
#i_icon_mini_portal {
background-image:url('http://i49.servimg.com/u/f49/17/29/37/87/home10.png');
background-repeat: no-repeat;
width: 160px;
height: 50px;
background-position: top;
}
/*---Links------*/
a:hover{
text-decoration: none;
}
a:active{
text-decoration: none;
}
a:visited{
text-decoration: none;
}
a.forumtitle {
text-decoration: none;
}
.pun a:hover {
}
.i_icon_quote {
background: url(http://i20.servimg.com/u/f20/15/00/35/26/quote10.png) no-repeat;
width: 105px;
height: 38px;
}
.i_icon_edit {
background: url(http://i20.servimg.com/u/f20/15/00/35/26/edit10.png) no-repeat;
width: 105px;
height: 38px;
}
.i_icon_delete {
background: url(http://i20.servimg.com/u/f20/15/00/35/26/delete10.png) no-repeat;
width: 105px;
height: 38px;
}
.i_icon_thank {
background: url(http://i20.servimg.com/u/f20/15/00/35/26/thank10.png) no-repeat;
width: 105px;
height: 38px;
}
.i_icon_report {
background: url(http://i20.servimg.com/u/f20/15/00/35/26/report10.png) no-repeat;
width: 105px;
height: 38px;
}
.i_post {
background: url(http://i20.servimg.com/u/f20/15/00/35/26/topic10.png) no-repeat;
width: 163px;
height: 68px;
}
.i_reply {
background: url(http://i20.servimg.com/u/f20/15/00/35/26/reply10.png) no-repeat;
width: 163px;
height: 68px;
}
a:hover{
text-decoration: none !important;
}
a{
text-decoration: none !important;
}
.pun .post .user {
text-align: center;
}
.pun .user-ident .username {
color:
#00569C;
display: block;
font-size: 1.2em;
font-weight: 700;
margin-top: -1px;
padding-bottom: 20px;
top: 0;
}
a[href="/g40-rank"] {
text-shadow: 1px 2px 6px #000000;
}
a[href="/u2"] {
text-shadow: 1px 2px 6px #FFFFFF;
}
a[href="/u95"] {
text-shadow: 1px 2px 6px #FFFFFF;
}
a[href="/u565"] {
text-shadow: 1px 2px 6px #FFFFFF;
}
a[href="/g2-suppression-squad"] {
text-shadow: 1px 2px 6px ;
}
a[href="/u268"] {
text-shadow: 1px 2px 6px #8F00BF;
}
a[href="/u15"] {
text-shadow: 1px 2px 6px #8F00BF;
}
a[href="/g21-heroes"] {
text-shadow: 1px 2px 6px #000000;
}
a[href="/g1-freedom-fighters"] {
text-shadow: 1px 2px 6px ;
}
a[href="/u32"] {
text-shadow: 1px 2px 6px #FF0000;
}
a[href="/u78"] {
text-shadow: 1px 2px 6px #FF0000;
}
a[href="/u1"] {
text-shadow: 1px 2px 6px #FF0000;
}
a[href="/u384"] {
text-shadow: 1px 2px 6px #FF0000;
}
a[href="/g1-freedom-fighters"] {
background: url("http://i.imgur.com/SZg93.png") no-repeat;
padding-left: 19px;
padding-top: 2px;
}
.pun .user-ident .username a[href="/u1"], a.gensmall[href="/u1"], #onlinelist [href="/u1"], .statused a[href="/u1"], #stats [href="/u1"], #chatbox_members a[href="/u1"], #chatbox a[href="/u1"], #onlinechat a[href="/u1"], #profile-advanced-right div.h3 strong, .module a[href="/u1"] {
background: url("http://i.imgur.com/SZg93.png") no-repeat;
padding-left: 16px;
}
.expand, .contract {position: absolute; top: 6px; right: 10px; cursor: pointer; width: 9px; height: 9px; background: url(http://illiweb.com/fa/m/tabs_more1.gif);}
.contract {background: url(http://illiweb.com/fa/m/tabs_less1.gif);}
.vote {float: right;
width: 16px;
margin-left: 4px;}
.postmain blockquote {
background-color: #f4f4f4;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
-khtml-border-radius: 10px;
}
blockquote {
background: url("http://cdn5.iconfinder.com/data/icons/bijou/10/Quote.png") no-repeat scroll 1px 5px #333333;
border: 3px solid #DBDBCE;
font-size: 0.95em;
margin: 1em 5px 1em 15px;
overflow: hidden;
padding: 0px;
}
.signature_div img {
max-height: 200px !important;
}
.signature_div img {
max-width: 200px;
}
a[href="/u1"] span{
color: #FF0000 !important;
}
#chatbox > p span.user > span strong, #chatbox_members ul a span:first-child strong {
display: none;
}
#chatbox > p span.user > span:after, #chatbox_members ul a span:first-child:after {
color: #105289!important;
content: '';
font-size: 10px;
}
h2.chatbox-title:after { content: "Piantabox"; }
a.chat-title { display: none; }
.info, .success, .warning, .error, .mes, .tips, .chat, .cnb {
margin: 10px 0px;
padding: 10px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
border-radius: 4px 4px 4px;
}
.info {
background-color: #d1e4f3;
background-image: url("http://cdn1.iconfinder.com/data/icons/musthave/24/Information.png");
color: #00529B;
border: 1px solid #4d8fcb;
}
.success {
background-color: #effeb9;
background-image: url("http://cdn3.iconfinder.com/data/icons/fatcow/32x32_0020/accept.png");
color: #4F8A10;
border: 1px solid #9ac601;
}
.warning {
background-color: #ffeaa9;
background-image: url("http://cdn3.iconfinder.com/data/icons/fatcow/32x32_0400/error.png");
color: #9F6000;
border: 1px solid #f9b516;
}
.error {
background-color: #fccac3;
background-image: url("http://cdn1.iconfinder.com/data/icons/CrystalClear/32x32/actions/messagebox_critical.png");
color: #D8000C;
border: 1px solid #db3f23;
}
.mes {
background-color: #F2F2F2;
background-image: url("http://cdn2.iconfinder.com/data/icons/fugue/bonus/icons-32/mail.png");
border: 1px solid #AAAAAA;
color: #545454;
}
.tips {
background-color: #FEEAC9;
background-image: url("http://cdn5.iconfinder.com/data/icons/woocons1/Light%20Bulb%20On.png");
border: 1px solid #D38E49;
color: #bb640c;
}
.chat {
background-color: #daecfb;
background-image: url("http://cdn2.iconfinder.com/data/icons/drf/PNG/iChat.png");
border: 1px solid #2078c9;
color: #066ac4;
}
a.forumlink:hover {
letter-spacing: 1px;
a { text-decoration: none; }
}
.forumline .row1.over:hover {background:url('') right bottom no-repeat;}
.forumline .row1.over:hover {
background-color #FF0000;
}
a[href="/u1135"] {
text-shadow: 1px 2px 6px #0000FF;
}
a[href="/u1135"] span{
color: #0000FF !important;
}
body.chatbox {
background-image: url('http://farm4.static.flickr.com/3025/2627239517_f2408da505_o.jpg');
background-color: black;}
It's at the bottom. I don't see any other code that could be contradicting it.
Xanthis- Forumember
-
Posts : 210
Reputation : 6
Language : English
Re: Chatbox background the same as header
Then another bumpy bump.
Xanthis- Forumember
-
Posts : 210
Reputation : 6
Language : English
Re: Chatbox background the same as header
Bump blimp.
Xanthis- Forumember
-
Posts : 210
Reputation : 6
Language : English
Xanthis- Forumember
-
Posts : 210
Reputation : 6
Language : English
Re: Chatbox background the same as header
The background is still the header image, when I edited the hex code in it only changed the color of the timestamps.
Xanthis- Forumember
-
Posts : 210
Reputation : 6
Language : English
Re: Chatbox background the same as header
Yes, finally! It worked! Thank you, Rideem.
Xanthis- Forumember
-
Posts : 210
Reputation : 6
Language : English
The forum of the forums :: Support forum :: Forum Design & Appearance Help :: Design & Appearance Problems Archives
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum