Habari Xenu CSS "chrome" - element problem

(See http://habarixenu.mozdev.org for info on HX. It's an RSS reader.)

I've customized this addon to look exactly the way I'd like, but can't
seem to get the "content:after" pseudo-element to work for visited
links. Aware of CSS "heritability" (elements must be presented in a
certain logical order, or else the whole thing falls apart like a
house of cards), I'll post the entire file (~150 lines, including
comments) if requested. Until then, here's a relevant chunk:

******* CODE FOLLOWS *******

..hx-headline {

border-bottom: 1px solid #ddd !important;
color: #000 !important;
display: block !important;
font-family: Trebuchet MS, arial, verdana, sans-serif !important;
font-size: 20px !important;
font-weight: normal !important;
min-height: 1.3em !important;
padding: 14px 0 0 0 !important;
}

..hx-headline a {

color: #000;
text-decoration: none;
}

..hx-headline a:visited:after { content: " (finished)"; }

******* END CODE *******

For what it's worth, even the ".hx-headline a" doesn't have any effect
either (tried changing the color to red -- #f00 -- but that didn't
work. I adapted this code from "Mozilla" at sage.mozdev.org.
Everything works perfectly, exactly the look I want, except for this
one thing.

By the way, I use (Mozilla) Seamonkey, not Firefox, so Sage won't work
for me.

Re: Habari Xenu CSS "chrome" - element problem

"zara" wrote in message
news:ac44cf7f-99e7-4698-af33-43d4321579e7@i29g2000prf.google groups.com...
> (See http://habarixenu.mozdev.org for info on HX. It's an RSS reader.)
>
> house of cards), I'll post the entire file (~150 lines, including
> comments) if requested. Until then, here's a relevant chunk:

Post the URL.

--
Richard.

Re: Habari Xenu CSS "chrome" - element problem

Well bust mah britches and call me cheeky, on Thu, 27 Dec 2007 04:50:38
GMT zara scribed:

> I've customized this addon to look exactly the way I'd like, but can't
> seem to get the "content:after" pseudo-element to work for visited
> links. Aware of CSS "heritability" (elements must be presented in a
> certain logical order, or else the whole thing falls apart like a
> house of cards), I'll post the entire file (~150 lines, including
> comments) if requested. Until then, here's a relevant chunk:
>
> ******* CODE FOLLOWS *******
>
> .hx-headline {
>
> border-bottom: 1px solid #ddd !important;
> color: #000 !important;
> display: block !important;
> font-family: Trebuchet MS, arial, verdana, sans-serif !important;
> font-size: 20px !important;
> font-weight: normal !important;
> min-height: 1.3em !important;
> padding: 14px 0 0 0 !important;
> }
>
> .hx-headline a {
>
> color: #000;
> text-decoration: none;
> }
>
> .hx-headline a:visited:after { content: " (finished)"; }
>
> ******* END CODE *******
>
> For what it's worth, even the ".hx-headline a" doesn't have any effect
> either (tried changing the color to red -- #f00 -- but that didn't
> work. I adapted this code from "Mozilla" at sage.mozdev.org.
> Everything works perfectly, exactly the look I want, except for this
> one thing.
>
> By the way, I use (Mozilla) Seamonkey, not Firefox, so Sage won't work
> for me.

I dunno, you may simply need to change to:

..hx-headline a:link {

color: #000;
text-decoration: none;
}

(Notice the ":link".)

--
Neredbojias
Riches are their own reward.

Re: Habari Xenu CSS "chrome" - element problem

On Dec 27, 12:30 am, "rf" wrote:

> Post the URL.
>
> --
> Richard.

http://www.jeffntina.com/habarixenucustom1.css

Thanks in advance --

Re: Habari Xenu CSS "chrome" - element problem

In article
<68134706-b171-45ff-ba6b-fa235d078cca@c4g2000hsg.googlegroups.com
>,
zara wrote:

> On Dec 27, 12:30 am, "rf" wrote:
>
> > Post the URL.
> >
> > --
> > Richard.
>
> http://www.jeffntina.com/habarixenucustom1.css
>
> Thanks in advance --

That is not what what was meant. A URL to a live webpage, this
way everyone can see everything including the css.

--
dorayme

Re: Habari Xenu CSS "chrome" - element problem

On Dec 27, 12:44 am, Neredbojias wrote:
> I dunno, you may simply need to change to:
>
> .hx-headline a:link {
>
> color: #000;
> text-decoration: none;
>
> }
>
> (Notice the ":link".)
>
> --
> Neredbojias
> Riches are their own reward.

Thought about that, and I did try it, but no luck. Very strange.

I also tried adding "div.hx-headline" etc., and then ":visited:after",
"a:visited:after", and so on, and every imaginable combination
thereof, in a desperate attempt to stumble into the light switch in
the dark.

Grrrrr ...

I'd guess that this pseudo-element isn't compatible with my browser
(Seamonkey 1.1.4), except that when I go to sage.mozdev.org/styles and
click on the "Mozilla" style, visit one of the links, return and
reload, *bang*, it works there. Go figure ...

Re: Habari Xenu CSS "chrome" - element problem

On Dec 27, 12:54 am, dorayme wrote:
> That is not what what was meant. A URL to a live webpage, this
> way everyone can see everything including the css.
>
> --
> dorayme

Right. Unfortunately, Habari Xenu is a Mozilla/Firefox extension,
customizable via CSS. I'd embed it into my personal web page (a la
"Sage" at mozdev) if I knew how, but ... alas.

Re: Habari Xenu CSS "chrome" - element problem

In article
<4623fa73-60ee-4d92-a9ce-e0c8e75c334d@x29g2000prg.googlegroups.co
m>,
zara wrote:

> On Dec 27, 12:54 am, dorayme wrote:
> > That is not what what was meant. A URL to a live webpage, this
> > way everyone can see everything including the css.
> >
> > --
> > dorayme
>
> Right. Unfortunately, Habari Xenu is a Mozilla/Firefox extension,
> customizable via CSS. I'd embed it into my personal web page (a la
> "Sage" at mozdev) if I knew how, but ... alas.

Perhaps I am not concentrating? Are you saying you do not know
how to upload a test case html doc up to a public server so that
you can ask how to get some feature that is not working and can
be seen not to be working working? I can help you. But I am not
going off on a wild goose chase if this is not what you are
saying.

--
dorayme

Re: Habari Xenu CSS "chrome" - element problem

On Dec 27, 1:27 am, dorayme wrote:

> Are you saying you do not know
> how to upload a test case html doc up to a public server so that
> you can ask how to get some feature that is not working and can
> be seen not to be working working?
>
> --
> dorayme

Here ya go ...

http://jeffntina.com/hx-test.htm

Now, if I get rid of the anchor, and just leave it as:

..hx-headline:after {

color: #f00 !important;
content: " (visited)" !important;
font-size: 12px;
}

it works. Squeeze in "a:visited" and it breaks.

Re: Habari Xenu CSS "chrome" - element problem

In article
<5abba24b-2681-4777-be24-4e61e5a5a6fd@f53g2000hsg.googlegroups.co
m>,
zara wrote:

> On Dec 27, 1:27 am, dorayme wrote:
>
> > Are you saying you do not know
> > how to upload a test case html doc up to a public server so that
> > you can ask how to get some feature that is not working and can
> > be seen not to be working working?
> >
> > --
> > dorayme
>
> Here ya go ...
>
> http://jeffntina.com/hx-test.htm
>
> Now, if I get rid of the anchor, and just leave it as:
>
> .hx-headline:after {
>
> color: #f00 !important;
> content: " (visited)" !important;
> font-size: 12px;
> }
>
> it works. Squeeze in "a:visited" and it breaks.

Gosh, I think that is the first stylesheet I have ever seen where
everything is so !important.

I know that if you uncomment your:

..hx-headline:hover {
color: #EF7314 !important;
text-decoration: underline !important;
}

the hover effect then works in both my Safari and FF but not
otherwise. But I cannot penetrate your css for now, sorry.

--
dorayme

Re: Habari Xenu CSS "chrome" - element problem

In article
,
dorayme wrote:

> In article
> <5abba24b-2681-4777-be24-4e61e5a5a6fd@f53g2000hsg.googlegroups.co
> m>,
> zara wrote:
>
> > On Dec 27, 1:27 am, dorayme wrote:
> >

I meant to add that if you must use XHTML, I would have thought
that:

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">


would be what you would have at top.

You have:


"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">



I think this confuses the validators, maybe your browser too?

You need to look into these errors too:

Document type doesn't permit attribute ³target² within element
³².
Document type doesn't permit attribute ³clear² within element
³
².

--
dorayme

On Dec 27, 6:58 pm, dorayme wrote:
> You have:
>
>
> > "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
>
>
>
> I think this confuses the validators, maybe your browser too?
>
> You need to look into these errors too:
>
> Document type doesn't permit attribute =B3target=B2 within element
> =B3=B2.
> Document type doesn't permit attribute =B3clear=B2 within element
> =B3
=B2.
>
You asked me to dummy up a page to look like what's shown in Habari
Xenu, so I did that. I have a habit of writing everything in XHTML,
but Habari Xenu doesn't even have so much as a declaration.
When you view the source of the right-hand (content) frame, the first
thing you see is this:




display.css'>