FUDforum: Icons & buttons » Crisp button style tweak

Home » FUDforum Development » Icons & buttons » Crisp button style tweak

Show: Today's Messages :: Polls :: Message Navigator

Crisp button style tweak [message #161448]

Fri, 25 December 2009 21:49

fudidudi

Messages: 19
Registered: March 2009

Karma:

Junior Member

Crisp theme button style tweak, with css rollover state.

In my forum.css:

/* begin fudidudi button tweak */

/* comment out old button style
input.button {
background: #eee;
color: #000;
font-weight: normal;
border-width: 1px;
border-style: solid;
border-color: #b4b2b4;
}
*/

/* new button style */

input.button {
margin: 0px 2px 2px;
padding: 1px 2px;
text-align: center;
}

input.button:link, input.button:visited, input.button {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#ddd url(images/button.png) repeat-x scroll left top;
border-color:#ccc #b4b2b4 #ccc #b4b2b4;
border-style:solid;
border-width:1px;
color:#333;
cursor:pointer;
display:inline;
}

input.button:hover, input.button:hover {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#E2E2E2 url(images/button.png) repeat-x scroll left -115px;
color:#000;
}
/* end fudidudi button tweak */

Attachment: button.png
(Size: 0.28KB, Downloaded 1525 times)

[Updated on: Fri, 25 December 2009 21:50]

Report message to a moderator

[Message index]

		Crisp button style tweak By: fudidudi on Fri, 25 December 2009 21:49
		Re: Crisp button style tweak By: naudefj on Sun, 03 January 2010 08:48
		Re: Crisp button style tweak By: naudefj on Sun, 31 January 2010 18:58

Previous Topic:	quick reply button text
Next Topic:	Twilight Grey Themed Buttons

Goto Forum:

-=] Back to Top [=-

[ Syndicate this forum (XML) ] [

]

Current Time: Fri May 10 02:59:26 GMT 2024

Total time taken to generate the page: 0.04916 seconds