New Style

[JacobH]

JacobH: “slightly more restrained use of px as a unit of measurement†. Yes and no. The logo is a fixed 48px by 48px, so H1 text shown next to that should be expressed in px. For sensible comparison, so is H2. My intention was that other text be in ems, though PEBKAC is more than likely.

At the moment, you’ve got h1 as 4ems which on my machine, with default settings, translates to about 62px:

Code: Select all

/* Site description and logo */
#site-description {
	float: left;
	width: 70%;
	font-size: 4em;
[…]
}

The h2 is, however, being explicitly defined as 48px

Code: Select all

h2 {
	/* Forum header titles */
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #3f3f3f;
	font-size: 48px;
	margin: 0.8em 0 0.2em 0;
}

Perhaps we could have the h2.logo being 48px and have the normal h2 (which is used as the topic titles) slightly smaller?

Incidentally, if ProSilver is the default style for phpbb3, I’m a bit appalled at the quality of the CSS that they’ve put into the release. Due to the Cascading nature of CSS, having a well structured file is absolutely vital. Also, if grouping is done properly and by feature rather than html element, it is much easier to modify the CSS without running hundreds of search/replace queries. You very much have my sympathy for having to wrestle with it!

[JacobH]

I hate to think how much of my life I have wasted

I am prepared to sympathyse providing the waste is expressed as a percentage of current age

At a conservative estimate of 6 months, I suppose that would be something like 5%?

[jdaw1]

I’m a bit appalled at the quality of the CSS that they’ve put into the release. Due to the Cascading nature of CSS, having a well structured file is absolutely vital

Thank you — it’s not just me. It does seem like a mess.

Anyway, you have email with the latest version. Feel free to rewrite (or to tell me to rewrite) anything.

[benread]

Am I being blind or is the "quote" button now awol?

[DRT]

I hate to think how much of my life I have wasted

I am prepared to sympathyse providing the waste is expressed as a percentage of current age

At a conservative estimate of 6 months, I suppose that would be something like 5%?

So, you can think yourself lucky that you are not my age otherwise that would be 53 months

[DRT]

Good spot. Found and fixed, at least on my at-home version.

Jdaw1,

I'm not sure what your "at home" version consists of but if it allows you to seem the results of your labour when applying fixes then perhaps you could post screenshots here so that we can continue to comment between updates to the live system?

Derek

[jdaw1]

I have set the default style back to black.

Users may still choose ThePortForumRed for themselves, if they should so wish. When it’s nearer perfection it will become the default.

[RonnieRoots]

I have set the default style back to black.

Users may still choose ThePortForumRed for themselves, if they should so wish. When it’s nearer perfection it will become the default.

Will this style still be available when theportforumred becomes default?

[jdaw1]

Will this style still be available when theportforumred becomes default?

Chief Admin’s decision.

[DRT]

Will this style still be available when theportforumred becomes default?

Chief Admin’s decision.

I agree it is Chief Admin's decision but I vote yes, it should still be available for the users to choose individually if they want to.

[jdaw1]

Larger icons implemented. Comment welcome.

New colours can’t yet be enabled because of a strange bug that will, hopefully, be fixed soon.

[DRT]

The button size does not seem to have changed. Perhaps the change just isn't great enough to make a difference.

I have noticed that a few of the buttons (such as Reply) seem to have hyperlinks hidded beneath them that are not very well hidded.

Derek

[jdaw1]

I have noticed that a few of the buttons (such as Reply) seem to have hyperlinks hidded beneath them that are not very well hidded.

Hmm. Will work on that. (Except that none of my work will have any affect until the ‘refresh’ problem is fixed.)

[jdaw1]

Hmmmm. Refresh problem was my fault: strictly ASCII please — no “•† characters.

So we have progress — please set your style to ThePortForumRed, and either marvel or make specific suggestions.

And I know the jump-to-top graphic is a mess.

And please, in the following why doesn’t the second set of lines work?

Code: Select all

a:link:focus, a:visited:focus {border: thin dotted #cc9933;}
a:link {color: #990000;}
a:visited {color: #cc9933;}
a:link:hover, a:visited:hover {color: #000000;}
a:link:active, a:visited:active {color: #ffffff; background-color: #990000;} 

a:link[background-color ~= #990000] {color: #ffffff;}
a:link:hover[background-color ~= #990000] {color: #c46a6a;}
a:visited:hover[background-color ~= #990000] {color: #c46a6a;}
a:link:active[background-color ~= #990000] {color: #990000; background-color: #cc9933;} 
a:visited:active[background-color ~= #990000] {color: #990000; background-color: #cc9933;}

[benread]

I have moved to new TPF red style and "back to the top" buttons seem to be missing. Any ideas how I get these back?

Thanks.

[jdaw1]

Any ideas how I get these back?

You ask me. On the case.

[JacobH]

Hmmmm. Refresh problem was my fault: strictly ASCII please — no “•† characters.

Ah, that’s what those characters were! Out of interest, what encoding were you using? I would have thought UTF-8 would be safe.

The new theme is great; I like it a lot and anyone on ProSilver should switch. I do wonder whether the header might change, though. To my eyes, it might look better if either the logo (or, if not the whole logo, just the letters) were re-drawn so it appeared smooth at a larger size, or if the header appeared in a mono-spaced typeface which would then more closely match the letters of the logo.

And please, in the following why doesn’t the second set of lines work?

Code: Select all

a:link:focus, a:visited:focus {border: thin dotted #cc9933;}
a:link {color: #990000;}
a:visited {color: #cc9933;}
a:link:hover, a:visited:hover {color: #000000;}
a:link:active, a:visited:active {color: #ffffff; background-color: #990000;} 

a:link[background-color ~= #990000] {color: #ffffff;}
a:link:hover[background-color ~= #990000] {color: #c46a6a;}
a:visited:hover[background-color ~= #990000] {color: #c46a6a;}
a:link:active[background-color ~= #990000] {color: #990000; background-color: #cc9933;} 
a:visited:active[background-color ~= #990000] {color: #990000; background-color: #cc9933;}

I think you may have got this working, but if not:

CSS defines 4 main link pseudo-elements:
a:link (normal link)
a:visited (link that has already been visited)
a:hover (normal link with mouseover)
a:active (link that has been clicked on and is currently loading)

They must, bizarrely, come in that order to work and I don’t believe that you are able to nest them (so you can’t have a different colour for a visited link which has been hovered over compared to one that has not been visited and is being hovered over; but I don’t think you are trying to do that).

-Jacob

[JacobH]

And please, in the following why doesn’t the second set of lines work?

Code: Select all

a:link:focus, a:visited:focus {border: thin dotted #cc9933;}
a:link {color: #990000;}
a:visited {color: #cc9933;}
a:link:hover, a:visited:hover {color: #000000;}
a:link:active, a:visited:active {color: #ffffff; background-color: #990000;} 

a:link[background-color ~= #990000] {color: #ffffff;}
a:link:hover[background-color ~= #990000] {color: #c46a6a;}
a:visited:hover[background-color ~= #990000] {color: #c46a6a;}
a:link:active[background-color ~= #990000] {color: #990000; background-color: #cc9933;} 
a:visited:active[background-color ~= #990000] {color: #990000; background-color: #cc9933;}

Also, I haven’t used attribute selectors before, but can they be used for CSS? I thought they could only be used for selecting HTML attributes? For example:
input[type="submit"]{ xyz };
would select:
<input type="submit">

The only way to achieve CSS selection would with be with in-line CSS:
p[style="color: white"]{ xyz };
or a class:
p[class="post"]{ xyz };

[jdaw1]

The new theme is great; I like it a lot and anyone on ProSilver should switch.

Well, thank you kindly.

I do wonder whether the header might change, though. To my eyes, it might look better if either the logo (or, if not the whole logo, just the letters) were re-drawn so it appeared smooth at a larger size, or if the header appeared in a mono-spaced typeface which would then more closely match the letters of the logo.

This is a digital community: its digitality, the forum, is at its core. Hence the deliberately bitmapped logo. The official TPF typeface is Palatino Bold, and the official colour is 0.6:0:0 = 990000, or pantone 704 in print.

As for the CSS, www.webmasterworld.com/forum83/9334.htm suggested the layout I used. (And I am thoroughly unable to adjudicate its disagreement with you.) But in any event the problem was ‘fixed’ only by removing all the 990000 backgrounds.

[jdaw1]

Any ideas how I get these back?

You ask me. On the case.

BackToTop uparrow has returned. That was more trouble, and less well done, than it ought to have been.

Private message pages also tidied. Comment welcomed.

[benread]

Any ideas how I get these back?

You ask me. On the case.

BackToTop uparrow has returned. That was more trouble, and less well done, than it ought to have been.

Private message pages also tidied. Comment welcomed.

...but much appreciated. Thank you.

[DRT]

Could the header please look like this?

Note smaller font.



ThePortForum.com

[jdaw1]

No. That occupies more vertical space — one would have to scroll sooner and further.

[DRT]

Can we have the smaller font and a larger gap between the logo and ThePortForum.com?



ThePortForum.com

[jdaw1]

Screenshot very helpful. Thank you. Looks far better on my Mac Firefox.

Please could you ensure that the stylesheets are refreshed. Please click refresh, shift-refresh, or whatever it is on IE that forces it to completely reload.