HomeChatbox problems...
4 posters
Page 1 of 1
Chatbox problems...
by Tsumiki October 7th 2012, 12:06 pm
as you see the problem, i cant see the text i type, can somebody teach me how to fix this, and i not sure what phbb im using...
this is my forum link http://fairytailroleplay.twilightlegend.net/
and how to change the colour in the chatbox, white black white black... my head feel pain when i see this...
Tsumiki- New Member
- Posts : 6
Reputation : 1
Language : english
Re: Chatbox problems...
by Kirbs October 7th 2012, 1:46 pm
well i can see the text typed but i can't see the name of who is typing that is cuz the background have white and the typer name is white so it won't show good you can change the background like this :
write instead of URL IMAGE the image url you want to put if it didn't work write the url link instead of 'URL IMAGE' .
i hope this helped you
- Code:
body.chatbox {
background-image: url('URL IMAGE');
background-color: black;}
write instead of URL IMAGE the image url you want to put if it didn't work write the url link instead of 'URL IMAGE' .
i hope this helped you
Kirbs- Forumember
- Posts : 628
Reputation : 18
Language : English
Re: Chatbox problems...
by Tsumiki October 7th 2012, 4:24 pm
no, i mean the thing is blocking the text field... i want to fix that, thats a major problem to me...
Tsumiki- New Member
- Posts : 6
Reputation : 1
Language : english
Re: Chatbox problems...
by SLGray October 7th 2012, 4:38 pm
Do you mean that the box to enter the messages to be sent is being blocked?
Lost Founder's Password |Forum's Utilities |Report a Forum |General Rules |FAQ |Tricks & Tips
You need one post to send a PM.
You need one post to send a PM.
When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
SLGray- Administrator
-
Posts : 51482
Reputation : 3519
Language : English
Location : United States -
Re: Chatbox problems...
by Tsumiki October 8th 2012, 5:02 am
my css is too many, where should i put, or there is something in css cause this?
- css:
- Code:
* {
margin: 0px;
padding: 0px;
}
html {
background-color: #161616;
font-size: 100%;
height: 100%;
}
#min-width {
min-width: 750px;
}
body {
background-color: #161616;
background-image: url('http://images4.wikia.nocookie.net/__cb20110903183715/fairytail/images/d/d9/Fanon_Background_Request_Sui-Feng.jpg');
background-position: top;
background-repeat: repeat-x;
margin-top:150px;
background-attachment: fixed;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 62.5%; /* This sets the default font size to be equivalent to 10px */
margin: 0px 0px 0px 0px;
padding: 0px;
border-color: #862121;
border-width: 0px 0px 0px 0px;
border-style: solid;
}
{
font-size: 10px;
height: auto;
padding: 10px 0px;
scrollbar-face-color: #;
scrollbar-highlight-color: #;
scrollbar-shadow-color: #;
scrollbar-3dlight-color: #;
scrollbar-arrow-color: #;
scrollbar-track-color: #;
scrollbar-darkshadow-color: #;
}
* html .conteneur_minwidth_IE {
/* Hack IE min-width */
padding-left: 750px;
}
* html .conteneur_container_IE {
/* Hack IE min-width */
margin-left: -750px;
position: relative;
}
* html .conteneur_minwidth_IE, * html .conteneur_container_IE, * html .conteneur_layout_IE {
/* Hack IE min-width */
height: 1px;
}
#wrap {
width:85%;
margin: 0px auto;
background-color: #1B1B1B;
background-image: ;
background-repeat: repeat;
background-attachment: fixed;
border-color: #46494b;
border-width: 0px 0px 0px 0px;
border-style: solid;
padding: 5px;
}
#wrapnav {
width: 100%;
margin: 0;
background-color: #ECECEC;
border-width: 1px;
border-style: solid;
border-color: #A9B8C2;
}
#simple-wrap {
padding: 6px 10px;
}
#page-body {
margin: 4px 0;
clear: both;
}
#page-footer {
clear: both;
}
#page-footer h3 {
margin-top: 20px;
}
#add-google {
text-align: center;
}
/* Tags-------------------------------------------------*/
h2 {
font-family: Verdana,Arial,Helvetica,sans-serif;
font-weight: normal;
color: #4d4d4d;
font-size: 2em;
margin: 0.8em 0 0.2em 0;
}
h2.solo {
margin-bottom: 1em;
}
h3 {
font-family: Verdana,Arial,Helvetica,sans-serif;
border-bottom: 1px solid #595959;
margin-bottom: 3px;
padding-bottom: 2px;
font-size: 1.05em;
color: #f1f1f1;
margin-top: 20px;
}
input {
font-weight: normal;
cursor: pointer;
vertical-align: middle;
padding: 0 3px;
font-size: 1em;
font-family: Verdana,Arial,Helvetica,sans-serif;
}
select {
font-family: Verdana,Arial,Helvetica,sans-serif;
font-weight: normal;
cursor: pointer;
vertical-align: middle;
border: 1px solid #4d4d4d;
padding: 1px;
background-color: #ffffff;
}
option {
padding-right: 1em;
}
textarea {
font-family: Verdana,Arial,Helvetica,sans-serif;
width: 60%;
padding: 2px;
font-size: 1em;
line-height: 1.4em;
}
p {
line-height: 1.3em;
font-size: 1.1em;
margin-bottom: 0.5em;
}
p.right {
text-align: right;
}
p.center {
text-align: center;
margin: 0px;
}
p.author {
margin: 0 15em 0.6em 0;
padding: 0 0 5px 0;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 1em;
line-height: 1.2em;
}
p.nomargin {
line-height: 1.3em;
font-size: 1.1em;
margin-bottom: 0em;
}
p.path {
margin-left: 10px;
clear: left;
}
fieldset {
border-width: 0;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 1.1em;
}
fieldset.jumpbox {
text-align: right;
margin-top: 15px;
height: 2.5em;
}
fieldset.quickmod {
width: 50%;
float: right;
text-align: right;
height: 2.5em;
}
label {
cursor: default;
padding-right: 5px;
color: #fffff5;
}
label input {
vertical-align: middle;
}
label img {
vertical-align: middle;
}
hr {
border: 0 none #ffffff;
border-top: 1px solid #ffffff;
height: 1px;
margin: 5px 0;
display: block;
clear: both;
}
hr.dashed {
border-top: 1px dashed #ffffff;
margin: 5px 0;
}
img {
border-width: 0;
}
blockquote {
margin: 1em 1px 1em 25px;
padding: 5px;
background: #1a1a1a url("http://2img.net/i/fa/prosilver/quote.gif") 6px 8px no-repeat;
border: 1px solid #DBDBCE;
font-size: 0.95em;
margin: 1em 1px 1em 25px;
overflow: hidden;
}
blockquote div {
margin-left: 20px;
}
blockquote blockquote {
background-color: #EFEED9;
font-size: 1em;
margin: 0.5em 1px 0pt 15px;
}
blockquote blockquote blockquote {
background-color: #1a1a1a;
}
blockquote cite {
font-style: normal;
font-weight: bold;
display: block;
font-size: 0.9em;
}
blockquote cite cite {
font-size: 1em;
}
blockquote.uncited {
padding-top: 25px;
}
ul {
list-style-type: none;
}
ul.ul-icons {
float: left;
margin: 0 10px;
}
* html table, * html select, * html input {
font-size: 100%;
}
* html hr {
margin: 0;
}
/* Links-----------------------------------------------------*/
a:link{
color: #ffffff;
text-decoration: none;
}
a:visited{
color: #fffff1;
text-decoration: none;
}
a:active{
color: #fffff2;
text-decoration: underline;
}
a:hover{
color: #3280a8;
text-decoration: underline;
}
a.forumtitle {
color: #fffff1;
font-family: Trebuchet MS,"Lucida Grande",Verdana,Helvetica,Arial,sans-serif;
font-size: 1.2em;
font-weight: bold;
text-decoration: none;
}
a.forumtitle:hover {
color: #0d0d0d;
text-decoration: underline;
}
a.forumtitle:active {
color: #ffffff;
}
a.topictitle {
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 1.1em;
font-weight: bold;
color: #fffff1;
text-decoration: none;
}
a.topictitle:hover {
color: #0d0d0d;
text-decoration: underline;
}
a.topictitle:active {
color: #fffff3;
}
/* Input------------------------------------------------------*/
.inputbox {
background-color: #ffffff;
border: 1px solid #BCBCBC;
color: #565656;
padding: 2px;
cursor: text;
}
.inputbox:hover {
border: 1px solid #595959;
}
.inputbox:focus {
border: 1px solid #595959;
color: #565656;
}
input.inputbox{
width: 85%;
}
input.medium{
width: 50%;
}
input.narrow{
width: 25%;
}
input.tiny{
width: 110px;
}
textarea.inputbox {
width: 85%;
}
/* Input Button Form---------------------------------------------------------*/
input.button1, input.button2, button.button2 {
font-size: 1em;
}
a.button1, input.button1 {
font-weight: bold;
border: 1px solid #666666;
}
a.button2, input.button2, button.button2 {
border: 1px solid #BCBCBC;
}
a.button1, input.button1, a.button2, input.button2, button.button2 {
width: auto !important;
padding: 2px 3px;
font-family: Verdana,Arial,Helvetica,sans-serif;
color: #000000;
background-repeat: repeat-x;
background-color: #FAFAFA;
background-image: url('http://2img.net/i/fa/prosilver/bg_button.gif');
background-position: top;
overflow: visible;
}
body:last-child a.button1, input.button1, a.button2, input.button2, button.button2 {
/* Opera does not see this */
padding: 1px 0;
}
a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, button.button2:hover {
border: 1px solid #2c2c2c;
color: #2c2c2c;
background-position: 0 100%;
}
a.button1:link, a.button1:visited, a.button1:active, a.button2:link, a.button2:visited, a.button2:active {
color: #4d4d4d;
text-decoration: none;
padding: 2px 8px;
line-height: 250%;
vertical-align: text-bottom;
background-position: 0 1px;
}
* html input.button1, * html input.button2, * html button.button2 {
padding-bottom: 0;
margin-bottom: 1px;
}
*+html button.button2 {
height: 24px;
padding-right: 3px;
padding-left: 3px;
}
*+html button.button2 img {
vertical-align: middle;
}
* html button.button2 {
height: 24px;
padding-right: 3px;
padding-left: 3px;
}
* html button.button2 img {
vertical-align: middle;
}
/* Fieldset dl---------------------------------------------------------*/
fieldset dl {
padding: 4px 0;
}
fieldset dt {
float: left;
width: 40%;
text-align: left;
display: block;
}
fieldset dd {
margin-left: 41%;
vertical-align: top;
margin-bottom: 3px;
}
fieldset dl:hover dt label {
color: #999999;
}
dt label {
font-weight: bold;
text-align: left;
}
dd label {
white-space: nowrap;
color: #fffff5;
}
dd input, dd textarea {
margin-right: 3px;
}
dd select {
width: auto;
}
dd textarea {
width: 85%;
}
/* Fieldset fields 1 et 2---------------------------------------------*/
fieldset.fields1 dt {
width: 10em;
border-right-width: 0;
}
fieldset.fields1 dd {
margin-left: 10em;
border-left-width: 0;
}
fieldset.fields1 {
background-color: transparent;
}
fieldset.fields1 div {
margin-bottom: 3px;
}
fieldset.fields2 dt {
width: 15em;
border-right-width: 0;
}
fieldset.fields2 dd {
margin-left: 16em;
border-left-width: 0;
}
fieldset.fields2 dl:hover dt label {
color: inherit;
}
/* Fieldset submit---------------------------------------------*/
fieldset.submit-buttons {
text-align: center;
vertical-align: middle;
margin: 5px 0;
}
fieldset.submit-buttons input {
vertical-align: middle;
padding-top: 3px;
padding-bottom: 3px;
}
/* Fieldset polls---------------------------------------------*/
fieldset.polls {
font-family: Verdana,Arial,Helvetica,sans-serif;
}
fieldset.polls dl {
margin-top: 5px;
border-top: 1px solid #e2e2e2;
padding: 5px 0 0 0;
line-height: 120%;
color: #fffff5;
}
fieldset.polls dt {
text-align: left;
float: left;
display: block;
width: 30%;
border-right: none;
padding: 0;
margin: 0;
font-size: 1.1em;
}
fieldset.polls dd {
float: left;
width: 10%;
border-left: none;
padding: 0 5px;
margin-left: 0;
font-size: 1.1em;
}
/* Header-------------------------------------------------*/
.headerbar {
background-color: transparent;
height: 1%;
/* Hack IE layout */
background-image: url('');
margin-bottom: 4px;
padding: 0pt 5px;
background-repeat: repeat-x;
}
#logo-desc {
margin: 0px;
padding: 0px;
text-align: center;
}
#logo {
float: center;
padding: 5px;
}
a#logo:hover {
text-decoration: none;
}
h1 {
font-family: ;
color: #ffffff;
font-size: ;
padding-top: 15px;
}
#logo-desc p {
margin: 0px;
padding: 0px;
color: #ffffff;
}
/* Menu-------------------------------------------------*/
.navbar {
color:#ffffff;
clear: both;
background-image: url('');
background-position: top;
background-repeat: repeat-x;
background-color: #333333;
padding: 5px 0px;
}
ul.navlinks {
border-bottom: 0px solid #ffffff;
font-weight: bold;
text-align: center;
}
ul.linklist li {
list-style-type: none;
width: auto;
font-size: 1.1em;
line-height: 2.2em;
display: inline;
}
ul.linklist li a img {
vertical-align: middle;
}
.search-box {
margin-top: 3px;
margin-left: 5px;
float: left;
}
#search-box {
margin-top: 10px;
margin-right: 5px;
float: right;
white-space: nowrap;
/* For Opera */
}
* html #search-box {
margin-right: 35px;
}
#search-box #keywords {
width: 95px;
background-color: #ffffff;
}
#search-box input {
border: 1px solid #BCBCBC;
}
#search-box input.button1 {
padding: 1px 5px;
}
input.search {
background-image: url('http://2img.net/i/fa/prosilver/icon_textbox_search.gif');
background-repeat: no-repeat;
background-position: left 1px;
padding-left: 17px;
}
ul.linklist li.rightside {
margin-top: 0px;
float: right;
}
p.rightside {
float: right;
margin-right: 5px;
}
/* Code block ------------------------------------------------*/
dl.codebox {
padding: 3px;
background-color: #393939;
border: 1px solid #C9D2D8;
font-size: 1em;
}
dl.codebox dt {
text-transform: uppercase;
border-bottom: 1px solid #CCCCCC;
margin-bottom: 3px;
font-size: 0.8em;
font-weight: bold;
display: block;
}
blockquote dl.codebox {
margin-left: 0;
}
dl.codebox code {
overflow: auto;
display: block;
height: auto;
max-height: 200px;
white-space: normal;
padding-top: 5px;
font: 0.9em Courier,'CourierNew',sans-serif;
line-height: 1.3em;
color: #ffffff;
margin: 2px 0;
}
/* Table-------------------------------------------------*/
.forabg {
margin-bottom: 0px;
clear: both;
background-color: #333333;
background-image: ;
background-repeat: repeat-x;
background-position: 0 0;
border: 1px solid #464545;
padding: 0px 0px;
height: 1%;
}
.forumbg {
background-color: #333333;
background-image: url() ;
background-repeat: repeat-x;
background-position: 0 0;
border: 1px solid #464545;
padding: 0px 0px;
margin-bottom:0px;
clear: both;
height: 1%;
}
.forumbg table.table1 {
margin: 0 0px 0px 0px;
}
ul.topiclist {
list-style-type: none;
margin: 0;
height: 1%;
background-image: url('http://i191.photobucket.com/albums/z301/lastfmbadges/a1/forumbar-6.png') ;
background-repeat: repeat-x;
border-color: #464545;
border: 1px;
color: #http://i191.photobucket.com/albums/z301/lastfmbadges/thememotion/callen.png;
}
ul.topiclist li {
display: block;
margin: 0;
}
* html ul.topiclist li {
position: relative;
}
ul.topiclist li.row dl {
padding: 2px 0;
}
ul.forums li.row dl {
min-height: 30px;
}
* html ul.forums li.row dl {
height: 30px;
}
ul.topiclist dt {
display: block;
float: left;
width: 60%;
font-size: 1.1em;
padding-left: 2px;
padding-right: 2px;
}
ul.topiclist dfn {
display: none;
}
ul.topics li.header dl.icon dt {
padding-right: 60px;
}
ul.topics dt {
padding-left: 55px;
display: block;
float: left;
width: 50%;
}
ul.topics dd {
display: block;
float: left;
}
ul.forums {
background-color: #2b2b2b;
background-image: none;
}
li.header dl.icon {
min-height: 0;
}
li.header dl.icon dt {
padding-left: 0;
}
li.header dt {
font-weight: bold;
}
li.header dd {
margin-left: 1px;
}
dl.icon {
min-height: 35px;
background-position: 10px 50%;
background-repeat: no-repeat;
height: auto !important;
height: 35px;
}
dl.icon dt {
background-repeat: no-repeat;
background-position: 5px 95%;
}
li.header dt, li.header dd {
line-height: 1em;
border-left-width: 0;
margin: 5px 0 5px 0;
color: #ffffff;
padding-top: 5px;
padding-bottom: 5px;
font-size: 1em;
font-family: Arial,Helvetica,sans-serif,Verdana,Arial,Helvetica,sans-serif;
text-transform: uppercase;
}
li.row {
border-top: 0px solid #ffffff;
border-bottom: 0px solid #ffffff;
}
li.row:hover {
background-color: #393939;
}
ul.topiclist dd {
border-left: 1px solid #ffffff;
display: block;
float: left;
padding: 4px 0;
}
ul.topiclist li.header dl dd {
border: none;
}
dd.lastpost span, ul.topiclist dd.searchby span, ul.topiclist dd.info span, ul.topiclist dd.time span, dd.redirect span, dd.moderation span {
display:block;
padding-left:5px;
}
ul.pmlist dt {
padding-left: 45px;
}
ul.forums dd {
border-color: #ffffff;
border-left-style: solid;
border-left-width: 0px;
}
li.row:hover dd {
border-left-color: #ffffff;
}
/* Panel----------------------------------------------*/
.panel {
margin-bottom: 4px;
padding: 0px 10px;
background-image: url('');
background-repeat: repeat-x;
background-color: #393939;
color: #fffff4;
height: 1%;
}
.content h2, .panel h2 {
color: #000005;
border-bottom: 1px solid #595959;
font-weight: normal;
font-size: 1.6em;
margin-top: 0.5em;
margin-bottom: 0.5em;
padding-bottom: 0.5em;
}
.panel h3 {
margin: 0.5em 0;
}
.panel-left {
float: left;
width: 47%;
}
.panel-right {
float: right;
width: 47%;
}
.panel p {
font-size: 1.2em;
margin-bottom: 1em;
line-height: 1.4em;
}
/* Post----------------------------------------------*/
.post {
padding: 0 10px;
margin-bottom: 4px;
background-repeat: no-repeat;
background-position: 100% 0;
}
.post ul {
list-style-type: disc;
}
.postprofile {
color: #fffff5;
margin: 5px 0 0px 0;
min-height: 80px;
border-right-style: solid;
border-right-width: 1px;
border-color: #ffffff;
width: 22%;
float: left;
display: inline;
}
* html .postprofile {
overflow: hidden;
}
.postprofile dd, .postprofile dt {
line-height: 1.2em;
margin-left: 8px;
}
.postprofile a:link, .postprofile a:active, .postprofile a:visited, .postprofile dt.author a {
font-weight: bold;
color: #4d4d4d;
text-decoration: none;
}
.postprofile a:hover, .postprofile dt.author a:hover {
text-decoration: underline;
color: #2c2c2c;
}
/* dl dt dd----------------------------------------------*/
dd.lastpost {
width: 20%;
font-size: 1.1em;
}
dd.mark {
float: right !important;
width: 9%;
text-align: center;
line-height: 200%;
font-size: 1.2em;
}
dd.posts, dd.topics, dd.views {
width: 8%;
text-align: center;
line-height: 2.2em;
font-size: 1.2em;
border: none;
}
dd.info {
width: 30%;
}
dl.details {
font-size: 1.1em;
}
dl.details dt {
float: left;
width: 16em;
text-align: right;
color: #fffff6;
display: block;
}
dl.details dd {
margin-left: 16em;
padding-left: 5px;
margin-bottom: 5px;
color: #fffff5;
}
.span-tab {
font-size: 0.9em;
}
/* Cp-main----------------------------------------------*/
#cp-main {
float: left;
width: 98%;
margin-left: 20px;
}
* html #cp-main {
margin-left: 10px;
}
#cp-main h2 {
color: #f2f3f2;
border-bottom: none;
padding: 0;
margin-left: 10px;
}
#cp-main h3, #cp-main hr {
border-color: #bfbfbf;
}
#cp-main .content {
padding: 0;
}
ul.cplist {
margin-bottom: 5px;
border-top: 1px solid #ffffff;
}
/* Panel----------------------------------------------*/
#cp-main .panel {
background-color: #373737;
}
#cp-main .panel p {
font-size: 1.1em;
}
#cp-main .panel ol {
margin-left: 2em;
font-size: 1.1em;
}
#cp-main .panel li.row {
border-bottom: 1px solid #ffffff;
border-top: 1px solid #ffffff;
}
/* Table----------------------------------------------*/
#cp-main table.table1 {
margin-bottom: 1em;
}
#cp-main table.table1 thead th {
color: #fffff5;
font-weight: bold;
border-bottom: 1px solid #333333;
padding: 5px;
}
#cp-main table.table1 tbody th {
font-style: italic;
background-color: transparent !important;
border-bottom: none;
}
/* Table----------------------------------------------*/
#ucp-main table.table1 {
padding: 2px;
}
table.table1 {
width: 99%;
/* IE < 6 browsers */
width: 100%;
}
html>body table.table1 {
width: 100%;
}
table.table1 thead th {
font-weight: normal;
text-transform: uppercase;
color: #000005;
line-height: 1.3em;
font-size: 1em;
padding: 0 0 4px 3px;
}
table.table1 thead th span {
padding-left: 7px;
}
table.table1 tbody tr {
border: 1px solid #c4c4c4;
}
table.table1 tbody tr:hover, table.table1 tbody tr.hover {
background-color: #393939;
color: #fffff5;
}
table.table1 td {
color: #fffff5;
font-size: 1.1em;
}
table.table1 tbody td {
padding: 5px;
border-top: 1px solid #ffffff;
}
table.table1 tbody th {
padding: 5px;
border-bottom: 1px solid #000000;
text-align: left;
color: #ffffff;
background-color: #565656;
}
table.table1 .name{
text-align: left;
}
table.table1 .posts{
text-align: center !important;
width: 7%;
}
table.table1 .joined{
text-align: left;
width: 15%;
}
table.table1 .active{
text-align: left;
width: 15%;
}
table.table1 .mark{
text-align: center;
width: 7%;
}
table.table1 .info{
text-align: left;
width: 30%;
}
table.table1 .info div{
width: 100%;
white-space: nowrap;
overflow: hidden;
}
table.table1 .autocol{
line-height: 2em;
white-space: nowrap;
}
table.table1 thead .autocol {
padding-left: 1em;
}
table.table1 .stats{
text-align: center;
width: 12%;
}
table.table1 .edit{
width: 5%;
text-align: right;
vertical-align: top;
}
table.table1 .alignv{
vertical-align: top;
}
/* FAQ----------------------------------------------*/
dl.faq {
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 1.1em;
margin-top: 1em;
margin-bottom: 2em;
line-height: 1.4em;
}
dl.faq dt {
font-weight: bold;
color: #fffff5;
}
dl.faq dd p {
text-align: justify;
border: 1px dashed #ffffff;
padding: 5px;
margin: 5px;
font-size: 1em;
}
dl.faq ul {
list-style-type: disc;
list-style-position: inside;
}
dl.faq ol {
list-style-position: inside;
}
.content dl.faq {
font-size: 1.2em;
margin-bottom: 0.5em;
}
/* Tabs----------------------------------------------*/
#tabs {
line-height: normal;
margin: 20px 0 -1px 7px;
min-width: 570px;
}
#tabs ul {
margin:0;
padding: 0;
list-style: none;
}
#tabs li {
display: inline;
margin: 0;
padding: 0;
font-size: 1em;
font-weight: bold;
}
#tabs a {
float: left;
background: #373737 none no-repeat 0% -35px;
margin: 0 1px 0 0;
padding: 0 0 0 5px;
text-decoration: none;
position: relative;
cursor: pointer;
}
#tabs a span {
float: left;
display: block;
background: none no-repeat 100% -35px;
padding: 6px 10px 6px 5px;
color: #fffff5;
white-space: nowrap;
}
#tabs a:hover span {
color: #2c2c2c;
}
#tabs .activetab a {
background-position: 0 0;
border-bottom: 1px solid #dbdbdb;
background-color: #393939;
}
#tabs .activetab a span {
background-position: 100% 0;
padding-bottom: 7px;
color: #eeeeee;
}
#tabs a:hover {
background-position: 0 -70px;
background-color: #d3d3d3;
}
#tabs a:hover span {
background-position:100% -70px;
}
#tabs .activetab a:hover {
background-position: 0 0;
}
#tabs .activetab a:hover span {
color: #000000;
background-position: 100% 0;
}
#tabs, .post, .navbar, fieldset dl, ul.topiclist dl, ul.linklist, dl.polls {
height: 1%;
}
#tabs:after, .post:after, .navbar:after, fieldset dl:after, ul.topiclist dl:after, ul.linklist:after, dl.polls:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/* Smilies-------------------------------------------------*/
#smiley-box {
float: right;
margin-top: 25px;
width: 18%;
background-color: #c4c4c4;
}
#smiley-box-wysiwyg {
float: left;
margin: 25px 0px 0px 15px;
width: 20%;
background-color: #c1aa67;
}
* html #smiley-box-wysiwyg {
margin: 25px 3px 0px 0px;
}
*+html #smiley-box-wysiwyg {
margin: 25px 3px 0px 0px;
}
#smiley-box iframe{
border: none;
overflow: auto;
height: 300px;
width: 100%;
height: 280px;
background-color: #c1aa67;
}
#smiley-box-wysiwyg iframe{
border: none;
overflow: auto;
height: 300px;
width: 100%;
height: 280px;
background-color: #c1aa67;
}
.smiley-element img {
margin: 0px 15px 10px 0px;
}
/* Page numbering-------------------------------------------------*/
.pagination {
height: 1%;
width: auto;
text-align: right;
margin-top: 5px;
float: right;
}
.row .pagination {
display: block;
float: right;
width: auto;
margin-top: 0;
padding: 1px 0 1px 15px;
font-size: 0.9em;
background: url("http://2img.net/i/fa/prosilver/icon_pages.gif") 0 50% no-repeat;
}
.pagination span a, .pagination span a:link, .pagination span a:visited, .pagination span a:active {
font-weight: normal;
text-decoration: none;
color: #5C758C;
background-color: #ffffff;
margin: 0 2px;
padding: 0 2px;
border: 1px solid #B4BAC0;
font-size: 0.9em;
line-height: 1.5em;
}
.pagination span a:hover {
border-color: #368AD2;
background-color: #4d4d4d;
color: #FFF;
text-decoration: none;
}
.pagination span a.pag-img {
border: none;
background-color: transparent;
}
.pagination span a.pag-img:hover {
background-color: transparent;
}
.pagination span strong {
padding: 0 2px;
margin: 0 2px;
background-color: #627DA3;
border: 1px solid #627DA3;
color:#FFFFFF;
font-size: 0.9em;
}
.pagination span.page-sep {
display:none;
}
#cp-main .pagination {
float: right;
width: auto;
padding-top: 1px;
}
/* Postbody (preview)---------------------------------------------------*/
.postbody {
padding: 0;
line-height: 1.48em;
color: #000005;
width: 76%;
float: right;
clear: both;
}
.postbody h3 {
font-size: 1.5em;
padding: 2px 0 0 0;
margin: 0 0 0.3em 0 !important;
text-transform: none;
border: none;
font-family: Verdana,Arial,Helvetica,sans-serif;
line-height: 125%;
color: #fffff5;
}
.postbody .content img{max-width:100%}{
font-size: 1.3em;
}
.postbody ul.profile-icons {
float: right;
width: auto;
padding: 0;
margin-right: 50px;
}
.postbody ul.profile-icons li {
margin: 0 3px;
}
.postbody h3 img {
vertical-align: bottom;
}
* html .postbody h3 img {
vertical-align: middle;
}
.search .postbody {
width: 68%;
}
#cp-main .postbody p {
font-size: 1.1em;
}
#cp-main .postbody h3 {
margin-top: 0;
}
.content {
color: #fffff5;
min-height: 3em;
overflow: hidden;
line-height: 1.4em;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 1em;
}
.content blockquote {
color: #fffff1;
}
.content p {
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 1.2em;
margin-bottom: 1em;
line-height: 1.4em;
}
.content li {
list-style-type: inherit;
}
.content ul, .content ol {
margin-bottom: 1em;
margin-left: 3em;
}
/* Profile icons-------------------------------------------------*/
ul.profile-icons {
margin-top: 10px;
list-style: none;
}
ul.profile-icons li {
float: left;
margin: 0 6px 3px 0;
background-position: 0 100%;
}
* html ul.profile-icons li {
width: 1px;
}
ul.profile-icons li a {
display: block;
width: 100%;
height: 100%;
background-position: 0 0;
}
ul.profile-icons li span {
display:none;
}
ul.profile-icons li a:hover {
background: none;
}
/* Message-box-------------------------------------------------*/
#message-box textarea {
color: #565656;
font-family: Verdana,Arial,Helvetica,sans-serif;
width: 80%;
font-size: 1.2em;
}
#textarea_content textarea#text_editor_textarea {
width: 100% !important;
height: 250px;
}
#textarea_content iframe#text_editor_iframe {
width: 100%;
height: 100%;
}
form#quick_reply #textarea_content textarea#text_editor_textarea {
width: 100% !important;
height: 150px;
}
form#quick_reply #textarea_content iframe#text_editor_iframe {
width: 100%;
height: 100%;
}
/* Modules-------------------------------------------------*/
.module {
margin-bottom: 4px;
padding: 0 10px;
background-image: url('');
background-repeat: repeat-x;
background-color: #393939;
color: #fffff5;
}
.module span.corners-top, .module span.corners-bottom {
margin: 0 -10px;
}
.module h3 {
margin: 0.5em 0;
color: #fffff5;
border-bottom: 1px solid #6b6b6b;
height: 1%;
}
.module ul, .module ol {
list-style-position: inside;
}
.module dl.details dt {
width: 10em;
text-align: left;
margin-left: 5px;
}
.module dl.details dd {
margin-left: 0px;
}
/* Overview-------------------------------------------------*/
.overview {
border: 2px solid black;
}
.title-overview {
margin: 0px;
padding: 5px 10px;
text-align: center;
}
.center-overview {
padding: 5px 20px 0px 20px;
text-align: center;
}
.left-overview {
text-align: left;
padding: 5px 10px 0px 10px;
}
/* Calendar-------------------------------------------------*/
#calendar ul, #mini-calendar ul {
height: 120px;
list-style-type: none;
background-color: #eaeaea;
}
#calendar ul:hover, #mini-calendar ul:hover {
background-color: #393939;
}
#calendar ul li, #mini-calendar ul li {
padding: 3px 0px 0px 10px;
}
#calendar table.table1 tbody tr:hover, #calendar table.table1 tbody tr.hover, #mini-calendar table.table1 tbody tr:hover, #mini-calendar table.table1 tbody tr.hover {
background-color: transparent;
}
#calendar .no-border, #mini-calendar .no-border {
border: none;
}
#calendar .center, #mini-calendar .center {
text-align: center;
}
#calendar .hover-td:hover, #mini-calendar .hover-td:hover {
background-color: #393939;
}
#calendar-result {
float: left;
width: 69%;
margin: 45px 0px 0px 8px;
}
#mini-calendar {
width: 270px;
float: left;
}
p.right-event {
text-align: right;
margin: 0px;
padding: 0px;
}
/* Signature-------------------------------------------------*/
.signature {
font-size: 1.1em;
border-top: 1px solid #CCCCCC;
clear: left;
line-height: 140%;
overflow: hidden;
width: 100%;
margin-top: 1.5em;
}
/* Gallery-------------------------------------------------*/
.gallery {
float: left;
margin-left: 1%;
padding-top: 10px;
min-height: 125px;
}
* html .gallery {
margin-left: 8px;
height: 125px;
}
.gallery:hover {
background-color: #393939;
}
.info-gallery {
margin: 0px !important;
padding: 5px;
text-align: center;
}
.effect {
vertical-align: middle;
margin-right: 15px;
}
.helpline {
width: 450px;
font-size: 10px;
border: none;
background-color: transparent;
}
.gallery-avatar {
height: 260px;
width: 190px;
text-align: center;
margin: 0px 0px 20px 30px;
}
.gallery-avatar img {
padding-top: 15px;
}
.gallery-avatar:hover {
background-color: #393939;
}
/* Buttons-------------------------------------------------*/
.buttons {
float: left;
}
.buttons div {
float: left;
margin: 0 5px 0 0;
background-position: 0 100%;
}
.buttons div a {
display: block;
width: 100%;
height: 100%;
background-position: 0 0;
}
.buttons div.post-icon {
width: auto;
height: auto;
}
.buttons div span{
display: none;
}
.buttons div a:hover{
background-image: none;
}
#cp-main .buttons {
margin-left: 0;
}
/* Topicreview-------------------------------------------------*/
#topicreview {
padding-right: 5px;
overflow: auto;
height: 300px;
}
#topicreview .postbody {
width: auto;
float: none;
margin: 0;
height: auto;
}
#topicreview .post {
height: auto;
}
#topicreview h2 {
border-bottom-width: 0;
}
/* Chatbox-------------------------------------------------*/
#chatbox_contextmenu {
border: 2px solid black;
background-color: #dbdbdb;
}
#chatbox_contextmenu p {
border-bottom: 1px solid #000009;
padding: 5px 20px 5px 0px;
margin: 0px;
}
#chatbox_contextmenu p.close {
background-color: #eaeaea;
padding: 0px;
}
/* Stats------------------------------------------------------------------------------------------*/
table.forumline {
font-size: 1.2em;
background-color: #565656;
background-image: url('');
padding: 5px;
background-repeat: repeat-x;
background-position: 0 0;
}
table.forumline td.catHead {
text-align: left;
color: #fffff8;
font-family: Arial,Helvetica,sans-serif,Verdana,Arial,Helvetica,sans-serif;
text-transform: uppercase;
font-size: 0.85em;
font-weight: bold;
padding-bottom: 5px;
}
table.forumline tr:hover td.catHead {
background-color: transparent;
}
table.forumline th.thCornerL, table th.thTop, table th.thCornerR {
background-color: #dbdbdb;
height: 25px;
}
table.forumline td {
height: 20px;
}
table.forumline tr:hover td {
background-color: #393939;
}
table span.gen {
margin-left: 5px;
}
/* Corners------------------------------------------------------------------------------------------*/
span.corners-top, span.corners-bottom, span.corners-top span, span.corners-bottom span {
font-size: 1px;
line-height: 1px;
display: block;
height: 5px;
background-repeat: no-repeat;
}
span.corners-top {
background-image: none;
background-position: 0 0;
margin: 0 -5px;
}
span.corners-top span {
background-image: none;
background-position: 100% 0;
}
span.corners-bottom {
background-image: none;
background-position: 0 100%;
margin: 0 -5px;
clear: both;
}
span.corners-bottom span {
background-image: none;
;
background-position: 100% 100%;
}
.post span.corners-top, .post span.corners-bottom, .panel span.corners-top, .panel span.corners-bottom, .navbar span.corners-top, .navbar span.corners-bottom {
margin: 0 -10px;
}
span.corners-top {
background-image: url("");
}
span.corners-top span {
background-image: url("");
}
span.corners-bottom {
background-image: ;
}
span.corners-bottom span {
background-image: ;
}
/***************************************************************/
#cp-main span.corners-top {
background-image: url("");
}
#cp-main span.corners-top span {
background-image: url("");
}
#cp-main span.corners-bottom {
background-image: ;
}
#cp-main span.corners-bottom span {
background-image: ;
}
/***************************************************************/
#cp-main .panel #topicreview span.corners-top {
background-image: url("");
}
#cp-main .panel #topicreview span.corners-top span {
background-image: url("");
}
#cp-main .panel #topicreview span.corners-bottom {
background-image: ;
}
#cp-main .panel #topicreview span.corners-bottom span {
background-image: ;
}
/* Various-------------------------------------------------*/
.row1{
background-color: #373737;
}
.row2{
background-color: #383838;
}
.row3{
background-color: #393939;
}
.img-whois {
float: left;
margin-right: 5px;
}
.topic-actions {
margin-bottom: 5px;
margin-top: 1em;
font-size: 1.1em;
height: auto;
}
*+html .topic-actions {
margin-top: 1em;
}
.column1 {
float: left;
clear: left;
width: 46%;
margin-left: 3%;
border-right: 1px solid #ffffff;
}
.column2 {
float: right;
clear: right;
width: 46%;
margin-left: 3%;
}
* html .column1, * html .column2 {
width: 45%;
}
.left-box {
float: left;
width: auto;
text-align: left;
}
.right-box {
float: right;
width: auto;
text-align: right;
}
.clear {
display: block;
clear: both;
font-size: 1px;
line-height: 1px;
background: transparent;
height: 1%;
}
.online {
background-image: url("http://i191.photobucket.com/albums/z301/lastfmbadges/thememotion/online-2.png");
background-position: 100% 0;
background-repeat: no-repeat;
}
.autowidth {
width: auto !important;
}
.italic {
font-style: italic;
}
.pathname-box {
margin-top: 3px;
margin-left: 15px;
float: left;
}
.pathname-box p {
margin-bottom: 0px;
}
.select {
background-color: #FFFFFF;
border: 1px solid #BCBCBC;
position: absolute;
z-index: 999;
top: 0;
left: 0;
overflow: hidden;
width: 0px;
}
* html .select {
margin-top: -9px;
}
.select p {
padding: 4px 6px;
font-size: 0.9em;
margin: 0px;
}
.select button {
padding: 4px;
font-size: 0.9em;
margin: 0px;
background-color: #FFF;
border: none;
text-align: left;
}
.select button.button2 {
border: 1px solid #BCBCBC;
padding: 0px;
}
*+html .select button.button2 {
padding-right: 3px;
padding-left: 3px;
}
* html .select button.button2 {
padding-right: 3px;
padding-left: 3px;
}
.select button.button2:hover {
border: 1px solid #2c2c2c;
color: #2c2c2c;
background-position: 0 100%;
}
.selectHover {
cursor: pointer;
background-color: #EEEEEE;
}
button.bbcode {
border: 1px solid #e3adad;
background-image: url("http://2img.net/i/fa/wysiwyg/bg_button.png");
}
#format-buttons {
margin: 15px 0 5px 0;
}
#format-buttons input, #format-buttons select, button.button2 {
vertical-align: middle;
}
ul#picture_legend, ul#privmsgs-menu {
text-align: center;
}
ul#picture_legend li, ul#privmsgs-menu li {
display: inline;
margin: 2px 10px;
}
ul#picture_legend li img, ul#privmsgs-menu li img {
vertical-align: middle;
}
input.checkbox {
width: auto !important;
background-color: transparent !important;
}
.postlink {
color: #368AD2;
border-bottom-color: #368AD2;
}
.postlink:visited {
color: #5D8FBD;
border-bottom-color: #666666;
}
.postlink:active {
color: #368AD2;
}
.postlink:hover {
background-color: #D0E4F6;
color: #0D4473;
}
ul.topiclist li.row dt a.subforum {
background-image: none;
background-position: 0 50%;
background-repeat: no-repeat;
position: relative;
white-space: nowrap;
padding: 0 0 0 12px;
}
#cp-main .panel li.header dd, #cp-main .panel li.header dt {
color: #000000;
}
html>body dd label input {
vertical-align: text-bottom;
}
#cp-main .panel li.header dd, #cp-main .panel li.header dt {
color: #000000;
margin-bottom: 2px;
}
.mcp-main .postbody {
width: 100%;
}
.pmlist li.row1 {
border: solid 3px transparent;
border-width: 0 3px;
}
.pmlist li.row2 {
border: solid 3px transparent;
border-width: 0 3px;
}
dd.lastpost span.color-groups {
float: left;
padding-left: 0px;
}
* html dd.lastpost span.color-groups {
cursor: pointer;
}
*+html dd.lastpost span.color-groups {
cursor: pointer;
}
/* Footer---------------------------------------------------*/
.copyright {
padding: 5px;
text-align: center;
color: #6b6b6b;
}
Tsumiki- New Member
- Posts : 6
Reputation : 1
Language : english
Re: Chatbox problems...
by Sanket October 8th 2012, 5:38 am
Add it at the bottom of the code you posted.
If Rideem's code above does not work, add the important to it & check.
If Rideem's code above does not work, add the important to it & check.
- Code:
#chatbox_footer #message {
color: #000000 !important;
}
Sanket- ForumGuru
- Posts : 48766
Reputation : 2830
Language : English
Location : Mumbai
Re: Chatbox problems...
by Tsumiki October 8th 2012, 9:10 am
it is just the same thing... didn't changed...
Tsumiki- New Member
- Posts : 6
Reputation : 1
Language : english
Re: Chatbox problems...
by Sanket October 8th 2012, 10:31 am
Can you PM me a test account details of your forum to check?
Sanket- ForumGuru
- Posts : 48766
Reputation : 2830
Language : English
Location : Mumbai
Re: Chatbox problems...
by Tsumiki October 9th 2012, 10:24 am
nvm, i changed my forum theme, and so the chatbox is changed too.
the old theme i used is this
http://ms.hitskin.com/search-a-skin/ph-rebuild-skin-149328.htm
the chatbox of this theme has the problem, try to fix that, and i have no problem now, lock this topic?
the old theme i used is this
http://ms.hitskin.com/search-a-skin/ph-rebuild-skin-149328.htm
the chatbox of this theme has the problem, try to fix that, and i have no problem now, lock this topic?
Tsumiki- New Member
- Posts : 6
Reputation : 1
Language : english
Similar topicsPage 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum
Facebook
Twitter
Pinterest
Youtube
