News:

This is great news.

Main Menu

Ambassador

Started by Dave, Mar 11, 2023, 06:13 AM

Previous topic - Next topic

0 Members and 2 Guests are viewing this topic.

Dave

#60
Quote from: TwitchisMental on Apr 02, 2023, 11:57 PMAlright I got some sticky,sticky&locked,locked, and unapproved topics made.

The background colors for all of these need to be updated :) .

Sticky & Locked background could be like the original

background: rgb(48, 48, 48);
The unapproved section I think should be -

background: rgb(148, 48, 48)

Sorry guys I deleted the wrong post but I did quote you Twitch before I deleted it so the original post is in here.

I was wondering where this code was from then it occurred to me that it might have been after you changed the code.

Dave

#61
I found something that I'm not sure why I didn't see it before.

The quick_mod_jump drop box is not right either.

Index.css

Line 179

/* Give disabled input elements a different style */
input[disabled], textarea[disabled], select[disabled], .button.disabled, .button[disabled]:hover {
    background: #eee;
    color: #999;
    border-color: #b6b6b6;
    opacity: 0.8;
    cursor: default;
}

Replace with

/* Give disabled input elements a different style */
input[disabled], textarea[disabled], select[disabled], .button.disabled, .button[disabled]:hover {
    background: rgb(48, 48, 48);
    color: ##bd9851;
    border-color: #a28875;
    opacity: 0.8;
    cursor: default;
}

The only thing I can't find relating to that, is when you hover over the options of where to move something they are blue; should they be another colour, if so what and where do we change it?

[attachment deleted by admin]

Dave

#62
OK now I'm really confused, I know you're thinking that's not difficult for you Dave but, things seem to have gone backwards.

The inline_mod_check button has now gone back to it's original setting. We changed that weeks ago and it was fine on both here and my test site. The only thing I can think of that would have changed it that dramatically is when you went from 2.1.2 to 2.1.3 Steve.

I will update this post again when I've scrolled back to see how we fixed it.

It seems it might have been when we were working on Cleanwhite.

I'm working on how to fix it here

UPDATE: I've done a comparison between the index.css here and the one on my test site. Apart from a couple of differences, some of which are Twitch's fixes, there are pretty much the same.

I have attached my one to this post so you can compare and test it out if you wish. I should add that it also fixes the '.inline_mod_check' button issue on here.


[attachment deleted by admin]

TwitchisMental

Quote from: Dave on Apr 03, 2023, 02:45 AM
Quote from: TwitchisMental on Apr 02, 2023, 11:57 PMAlright I got some sticky,sticky&locked,locked, and unapproved topics made.

The background colors for all of these need to be updated :) .

Sticky & Locked background could be like the original

background: rgb(48, 48, 48);
The unapproved section I think should be -

background: rgb(148, 48, 48)

Sorry guys I deleted the wrong post but I did quote you Twitch before I deleted it so the original post is in here.

I was wondering where this code was from then it occurred to me that it might have been after you changed the code.

These are found in the index.css, I have made no changes to anything. Around Line 3094 is where it starts.

I am simply pointing out issues and where/how to resolve :).
This is a signature.

TwitchisMental

#64
Quote from: Dave on Apr 03, 2023, 03:43 AMI found something that I'm not sure why I didn't see it before.

The quick_mod_jump drop box is not right either.

Index.css

Line 179

/* Give disabled input elements a different style */
input[disabled], textarea[disabled], select[disabled], .button.disabled, .button[disabled]:hover {
    background: #eee;
    color: #999;
    border-color: #b6b6b6;
    opacity: 0.8;
    cursor: default;
}

Replace with

/* Give disabled input elements a different style */
input[disabled], textarea[disabled], select[disabled], .button.disabled, .button[disabled]:hover {
    background: rgb(48, 48, 48);
    color: ##bd9851;
    border-color: #a28875;
    opacity: 0.8;
    cursor: default;
}

The only thing I can't find relating to that, is when you hover over the options of where to move something they are blue; should they be another colour, if so what and where do we change it?

You have an extra # on the color property.

Quote from: Dave on Apr 03, 2023, 04:12 AMOK now I'm really confused, I know you're thinking that's not difficult for you Dave but, things seem to have gone backwards.

The inline_mod_check button has now gone back to it's original setting. We changed that weeks ago and it was fine on both here and my test site. The only thing I can think of that would have changed it that dramatically is when you went from 2.1.2 to 2.1.3 Steve.

I will update this post again when I've scrolled back to see how we fixed it.

It seems it might have been when we were working on Cleanwhite.

I'm working on how to fix it here

UPDATE: I've done a comparison between the index.css here and the one on my test site. Apart from a couple of differences, some of which are Twitch's fixes, there are pretty much the same.

I have attached my one to this post so you can compare and test it out if you wish. I should add that it also fixes the '.inline_mod_check' button issue on here.



You have alot of validation issues, see the attached file.

You cannot view this attachment.

[attachment deleted by admin]
This is a signature.

TwitchisMental

#65
I have attached the index.css with all errors resolved. (Still shows validation issues due to the scrollbar stuff, but that is fine its just pseudo stuff that isn't completely supported yet.)


Another note, browser prefixes are not really needed anymore, they were common back in the 2.0 days due to css3 still being standardized. There are some exceptions though like the scrollbar stuff XD.

Edit: Went ahead and included the sticky/locked topic stuff.

[attachment deleted by admin]
This is a signature.

Dave

#66
Quote from: TwitchisMental on Apr 03, 2023, 10:51 AMI have attached the index.css with all errors resolved. (Still shows validation issues due to the scrollbar stuff, but that is fine its just pseudo stuff that isn't completely supported yet.)


Another note, browser prefixes are not really needed anymore, they were common back in the 2.0 days due to css3 still being standardized. There are some exceptions though like the scrollbar stuff XD.

Edit: Went ahead and included the sticky/locked topic stuff.



Thanks Twitch it's much appreciated

TwitchisMental

Quote from: Dave on Apr 03, 2023, 10:58 AM
Quote from: TwitchisMental on Apr 03, 2023, 10:51 AMI have attached the index.css with all errors resolved. (Still shows validation issues due to the scrollbar stuff, but that is fine its just pseudo stuff that isn't completely supported yet.)


Another note, browser prefixes are not really needed anymore, they were common back in the 2.0 days due to css3 still being standardized.



Thanks Twitch it's much appreciated

No problem, attached a newer index.css above with some other fixes included. XD
This is a signature.

Dave

Quote from: TwitchisMental on Apr 03, 2023, 10:59 AM
Quote from: Dave on Apr 03, 2023, 10:58 AM
Quote from: TwitchisMental on Apr 03, 2023, 10:51 AMI have attached the index.css with all errors resolved. (Still shows validation issues due to the scrollbar stuff, but that is fine its just pseudo stuff that isn't completely supported yet.)


Another note, browser prefixes are not really needed anymore, they were common back in the 2.0 days due to css3 still being standardized.



Thanks Twitch it's much appreciated

No problem, attached a newer index.css above with some other fixes included. XD

You're a good man Twitch...I don't care what the others say   ;D

Dave

Line 179 the input not resolved in your new index.css Twitch


/* Give disabled input elements a different style */
input[disabled], textarea[disabled], select[disabled], .button.disabled, .button[disabled]:hover {
background: #eee;
color: #999;
border-color: #b6b6b6;
opacity: 0.8;
cursor: default;
}

No resolved in your new index.css Twitch


Resolve is

/* Give disabled input elements a different style */
input[disabled], textarea[disabled], select[disabled], .button.disabled, .button[disabled]:hover {
background: rgb(48, 48, 48);
color: #999;
border-color: #a28875;
opacity: 0.8;
cursor: default;
}

TwitchisMental

Quote from: Dave on Apr 03, 2023, 11:14 AMLine 179 the input not resolved in your new index.css Twitch


/* Give disabled input elements a different style */
input[disabled], textarea[disabled], select[disabled], .button.disabled, .button[disabled]:hover {
    background: #eee;
    color: #999;
    border-color: #b6b6b6;
    opacity: 0.8;
    cursor: default;
}

No resolved in your new index.css Twitch


Resolve is

/* Give disabled input elements a different style */
input[disabled], textarea[disabled], select[disabled], .button.disabled, .button[disabled]:hover {
    background: rgb(48, 48, 48);
    color: #999;
    border-color: #a28875;
    opacity: 0.8;
    cursor: default;
}

Yeah didn't mess with this to be honest, just the other stuff I mentioned.

Have included it in the attached file below. Also adjusted the hover border color for input boxes to match the original 2.0 theme. Also updated the a.newpost indicator background color.

[attachment deleted by admin]
This is a signature.

Bocool

Thanks a lot guys!!!

And sorry cause I guess I was so tired last night I used the code for Cleanwhite for Ambassador! LOL I wanted to go to bed but was very happy to get some help. :)

TwitchisMental

/* Colors for background of posts requiring approval */
.approvebg {
color: #222;
background: #ffeaea;
}
.approvebg2 {
color: #222;
background: #fff2f2;
}

These will need to be updated aswell. I would use the same background as the .windowbg.approvetopic background. Which is #943030 .

This is a signature.

Bocool

Done and added a Recycle Topics board. ;)

EDIT: And, uploaded you index.css. Thanks! 8)

TwitchisMental

So noticed an issue with the title_Bar/bg.

You have a background-image on every instance of titlebg or title_bar.

You only need it to show on the .title_bar class.
This is a signature.