Your update messed up my templates and css

http://howto.forumotion.net/forum.htm

I edited my Css and tempaltes and it was fine until this latest fiasco you call an update. All the editing I did is still there but does not appear on my site.

Same here. Finally I found the topic to post in.

As always if someone "works" (or plays) on the CSS code my forum gets all messed up. Luckily it's today not as bad as the last time. I even updated my CSS like it was suggested last time and it's still doing what it wants.

Is it that hard? The damned picture shall be centered and not repeated! If you can't promise updates work right with the CSS, then add centered and no-repeat as usual choice for your colors and style panel!

Well, if you wanna see it, I'm talking about my steal this ... trilogy, you can find the link in my profile.

same for me only my backrounds completely gone... at least my nav buttons are ok but they arent on the css stylesheet so that might have somethingto do with it

Its the chatbox update ...
from what i can remember the background of your forum was also forced on your chatbox... reading your posts I remembered about this...
so if the chatbox background glich has been fixed then it could have altered a few things in the CSS.
I'll take a look and report back

Thanks, we will be patient.

(If someone of the staff answeres you can really be patient^^)

Mr.Killerguitar
could you show me your CSS file??
please copy the top part ... I need to see the html/body and wrap ... so copy enough to include all of that...

Kilsek your forum is phpbb2 right ?
I think there could be alterations in the phpbb2 CSS, cos my phpbb3 and pun board are ok

I think I'm having the same problem. I posted the said problem on another topic but got no response. My chatbox suddenly got garbled and underlines are appearing eventhough i already changed all text decoration to none. This just showed up now. Could have something to do with the update? I'll PM my CSS you Jalokim.

Uhm, sure.

The customized part is just

Code:

body {
  background-attachment:fixed;
  background-repeat:no-repeat;
  background-position:top center;
}



and the basic one is so confusing, I can't find that wrap thingy. I send you the whole one by PM

hello

i also want to ask ,before the update i have a background image for my bodyline..but now i edited it again and it is not working..the css is not working on my forum..and everytime i edit my css this will appear

Error

Detected error
We have counted a different number of "{" and of "}". It means your CSS risks to be not valid and will not be posted correctly on your forum.

We advise you to reread your code.

i have check it already ,i have only added background for the bodyline.

can you kindly check my codes?

Code:

body {
   background-color: #010d07;
   background-image: url("http://img515.imageshack.us/img515/3748/77841818ju5.gif");
   background-attachment: fixed;
   scrollbar-face-color: #909090;
   scrollbar-highlight-color: #000;
   scrollbar-shadow-color: #000;
   scrollbar-3dlight-color: #909090;
   scrollbar-arrow-color: #000;
   scrollbar-track-color: #000;
   scrollbar-darkshadow-color: #909090;
   }
th,td,p {
    font-family: Verdana,Arial,Helvetica,sans-serif }
a img {
    border: none;
    }
a:link,a:active,a:visited {
    color : #9ba19d;
    }
a:hover{
    text-decoration: underline;
    color : #1aa45b;
    }
hr{
    height: 0px;
    border: solid #153f21 0px;
    border-top-width: 1px;
   }
.bodyline{
        background-image: url("http://i39.servimg.com/u/f39/11/89/57/72/christ11.jpg")
    background-color: #153f21;
    border: 1px #031703 solid;
   }
.bodylinewidth {
   width:85%
.forumline{
    background-color: #022004;
    border: 2px #022004 solid;
    }
td.row1{
    background-color: #153f21;
    }
td.row2{
    background-color: #153f21;
    }
td.row3{
    background-color: #153f21;
    }
td.rowpic {
   background-color: #153f21;
   background-image: url("http://img515.imageshack.us/img515/3748/77841818ju5.gif");
   }
th {
   color: #ffffff;
    font-size: 11px;
    font-weight : bold;
   background-color: #153f21;
    height: 25px;
   background-image: url("http://img516.imageshack.us/img516/7071/83486957wf4.jpg");
   }
td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
   background-image: url("http://img515.imageshack.us/img515/3748/77841818ju5.gif");
   background-color:#153f21;
    border: #183804;
    border-style: solid;
    height: 28px;
   }
td.cat,td.catHead,td.catBottom {
   height: 29px;
   border-width: 0px 0px 0px 0px;
   }
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
   font-weight: bold;
    border: #153f21;
    border-style: solid;
    height: 28px;
   }
td.row3Right,td.spaceRow {
   background-color: #153f21;
    border: #183804;
    border-style: solid;
   }
td.pourcentback {
    background-color : #010d07;
    }
th.thHead,td.catHead {
    font-size: 12px;
    border-width: 1px 1px 0px 1px;
    }
th.thSides,td.catSides,td.spaceRow {
    border-width: 0px 1px 0px 1px;
    }
th.thRight,td.catRight,td.row3Right {
    border-width: 0px 1px 0px 0px;
    }
th.thLeft,td.catLeft {
    border-width: 0px 0px 0px 1px;
    }
th.thBottom,td.catBottom {
    border-width: 0px 1px 1px 1px;
    }
th.thTop {
    border-width: 1px 0px 0px 0px;
    }
th.thCornerL {
    border-width: 1px 0px 0px 1px;
    }
th.thCornerR {
    border-width: 1px 1px 0px 0px;
    }
.maintitle, .maintitle h1{
   font-weight: bold;
    font-size: 22px;
    font-family: TrebuchetMS,Verdana,Arial,Helvetica,sans-serif;
   text-decoration: none;
    line-height : 120%;
    color : #cdbec8;
   }
.maintitle h1 {
   margin: 0;
    padding: 0;
    display: inline;
   }
.gen {
    font-size : 12px;
    }
.genmed {
    font-size : 11px;
    }
.gensmall {
    font-size : 10px;
    }
.gen,.genmed,.gensmall {
    color : #cdbec8;
    }
a.gen,a.genmed,a.gensmall {
    color: #9ba19d;
    text-decoration: none;
    }
a.gen:hover,a.genmed:hover,a.gensmall:hover{
    color: #1aa45b;
    text-decoration: underline;
    }
.mainmenu{
    font-size : 11px;
    color : #cdbec8 }
a.mainmenu{
    text-decoration: none;
    color : #9ba19d;
   }
a.mainmenu:hover{
    text-decoration: underline;
    color : #1aa45b;
    }
.cattitle{
    font-weight: bold;
    font-size: 12px ;
    letter-spacing: 1px;
    color : #9ba19d}
h1.cattitle {
   margin:0;
    padding: 0;
    display:inline;
   }
a.cattitle{
    text-decoration: none;
    color : #9ba19d;
    }
a.cattitle:hover{
    text-decoration: underline;
    }
.forumlink{
    font-weight: bold;
    font-size: 12px;
    color : #9ba19d;
    }
a.forumlink {
    text-decoration: none;
    color : #9ba19d;
    }
a.forumlink:hover{
    text-decoration: underline;
    color : #1aa45b;
    }
.nav{
    font-weight: bold;
    font-size: 11px;
    color : #cdbec8;
    }
a.nav{
    text-decoration: none;
    color : #9ba19d;
    }
a.nav:hover{
    text-decoration: underline;
    }
.topictitle,h1,h2{
    font-weight: bold;
    font-size: 11px;
    color : #cdbec8;
    }
div.topictitle {
   display: inline;
   }
h2.topic-title {
   display: inline;
    margin: 0;



    padding: 0;
   }
a.topictitle:link{
    text-decoration: none;
    color : #9ba19d;
    }
a.topictitle:visited{
    text-decoration: none;
    color : #584d5c;
    }
a.topictitle:hover{
    text-decoration: underline;
    color : #1aa45b;
    }
.name{
    font-size : 11px;
    color : #cdbec8;
   }
.postdetails{
    font-size : 10px;
    color : #cdbec8;
    }
.postbody{
    font-size : 12px;
    line-height: 18px}
a.postlink:link{
    text-decoration: none;
    color : #9ba19d }
a.postlink:visited{
    text-decoration: none;
    color : #584d5c;
    }
a.postlink:hover{
    text-decoration: underline;
    color : #1aa45b}
.code{
    font-family: itallic,;
    font-size: 11px;
    color: #898484;
   background-color: #153f21;
    border: #153f21;
    border-style: solid;
   border-left-width: 1px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px}
.quote{
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
    color: #dfcfdd;
    line-height: 125%;
   background-color: #153f21;
    border: #153f21;
    border-style: solid;
   border-left-width: 1px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px}
.copyright{
    font-size: 10px;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    color: #9ba19d;
    letter-spacing: -1px;
   }
a.copyright{
    color: #9ba19d;
    text-decoration: none;
   }
a.copyright:hover {
    color: #1aa45b;
    text-decoration: underline;
   }
.coloradmin {
    color: #e9bba7}
.colormod {
    color: #898484}
h1.pagetitle {
   display: inline;
   margin: 0;
   padding: 0;
   font-size: 12px;
   color: #ffffff;
   }
h1.title2 {
   font-size: 11px;
   }
.secondarytitle,.secondarytitle h2 {
   margin: 0;
   padding: 0;
   color: #ffffff;
   }
.secondarytitle h2 {
   display:inline;
   }
.nav h1 {
   display: inline;
   }
.hierarchy {
   display: inline;
   text-transform: none;
   border: none;
   font-size: 10px;
   }
.mod-text {
   font-weight: bold;
   }
img{
   border:0}
input,textarea, select {
   color : #cdbec8;
   font: normal 11px Verdana,Arial,Helvetica,sans-serif;
   border-color : #cdbec8;
   }
input.post, textarea.post, select {
    background-color : #153f21;
    }
input {
    text-indent : 2px;
    }
input.button {
   background-color : #153f21;
   color : #cdbec8;
   font-size: 11px;
    font-family: Verdana,Arial,Helvetica,sans-serif;
   }
input.mainoption {
   background-color : #153f21;
   font-weight : bold;
   }
input.liteoption {
   background-color : #153f21;
   font-weight : normal;
   }
.helpline {
    background-color: #153f21;
    border-style: none;
    }
input {
    background-color: #153f21;
    }
button.button2, input.button2 {
   font-size: 0.7em;
   border: 1px solid #BCBCBC;
   width: auto !important;
   padding: 1px 0px;
   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;
   vertical-align:middle;
   }
button.button2:hover, input.button2:hover {
   border: 1px solid #1aa45b;
   color: #1aa45b;
   background-position: 0 100%;
   }
* html button.button2, * html input.button2 {
   padding-bottom: 0;
   margin-bottom: 1px;
   height: 24px;
   padding-right: 3px;
   padding-left: 3px;
   }
*+html button.button2, *+html input.button2 {
   height: 24px;
   padding-right: 3px;
   padding-left: 3px;
   }
*+html button.button2 img {
    vertical-align: middle;
    }
* html button.button2 img {
    vertical-align: middle;
    }
button.bbcode {
   border: 1px solid #e3adad;
   background-image: url("http://2img.net/i/fa/wysiwyg/bg_button.png");
   }
.select {
   background-color: #FFFFFF;
   border: 1px solid #BCBCBC;
   position: absolute;
   z-index:100;
   top: 0;
   left: 0;
   overflow: hidden;
   width: 0px;
   }
.selectHover {
    cursor: pointer;
    background-color: #EEEEEE;
   }
.select p {
   padding: 4px 6px;
   font-size: 0.7em;
   margin: 0px;
   white-space: nowrap;
   text-align: left;
   }
.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;
   }
.select button.button2:hover {
   border: 1px solid #1aa45b;
   color: #1aa45b;
   background-position: 0 100%;
   }
textarea#text_editor_textarea {
    width: 100% !important;
    }
iframe#text_editor_iframe {
   width: 100%;
   height: 200px;
   }
form#quick_reply textarea#text_editor_textarea {
   width: 100% !important;
   height: 100%;
   }
form#quick_reply iframe#text_editor_iframe {
    width: 100%;
    }
* html form#quick_reply iframe#text_editor_iframe {
    width: 600px;
    }
*+html form#quick_reply iframe#text_editor_iframe {
    width: 600px;
    }
#page-footer .gen strong {
   font-weight: normal;
   }
@import url("form_ie.css");
   @media print {
   body {
   background-image: none;
   background-color: #fff;
   color: #000;
   }
table.bodylinewidth span.maintitle {
   display: block;
   text-align: left;
   }
table.bodylinewidth img#i_logo,.browse-arrows,.noprint,.messaging,.post-options,.poster-profile,img.i_icon_online,table.bodylinewidth .mainmenu,table.bodylinewidth .nav,table.bodylinewidth .gensmall,span.postdetails img,table.bodylinewidth .sig,table.bodylinewidth .catbottom,#info_open {
   display:none;
   }
td.catHead, .t-title {
   text-align: left;
   }
table.bodylinewidth .cattitle {
   letter-spacing: normal;
    font-size: 1em;
   }
.thLeft,.thRight {
   color: #000;
    border: none;
    text-align:left;
   }
.hr hr {
    visibility: hidden;
    }
.hr {
   border-top: 1px dotted #ddd !important;
    }
tr.post td {
   vertical-align: top;
   border-bottom: 1px solid #ccc;
   }
tr.post td td {
   border: none;
   }
span.gen {
   display: none;
   }
}
ul.abuse {
   list-style: none;
   line-height: 1.5em;
   font-size: 0.9em;
   }
.rtl-spacer:before {
   content: " ";
   white-space: pre;
   }
.rtl-spacer:after {
   content: " ";
   white-space: pre;
   }
.warning {
   color:#ff3333;
   }
.captcha div.captcha-img {
   float: left;
   margin: 0 1em 0 0;
   }
.captcha .inputbox {
   margin-top: 0.5em;
   }
.center {
   text-align: center;
   }
.right {
   float: right;
   }
.left {
   float: left;
   }

/* TGF Clearfix */
.clearfix:after {
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
   }
*+ html .clearfix {
   min-height: 1px;
   }
* html .clearfix {
   position: relative;
    height: 1%;
    clear: both;
   }
#page-footer {
   clear: both;
   }
#page-footer h3 {
    margin-top: 20px;
    }
#add-google {
    text-align: center;
    margin: 0 auto;
   }
#content-container #left {
   width: 185px;
   margin-right: 3px;
   }
#content-container #right {
   width: 0px;
   margin-left: 3px;
   }
.module-title {
   font-weight: bold;
   margin: 0 auto;
   text-align: center;
   display: block;
   }
#frame_chatbox {
   border: none !important;
   }

/* Chatbox */
#chatbox_members {
   position: absolute;
   top: 30px;
   bottom: 30px;
   width: 180px;
   overflow: auto;
   border-right: 1px solid ;
   }
#chatbox {
   position: absolute;
   top: 30px;
   left: 181px;
   right: 0;
   bottom: 30px;
   overflow: auto;
   line-height: 10px;
   }
.chatbox_row_1,.chatbox_row_2,.chatbox_row_3 {
   font-size: 12px;
   }
#chatbox_footer {
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
   }
#chatbox_footer table.text-styles {
   float: right;
   }
#chatbox_footer .text-field {
   float: left;
   }
#chatbox_footer .chatfootertable {
   margin: 5px;
   }

/*Internet Explorer fixers and hacks for Chatbox*
/* html #chatbox-members {
   
/* IE expressions helping IE work in Standards mode */
height: expression(( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 3) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");
   }
* html #chatbox {
   
/* IE expressions helping IE work in Standards mode */
height: expression(( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 3) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");
   width: expression(( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 10) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 1) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 1.3) ) + "px");
   }
* html #chatbox-footer {
   
/* IE expressions helping IE work in Standards mode */
width: expression(( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 0) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 0) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");
   

thank you.

Ok I was about to post the solution but I realised I am wrong...
what is the exact problem on your site interlink?? cos the background is OK.


@ killerguitar... did you add the background-repeat and position under the background-image script???
cos the CSS you sent me via Pm didn't have the classes, so did you pm me your basic CSS or the actual one you are using??

the thing you have in the code above^^ should solve the problem... are you saying that it doesn't work?
hmmm , not good

this is for the japanese boy who posted above me
first of all:

Code:

.bodyline{
        background-image: url("http://i39.servimg.com/u/f39/11/89/57/72/christ11.jpg")
    background-color: #153f21;
    border: 1px #031703 solid;
  }
.bodylinewidth {
  width:85%
.forumline{

your image isn't closed ...
your background needs to be closed with the ; symbol
so it should be:

Code:

 background-image: url("http://i39.servimg.com/u/f39/11/89/57/72/christ11.jpg");

nextly your bodyline isn't closed:

Code:

.bodylinewidth {
  width:85%

close it with the }:

Code:

.bodylinewidth {
  width:85%
}

that should solve things

I sent you the basic one. On STSite I only have the no-repeat code and the centered code as my customized code.
And it was working all the time before, but now not. Notmally our background is in the middle and not repeated.

I didn't dare to check STSoB (Scars on Broadway and nothing else!) yet, but I better do it now. Uhm... *prays*

Edit: Well, I don't understand why, but STSoB is working perfectly....well, not the chatbox but that is old.

Ok could you please post the CSS straight from your steal this site forum.
go to admin panel-> display -> colors ->css
copy the top part...
to the a. hover class or something like that... I just need to see the entire body script

thanks

Jalokim wrote:Ok I was about to post the solution but I realised I am wrong...
what is the exact problem on your site interlink?? cos the background is OK.

The underlines on usernames and topics are now appearing. They were already removed when I edited my CSS and changed text decoration to none. The chatbox menu is disaligned and the chatbox background color is distorted.

Thanks for the attention.

No problem, as I told you before, it is the standard CSS.

Code:

body {
   background-color: #261100;
   background-image: url("http://i124.photobucket.com/albums/p31/nobody1721/sts-3.jpg");
   background-attachment: scroll;
   scrollbar-face-color: #;
   scrollbar-highlight-color: #;
   scrollbar-shadow-color: #;
   scrollbar-3dlight-color: #;
   scrollbar-arrow-color: #;
   scrollbar-track-color: #;
   scrollbar-darkshadow-color: #;
   }
th,td,p {
    font-family: Corinne, Verdana,Arial,Helvetica,sans-serif }
a img {
    border: none;
    }
a:link,a:active,a:visited {
    color : #f7a050;
    }
a:hover{
    text-decoration: underline;
    color : #f7a050;
    }

The thing that doesn't work is the CSS code I added. It is only

Code:

body {
  background-attachment:fixed;
  background-repeat:no-repeat;
  background-position:top center;
}


Because I didn't need more^^

Well, I have the same chatbox problems as interlink

I have edited it to what you said but still no changes,i think the problem is the css is not working ,i cannot apply it on my forum..before the update i have bodyline background,but now even it is on the css ,it did not appeared on the forum..still the same error everytime i edit the css..
By the way thanks for any help.

Code:

body {
  background-color: #261100;
  background-image: url("http://i124.photobucket.com/albums/p31/nobody1721/sts-3.jpg");
  background-attachment: scroll;

replace that^^
with this:

Code:

body {
  background-color: #261100;
  background-image: url("http://i124.photobucket.com/albums/p31/nobody1721/sts-3.jpg");
  background-attachment: fixed;
background-repeat: no-repeat;
background-position: center;

I don't know if you had it like that or not, but try... replace those 3 lines with these.
for the underlining... I can't seem to find the code... I'll see soon soon.

tschirp, I added the last }

nope, not working, it stays the same. as I told you, we had it already like this. It's again a CSS error. It seems that the standard CSS dominates over the customized one. This shouldn't be. As I also said, I will be patient and wait for the techs to fix it.

But thanks for your help.

I'd say so too... its impossible for the CSS to be ignored so, they have to fix it...

Hello,

I have similar problem on my forum. I put new CSS on my forum several months ago and now category background color is changed from purple to blue and some letters are bigger. Very wierd. Could you, please help me. I don't know what is the problem.
This is my forum http://fthmf.forumandco.com/ .

This is my CSS

Code:

/* Fancy form styles for IE */

input, textarea, select {
border-top-width : 1px;
border-right-width : 1px;
border-bottom-width : 1px;
border-left-width : 1px; 
}

input { text-indent : 2px; }

input.button {
border-top-width : 1px;
border-right-width : 1px;
border-bottom-width : 1px;
border-left-width : 1px; 
}

.postbody { line-height: 18px}

html, body {
   background: #242424 url('images/body.gif');
   padding: 0;
   margin: 0;
   color: #D0D0D0
}
body { padding: 0 5px; }

/* General font families for common tags */
font, th, td, p { font-family: Verdana, Arial, Helvetica, sans-serif; }
a, a:visited { color: #A23BEC; }
a:hover      { text-decoration: underline; color: #F0E70A; }
hr   { height: 0px; border: solid #A23BEC 0px; border-top-width: 1px;}
form { display: inline; padding: 0; margin: 0; }
img { border: 0px none; }
br.spacer { height: 5px; font-size: 5px; line-height: 5px; overflow: hidden; }
caption { margin: 0; padding: 0; }
iframe { border: none; background-color: #EFEAF3; }

/* Header and Logo */
#maintable {
   border-left:1px solid #000; border-right:1px solid #000; border-top:0px solid #000; border-bottom:1px solid #000;
}
#logotable {
   background: url('images/logo_bg.gif') repeat-x top left;
}
.logorow1 {
   background: url('images/logo_left.jpg') no-repeat top left;
}
.logorow2 {
   background: url('images/logo_right.jpg') no-repeat top right;
}
#buttonstable {
   margin-bottom: 5px;
   border-bottom: solid 1px #000;
   border-top: solid 1px #000;
}
#buttonstable td {
   background: url('images/buttons.gif') repeat-x top left;
   height: 21px;
   overflow: hidden
}
#header-buttons {
   font-size: 11px;
   color: #F0E70A;
   padding-bottom: 2px;
}
#header-buttons a, #header-buttons a:visited {
   color: #FFF;
   text-decoration: none;
}
#header-buttons a:hover { color: #F0E70A; text-decoration: underline; }

#content-simple {
   border-left:1px solid #000; border-right:1px solid #000; border-top:0px solid #000; border-bottom:1px solid #000; padding:3px; background-color: #191919
}

/* This is the border line & background colour round the entire content */
.content-row { background-color: #191919; }
td.content {
   background-color: #191919;
   padding: 5px;
}

/* This is the outline round the main forum tables */
.forumline   { border: 1px solid #000; background: #313131 url('images/cell.gif') repeat-x top left; }

/* Forum header */
.forumheader td {
   background: url('images/hdr_mid.gif') repeat-x left bottom;
   font-size: 12px;
   font-weight: bold;
   color: #A342C5
}
.forumheader a, .forumheader a:visited {
   color: #A342C5;
   text-decoration: underline;
}
.forumheader a:hover {
   color: #D0D0D0;
   text-decoration: underline;
}
.forumheader-mid { padding-top: 2px; }

/* pm popup */
.pm-old { display: none; }
.pm-new { margin: 30px; }
.pm-new a, .pm-new a:visited {
   border: 1px solid #F0E70A;
   color: #A23BEC;
   text-decoration: underline;
   font-size: 12px;
   font-weight: bold;
   background: #313131 url('images/cell.gif') repeat-x top left;; padding-left:45px; padding-right:45px; padding-top:25px; padding-bottom:25px
}
.pm-new a:hover, .pm-new a:active {
   color: #F0E70A;
}
/* Main table cell colours and backgrounds */
td.row1, td.row2, td.row3, td.row3Right, td.postbottom {
   border-left: 1px solid #404040;
   border-right: 1px solid #121212;
   border-top: 1px solid #3C3C3C;
   border-bottom: 1px solid #131313;
   background: #313131 url('images/cell.gif') repeat-x top left;
}


/* Header cells - the blue and silver gradient backgrounds */
th, td.spaceRow, td.th {
   color: #E3CCF0;
   font-size: 11px;
   font-weight: bold;
   background: #6F4A86 url('images/th.gif') repeat-x top left;
   white-space: nowrap;
   text-align: center;
   height: 26px;
   border-left: 1px solid #8E31C2;
   border-right: 1px solid #59167D;
   border-top: 1px solid #9239C3;
   border-bottom: 1px solid #59167D;; padding-left:5px; padding-right:5px; padding-top:0; padding-bottom:0
}
th.left { text-align: left; }

td.catBottom {
   background: #70269A url('images/catbottom.gif') repeat-x top left;
   height: 24px;
   border-left: 1px solid #8E31C2;
   border-right: 1px solid #59167D;
   border-top: 1px solid #9239C3;
   border-bottom: 1px solid #59167D;; padding-left:3px; padding-right:3px; padding-top:1px; padding-bottom:1px
}
td.cat, td.catHead, td.catSides, td.catLeft, td.catRight, td.spaceRow2 {
   background: #2C2C2C url('images/cathead.gif') repeat-x top left;
   height: 24px;
   border-left: 1px solid #404040;
   border-right: 1px solid #121212;
   border-top: 1px solid #3C3C3C;
   border-bottom: 1px solid #131313;; padding-left:3px; padding-right:3px; padding-top:0; padding-bottom:0
}
td.spaceRow, td.spaceRow2 { height: 2px; overflow: hidden; font-size: 2px; line-height: 2px; padding: 0; }
.cat, .catHead, .catSides, .catLeft, .catRight, .catBottom { font-size: 12px; }


/*
  Setting additional nice inner borders for the main table cells.
  The names indicate which sides the border will be on.
  Don't worry if you don't understand this, just ignore it :-)
*/
td.catHead { font-size: 12px; }

/* The largest text used in the index page title and toptic title etc. */
.maintitle, h1, h2   {
         font-weight: bold; font-size: 22px; font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
         text-decoration: none; line-height : 120%; color : #D0D0D0;
}


/* General text */
.gen { font-size: 12px; }
.genmed { font-size: 11px; }
.gensmall { font-size: 10px; }
.gen, .genmed, .gensmall { color: #D0D0D0; }
a.gen, a.genmed, a.gensmall { color: #A23BEC; text-decoration: none; }
a.gen:hover, a.genmed:hover, a.gensmall:hover   { color: #F0E70A; text-decoration: underline; }

.generror { color: #FFF; }
.progress { background-color: #F0E70A; }

/* Forum title: Text and link to the forums used in: index.php */
.forumlink      { font-weight: bold; font-size: 12px; color : #A23BEC; }
a.forumlink    { text-decoration: none; color : #A23BEC; }
a.forumlink:hover{ text-decoration: underline; color : #F0E70A; }


/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav         { font-weight: bold; font-size: 11px; color: #D0D0D0;}
a.nav         { text-decoration: none; color : #A23BEC; }
a.nav:hover      { text-decoration: underline; }


/* titles for the topics: could specify viewed link colour too */
.topictitle         { font-weight: bold; font-size: 11px; color: #D0D0D0; }
a.topictitle:link  { text-decoration: none; color: #A23BEC; }
a.topictitle:visited { text-decoration: none; color: #A23BEC; }
a.topictitle:hover   { text-decoration: underline; color: #F0E70A; }

/* new thread link */
.link-new a, .link-new a:visited, .link-new a.topictitle, .link-new a.topictitle:visited { color: #F0E70A; }
.link-new a:hover, .link-new a:active, .link-new a.topictitle:hover, .link-new a.topictitle:active { color: #E3CCF0; }

/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name         { font-size: 11px; }
.postername      { font-size: 11px; font-weight: bold; color: #A23BEC; line-height: 1.5em; }

/* Location, number of posts, post date etc */
.postdetails      { font-size: 10px; }
.posterrank      { font-size: 9px; color: #B0B0B0; }
.posterprofile   { font-size: 10px; color: #D0D0D0; }

/* The content of the posts (body of text) */
.postbody { font-size: 12px;}
.postbody a   { text-decoration: none; color: #A23BEC; }
.postbody a:visited { text-decoration: none; color: #A23BEC; }
.postbody a:hover { text-decoration: underline; color: #F0E70A; }

/* Other post stuff */
td.postbottom {
   background: #2D2D2D url('images/profile.gif') repeat-x top left;
   font-size: 10px;
   color: #D0D0D0;
   white-space: nowrap
}

.postsubject {
   font-size: 12px;
   font-weight: bold;
   color: #A23BEC;
}

/* Quote & Code blocks */
.quote-table, .code-table {
   border-left: solid 1px #090909;
   border-top: solid 1px #090909;
   border-right: solid 1px #000;
   border-bottom: solid 1px #000;
   margin: 5px 0;
}
.quote-corner, .code-corner {
   background-color: #A23BEC;
   border-right: solid 1px #000;
}
.quote-left {
   background: #A23BEC url('images/quote_left.gif') no-repeat center;
   border-right: 1px solid #000;
}
.code-left {
   background: #A23BEC url('images/code_left.gif') no-repeat center;
   border-right: 1px solid #000;
}
.quote-header, .code-header {
   border-bottom: solid 1px #000;
   padding: 0 5px;
   text-align: left;
   vertical-align: middle;
   font-size: 11px;
   background-color: #2E2E2E;
   color: #D0D0D0;
}
.quote-text {
   color: #D0D0D0;
   text-align: left;
   vertical-align: top;
   font-size: 11px;
   line-height: 125%;
   padding: 3px 5px;
   background-color: #2E2E2E;
}

.code-text {
   font-family: Courier, 'Courier New', sans-serif;
   color: #D0D0D0;
   text-align: left;
   vertical-align: top;
   font-size: 11px;
   line-height: 125%;
   padding: 3px 5px;
   background-color: #2E2E2E;
}

/* Copyright and bottom info */
.copyright      { font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #AAA; letter-spacing: -1px;}
.copyright a, .copyright a:visited { text-decoration: none; color: #AAA; }
.copyright a:hover, .copyright a:active { text-decoration: underline; color: #FFF; }

/* Form elements */
input, textarea, select {
   color: #000000;
   font: normal 11px Verdana, Arial, Helvetica, sans-serif;
}

input.post, textarea {
   border: solid 1px #A23BEC;
   background-color: #222;
   color: #D0D0D0;
}
* html input.post, * html textarea { border-color: #D0D0D0; }
input.post:hover, textarea:hover { border-color: #D0D0D0; }
input.post:focus, textarea:focus { border-color: #F0E70A; color: #FFF; }


select {
   background-color: #000;
   color: #D0D0D0;
}

input { text-indent : 2px; }

/* The buttons used for bbCode styling in message post */
input.button {
   background-color: #313131;
   color: #D0D0D0;
   font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;
   border: solid 1px #444;
}
input.button:hover {
   background-color: #444;
   color: #FFF;
}
* html input.button { color: #000; }

/* The main submit button option */
input.mainoption {
   background-color: #222;
   color: #D0D0D0;
   font-weight : bold;
   border: solid 1px #000;
}

/* None-bold submit button */
input.liteoption {
   background-color: #222;
   color: #D0D0D0;
   border: solid 1px #000;
}

input.mainoption:hover, input.liteoption:hover { border-color: #D0D0D0; }
input.mainoption:focus, input.liteoption:focus { color: #FFF; border-color: #F0E70A; }


/* This is the line in the posting page which shows the rollover
  help line. This is actually a text box, but if set to be the same
  colour as the background no one will know ;)
*/
.helpline { background-color: #313131; border: solid 1px #313131; color: #D0D0D0; }


/*
   Styled checkboxes and radio buttons.
   Created by Philip Howard, GamingHeadlines.co.uk
   Web: http://www.gamingheadlines.co.uk/wod/formstyle/index.html
*/
.checkbox {
   background: url('images/CheckboxUnchecked.gif') no-repeat center;
   display: block;
   width: 16px;
   height:16px
}
a.checkbox, a.checkboxchecked {
   display: block;
   width: 16px;
   height: 16px;
   cursor: pointer;
   cursor: hand;
}
a.checkbox {
   background: url('images/CheckboxUnchecked.gif') no-repeat center;
}
a.checkboxchecked {
   background: url('images/CheckboxChecked.gif') no-repeat center;
}

.radiobox {
   background: url('images/RadioboxUnchecked.gif') no-repeat center;
   display: block;
   width: 16px;
   height:16px
}
a.radiobox, a.radioboxchecked {
   display: block;
   width: 16px;
   height: 16px;
   cursor: pointer;
   cursor: hand;
}
a.radiobox {
   background: url('images/RadioboxUnchecked.gif') no-repeat center;
}
a.radioboxchecked {
   background: url('images/RadioboxChecked.gif') no-repeat center;
}

.inputhidden { display: none; }


Ok I still can't figure out what is the problem here.

I have issues also and I have a theory. My style sheet doesn’t appear to be overriding my basic css.

this part, you can save some CSS code to add design elements in addition to the administration panel color management. This means that you can pass from the color management to style sheet edition without losing any data you saved.

You must also know that everything you will add into the style sheet will be a priority, unlike the colors and images you will have defined in the style management (the basic CSS).

This does not appear to be happening. The basic color and picture management is overriding my custom style sheet code and it should work the other way around. Custom CSS coding should override color/picture management and it's not. I've also notice that when you deactivate the basic CSS the style sheet works. As soon as you turn it back on the basic overrides the style sheet.

I hope you under understood this. It's hard to explain.

The CSS in phpbb2 is not being read in 100%...
I don't know why and I see there are a couple classes missing from the css... The techies are working on it

Hey,

This has turned to a show-off skills topic by Jalokim!

Great job Jalokim! Helped solve so many problems with in so many different sites in just a few hours. You should be awarded for that...

Now..

I've also notice that when you deactivate the basic CSS the style sheet works. As soon as you turn it back on the basic overrides the style sheet.

<<Apparently this is true

Though I recommend leaving it as it is. There are always bugs when a new update is realised but are always fixed after 1-2 days so you better leave it up to the techies and put your forum in maintanance, trust me its better than having a half-eaten forum!


Regards,






Christos

Hey, while the techies are at it, do you think they can check the CSS in the character sheet widget because it's doing the same thing on profile views. For whatever reason, the widget appears to be overriding the forum template's CSS for form boxes (possibly only in phpbb2 themes), but only the ones it generates and only in the profile. Weird stuff. The link to that thread is https://help.forumotion.com/manage-the-appearance-of-your-forum-f45/change-background-color-in-character-sheet-s-list-value-section-t24584.htm. This thread's problem made me realize that it is likely a CSS issue with that widget, therefore somewhat related and could probably be easy to spot once they find the problem here...

Yepps, yepps, that with the CSS was what I also said.

And yes, Jalokim needs an award for this! So great what you did.

Folks, I have an idea, I gonna paste my basic CSS in the custom sheet and change it the way I need it and then deactivate the basic one.

Well, I hope the techies solve it soon, otherwise:

Please delete that update! It caused more trouble than it fixed problems!!!

Edit: I now deactivated the basic CSS after I copied in my custom sheet. you won't believe it, but I get the message that says there are a wrong number of "{" and "}" . I just copied it! Maybe that helps the techies!

Hello any resolution to this problem?

Still a problem

Is there any sort of ETA on the update that will solve the various CSS issues? In the meantime, while it's being worked out, isn't there a way to revert back to the way it was before the update while the techies hash it out? I'm beginning to lose confidence in forumotion, when for weeks I was raving about how this was the best free host I'd found. :-(

Amazing new discovery! (well not so amazing...) All the pages (with the exception of the character sheet issue I've been having) seem to display fine in MSIE, but not in Firefox. So whatever is going on with the CSS override issue appears to be something that may be exclusive to browsers that require proper code. :-P

The character sheet widget issue I'm having seems to be something to do with how the widget itself is coded.

Hope this helps.