prosilver template - different style for post-buttons

General discussion of development ideas and the approaches taken in the 3.x branch of phpBB. The current feature release of phpBB 3 is 3.3/Proteus.
Forum rules
Please do not post support questions regarding installing, updating, or upgrading phpBB 3.3.x. If you need support for phpBB 3.3.x please visit the 3.3.x Support Forum on phpbb.com.

If you have questions regarding writing extensions please post in Extension Writers Discussion to receive proper guidance from our staff and community.
Post Reply
nachtelb
Registered User
Posts: 30
Joined: Sun Feb 19, 2006 1:55 pm
Location: Germany
Contact:

prosilver template - different style for post-buttons

Post by nachtelb »

The buttons inside and outside of postings are the same class. I would like to release a blackgreen style and i need two different classes for this buttons. Since i dont want to touch the prosilver-template (theme-only style) i ask for a new button-class for all buttons inside the posting for prosilver.
buttons.jpg
(113.29 KiB) Downloaded 279 times
[Edit] deleted RFC
Last edited by nachtelb on Sun Jul 13, 2014 3:22 pm, edited 1 time in total.

User avatar
PayBas
Registered User
Posts: 305
Joined: Tue Jul 29, 2008 6:08 pm
Contact:

Re: [RFC] prosilver template - new button-class needed

Post by PayBas »

Can't you just use: .post-buttons .button { }?

nachtelb
Registered User
Posts: 30
Joined: Sun Feb 19, 2006 1:55 pm
Location: Germany
Contact:

Re: prosilver template - different style for post-buttons

Post by nachtelb »

Thank you PayBas! :oops: I didn't know.

Solution:

Code: Select all

.post-buttons .button {
	border-color: #909090;
	background-color: #000;
	background-image: -moz-linear-gradient(top, #909090, #000);
	background-image: -webkit-linear-gradient(top, #909090, #000);
	background-image: -o-linear-gradient(top, #909090, #000);
	background-image: linear-gradient(to bottom, #909090, #000);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#909090', EndColorStr='#000')";
	box-shadow: 0 0 0 1px #606060 inset;
	-webkit-box-shadow: 0 0 0 1px #002000 inset;
	color: #F90;
}

.post-buttons .button:hover {
	border-color: #909090;
	background-image: -moz-linear-gradient(top, #002000, #000);
	background-image: -webkit-linear-gradient(top, #002000, #000);
	background-image: -o-linear-gradient(top, #002000, #000);
	background-image: linear-gradient(to bottom, #002000, #000);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#002000', EndColorStr='#000')";
	text-shadow: 1px 1px 0 #505050, -1px -1px 0 #000, -1px -1px 0 rgba(188, 42, 77, 0.2);
}

Post Reply