How do you people learn how to use CSS? Is there a manual somewhere?
--
<Bill>

Brought to you from Anchorage, Alaska

On 10/26/23 12:23 PM, this is what Bill Bradshaw wrote:
> How do you people learn how to use CSS? Is there a manual somewhere?
I'm sure there are.

https://www.w3schools.com/

There is a CSS section, and a css reference.

I have done it all by looking at other's code. Some things are tooooo simple.

color: red;
color: #FF0000;

width: 24px;
height: 24px;

W3schools had a lot of reference and then examples and some you can edit to see what your edit does.

As for editing thunderbird itself, that's another story. Still if you could find a good userChrome.css like some people
post here, then changes like above are pretty simple. Don't like red, make it orange.

I'm not sure how much you're looking for. That question is kinda open ended. But mostly trial and error and examples
from others is my way. TB and Firefox both have a DOM inspector built in that allows you to pick an item and see the
code behind it. You can copy the code link and paste it into your userChrome and then modify it.

As a general rule, if you change something you usually put !important after it to override the system.
color: red !important;

Not always, But I do it all the time for the heck of it.

TIME and PERSEVERE.
--
Linux Mint 21.2 Cinnamon
Al

On 10/26/23 01:04 PM, this is what Big Al wrote:
> W3schools had a lot of reference

Should be HAS.
--
Linux Mint 21.2 Cinnamon
Al

Big Al wrote:

> Bill Bradshaw wrote:
>
>> How do you people learn how to use CSS?
>
> I have done it all by looking at other's code.

Same here.

Look at some simple tutorials and examples, maybe play about within
codepen, but learning how to tweak TB's css isn't going to be much like
developing a website from scratch.

You need to know about selectors, either for matching a single element
by id, or several elements by class (then getting cleverer by having
certain attributes, or x being a child of y)

fire up TB's developer tools, play with the inspector, you can tweak
stuff within there and it's not permanent, just quit and it's back to
normal, if you make a change you like, whack it in your userChrome file.

Bill Bradshaw, 2023-10-26 18:23:

> How do you people learn how to use CSS? Is there a manual somewhere?

Maybe this helps:

<https://web.dev/learn/css>

--
Arno Welzel
https://arnowelzel.de

Andy Burns <usenet@andyburns.uk> wrote:
> Big Al wrote:
>
>> Bill Bradshaw wrote:
>>
>>> How do you people learn how to use CSS?
>>
>> I have done it all by looking at other's code.
>
> Same here.
>
> Look at some simple tutorials and examples, maybe play about within
> codepen, but learning how to tweak TB's css isn't going to be much like
> developing a website from scratch.
>
> You need to know about selectors, either for matching a single element
> by id, or several elements by class (then getting cleverer by having
> certain attributes, or x being a child of y)
>
> fire up TB's developer tools, play with the inspector, you can tweak
> stuff within there and it's not permanent, just quit and it's back to
> normal, if you make a change you like, whack it in your userChrome file.

Agreed. Practice makes perfect, right? But I would rather recommend
to play with the Web itself. Yes, via the developer tools, but the
browser ones. Most modern browsers have such a tool.

--
Best regards,
DrunkenThon.

Bill Bradshaw <bradshawalaska@hotmail.com> wrote:
> How do you people learn how to use CSS? Is there a manual somewhere?

In addition to suggested sites you can also try Mozilla's own guides
at https://developer.mozilla.org/en-US/docs/Learn/CSS. To be honest,
I haven't tried those, but at a first glance they are pretty thorough
and also have interactive learning forms.

--
Best regards,
DrunkenThon.

On 26 Oct 2023 08:23:07 -0800 Bill Bradshaw wrote:
>How do you people learn how to use CSS? Is there a manual somewhere?

CSS is aimed at websites. This is a Thunderbird NG. If you're thinking of
styling TB itself (userChrome.css as opposed to userContent.css) then the
principles of css are applicable but you won't find much.

But css is useful. I would practice by restyling websites in Firefox,
using the Stylish addon.
--
(Remove numerics from email address)

Dave Royal <dave@dave123royal.com> wrote:

> Bill Bradshaw wrote:
>
>>How do you people learn how to use CSS? Is there a manual somewhere?
>
> CSS is aimed at websites. This is a Thunderbird NG. If you're thinking of
> styling TB itself (userChrome.css as opposed to userContent.css) then the
> principles of css are applicable but you won't find much.

Very true. The objects and their attributes specified in userchrome.css
are those defined inside of Tbird. I never bothered to look, but it
could difficult to impossible to know what are those internal objects to
which the CSS would reference. Seems you would have to dig into Tbird's
code to get the object names. Or, is there a tool that would expose
them?

VanguardLH wrote:

> The objects and their attributes specified in userchrome.css
> are those defined inside of Tbird. I never bothered to look, but it
> could difficult to impossible to know what are those internal objects to
> which the CSS would reference. Seems you would have to dig into Tbird's
> code to get the object names. Or, is there a tool that would expose
> them?

As mentioned, there is the developer toolbox built into TB, this lets
you look at the XML which is used to render the user interface ...

Within TB just press ctrl-shift-I, if you only see a blank window then
expect to find another window asking for permission behind that one.

On 10/27/23 04:09 AM, this is what Andy Burns wrote:
> VanguardLH wrote:
>
>> The objects and their attributes specified in userchrome.css
>> are those defined inside of Tbird.  I never bothered to look, but it
>> could difficult to impossible to know what are those internal objects to
>> which the CSS would reference.  Seems you would have to dig into Tbird's
>> code to get the object names.  Or, is there a tool that would expose
>> them?
>
> As mentioned, there is the developer toolbox built into TB, this lets you look at the XML which is used to render the
> user interface ...
>
> Within TB just press ctrl-shift-I, if you only see a blank window then expect to find another window asking for
> permission behind that one.
And if you go to config editor and set
devtools.debugger.prompt-connection = false
That prompt will not show up.
--
Linux Mint 21.2 Cinnamon
Al

VanguardLH, 2023-10-27 07:19:

> Dave Royal <dave@dave123royal.com> wrote:
>
>> Bill Bradshaw wrote:
>>
>>> How do you people learn how to use CSS? Is there a manual somewhere?
>>
>> CSS is aimed at websites. This is a Thunderbird NG. If you're thinking of
>> styling TB itself (userChrome.css as opposed to userContent.css) then the
>> principles of css are applicable but you won't find much.
>
> Very true. The objects and their attributes specified in userchrome.css
> are those defined inside of Tbird. I never bothered to look, but it
> could difficult to impossible to know what are those internal objects to
> which the CSS would reference. Seems you would have to dig into Tbird's
> code to get the object names. Or, is there a tool that would expose
> them?

Yes, the developer tools (Ctr+I). When the developer tool window opens,
you have to allow access in Thunderbird first. But then you see a very
detailed HTML structure representing the UI of Thunderbird.

--
Arno Welzel
https://arnowelzel.de

Arno Welzel, 2023-10-27 15:40:

> VanguardLH, 2023-10-27 07:19:
>
>> Dave Royal <dave@dave123royal.com> wrote:
>>
>>> Bill Bradshaw wrote:
>>>
>>>> How do you people learn how to use CSS? Is there a manual somewhere?
>>>
>>> CSS is aimed at websites. This is a Thunderbird NG. If you're thinking of
>>> styling TB itself (userChrome.css as opposed to userContent.css) then the
>>> principles of css are applicable but you won't find much.
>>
>> Very true. The objects and their attributes specified in userchrome.css
>> are those defined inside of Tbird. I never bothered to look, but it
>> could difficult to impossible to know what are those internal objects to
>> which the CSS would reference. Seems you would have to dig into Tbird's
>> code to get the object names. Or, is there a tool that would expose
>> them?
>
> Yes, the developer tools (Ctr+I). When the developer tool window opens,
[...]

If course Ctrl+Shift+I, but everything else already has explained about
this.

--
Arno Welzel
https://arnowelzel.de