Sticky posts styling not working on all indexes

[DJPaul]

Review feedback: "Sticky posts must be styled and functioning correctly; this should be the case whether front page is set to blog posts by default or when a front page is set to Static Page and blog posts are in regular page.

For bp-default theme, sticky posts styling (orange background for meta) only shows up when set up is default blog posts for front page but fails when front page is set to static page."

[karmatosed]

I've got 2 suggestions both just changing css rather than styling as use the same styling.

1. Keep the absolute naming and have it as - divsticky.diff attached:

body.home-page .sticky .date, 
div.page .sticky .date {
	background: #fff9db;
	border-top: 1px solid #ffe8c4;
	border-bottom: 1px solid #ffe8c4;
	color: #ffa200;
	padding: 5px;
}

2. Just do a .sticky styling on that element - nodivsticky.diff attached: Unless objections this would be my recommendation.

.sticky .date {
	background: #fff9db;
	border-top: 1px solid #ffe8c4;
	border-bottom: 1px solid #ffe8c4;
	color: #ffa200;
	padding: 5px;
}

[karmatosed]

Passing to you Paul for confirmation of which method you want to use.

[hnla]

The later is the best approach, the former is too specific and can break, theoretically, if stickies somehow appeared on another page, or those antecedent selectors changed in any manner.

Descendant selectors while powerful and important to understand and use become dangerous and hard to trouble shoot in dynamic sites where content is vast and complicated, where possible styling to classes and ID with descendant selectors used only where absolutely necessary is safest.

[djpaul]

(In [4411]) Make sticky post CSS style less generic when blog posts are set to display on a regular page. Fixes #3239, props karmatosed