css PM popup trouble.

[DoubleJ]

If you get a new pm you get this popup.
I made that the text is Not underlined, BOLD and red and the border is also red.
when you have the border and the text color gets black.
This works perfectly in Internet Explorer and Fire fox.
But I cannot get this to work properly in Opera.

Here is the css code of the popup block:

Code: Select all

.pm-block { display: none; }

.pm-block-new { display: block; margin: 20px; padding: 5px; text-align: center; }
.pm-block-new a {
   margin: 5px;
   padding: 20px 30px;
   background: #F0F0F0;
   border: solid 1px #FF0000;
   font-size: 12px; font-weight: bold; color: #FF0000; text-decoration: none;
}
.pm-block-new a:hover {
   color: #000000;
   border-color: #000000;
}

[PostBot]

What's the code in tpl file? And what exactly doesn't work with Opera?

[DoubleJ]

in overall_header.tpl this code is there:

Code: Select all

<!-- BEGIN switch_user_logged_in --> 
<div class="pm-block{PRIVMSG_IMG}"><a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}</a></div> 
<!-- END switch_user_logged_in --> 

What should happen is that the text should be red and NOT underlined when not hovering.
but the text is black and underlined but as you see in the css code that should be red and not underlined.

The border only displays and hovers as it should while in FF and IE the text is shown correctly.

[PostBot]

You didn't set :visited link. Maybe some other css overrides :visited?

[DoubleJ]

http://83.116.136.155/extremestylesdemo/
http://83.116.136.155/extremestylesdemo ... header.tpl
http://83.116.136.155/extremestylesdemo ... /style.css
Those are the links to my local test setup.
I added a:visited to this:
.pm-block-new a, a:visited
and now I get what you see there.(first link)
And I got more of those errors that are really hard to get rid of.
*edit*
I altered this line: .pm-block-new a, a:visited
to this:
.pm-block-new a, .pm-block-new a:visited
and now it works.
but why does the first entry not work as it should be the same.

[PostBot]

first entry is not the same. those are completely different selectors and first one affects all links, not only links inside .pm-block-new

[DoubleJ]

[quote user="CyberAlien" post="38998"]first entry is not the same. those are completely different selectors and first one affects all links, not only links inside .pm-block-new[/quote]
ok
That then also explains also why the other links I created that way gave all those errors.
Thanks.